3D Homepage Mit Photoshop

[bushido1221]

http://psd-tutorials.de/userimages/Image/GaMax/tutvorschau.jpg

Schritt 1:


Zuerst öffnet Ihr ein neues Dokument mit einer Größe Eurer Wahl,
ich habe hier mal als Beispiel 500x500 px gewählt.

Schritt 2:
Ihr erstellt eine neue Ebene.

Schritt 3:

Nun nehmt Ihr das abgeflachte Rechteck Werkzeug und stellt als Radius 50 px ein.
http://psd-tutorials.de/userimages/Image/GaMax/bild1.jpg


Schritt 4:

Nun erstellt Ihr ein beliebig großes rechteckiges Element, die Farbe ist egal, da diese hinterher mit einem Verlauf überlagert wird.

http://psd-tutorials.de/userimages/Image/GaMax/bild2.jpg

Euer Bild so nun so aussehen...

Schritt 5:

Nun erstellt Ihr zwei neue Ebene, am besten in unterschiedlichen Farben, um sie voneinander unterscheiden zu können., so daß Euer Bild so aussieht :

http://psd-tutorials.de/userimages/Image/GaMax/bild3.jpg


Schritt 6:

Nun kommen wir zu den Ebeneneffekten.
Ebene 1(die äußere weiße) bekommt folgende Effekte :
http://psd-tutorials.de/userimages/Image/GaMax/bild4.jpg

http://psd-tutorials.de/userimages/Image/GaMax/bild5.jpg


Mein Verlauf ist wie folgt :

1. #333333 bei 0%
2. #FFFFFF bei 15%
3. #6a6a6a bei 31%
4. #6a6a6a bei 69%
5. #FFFFFF bei 85%
6. #333333 bei 100 %

nun sollte Eure weiße Ebene wiefolgt Aussehen :


http://psd-tutorials.de/userimages/Image/GaMax/bild6.jpg
Schritt 7:

So nun zu den Effekten der anderen beiden Ebenen :

Für die mittlere z.Zt. noch schwarze Ebene benutzt Ihr folgene Effekte :

http://psd-tutorials.de/userimages/Image/GaMax/bild7.jpg
http://psd-tutorials.de/userimages/Image/GaMax/bild8.jpg

Schritt 8 :
So, jetzt gebt Ihr der inneren weißen Ebene noch eine kleine Farbüberlagerung und dann sollte Euer Ergebnis in etwa so aussehen :

http://psd-tutorials.de/userimages/Image/GaMax/bild9.jpg
Wenn Ihr das ganze jetzt noch mit ein paar Effekten, Inlays, etc. verseht könnte Eure Homepage so aussehen :
http://psd-tutorials.de/userimages/Image/GaMax/modern1.jpg


Meine PSD - Datei werde ich Euch im Downloadbereich zur Verfügung stellen.

Ich hoffe es war verständlich für Euch.

Bei Fragen könnt Ihr mich natürlich gern ansprechen.





//Quelle http://psd-tutorials.de
//mfg bushido1221

[Experty]

sehr nettes tut und das design ist sehr stylisch! :]

[Masterphil]

Schließe mich Experty an, obwohl ich noch nie den
Photoshop benutzt habe, bzw. ihn überhaupt besitze...

Nach dem Tut. hier welches echt gelungen ist spiel ich echt mit dem Gedanken mir auch den Photoshop zuzulegen...
Scheint ja einiges mit machbar zu sein...
Bisher mach ich fast alles mit der Corel-PhotoPaint... Aber für so ein Design würd ich sicher gut 2-3 Tage sitzen...

Danke nochmal an "bushido1221" für diesen sehr ansehlichen Threat hier...

MfG

[muenchner1989]

Hallo

Aber hallo...dies war echt eine sehr gute Tutorial für mich, mach weiter so und zeig noch mehr dein können! Evtl gebe ich dir ein Auftrag und dann kannste dir Lose von mir erhaben :-D

MFG

[Landsknecht]

macht es doch in Gimp, Freehand oder Quark Xpress... nciht so teuer wie PS und dafür fast genauso gut.