Photoshop-Reflexionen 101
Heute lernen wir alles darüber, wie man in Photoshop überzeugende Reflexionen macht. Textreflexionen, 3D-Reflexionen, Produktaufnahmen, alle Arten von verrückten Reflexionen. Wir werden alles diskutieren, von benutzerdefinierten Transformationen bis hin zu Mischmodi und darüber hinaus. Egal, ob Sie Anfänger oder Profi sind, Sie werden wahrscheinlich ein oder zwei Dinge lernen.
Sie denken vielleicht, dass Reflexionen vor ein paar Jahren der letzte Schrei waren, aber derzeit etwas an Dampf verlieren, und Sie hätten Recht. Sie können jedoch immer noch viele davon in der Praxis auf Apple.com und anderen Websites sehen. Sie sollten sich auf jeden Fall davor hüten, sie zu häufig zu verwenden und zu schlechten Web 2.0-Trends hinzuzufügen, aber auch wissen, dass sie hin und wieder einem langweiligen Element Klasse hinzufügen können.
Textreflexionen
Wir beginnen mit einem der häufigsten Elemente, die sich widerspiegeln: Text. Richten Sie zunächst einen einfachen Text in Photoshop ein. Stellen Sie sicher, dass der Hintergrund ziemlich solide ist, da Reflexionen beim Platzieren über Fotos oder Texturen nicht wirklich sinnvoll sind.
Kopieren Sie nun die Textebene, sodass Sie eine Startebene für die Reflexion haben. Ihr Instinkt könnte sein, diese Ebene zu drehen, aber das wird natürlich überhaupt nicht zu den richtigen Ergebnissen führen.
Wie Sie sehen können, führt eine einfache Drehung zu einer Reflexion, die das Gegenteil von dem ist, was Sie wollen. Stattdessen möchten Sie im Menü oben auf dem Bildschirm auf „Bearbeiten“ klicken. Von hier aus gehen Sie zu "Transformieren" und klicken auf "Vertikal spiegeln".
Dies wird den gespiegelten Effekt erzielen, den wir anstreben!
Leider sieht das nicht ganz überzeugend aus, oder? Wir müssen etwas mehr Arbeit investieren, wenn wir wollen, dass es etwas realistisch ist.
Der erste Schritt besteht darin, Ihrer Reflexionsebene eine Maske hinzuzufügen. Klicken Sie dazu in der Ebenenpalette auf das kleine Rechteck mit einem Kreis.
Ebenenmasken sind ziemlich kompliziert und verdienen einen eigenen Artikel, aber hier ist ein Crashkurs. Im Wesentlichen verleihen sie Ebenen selektive Transparenz. Durch das Malen von Schwarz wird ein Bereich der Ebene vollständig transparent, durch das Malen von Weiß wird ein Bereich der Ebene vollständig undurchsichtig, und verschiedene Graustufen tun alles dazwischen.
Wenn also die Ebenenmaske ausgewählt ist, möchten wir eine Ebene schrittweise ausblenden. Wir müssen einen Farbverlauf erstellen, der mit Weiß beginnt und zu Schwarz übergeht. Wenn Sie bei gedrückter Wahltaste auf eine Ebenenmaske klicken, können Sie die tatsächlich in Ihrer Maske verwendeten Töne anzeigen. Es sollte ungefähr so aussehen.
Nach dem Auftragen sollte dies Ihrem Spiegelbild einen wirklich schönen Effekt verleihen, der es von opak zu transparent macht. Reduzieren Sie danach die Deckkraft Ihrer Reflexionsebene und Sie erhalten eine wirklich schöne Textreflexion!
Beobachten Sie diese Nachkommen
Vermeiden Sie in der Regel, Text mit Nachkommen (Kleinbuchstaben y, g usw.) wiederzugeben. Der Grund ist, dass egal was Sie tun, es immer noch chaotisch aussieht.
Wenn Sie Buchstaben mit Nachkommen haben, versuchen Sie, wie im ersten Beispiel oben in alle Großbuchstaben zu konvertieren. Da Großbuchstaben im Allgemeinen keine Nachkommen haben, ist dies eine der einfachsten und natürlichsten Lösungen.
Schriftauswahl: Wählen Sie mit Bedacht aus
Eine andere Sache, auf die Sie beim Reflektieren von Text achten sollten, ist, welche Art von Schrift Sie verwenden. Denken Sie daran, dass Reflexionen glänzend, glänzend, neu usw. sind. Diese Idee passt nicht zu jeder Schriftart in Ihrer Bibliothek. Ich neige dazu, mich an modern aussehende Schriftarten zu halten und alles zu vermeiden, was absichtlich alt oder weiblich aussieht, wie z. B. Skripte.
Unschärfe hinzufügen
Ein beliebter Effekt, den Designer häufig zu ihren Reflexionen hinzufügen, ist Unschärfe. Es gibt verschiedene Möglichkeiten, dies zu tun, aber einige sind besser als andere. Generell bevorzuge ich nach Möglichkeit die zerstörungsfreie Bearbeitung. Es war einmal eine zerstörungsfreie Unschärfe, die nicht einmal möglich war, aber die Erfindung von intelligenten Objekten und intelligenten Filtern hat die Situation dramatisch verbessert.
Richten Sie Ihre Reflexion zunächst wie beim letzten Mal ein und konvertieren Sie die Ebene nur über Ebenen> Intelligente Objekte> In intelligentes Objekt konvertieren im oberen Menü in ein Smart-Objekt.
Wenden Sie bei ausgewähltem Smart-Objekt einen Gaußschen Weichzeichnungsfilter an. An dieser Stelle passieren einige wichtige Dinge. Zunächst wird auf Ihrer Ebene ein bearbeitbares Gaußsches Weichzeichnungsobjekt angezeigt. Wenn Sie jederzeit darauf doppelklicken, können Sie die Intensität der Unschärfe anpassen. Beachten Sie außerdem, dass Sie durch Doppelklicken auf das Smart-Objekt den Text der Ebene bearbeiten können.
Ein weiteres wichtiges Ereignis ist, dass eine Maske für den Filter erstellt wurde. Wenn wir diese Maske wie oben verwenden, können wir einen Farbverlauf erstellen, der das Erscheinungsbild der Unschärfe steuert. Unten habe ich die Unschärfe unten in der Reflexion intensiviert und oben nicht vorhanden.
Wenden Sie danach eine weitere Maske mit einem Farbverlauf direkt auf die Ebene an und verringern Sie die Deckkraft wie zuvor. Das Ergebnis ist eine interessante Reflexion, die uns ein nasses oder mattes Glas-Aussehen verleiht.
Dieser Trick funktioniert hervorragend mit allen Filtern in Photoshop. Versuchen Sie es erneut mit einem Ripple-Filter für etwas, das stärker verzerrt ist.
Ein 3D-Objekt reflektieren
Die obigen Techniken gelten nicht nur für Text, sondern für jedes zweidimensionale Objekt, das Sie reflektieren möchten. Aber was machen Sie, wenn Ihr Objekt komplexer ist? Sag wie eine Kiste?
Wenn wir die oben beschriebenen ersten Schritte zum Umdrehen des Objekts ausführen, führt dies zu einer Katastrophe. Dies wird überhaupt nicht überzeugend sein.
Es stellt sich heraus, dass das Reflektieren eines einfachen Felds noch einfacher ist als das Reflektieren von Text. Sie müssen nicht einmal eine anfängliche Transformation durchführen, sondern nur die Box-Ebene duplizieren und die beiden übereinander stapeln.
Dann können Sie eine Maske auftragen und die Deckkraft verringern, wie wir es mit dem Text getan haben, und Sie haben eine wunderschön reflektierte Box!
Dieser Trick funktioniert bei vielen Formen. Zum Beispiel könnte das iPhone, das am Anfang dieses Artikels aufgenommen wurde, mit dieser Technik leicht wiedergegeben werden. Eine minimale Bereinigung wäre notwendig gewesen, um sicherzustellen, dass die Glanzlichter und Details wie die Schraubenköpfe richtig reflektiert wurden, aber sonst wären Sie in Sekundenschnelle fertig.
Reflektierende Produktaufnahmen
Ich kann dich schon sagen hören "Nicht so schnell!" Wie hoch ist die Wahrscheinlichkeit, dass Sie jemals eine einfache alte Kastenform widerspiegeln müssen? Es kann gelegentlich vorkommen, aber es ist weitaus wahrscheinlicher, dass Sie eine Produktaufnahme oder etwas anderes widerspiegeln, das ebenso komplex ist.
Dies ist ein Problem, auf das ich häufig gestoßen bin, als ich für eine Firma gearbeitet habe, die Anzeigen für Hundefutter erstellt hat. Beobachten Sie, was passiert, wenn ich den obigen Trick für eine echte Produktaufnahme verwende.
Wie Sie sehen können, ruiniert das Box-Artwork den Effekt. Dies sollte auf dem Kopf stehen. Wir müssen noch einen Schritt weiter gehen, wenn wir eine gute Reflexion für dieses Bild erzielen wollen.
Beachten Sie, dass Photoshop jetzt über viele 3D-Tools verfügt, die Ihnen in dieser Situation helfen, indem Sie einfach ein 3D-Objekt erstellen, das Sie nach Belieben drehen können. Sie haben jedoch nicht immer die Zeit oder die Ressourcen, um ein echtes 3D-Objekt zu erstellen, sodass Sie wissen sollten, wie Sie es effektiv fälschen können.
Das erste, was Sie tun möchten, ist, das Bild vertikal umzudrehen, wie wir es mit dem obigen Text getan haben.
Als nächstes müssen Sie bei gedrückter Befehlstaste auf die Ebenenvorschau klicken, um eine Auswahl des Objekts zu erhalten. Deaktivieren Sie bei gedrückter Wahltaste den Seitenteil des Felds, sodass nur die Vorderseite in Ihrer aktiven Auswahl enthalten ist.
Wenn diese Auswahl aktiviert ist, führen Sie eine Frei-Transformation (Befehlstaste-T) durch. Halten Sie die Befehlstaste gedrückt und greifen Sie nach dem mittleren Steuerelement, das durch den Pfeil im Bild unten angezeigt wird, und ziehen Sie das Gesicht nach oben, sodass es richtig am unteren Rand des Felds ausgerichtet ist.
Führen Sie nun dieselbe Technik an der Seitenwand der Box durch. Stellen Sie diesmal sicher, dass nur die Seite ausgewählt ist, und verwenden Sie das mittlere linke Steuerelement, um die linke Seite des Bildmaterials nach oben zu bringen. Dies gibt uns eine perfekt ausgerichtete Kastenform, die perfekt für unsere Reflexion ist. An diesem Punkt könnten Sie sich Sorgen um den unteren Bereich Ihres Spiegelbilds machen, da die Transformation es wirklich durcheinander gebracht hat.
Die gute Nachricht ist, dass Sie dies völlig ignorieren können. Denken Sie daran, dass wir die Reflexion ausblenden, damit alles in der Nähe des Bodens völlig unsichtbar ist.
Hier ist der endgültige Effekt. Nicht schlecht, wenn man bedenkt, dass es eine ziemlich komplexe Form ist und ich weniger als zwei Minuten gebraucht habe, um sie zu erreichen. Sobald Sie sich an den Prozess gewöhnt haben, können Sie ihn problemlos ausführen, ohne den Entwurfsprozess ein wenig zu verlangsamen.
Ein kurzer Hinweis zu Mischmodi
Eine letzte Sache, die Sie bei der Arbeit mit Reflexionen in Photoshop beachten sollten, ist, dass Sie sich nicht an den Standard-Mischmodus halten müssen. Experimentieren Sie mit verschiedenen Optionen, um zu sehen, wie sie sich auf Ihr Spiegelbild auswirken.
Jede von Ihnen erstellte Reflexion enthält unterschiedliche Farben, sodass der Mischmodus am besten funktioniert. Dies hängt stark vom jeweiligen Motiv (und dem Hintergrund) und Ihrem persönlichen Geschmack ab.
Wenn Sie wirklich Lust haben, können Sie die Reflexion sogar duplizieren und zwei verschiedene Ebenen mit separaten Mischmodi kombinieren. Das Hinzufügen von mehr Komplexität kann den Realismus des Endprodukts wirklich steigern.
Fazit
Reflexionen werden seit Jahren überbeansprucht und missbraucht. Das Ziel dieses Artikels war es, die richtigen Reflexionstechniken zu fördern und unordentliches Arbeiten sowie die häufige Überbeanspruchung nur eines der vielen Werkzeuge in Ihrem Design-Arsenal zu verhindern. Wie Schlagschatten, Farbverläufe, Striche und andere Effekte sollten Reflexionen selektiv und vorsichtig eingesetzt werden.
Sie sollten jetzt wissen können, wann Text zum Reflektieren geeignet ist, und einige Methoden, um loszulegen. Sie sollten auch wissen, wie Sie sowohl einfache als auch komplexe Boxen effektiv wiedergeben können.
Hinterlassen Sie einen Kommentar und teilen Sie uns Ihre Meinung zu den oben genannten Techniken mit. Hast du etwas von ihnen gelernt? Wie würden Sie sie verbessern?
