Zurück   RR:Board > Multimedia und Elektronik > Grafikdesign und Fotografie > Grafik & Foto Tutorials

Design, Foto und Grafik Tutorials: Grafikdesign, Effekte, Photoshop, Fotografie ...
Thema geschlossen
 
Themen-Optionen Thema durchsuchen

[Photoshop] - [WEBDESIGN] Hölzerne Navi / Schild
Alt 03.07.2008, 02:36   # 1
Final
Moderator
photoshop Ⓥ professional
team
Bewertung:
Final hat die Renommee-Anzeige deaktiviert
Registriert seit: Jul 2007
Internet: VDSL 50Mbit
Beiträge: 2.658
Power: 34
in diesem tutorial zeige euch wie man mit einfachsten mitteln in photoshop eine navigation aus holzlatten erstellt;
siehe dazu zuerst das Holztextur-Tutorial ( LINK )

#STEP 1
wir erstellen ein neues dokument (bei mir 400x800px) und erstellen eine holztextur nach oben verlinktem tutorial, diese ebene werden wir erst gegen ende des tutorials brauchen, ihr könnt sie also ausblenden

#STEP 2
wir erstellen eine neue ebene und füllen diese mit weiss, damit wir die späteren feinheiten ohne störendes caromuster betrachten können

#STEP 3
wir ziehen mit dem Auswahlrechteck-Werkzeug ein rechteck wie in bild 1


bild 1

#STEP 4
nun kommt der teil der für ein halbwegs realistisch wirkendes outcome am wichtigsten ist, also gut aufgepasst!

wir schnappen uns das Lasso-Werkzeug (siehe bild 2) und entfernen mit gedrückter ALT taste quasi alles was nicht nach einer schönen, neuen holzlatte aussieht,einige risse und abgebrochene kanten; dazu bild 3



bild 2


bild 3

#STEP 5
wir füllen unsere auswahl mit schwarz und lösen diese auf

#STEP 6
wir blenden nun unsere anfangs erstelle holztextur ein und verschieben die eben ganz nach oben;
nun erstellen wir per tastenkombination STRG+ALT+G eine schnittmaske dieser ebene und fügen unsere beiden ebenen per STRG+E zusammen

#STEP 7

per doppelklick öffnen wir die Ebenenstiloptionen unserer ebene und übernehmen die einstellungen die den bildern unter diesem text entnehmen zu sind;









#ZWISCHENERGEBNIS



#STEP 8

nun kommen wir zur beschriftung, welche ich recht einfach gehalten habe, da sich das tutorial nicht mit typografie beschäfitgt

wir erstellen eine neue ebene mit unserem text und übernehmen folgenden ebenestile





#STEP 9
nun fügen wir alle ebenen, bis auf die weisse hintergrundebene, in einer gruppe zusammen;
diese gruppe mit ihrem inhalt könne wir nun beliebig oft duplizieren um neue menüpunkte zu erstellen;
um die navigation abwechslungsreich zu halten drehen und spiegeln wir unsere neuen meüpunkte in allen variationen (Bearbeiten > Transformieren > [...])

bis unsere navigation am ende vielleicht so ausschaut

#OUTCOME





viel spass beim nachbasteln,
für fragen und tutorialwünsche stehe ich per pn zu verfügung;
grtz, final




Logos, Banner, Flyer, Visitenkarten, Plakate, Screendesign, Werbemittel, personalisierte Energydrinks uvm.

vom Profi zum RR-Freundschaftspreis ! Anfragen per PN.
  Final ist offline  
Thema geschlossen

RR:Board > Multimedia und Elektronik > Grafikdesign und Fotografie > Grafik & Foto Tutorials > [Photoshop] - [WEBDESIGN] Hölzerne Navi / Schild

Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir erlaubt, Anhänge anzufügen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

vB Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
SubWay Schild ? romestylez Alltagsprobleme 12 03.10.2011 13:24
Taxi Schild Ein rotes Auto Auto und Motorrad 2 13.08.2011 12:16
rettungsweg schild sft-FTW Grafik Anfragen 8 01.06.2010 13:38
Hölzerne PS2 +GiGaAirborne+ Humor & Fun 3 03.05.2009 00:09
[Software] - Welches navi/Kostern fürs Navi auf Nokia N2 Cr@ck05 Handy, Smartphone, Tablet-PC 12 30.12.2008 17:03



Alle Zeitangaben in WEZ +1. Es ist jetzt 13:50 Uhr.
vBulletin Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.