Freunde, seid ihr bereit zu einem Photoshop Tutorial? Vielleicht habt ihr schon gesehen das Kostenlose HTML5 Template, die wir an diesem Montag zur Verfügung gestellt haben. Jetzt erzählen wir, wie das Logo, die darin enthalten ist, erstellt wurde. Folge einen Schritt-für-Schritt Tutorial.
Schritt 1. Als erstes lade die Neat Retro Badges (PSD), die Du in diesem Link findest. Ich verwende das erstes für das Logo Design.
Erstelle ein neues Dokument (Ich habe den Hintergrundfarbe auf Schwarz geändert, damit Du das Form sehen kann) und Drag-and-Drop die benötige Ebene mit Hilfe von Move Tool (Verschieben Werkzeug).
Schritt 2. Jetzt verändern wir die Farbe des Forms. Wähle die Farbe #752433. Klicke auf die Vektormaske des Forms und drücke Alt+ Backspace(Rücktaste). Ich empfehle den Hintergrund auf Weiß zurückzusetzen, weil jetzt das Logo auf den weißen Hintergrund sichtbarer ist.
Schritt 3. Jetzt legen wir die Deckkraft der Form auf 20% fest und nehmen das Pen Tool (Zeichenwerkzeug). Klicke auf die Vektormaske der Form. Halte die Ctrl und wähle mehrere Punkte innerhalb der Form. Drücke auf Delete(Löschen). Unsere Form wurde verändert:
Schritt 4.Danach erstelle eine neue Ebene. Wähle die weiße Farbe und zeichne einen weißen Kreis mit dem Eclipse Tool (Eclipse-Werkzeug). Vergiss nicht die CTRL zu halten, damit Du einen Kreis kriegst.
Schritt 5. Mit Hilfe vom Move Tool platziere den weißen Kreis innerhalb unserer Form: halte die Ctrl und drücke die Form und die Ebene des weisen Kreises. Danach klicke auf die zwei Icons, die Du auf dem Screenshot siehst. Dies ermöglicht die horizontale und vertikale Zentrierung.
Schritt 6. Drücke das Thumbnail von weisem Kreis und wähle im Menü Vom Formbereich subtrahieren. Dann zeichne noch einen Kreis, den Du ins Zentrum der weißen Form ziehen musst. Halte die Ctrl+Space.
Das Ergebnis sollte so aussehen:
Schritt 7. Jetzt gehen wir zu unsere Neat Retro Badges (PSD) zurück. Jetzt sollen wir die Schleife von letztem Badge ziehen und ablegen. Wir platzieren sie über unsere Form und machen wir mit Move Tool nur die vertikale Zentrierung. Wir verändern die Farbe auf #752433 und wiederholen die Schritte 2 und 5. Jetzt drücke Ctrl+T und bearbeite die Größe der Schleife.
Schritt 8. Ich möchte Dir auch zeigen, wie man solche einfache Weintrauben malen kann. Mann kann natürlich verschiedene Forms finden und die kostenlos herunterladen, aber manchmal ist es einfacher und schneller selbst zu erstellen. Also, wir erstellen eine neue Ebene, nehmen das Brush Tool (6px) und malen 6 kleine weiße Kreisen.
Schritt 9. Jetzt malen wir die Blätter. Ich verwende eine einfache Form, die nach meiner Meinung für das Logo am besten passt. Ich habe nun die Wassertröpfchen Photoshop Formen heruntergeladen und sie ein bisschen geändert:
Ich habe einer von Tropfen ausgewählt und ihn auf der neuen Ebene setzen gelassen. Danach habe ich ihn dupliziert und vertikal gespiegelt. Dann habe ich ihn mit dem Move Tool gezogen und die zwei Ebene mit den Tropfen miteinander verschmolzen. Als Ergebnis habe ich den ersten Teil des Blatts bekommen.
Schritt 10. Als nächstes drücken wir Ctrl+T und platzieren das Element.
Schritt 11. Jetzt duplizieren wir die Ebene und Flip Horizontally (Horizontal spiegeln):
Schritt 12. Jetzt malen wir noch mehr Tropfen. Wir müssen sie nicht verändern. Sitze sie über zwei andere Blatt-Elemente.
Schritt 13. Unser Logo ist fast fertig. Wir müssen nur einen Text darein schreiben. Dafür nehme ich das Bebas Neue Font und schreibe unten der Schleife mit dem Type Tool (Font-Editor) die Nummer „1800“.
Schritt 14. Jetzt schreiben wir den Firmennamen, aber das Wort soll die gleiche Form wie die Schleife haben. Dieser Trick kann Dir in Zukunft sehr helfen. Wir wählen die weiße Farbe und Bebas Neue Font aus, und drücken die Vektormask der Ebene, wo es sich die Schleife befindet. Mit Hilfe vom Move Tool platzieren wir die Text-Ebene.
Schritt 15. Mit dem gleichen Trick schreiben wir den Rest des Textes. Die Farbe ist #752433, aber jetzt drücken wir die Vektormask der Ebene mit der weißen Kreis und wählen zuerst seine inneren Grenzen und danach die äußere Grenzen.
* * *
PSD Herunterladen Das war's! Ich hoffe, dass ich es verstehbar erklärt habe und Du ein paar hilfsreiche Tipps gelernt hast. Spiele mit Deinem Ergebnis etwas rum, damit Du das perfekte Logo erstellst.