Anzeige
Tutorialbeschreibung

Miami Vice bzw. 80er Jahre Stil

Miami Vice bzw. 80er Jahre Stil

Dieser Stil kommt besonders auf Internetseiten, die sich mit dem Thema 80'er Jahre befassen, zur Geltung!

 


Vorbereitung:
Wir brauchen:

1. natürlich Photoshop

2. die Schriftart "BROADWAY BT", die ihr hier http://www.webpagepublicity.com/free-fonts-b6.html#Free kostenlos downloaden könnt.

Nun zur Gestaltung:

Zunächst erstellen wir ein neues Bild. Wir wählen als Größe 640 x 480 und färben den Hintergrund Schwarz. Nun wählen wir eine neue Ebene und ändern die Vordergrundfarbe, um das für die 80'er typische Türkis zu wählen. Ich nehme hierzu die Farbe # 76f5fa.

Bilder

Erstellt nun ein Textfeld mit der Schrift Broadway in der Schriftgröße 140 Pt und gebt "MIAMI" ein. Achtet auf die Großbuchstaben. Um das ganze ein bisschen attraktiver zu gestalten machen wir einen Rechtsklick auf diese Ebene im Ebenenfenster und klicken auf die Fülloptionen. Hier wählen wir  "Schein nach außen" und ändern die Farbe des Scheins wiederum auf # 76f5fa, also auf unsere Schriftfarbe. Die Intensivität des Scheins ändert ihr über den Schieberegler "Größe" im Feld "Elemente" direkt unter der Farbwahl des Scheins. Wir wählen hier 35 Px.

Bilder

Nun erstellen wir eine neue Ebene und wählen das Werkzeug "Auswahlrechteck". Zeichnet mit diesem nun ein Rechteck unter den bereits von uns erstellten Text der in etwa die gleiche Breite und Höhe besitzt wie dieser. Das Rechteck füllen wir mit der Vordergrundfarbe, also mit der selben Farbe wie unsere Schrift. Auch hier fügen wir die gleichen Effekte über die Fülloptionen ein.

Bilder

Nun wieder eine neue Ebene erstellen und das Text-Werkzeug wählen. Zieht nun eine Box um das Rechteck und ändert die Vordergrundfarbe auf # 8ecdf9. Als Text gebt ihr "VICE" ein. Um den Text optimal an das Rechteck anzupassen wählt ihr logischer Weise das Verschieben Werkzeug.

Bilder
 

Nun erstellt ihr wieder eine neue und letzte Ebene und wiederholt den letzten Vorgang, mit der Ausnahme, dass ihr die Vordergundfarbe # f796fb wählt. Nun müsst ihr nur noch die Textebene so verschieben, dass die zweite Ebene den Schatten der dritten Ebene darstellt. Falls ihr dabei Probleme mit der Auswahl der einzelnen Ebenen habt, könnt ihr diese unterschiedlich ausblenden, indem ihr einfach auf das Auge neben den Ebenen im Ebenenfenster klickt.

Bilder

Sobald euch das Ganze gefällt, klickt ihr mit gedrückter Strg-Taste alle Ebenen im Ebenenfenster bis auf den Hintergrund an und geht auf Ebene > Ebenen verbinden. Und das wars.

 
Ihr könnt diesen Stil auch anders verwenden, zum Beispiel so:

Bilder

Ich hoffe, euch gefällts! Viel Spaß damit!

Gruß Leif


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von TurboAC
  • 03.02.2011 - 12:33

Super Tutorial! Hat sogar bei mir als Amateur geklappt! Danke

Portrait von Jaickm
  • 10.01.2011 - 13:20

Gelungen und nachvollziehbar super! 5 Sterne! ;)

Portrait von Ghoschdi
  • 09.10.2010 - 22:35

Die gute alte Zeit ;) Danke

Portrait von Jarmen
  • 17.05.2010 - 09:46

Lässt sich sehr gut verwenden, danke!

Portrait von terror_babe
  • 26.04.2010 - 11:40

alles perfekt :) dankesehr !

Portrait von Newyork09
  • 12.04.2010 - 19:50

Sehr schön und leicht gemacht.Danke

Portrait von chrisiii10
  • 18.03.2010 - 21:01

alles perfekt :) dankesehr !

Portrait von RheinNeckar
  • 02.03.2010 - 10:36

Saugeil, genau sowas hab ich gesucht. Für mich als absoluten Anfänger gut nachvollziehbar geschrieben.

Portrait von teejott
  • 16.11.2009 - 16:11

danke super TUT.
sehr sehr geil..

grüße

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.09.2009 - 15:46

super fettes tutt, einfach aber genial back to the 80s ;)

Portrait von weichei9k
  • 19.09.2009 - 13:39

schnell einfach und hübsch
naja über die farben lässt sich ja streiten 4*

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 21.08.2009 - 00:30

Cooles Tutorial, 5 Sterne. Ich hab es allerdings nur dazu benutzt, eine Leuchtende Umrandung für meine Schrift zu erstellen.

Portrait von Tur0p
  • 15.08.2009 - 20:51

cooles tutorial und leicht zu begreifen :-)

Portrait von Connez
  • 04.08.2009 - 12:34

Gut erklärt, sieht echt stark aus :-)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.07.2009 - 22:36

leider kann ich die schrift nicht instalieren, vist meckert :/
aber trotzdem, gute idee und auch super erklärt ;)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.07.2009 - 22:35

leider kann ich die schrift nicht instalieren, vist meckert :/
aber trotzdem, gute idee und auch suoer erklärt ;)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.06.2009 - 17:07

Schönes tut hat alles super gefunzt.
Danke dafür :_)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 29.01.2009 - 16:53

Super :) Danke für die Idee

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 27.01.2009 - 22:19

Sieht echt genial aus :)

Portrait von track2302
  • 12.01.2009 - 15:00

Supergeil! Einfach nur klasse

x
×
×