Vollständige Version anzeigen : [Photoshop] [WEBDESIGN] Hölzerne Navi / Schild


Final
03.07.2008, 03:36

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

;;0;xup~in/exec/ximg;php?fid=21053177
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut5;jpg}
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


;;0;xup~in/exec/ximg;php?fid=14561641
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut6;jpg}
bild 2

;;0;xup~in/exec/ximg;php?fid=45263952
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut7;jpg}
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;

;;0;xup~in/exec/ximg;php?fid=15948473
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut8;jpg}

;;0;xup~in/exec/ximg;php?fid=19521155
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut9;jpg}

;;0;xup~in/exec/ximg;php?fid=18697900
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut10;jpg}

;;0;xup~in/exec/ximg;php?fid=54222693
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut11;jpg}

#ZWISCHENERGEBNIS

;;0;xup~in/exec/ximg;php?fid=17213759
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut12;jpg}

#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

;;0;xup~in/exec/ximg;php?fid=13388786
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut13;jpg}

;;0;xup~in/exec/ximg;php?fid=17888289
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut14;jpg}

#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

;;0;xup~in/exec/ximg;php?fid=21260589
{img-src: ;i224;photobucket~com/albums/dd229/Final91/tut15;jpg}



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

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
Ähnliche Themen zu [Photoshop] [WEBDESIGN] Hölzerne Navi / Schild
  • [Photoshop] Leichter Webdesign für Anfänger!
    Hallo liebe RR Mitglieder mir war langweilig da habe ich euch mal fix ein video tutorial gemacht wie man ein leichtes Webdesign macht! Viel Spaß! hier das Ergebniss, aber wie im Thema steht sehr leicht^! Hier der Download LINK: (;rapidshare~com/files/95884652/Untitledja;wmv) [...]

  • 3D, Webdesign, Photoshop Interesse
    Hi Leute, wusste nicht in welches Unterforum ich diese Frage stellen sollte,deshalb stelle ichs vorsichtig in den Diskussion bereich;Ich interessiere mich für Computer,sprich designen und webdesign, photoshop usw. halt sachen retuschieren sprich hässliche bilder hübsch machen, 3D modelle entwe [...]

  • [Photoshop] [Video] Webdesign
    hi leute hab hier ein video tut für anfänger gemacht die noch nicht wirklich viel ahnung von photoshop haben;Ich hab leider kein Photo um euch das design zu zeigen,hab es voll vergessen und nichts vom design gespeichert^^Egal hier der Downloadlink: Hoffe es gefällt euch trotzdem... (;rapidshar [...]

  • [Photoshop] [Video] Webdesign
    Hi leute hab hier ein webdesign tut für euch gemacht geht ganz schnell und sieht auch nach etwas aus ich hoffe es gefällt euch :D Das ist alles sehr grob gehalten,also details hab ich dann erstaml weggelassen,weil es dann einfach zuviel wäre~Ne Bw wäre echt super. Grösse: nur 30 MB Outcom [...]



raid-rush.ws | Imprint & Contact pr