Sie befinden sich hier: web 2.0 logo mit photoshop erstellen

Tutorial, erstellen eines Web 2.0 Logos
Das Logo hat einen gespiegelten Text, einen Button und eine Musterüberlagerung.

Da Web 2.0 im Moment in aller munde ist, springe Ich auch noch auf diesen Zug auf.
Ein Merkmal von Web 2.0 sind, grelle Farben, Schlagschatten und Spiegelungen.
In diesem Photoshop-Tutorial erstelle Ich ein Logo, welches diese Merkmale beinhaltet.

web2.0 logo

Schritt 1:
Neue Datei 400x150 px
Hintergrundfarbe #252525

Schritt 2:
Der Schriftzug.
"Trebuchet MS" ist eine gängige Web2.0 Schriftart.
Für "Max" die Farbe #39b54a und "Mustermann" die Farbe #a864a8 wählen.

Schritt 3: Duplizieren der Textebene
Im Ebenenmanager, die Textebene mit gedrückter linker Maustaste auf das Symbol "neue Ebene erstellen" ziehen. Sie haben jetzt eine neue Ebene "Max Mustermann Kopie".
Mit der rechten Maustaste, im Ebenenmanager in die Ebene klicken. Im sich öffnenden Dialog "Text Rastern" auswählen.
ebene duplizieren
Nun mit STRG+T die Kopie in den Transformations-Modus bringen.
transformieren
Am oberen mittleren Anfasser, bei gedrückter linker Maustaste, die Ebene nach unten ziehen und die Transformation bestätigen.

Schritt 4: Die Spiegelung
Mit dem Rechteck-Werkzeug, Radius 10 px, in der unteren Hälfte der Spiegelung, eine Rechteck-Auswahl aufziehen. Drücken der Taste "Entf" und mit "STRG+D" die Auswahl aufheben.
Zum Schluß die Deckkraft der Ebene auf ca.36% zurücknehmen.
deckkkraft

Schritt 5:
Mit dem "Eigene-Form-Werkzeug" eine geeignete Form auswählen.
Als Ebenenstil eine "Kontur" auswählen von 1 px Größe und der Farbe #e0dddd.
kontur
Nun eine neue Ebene erstellen. Mit dem Auswahlwerkzeug einen Kreis in der mitte des Buttons aufziehen.
Über "Ebenenstil hinzufügen" folgenden Stil anwenden: "Abgeflachte Kante und Relief"; Richtung "nach unten"; und "Kontur". Mit STRG+D Auswahl aufheben.
ebenenstil

Schritt 6: Die Musterüberlagerung
Als Muster habe Ich mir eine neue Datei erstellt. 3x3 px mit Transparentem Hintergrund, in diesen dann 3 schwarze Rechtecke eingefügt und als Muster abgespeichert.
Über "Ebenenstil hinzufügen - Musterüberlagerung", das erstellt Muster angewendet.
musterüberlagerung
Auf diese Art kann man sich schicke Logos erstellen, muß ja nicht alles "Web2.0" sein.

 

 

nach oben