Anzeige
Tutorialbeschreibung

Web: 3D-Homepage mit PS7

Web: 3D-Homepage mit PS7

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.

Bilder


Schritt 4:

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

Bilder


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 :


Bilder


Schritt 6:

Nun kommen wir zu den Ebeneneffekten.
Ebene 1(die äußere weiße)  bekommt folgende Effekte :

Bilder


Bilder


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 :

Bilder


Schritt 7:

So nun zu den Effekten der anderen beiden Ebenen :

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

Bilder

Bilder


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 :
Bilder


Wenn Ihr das ganze jetzt noch mit ein paar Effekten, Inlays, etc. verseht könnte Eure Homepage so aussehen :

Bilder


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.

In diesem Sinne Viel Spaß mit diesem Tutorial

Euer GaMax

DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von d_schimpl
  • 22.01.2011 - 17:45

voi guat is woarn super

Portrait von d_schimpl
  • 15.01.2011 - 23:03

freue mich auch mal was für "alten photoshop" zu finden - neuer ist schon sehr teuer!!!

Portrait von MaSaRP
  • 08.08.2010 - 20:51

Bin über ein Link aus dem Forum hier gelandet. Schade, finde dies echt nicht so klasse, hierfür Punkte zuverlieren!

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 17.06.2010 - 15:21

ist ok, hatte mir aber etwas mehr dateilstufen gewünscht. also die erwähnten effekte und inlays hättest du auch ruhig mit ins tut aufnerhmen können.

Portrait von marilif
  • 16.05.2010 - 13:57

das ist leocht aber... das hate ich mir nicht gedacht! danke!

Portrait von Hecker
  • 01.04.2010 - 14:49

Aufjedenfall Super. Bin schon fleißig im Bauen!

Portrait von BlackQP
  • 16.03.2010 - 12:17

Also mir gefällt es, für spiele ist es Top :)

Portrait von fxdesign36
  • 10.03.2010 - 16:18

Ist mehr richtig Game... Aber schönes tut...

Portrait von Shadesman
  • 02.02.2010 - 08:07

super design, sofort ausprobieren :D

Portrait von Shadesman
  • 02.02.2010 - 08:06

super design, sofort ausprobieren :D

Portrait von papasmurf777
Portrait von donescobar
  • 15.12.2009 - 14:25

super cooles design danke danke danke

Portrait von doncallzone
  • 01.12.2009 - 23:03

Yeah geiles Tutorial und total einfach zu verstehen.
Leider versteh ich nicht wieso du einen Schein nach innen machst?
Den sieht man doch eh nicht!

Portrait von SchuNi
  • 19.10.2009 - 11:22

Sehr gutes Tutorial, werde ich glatt man ausprobieren :-)

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 22.09.2009 - 10:52

ganz cool!weiter so. gut beschrieben

Portrait von Cretaz
  • 15.09.2009 - 13:59

Danke fürs tut =) gute grundlagen um was eigenes auf die Beine zu stellen :>

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 28.08.2009 - 18:26

Joar... gut gelungen und gut geschrieben ;)

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 28.08.2009 - 18:24

Joar... gut gelungen und gut geschrieben ;)

Portrait von PitPanda
  • 17.08.2009 - 01:05

sehr anschaulich :) hab aufjedenfall jetzt ein paar ideen mehr die ich mal ausprobieren kann danke :)

Portrait von greenbeen
  • 10.08.2009 - 22:48

wirklich tolle Tutorial! Es ist wirklich sehr hilfreich ^^"

x
×
×