Spiegeleffekt in Photoshop
Das Video-Tutorial zeigt, wie man mit Adobe Photoshop Spiegelungen gestalten kann, wie sie heute häufig im Bereich Webdesign zu Einsatz kommen. Dabei wird das Gefühl erweckt, ein Gegenstand spiegele sich auf einer polierten Fläche. Im Screencast werden zwei Wege vorgestellt, einmal die Arbeit im Maskierungsmodus und einmal der Einsatz einer Ebenenmaske. Die zugehörige Photoshop-Datei steht zum Testen und nachbauen zum Download bereit.
Die Photoshop-Datei mit allen Ebenen kann hier heruntergeladen werden.
Wer das Tutorial ausprobiert, kann die Ergebnisse hier gern präsentieren. Ich bin gespannt.
31.05.2006 Rubrik: Screencasts, Tutorials. . Trackback-URL. RSS 2.0 Feed für die Kommentare.
31. Mai 2006, am frühen Abend
Echt sehr fein. Die Screencasts von dir werden immer besser!! Weiter so.
31. Mai 2006, am frühen Abend
Hi Marc, danke für das Feedback. Das freut mich :-).
31. Mai 2006, am frühen Abend
Btw, wer gespiegelte Bilder für seine Website braucht, der soll sich unbedingt mal das hier ansehen. Damit werden die Spiegelungen automatisch über Javascript erzeugt. Tolle Sache und sehr chic :)
31. Mai 2006, am frühen Abend
[...] Das Screencasting geht weiter und macht immer mehr Spaß. Heute gibt es wieder ein neues Video-Tutorial auf sceenz. Spiegeleffekt in Photoshop zeigt, wie man den allseits beliebten Effekt in Photoshop gestalten kann und geht dabei auf Maskierungsmodus und Ebenenmasken ein. Die Photoshop-Datei steht zum Probieren ebenfalls zum Download zur Verfügung. Viel Spaß! [...]
31. Mai 2006, abends
Schön, dass du dir du immer so viel Arbeit mit dem Screencast machst. Auch wenn es für mich wenig nenig Neues gibt, schaue ich trotzdem gerne zu.
Noch realistischer bekommt man die Spiegelungen übrigens, wenn man die Höhe der Spiegelebene auf ca. 50% reduziert. Dies entspräche einem Betrachtungswinkel von 90 Grad auf das Objekt.
31. Mai 2006, abends
Danke für den Tipp, David. Die Zielgruppe der Screencasts sind auch keine Profis so wie Du. Ich will mit intressanten Themen die Basics vermitteln … Aber wer weiß, habe noch spannende Ideen :-) …
31. Mai 2006, spät Abends
Wo sind denn die Downloadlinks für die Video-Tutorials hingekommen?
Mit ISDN ist das Laden der Clips im Browserplayer extrem nervig :(
1. Juni 2006, früh am Morgen
… und ich denke, Leute, die nicht Danke sagen können aber suagen, saugen, saugen … sind extrem nervig!
Danke, Manuela. Die Aktion ist genial!
1. Juni 2006, früh am Morgen
Danke, Nadja.
Der Download-Link befindet sich unterhalb des Players. Alternativ würde ich ein Abo per Feedreader oder iTunes empfehlen.
1. Juni 2006, am frühen Nachmittag
Nadja, wenn ich mich richtig erinnere habe ich mich bereits an anderer Stelle für die Tutorials bedankt. Ich weiß die Angebote auf dieser Seite durchaus zu schätzen.
Danke für den Hinweis Manuela. Mach weiter so und danke!
1. Juni 2006, nachmittags
Diese “nicht-professionelle” Zielgruppe ist Dir dafür glaube ich sehr dankbar :)
Ich für meinen Teil habe in den Tutorials schon viele kleine Funktionen entdeckt, denen ich bisher keine Aufmerksamkeit geschenkt habe, die aber im alltäglichen Photoshopleben sehr hilfreich sein können.
Vielen lieben Dank dafür also!
Nils
1. Juni 2006, am frühen Abend
Klasse Tutorial. Und eigentlich sehr einfach das Ganze. Man muss nur drauf kommen. Ich habe das mal umgesetzt und finde das Ergebnis ganz gut. Bitte den folgenden Link nicht als Werbung verstehen (wenn doch, dann kannste ihn löschen): http://www.j-k-s.com/blog
Grüße
Micha
2. Juni 2006, mitten in der Nacht
Hallo Manuela,
ich schaue deinen Screencast schon seit Anfang an zu und er ist zwar wirklich mit einfache Themen gespickt, jedoch immer wieder interessant anzuschauen, dass noch andere Menschen etwa dieselben Methoden nutzen um ein Ergebnis zu erreichen.
Was mir bei diesem Screencast einfällt ist, dass ich Spiegelungen zwar auch mit der Ebenenmaske mache, jedoch den Verlauf nicht an der Stelle, an denen beide Ebenen aufeinander treffen ansetze, sondern am oberen Beginn des “echten” Objektes und den Verlauf fast immer in der Mitte des unteren Spiegelbildes beende. So spare ich mir die nachträgliche Dreckkraft-Einstellung. Vielleicht ein Schritt weniger mit dem selben Ergebnis? Was meinst du?
2. Juni 2006, früh am Morgen
Danke Euch für das positive Feedback :-).
Martin, ich denke, das ist ebenso eine Möglichkeit. Was ich an den Ebenenmasken mag, ist, das man die Inhalte halt nicht zerstört und so immer wieder am Effekt arbeiten kann.
2. Juni 2006, früh am Morgen
[...] Vielen Dank für das große Interesse und das Feedback zu den bisherigen Screencasts hier auf screenz! Das aktuelle Tutorial Spiegeleffekt in Photoshop wurde seit Mittwoch Abend bereits über 1200 Ma abgerufen. Das freut mich sehr und es macht so noch mehr Spaß, neue Screencasts zu planen. Heute möchte ich einmal eine kleine Umfrage starten und fragen: [...]
2. Juni 2006, am Vormittag
stell ich mich zu blöd an oder geht das nur mit Photoshop 9 (CS 2).
Ich bekomme einen Verlauf in der Ebenenmaske nicht hin obwohl ich es Schritt für Schritt wie im Video beschrieben gemacht habe.
Jemand einen Ratschlag
2. Juni 2006, am Vormittag
Wäre hilfreich, wenn du uns kurz sagst, mit welcher Version du das testen möchtest. Sei es drum, ich arbeite zwar schon seit Version 3.0 mit Photoshop, kann mich aber gar nicht mehr dran erinnern, wann das eingeführt wurde. Es sollte aber eigentlich schon in Photoshop 6.0 enthalten sein (CS2 ist 9).
2. Juni 2006, am Vormittag
Ich war das Problem. Ganz wichtig ist das man das Verlaufswerkzeug auf Modus “Normal”, Deckkraft 100% und kein Häkchen hinter “Transparent”. Also die Grundeinstellung von Photoshop. Dann funktioniert es auch.
Es war Photoshop 8, aber hat sich ja gelöst. Vielleicht sollte man das erwähnen, dass man das Verlaufswerkzeug in seinen Ursprungseinstellungen benötigt!
2. Juni 2006, am späten Vormittag
Ein zweiter Teil des Tuturials wäre klasse, der die Technik bei schräg abgebildeten Objekten behandelt.
Weiter so! Klasse.
2. Juni 2006, am frühen Nachmittag
[...] Immer auf der Suche nach neuen Tips & Tricks zu Photoshop und Co bin ich vor einigen Tagen auf http://www.screenz.com gestoßen. Dort werden sehr schöne Tutorials als Video angeboten, in denen man Schritt für Schritt mitverfolgen kann, wie sich ein toller Effekt oder ein interessanter Trick umsetzen läßt. Zum Beispiel der oft-verwendete Spiegeleffekt. Zwar bringt es für mich in dem Sinne keine neuen Erkenntnisse, da die Screencasts hauptsächlich Basics behandeln, aber es ist interessant zu sehen, wie andere zu dem gleichen Ergebnis kommen mit anderen Arbeitstechniken. [...]
3. Juni 2006, abends
@AnzeigenSpezialist
Hier gibt es eine Anleitung für “schräge” Objekte:
http://www.oman3d.com/tutorials/photoshop/learnphotoshop_3dreflection/
5. Juni 2006, mittags
hallo manuela,
mal wieder ein schoenes tutorial. wehe du machst nicht weiter so! gut finde ich das du immer mehr wege nach rom aufzeigst und deine entspannte und harmonische stimme, da hört man gerne zu.
desweiteren sind sie super für anfänger (so wie ich einer bin), sehr verständlich. das ist mir schon bei dem gras-tut aufgefallen. das verwende ich grade für eine internetseite.
freue mich schon auf weitere tuts von dir.
vielen lieben dank
6. Juni 2006, am frühen Nachmittag
wann kommt vorraussichtlich der nächste screencast ? =)
6. Juni 2006, am späten Nachmittag
@Kaiuwe
Vielen Dank für den Link. Genau das hab ich gemeint. Klasse.
8. Juni 2006, abends
Hallo,
bin erst jetzt auf Deine Seite gelangt. Muss sagen das sie mir sehr gefällt, vor allem die Screen Casts. Mach weiter so.
19. Juni 2006, am frühen Abend
[...] Das Video-Tutorial zeigt, wie man mit Adobe Photoshop Spiegelungen gestalten kann, wie sie heute häufig im Bereich Webdesign zu Einsatz kommen. Dabei wird das Gefühl erweckt, ein Gegenstand spiegele sich auf einer polierten Fläche. Im Screencast werden zwei Wege vorgestellt, einmal die Arbeit im Maskierungsmodus und einmal der Einsatz einer Ebenenmaske. Die zugehörige Photoshop-Datei steht zum Testen und nachbauen zum Download bereit. Link zum Screencast Spiegeleffekt in Photoshop [...]
3. Juli 2006, mittags
Ich hab’s mir schon mal erklären lassen, aber wenn man es dann braucht, hat man es eben vergessen.
Tolles Tutorial, Manuela. Sehr nett auch die Tastaturkürzel (ersetze Steuerung durch Command oder Apfel am Mac).
Hier meine URL: studio dorsch
14. Juli 2006, nachmittags
[...] screenz.de hat einen Videocast online gestellt, in dem gezeigt wird, wie man Spiegeleffekte in Adobe Photoshop erstellen kann, die aussehen, als ob sich das Objekt auf einer polierten Oberfläche spiegelt. [...]
25. Juli 2006, abends
Hallo!
Danke mork! Ich hatte dasselbe Problem. Habe nun alles auf standart zurück gesetzt und…ES GEHT! ;D
Für alle bei denen es auch aus unverständlichen Gründen nicht funktioniert:
Zitat von mork:
“Ganz wichtig ist das man das Verlaufswerkzeug auf Modus “Normalâ€?, Deckkraft 100% und kein Häkchen hinter “Transparentâ€?. Also die Grundeinstellung von Photoshop. Dann funktioniert es auch.”
thx für die informativen screencast, manuela! Weiter so! =)
Mfg,
4m4z3
22. August 2006, am frühen Abend
[...] Meine Reputation ist im Eimer. Die Suche nach Spiegeleffekt und Fotoshop brachte mich hierhin. Mein Versuch mir dieses Video anzusehen endete damit. Der tolle 2.0 Beta Logo creator Alex P hat nur Blau im Angebot…. [...]
8. Dezember 2006, am späten Nachmittag
[...] Meine Reputation ist im Eimer. Die Suche nach Spiegeleffekt und Fotoshop brachte mich hierhin. Mein Versuch mir dieses Video anzusehen endete damit. Der tolle 2.0 Beta Logo creator {link des Logocreators ist tot : msig.info/web2.php } Alex P hat nur Blau im Angebot…. [...]
12. Januar 2007, am frühen Nachmittag
Hi! Hab pixelgraphix über den Technikwürze – Podcast gefunden. Super Seite hier wirklich! Spiegelungen interessieren mich schon lange.
Aber geht der Glanz-Verlauf unten nicht mit einem passenden Radiergummie und Deckkraft schneller? Oder gar Maskenwerkzeug mit mit weicher Kante und Deckkraft? – Wäre zumindest auch eine Option.
@Macx die Idee mit der Spiegelebene auf 50% zu reduzieren ist klasse! Thx ;-)
28. Februar 2007, früh am Morgen
[...] permalink hier kannst du es noch einmal visuell nachvollziehen: –>Link Viel Spass [...]
19. März 2007, nachmittags
Ein toller Screencast, deren Inhalt ich prima für die Coverdarstellung auf meiner Seite http://www.dean-koontz.de einsetzen konnte. Wirklich genial, vielen Dank!
11. Juli 2007, nachmittags
[...] AW: Schrifft Spiegeln wenn du the new generation BB|google befragst, sagt er dir nimm maus und klicke mit der linken maustaste HIER __________________ Man muss nicht alles wissen. Aber man sollte wissen wo was steht. Das wichtigste Tool des art designers ist ein Stück Papier. Langeweile? Klick now [...]
27. Juli 2007, mittags
Interessant zu sehen wie Du das machst, Manuela! Mich reizt es immer total anderen Photoshoppern über die Schulter zu sehen… :)
Übrigens habe ich die Maskierung immer mit “Neue Ebenenmaske -> Alles ausblenden” erstellt. Ich merke aber gerade, dass Deine Variante wesentlich flexibler ist. Muss ich mir merken! ;)
9. August 2007, abends
Hi.
Echt tolles Screencast. habe es damit auch endlich mal hinbekommen! TOP
Gruß,
mario
6. November 2007, am späten Nachmittag
Hey vielen dank für das super tutorial ! sehr schön erklärt !
grüße!!!!
26. November 2007, spät Abends
[...] und pixelgraphix waren die ersten blogs die ich gelesen habe. auf screenz hab ich den spiegeleffekt gelernt und sie war es die mich in so mancher angelegenheit inspiriert hat – ich sag nur [...]
7. Dezember 2007, nachts
injecting xanax
injecting xanax
20. Dezember 2007, nachts
vielen dank
4. Februar 2008, nachts
Hallo,
ich bedanke mich recht herzlich für deine Tutorials!
Ich wäre überfroh wenn du mir all deine Video-Tuts. (wahrschenlich als Links) per Email schicken könntest.
Danke
Edin
23. Februar 2008, am Vormittag
ha ! na das nenn ich kurz, knapp und deutlich erklärt. tausend dank. respekkt. fredy
24. Februar 2008, am frühen Abend
Hey,
danke für das Tolle Video über das spiegeln in PS
du hast mir seeeehr geholfen!!!
danke
Gruß
Jessie
9. April 2008, nachts
[...] dutzenden Tutorials wird erklärt, wie man sich die Spiegelung im Grafikprogramm zusammenklickt, es gibt sogar [...]
10. Juni 2008, früh am Morgen
Toll erklaert, sofort geschnallt und hat auch wunderbar funktioniert, jetzt muss ich aufpassen, das ich nicht allen und jedem Photo einen Spiegel Effekt verpasse :D
23. Juni 2008, nachmittags
Hey Manuela,
ich habe dein Buch “Professionelles Webdesign mit (X)HTML und CSS” hier liegen und bin per Link auf dein Tutorial gestoßen. Es war verständlich und gut nachzuvollziehen. Vorausgesetzt die richtigen Grundkenntnisse sind vorhanden kann da nichts mehr schiefgehen. Meine Beispielgrafik findest du/findet ihr hier: http://www.schlagweg34.de/site_header.png
Gruß & Danke
Sandro.
13. November 2008, nachts
Vielen herzlichen Dank!
Ich mag den Spiegeleffekt über die Ebenenmaske lieber, da ich somit in den Genuss komme nachträglich den Spieleffekt zu ändern.
Nochmals vielen Dank!
I’M GOING FOR SCREENZ.DE
WEITER SO!!!
Grüsse
Andi Apple
27. November 2008, am späten Vormittag
[...] z.B. Apple längst verstanden (wieso sonst würden einen nun auch von allen anderen Seiten immer Spiegeleffekte und Glossy-Buttons anspringen *hilfe*). Die allein aber machen eine Webseite noch lange nicht gut, [...]
25. Dezember 2008, nachts
Hallo Manuela,
großes mega Lob für den Screencast. Weiter so. Mich würde interessieren von wem die Anfangsmelodie ist. Herzlichen Dank M.
20. September 2009, am frühen Abend
Hallo Manuela,
1000 Dank für das leicht verständliche Tutorial. Ich bin eigentlich Programmierer und kein Grafiker, habe aber mein Forum heute optisch an meine Projektseite angepasst. Durch Dein Tutorial ist es mir gelungen sämtliche Ränge im Forum zu überarbeiten und optisch aufzuwerten, was mir sonst nicht gelungen wäre. Ich nutze Photoshop sonst eigentlich nur, um Grafiken auszuschneiden oder zu verkleinern, habe hier aber durch Dich die ersten Grundlagen zum Umgang mit dem Verlaufswerkzeug gelernt. Herzlichen Dank von einem, der das sonst nie hinbekommen hätte.
Herzliche Grüße,
Daniel
12. Oktober 2009, am späten Nachmittag
Ein super Tutorial. Die Elemente erhalten so gleich deutlich mehr Tiefe und die Webseite mehr Räumlichkeit. Danke dafür!!
11. August 2010, am späten Vormittag
Very Nice. habe ich gleich angewand. ich bin neu auf den ganzen gebieten, und muss noch viel lernen, aber auf dieser seite habe ichs chon viel nützlichen gefunden.
danke macht weiter so
13. September 2010, am späten Vormittag
Danke für die Verständliche Erklärung des Tutorials ( so das ich das auch Kapiert habe ) hat mir toll weiter geholfen.
20. September 2010, furchtbar früh am Morgen
Danke für das Tutorial. Hat mir echt viel geholfen, sonst hätt ich das allein nie hin bekommen!
20. Mai 2011, mittags
Gute Arbeit, vielen Dank! Eines der besseren Tutorials, die ich zu Photoshop gesehen hab.