Share
Wenn wir Websites oder Benutzeroberflächen entwerfen, müssen wir oft einzigartige und kreative Symbole erstellen. Die meisten Websites haben heutzutage eine Art Social-Media-Präsenz. mit einem Link zu ihren Facebook- oder Twitter-Seiten, die prominent auf ihren Titelseiten angezeigt werden. Bei so vielen Websites, die mit ihren Social-Media-Profilen verlinkt werden, ist es nicht verwunderlich, dass viele Websites einfach die gleichen Symbole erzeugen. Im heutigen Tutorial zeigen wir Ihnen, wie Sie ein völlig einzigartiges UFO-inspiriertes Social Media-Symbol erstellen, das auf einem Thema basiert. Lass uns anfangen!
Die folgenden Ressourcen wurden während der Erstellung dieses Tutorials verwendet:
Erstellen Sie eine neue Datei mit 600 x 450 Pixeln und füllen Sie den Hintergrund mit Schwarz. Wenden Sie dann einen radialen Farbverlauf mit einem Ebenenstil mit der mittleren Farbe # 353535 und den Kanten schwarz # 000000 an.
Erstellen Sie eine ovale Formebene, die zur Basis unseres UFOs wird.
Wechseln Sie zu Ebene> Ebene duplizieren, und duplizieren Sie das Oval. Machen Sie jedoch eine dunklere graue Farbe.
Duplizieren Sie nun die Ebene erneut, verzerren Sie jedoch den oberen Bereich wie unten gezeigt.
Um eine polierte metallische Textur zu erzeugen, verwenden Sie einen Winkel und skalieren Sie ihn auf bis zu 150%. Doppelklicken Sie auf die Verlaufsleiste und öffnen Sie das Verlaufseditor-Fenster.
Verwenden Sie 2 Grautöne; #CCCCCC und # 666666.
Platzieren Sie die Mitte des Farbverlaufs zum oberen Rand der Form, um die konische Form des Objekts zu verstärken.
Um eine 3D-Extrusion des oberen Ovals zu erstellen, verwenden Sie einen umgekehrten inneren Schatten (dh einen Winkel von -90 °) mit einer schwarzen Farbe und einer Überlagerungsmischung. Ziehen Sie den Choke auf 100 und reduzieren Sie die Größe auf null.
Fügen Sie ein dünnes Inner Glow hinzu, mit dem das obere Oval das an seinem inneren Rand reflektierte Licht empfangen kann.
Nun arbeiten wir am zentralen Oval. Fügen Sie mithilfe der folgenden Einstellungen eine Verlaufsüberlagerung hinzu und platzieren Sie den Verlauf knapp unter der Mitte der Form.
Verwenden Sie einen weißen Schlagschatten, um ein Glühen über dem unteren Oval zu simulieren.
Wenden Sie den gleichen Ebenenstil auf die untere Untertasse an, indem Sie den Ebenenstil kopieren und einfügen.
Reduzieren Sie die Deckkraft des Farbverlaufs der unteren Ebene.
Jetzt müssen wir einen Einsatz über dem oberen Oval erstellen.
Wenden Sie auf diese Ebene einen Farbverlauf an (siehe unten).
Fügen Sie im Verlaufsmodus auch einen Strich hinzu, indem Sie die Farben Weiß #FFFFFF und Grau #CCCCCC verwenden.
Nun ist es an der Zeit, eine Glaskuppel aus unserem UFO zu erstellen. Zeichnen Sie dazu eine Form wie unten gezeigt. Verwenden Sie eine blaue # 1D408A-Farbe.
Bearbeiten Sie die Ankerpunkte wie unten gezeigt. Durch Drücken der Alt-Taste (Windows) können Sie die Ankerpunkte trennen und jedes Oval-Segment unabhängig voneinander transformieren.
Fügen wir einige Ebenenstile hinzu. Zuerst einen Satin-Effekt mit den unten gezeigten Werten.
Tragen Sie jetzt ein inneres Glühen mit # 1D408A auf.
Hinzufügen eines radialen Farbverlaufs # 000000 und # 76B9FD mit linearem Ausweichen (Hinzufügen).
Fügen Sie dann einen inneren Schatten hinzu, der jedoch als Licht über der Kuppel verwendet wird. Verwenden Sie die Werte wie unten gezeigt.
Fügen Sie schließlich einen Schlagschatten hinzu, um die Unterkante der Kuppel aufzuhellen.
Nun fügen wir der Kugel eine Reflexion hinzu. Verwenden Sie ein kleineres Oval und bearbeiten Sie die Ankerpunkte wie unten gezeigt.
Wenden Sie einen Ebenenstil auf die Reflexion an und fügen Sie einen Farbverlauf hinzu, der mit # 44A9FE beginnt und mit Schwarz endet. Stellen Sie den Mischmodus auf Bildschirm ein (siehe unten).
Fügen Sie einen inneren Schatten mit den unten angegebenen Werten hinzu.
Laden Sie das Facebook-Logo in EPS herunter oder wenn Sie Twitter bevorzugen, können Sie es auch hier herunterladen.
Öffnen Sie das Vektorlogo direkt in Photoshop. Dadurch wird ein Raster geöffnet.
Verwenden Sie die Einstellungen unten, um das Logo auf eine größere Größe einzustellen.
Wählen Sie den Buchstaben "f" aus. Sobald es ausgewählt ist, gehen Sie zu Bearbeiten> Kopieren oder Befehlstaste + C.
Fügen Sie den Buchstaben "f" auf die Leinwand ein und verkleinern Sie ihn, damit er in die Kugel passt.
Wenden Sie einen Farbverlauf wie unten gezeigt an.
Erstellen Sie eine Illusion von 3D, indem Sie wie unten gezeigt einen kleinen Strich hinzufügen.
Verstärken Sie den Strich mit Bevel & Emboss.
Wenden Sie einen inneren Schein mit "f" an (siehe unten).
Verwenden Sie die Kuppel, um einen Teil des "f" auszublenden, indem Sie den Pfad auswählen und ihn in eine Auswahl konvertieren.
Kehren Sie zur Ebenen-Palette zurück und maskieren Sie den Buchstaben.
Blenden Sie alle Effekte in der Maske aus, indem Sie im Dialogfeld "Ebenenstile" auf "Ebenenmaske blendet Effekte" klicken.
Verwenden Sie verschiedene Pinsel, um die Begrenzungslichter je nach Entfernung zu bemalen. Versuchen Sie, sie so symmetrisch wie möglich zu gestalten.
Fügen Sie mit # 0099FF ein äußeres Glühen hinzu.
Gruppieren Sie alle Ebenen in einem Ordner.
Benennen Sie den Ordner.
Duplizieren Sie den Ordner, um eine sichere Kopie Ihrer Arbeit zu erhalten.
Konvertieren Sie die Gruppe in ein Smart Object oder wählen Sie die Option Gruppen zusammenführen. Das Ziel ist es, das gesamte UFO auf einer Ebene zu haben, sodass wir die Größe reduzieren können, ohne den Anteil der Ebenenstile zu beeinflussen.
Reduzieren Sie das UFO auf 65% seiner ursprünglichen Größe und platzieren Sie es wie unten gezeigt.
Erstellen Sie nun den Lichtstrahl, den das UFO auf den Boden projiziert. Zeichnen Sie dazu eine rechteckige Formebene mit der gleichen Breite wie die Kuppel.
Bearbeiten Sie die Ankerpunkte der Formebene wie unten gezeigt.
Fügen Sie einen Ankerpunkt hinzu, um eine Kurve zu erstellen (siehe unten).
Konvertieren Sie den Vektor mithilfe der Pfadpalette in eine Auswahl.
Machen Sie die Auswahl weicher, indem Sie Auswählen> Ändern> Feder auswählen.
Setzen Sie die Federung auf 3 px.
Malen Sie in der Auswahl mit mehr Intensität in der Nähe der Lichtquelle (UFO). Malen Sie den Boden der Szene mit derselben weichen Auswahlmethode.
Jetzt füge Licht auf den Boden.
Fügen Sie unserem Bild das folgende Bild hinzu. Oder finden Sie eine andere, die Sie für angemessen halten.
Schneiden Sie es aus dem Hintergrund heraus und verkleinern Sie es wie unten gezeigt.
Erstellen Sie einen Schatten des Zeichens, indem Sie ihn duplizieren, invertieren, verwischen und verzerren (siehe unten).
Laden Sie diese Schriftart herunter und fügen Sie sie unserer Komposition bei.
Wenden Sie für den letzten Schliff einen Schlagschatten auf unseren Text an, wobei die Farbe auf # 0099FF und der Füllmodus auf Bildschirm eingestellt ist. Fügen Sie dann ein äußeres Glühen hinzu, wobei der Mischmodus auf Linear Dodge eingestellt ist. Malen Sie für den Hintergrund ein blaues Licht, um das Symbol optisch ansprechender zu machen.
Accentsconagua