Wie Web 2.0 Logos gezeichnet werden (Photoshop)

Haben Sie sich jemals gefragt, wie diese Jungs ihre Web 2.0-Logos zeichnen? Manchmal ist es schön, von anderen zu lernen, die grundlegenden Fähigkeiten aufzubauen und Ihre eigene Kreativität von dort aus zu starten. In diesem Photoshop-Tutorial werde ich Ihnen einige der schönen Web 2.0-Logos verraten, wie Sie ihr Logo mit Photoshop genau gleich (allerdings nicht wirklich zu 100%) zeichnen können.

1. Laden Sie die Style-Datei herunter und installieren Sie sie

Zunächst müssen Sie einen von mir erstellten Stil herunterladen und in Photoshop laden.

1. Laden Sie den Photoshop-Stil hier herunter. (Rechtsklick -> Speichern unter)
2. Fügen Sie für Photoshop CS2-Benutzer diese Stildatei in ein “C: \ Programme \ Adobe \ Adobe Photoshop CS2 \ Presets \ Styles” Photoshop von anderen Versionen, legen Sie die Datei hinein Voreinstellungen \ Styles

2. Laden Sie den Stil

Rufen Sie Ihr Style-Dialogfeld in Photoshop auf

1. Windows -> Styles
2. Beachten Sie eine kleine Pfeiltaste in der oberen rechten Ecke. Klicken Sie darauf und wählen Sie Laden Sie Styles aus dem drop down
3. Finden web20 aus der Liste und klicken Sie auf Belastung. Wenn Sie web20 nicht finden, schließen Sie Photoshop. Öffnen Sie es erneut, und wiederholen Sie Schritt 1.
4. Klicken Sie erneut auf die Pfeilschaltfläche und wählen Sie aus Große Liste von Dropdown

Ihr Ergebnis sollte ungefähr so ​​aussehen wie das Bild unten.

3. Die sechs Web 2.0 Logos

Hier sind sechs Web 2.0-Logos; MyBlogLog, Imified, Mixd, Skype, Linked In und Go2Web20. Der gerade installierte Stil wird zeigen, wie man sie zeichnet. Ich werde durchgehen “mixd” und “Go2Web20” Logos, der Rest verwendet nur die gleiche Technik.

4. Wie zeichne ich?

Der Grund, warum ich Style hier verwende, ist, dass sie nach dem Speichern in einer .asl-Datei (der Datei, die Sie heruntergeladen haben) bequem angewendet werden können. Lassen Sie uns einige dieser Logos zeichnen.

Zeichnung mixd Logo

Erste Beobachtung, mixd Logo besteht aus

1. “mixd” Text
2. abgerundet rechteckig
3. kleiner Punkt
4. kleinerer Punkt

Wir werden sie grob in Photoshop zeichnen, wobei sich die einzelnen Elemente in einer anderen Ebene befinden (siehe Abbildung unten).

Jetzt ist hier der Trick. Suchen “mixd-label” in dem Style-Dialog. Ziehen Sie sie direkt auf die Hintergrundebene, die kleine Punktebene und die kleinere Punktebene. Wenn Sie sie richtig ziehen, werden Sie feststellen, dass die Ebene jetzt die Farben und die Mischung des Stils übernimmt. Finden “mixd-font” im Style-Dialog, ziehen Sie es auf die Textebene und Ihr mixd-Logo ist vollständig, 90% wie das Original, sage ich.

Zeichnen des Go2Web20-Logos

Habe 4 neue Ebenen für jede erstellt “GEHEN“, “2“, “NETZ” und “2,0“

Ziehen “go2web20-lila” vom Style-Dialog in “GEHEN” & “NETZ”, ziehen “go2web20-grün” in “2” & “2,0” und Sie erhalten diese endgültige Ausgabe.

Was den Rest angeht (MyBlogLog, Imified, Skype und Linked In), müssen Sie nur den jeweiligen Stil in die richtige Schriftart ziehen.

5. Schlussfolgerung

Wenn Sie in die schauen Fülloptionen Bei jedem Stil werden Sie feststellen, dass es sich bei den meisten Web 2.0-Logos darum handelt, mit Farbverläufen zu spielen, mit der Kombination der richtigen Schriftarten. Das darf nicht der “genau” So wie diese Jungs ihr Logo gemacht haben, aber es ist zumindest ein Weg, um es zu erreichen. Ich möchte Sie nicht ermutigen, ihren Stil zu fälschen und Ihr Logo neu zu zeichnen, aber versuchen Sie es zu verstehen und hoffentlich können Sie ein schönes, schlankes Web 2.0-Logo erhalten. Ich liebe es, meine Designs in Style (.asl) zu setzen. Ich kann sie jederzeit wiederverwenden.