Share
Was Sie erstellen werdenIn diesem Tutorial zeige ich Ihnen Schritt für Schritt, wie Sie mit Adobe Photoshop ein fotorealistisches Logo-Modell mit mehreren Ebenenstilen und einem intelligenten Objekt erstellen.
Müssen Sie zuerst ein Logo entwerfen? Schauen Sie sich diesen einfachen und benutzerfreundlichen Online-Logo-Hersteller an. Über 745 SMART-Logo-Vorlagen zum Gestalten Ihres benutzerdefinierten Logos an einem Ort, Placeit.
Wenn Sie ein Logo-Modell in diesem Stil erwerben möchten, empfehlen wir Ihnen, anstelle des Tutorials dieses Realistic Mockup-Set zu verwenden, das auf GraphicRiver erhältlich ist.
Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet:
Laden Sie die Papierstruktur herunter und öffnen Sie sie mit Photoshop.
Laden Sie das perspektivische Bild herunter und öffnen Sie es mit Photoshop.
Wählen Sie im oberen Menü, Wählen Sie> Alle, und dann wählen Bearbeiten> Kopieren um die Auswahl in die Zwischenablage zu kopieren.
Gehen Sie zurück zum Hintergrunddokument und wählen Sie im oberen Menü, Bearbeiten> Einfügen um das perspektivische Bild über dem Hintergrund einzufügen.
Benennen Sie die Ebene um Doppelklick direkt auf den Ebenennamen in der Schichten Panel und ändern es in "Perspektive".
Setzen Sie die Vordergrundfarbe auf Orange (jede andere Farbe als Schwarz ist gut).
Wählen Sie das Rechteckwerkzeug, Bewegen Sie den Mauszeiger über die Leinwand und klicken Sie auf. Sie öffnen ein kleines Dialogfeld, in dem Sie genaue Maße für Ihre neue Form eingeben können. Art 1317 x 947 px und klicken Sie auf OK.
Benennen Sie die Ebene um Doppelklick direkt auf den Ebenennamen in der Schichten Panel und ändern es in "Intelligentes Objekt".
Mit dem "Intelligentes Objekt"Layer ausgewählt, wählen Sie im oberen Menü, Ebene> Smart Objekt> In Smart Objekt konvertieren.
Wählen Bearbeiten> Transformieren> Skalieren.
Bei genauerem Hinsehen erscheint ein dünner Begrenzungsrahmen um das Rechteck. Wir können auch ein kleines Quadrat in der oberen Mitte, unteren Mitte, linken Mitte und rechten Mitte sowie ein Quadrat in jeder der vier Ecken sehen. Diese kleinen Quadrate werden "Ziehpunkte" genannt, und wir können das, was sich innerhalb des Begrenzungsrahmens befindet, einfach durch Ziehen dieser Ziehpunkte umwandeln.
In diesem Schritt ist es äußerst wichtig, dass Sie das Rechteck nur mit den Ziehpunkten an den Ecken des Begrenzungsrahmens transformieren.
Bewegen Sie den Mauszeiger über den Griff in der oberen rechten Ecke und halten Sie gedrückt Befehl Taste auf Ihrer Tastatur (der Cursor ändert sich in einen kleinen weißen Pfeil), und klicken Sie auf den Griff, und ziehen Sie ihn, bis Sie die obere rechte Ecke des schwarzen Perspektivenquadrats mit dem Mauszeiger berühren:
Ziehen Sie die Ziehpunkte weiter, um den gesamten schwarzen Bereich mit dem orangefarbenen Rechteck zu überdecken:
Jetzt brauchen wir nicht das "Perspektivemsgstr "" "Layer mehr, so dass wir es entfernen können, indem Sie es in der Schichten Panel und Auswahl Ebene> Löschen> Ebene.
Gute Arbeit! Ab jetzt nimmt alles, was wir in das Smart Object einfügen, den Winkel des orangefarbenen Rechtecks ein.
Jetzt brauchen wir ein Abzeichen, um unser Projekt abzuschließen. Envato Elements bietet eine große Auswahl an hochwertigen Abzeichen und Vektorelementen an, die sofort einsatzbereit sind. Abonnieren Sie unbegrenzte Abzeichen, Vorlagen, Fotos und mehr für eine monatliche Gebühr!
In diesem Tutorial verwenden wir ein Abzeichen, das von Badges and Logos Vol.01 stammt. Laden Sie es herunter und öffnen Sie es mit Illustrator.
Wählen Sie das Auswahlwerkzeug (V). Wählen Sie nun das Abzeichen "Kexolo" (oder was auch immer Sie möchten). Kopieren Sie das Abzeichen, indem Sie zu gehen Bearbeiten> Kopieren oder drücken Befehl-C.
Erstelle eine neue 350 x 350 px Dokument in Adobe Illustrator. Fügen Sie schließlich das gerade kopierte Abzeichen ein, indem Sie auswählen Bearbeiten> Einfügen oder drücken Befehl-V.
Mit dem Auswahlwerkzeug (VBewegen Sie das Abzeichen über den grauen Bereich aus der weißen Leinwand.
Vor dem Importieren des Ausweises unserer Szene in Photoshop müssen wir das Erscheinungsbild erweitern, den gesamten Text in Vektorformen umwandeln und den weißen Bereich entfernen, der jetzt sichtbar wurde, nachdem wir den Ausweis in den grauen Bereich verschoben haben.
Wenn das Abzeichen nicht ausgewählt ist, wählen Sie es mit der Schaltfläche aus Auswahlwerkzeug (V).
Wählen Sie im oberen Menü Objekt> Erweitern. Ein Dialogfenster wird angezeigt. wählen Objekt und Füllen und drücke OK:
Suchen Sie das Pfadfinder Panel. Wenn Sie das Panel nicht sehen können, öffnen Sie es, indem Sie wählen Fenster> Pfadfinder.
Wählen Trimmen Entfernen Sie die überlappenden Elemente und entfernen Sie nicht mehr benötigte Formen.
Wählen Sie das Zauberstab-Werkzeug, Bewegen Sie den Mauszeiger über einen weißen Bereich und klicken Sie, um alle weißen Bereiche des Ausweises auszuwählen. Wenn Sie möchten, vergrößern Sie die Leinwand mit der Taste Zoom-Werkzeug (Z). Wenn alle weißen Bereiche des Ausweises ausgewählt sind, entfernen Sie sie durch Auswahl von im oberen Menü, Bearbeiten> Ausschneiden.
Kopieren Sie das Abzeichen, indem Sie zu gehen Bearbeiten> Kopieren oder drücken Befehl-C.
In dem Schichten Panel von Photoshop, Doppelklick auf der Miniaturansicht des Smart-Objekts, um es zu bearbeiten.
Wenn Sie a Intelligentes Objekt, Der Quellinhalt wird in einem neuen Fenster von Photoshop geöffnet. Hier können Sie alle gewünschten Änderungen vornehmen. Wenn Sie zufrieden sind, müssen Sie nur die Datei speichern, und das Photoshop-Smart-Objekt wird aktualisiert, wenn Sie dorthin zurückkehren.
In dem Schichten Fügen Sie das gerade kopierte Abzeichen ein Bearbeiten> Einfügen oder drücken Befehl-V undEntfernen Sie die orange Rechteckebene, indem Sie auf klicken Ebene> Löschen> Ebene.
Wählen Sie im Dialogfenster Intelligentes Objekt und drücke OK:
Suchen Sie die obere Optionsleiste und setzen Sie die Position des Ausweises auf 658 x 472 px und seine Dimension zu 685% für beide Breite und Höhe Felder. Wenn Sie fertig sind, drücken Sie Eingeben auf deiner Tastatur:
Speichern Sie das Dokument mit Datei> Speichern oder über die Tastenkombination Befehl-S.
Wenn Sie zum Hauptdokument zurückkehren, werden Sie feststellen, dass das Smart-Objekt jetzt mit den neuesten Änderungen aktualisiert wird.
Es ist an der Zeit, dem Abzeichen einige signifikante Effekte hinzuzufügen, um ein 3D-Feeling zu erzeugen, das der Szene entspricht.
Stellen Sie das ein Füllen für die "Intelligentes Objekt"Schicht zu 0%:
Duplizieren der "Intelligentes Objekt"Schicht zweimal durch Ebene> Neu> Ebene per Kopie.
Benennen Sie nun die Ebenen um und gruppieren Sie sie wie im Bild unten dargestellt.
Wenn Sie in Ihrem Smart-Objekt den Ausweis ersetzen müssen, können Sie ab sofortIntelligentes Objekt"Ebene, indem Sie darauf klicken und den Inhalt bearbeiten.
Beginnen wir mit dem Hinzufügen einiger Ebenenstile zum "Effekt 2"Schicht. Öffnen Sie die Ebenenstil Panel und fügen Sie ein neues hinzu Abschrägung & Prägung Effekt, stellen Sie die Farbe für die Markieren Sie den Modus und Schattenmodus zu # 000000, und dann den Rest wie folgt einstellen:
Neues hinzufügen Inneren Schatten Effekt, stellen Sie die Farbe für die Mischmodus zu # 000000, und legen Sie den Rest wie folgt fest:
Neues hinzufügen Satin Effekt, stellen Sie die Farbe für die Mischmodus zu #ffffff, und legen Sie den Rest wie folgt fest:
Neues hinzufügen Verlaufsüberlagerung bewirken und stellen Sie die Optionen wie folgt ein:
Klicken Sie auf das kleine Verlaufsfenster, um die Verlaufsfarbe zu bearbeiten.
Neues hinzufügen Schlagschatten Effekt, stellen Sie die Farbe für die Mischmodus zu # 000000, und legen Sie den Rest wie folgt fest:
Fügen wir einige intelligente Filter zum "Effekt 2"Schicht durch Auswahl Filter> Verzerren> Welligkeit. Stellen Sie die Filtermenge auf -50%:
Wählen Filter> Unschärfe> Gaußsche Unschärfe und stellen Sie den Radius auf 1.7 Pixel.
Jetzt fügen wir einen Layer-Stil zum "Wirkung 1"Schicht.
Öffne das Ebenenstil Panel und fügen Sie ein neues hinzu Schlagschatten Effekt, stellen Sie die Mischmodus Farbe zu #ffffff, und legen Sie den Rest wie folgt fest:
Fügen Sie schließlich einige intelligente Filter hinzu.Wirkung 1"Schicht durch Auswahl Filter> Verzerren> Welligkeit. Stellen Sie die Filtermenge auf -60%:
Wählen Filter> Unschärfe> Gaußsche Unschärfe und stellen Sie den Radius auf 0,8 Pixel.
In diesem Lernprogramm haben Sie gelernt, wie Sie mit Adobe Photoshop ein Drucklogo-Modell aus Druckpapier erstellen!
Ich hoffe, dass Ihnen mein Tutorial gefallen hat und Sie Neues gelernt haben. Fühlen Sie sich bitte frei, Ihre Kommentare, Vorschläge und Ergebnisse unten zu hinterlassen.
Viel Spaß beim Shoppen!
Accentsconagua