schatten_rechts
useradmin
Passwort vergessen? Registrieren
Bei jedem Besuch automatisch einloggen
spacer
Fxencore Logo im Bereich: Technical Border & Text Avatar Photoshop Tutorial

Technical Border & Text: Photoshop+Tutorial

Photoshop Tutorial: Technical Border & Text

 
erstellt von labtech


Homepage: www.fxencore.de

Schritt 1

Erstellt ein neues Dokument, z.B. 500*157 pxl und lädt euren Hintergrund dort hinein.
Wie ihr einen Bannerhintergrund erstellt, könnt ihr in diesem Tutorial nachlesen. Wichtig ist, dass das bild schwarz weiß bleibt. (die farbe kommt später) Wenn ihr ein farbiges Bild habt, dann geht auf Bild / Anpassen / Sättigung verringern ...

Wer will kann zu Übungszwecken das Bild links nehmen (border.gif).

Für das Tutorial braucht ihr folgende Dateien (Schriftart, Textur)

 

Diese könnt ihr hier runterladen: Zum Download






Schritt 2

Kommen wir jetzt zum Tutorial :) . Erstellt eine neue Ebene, nehmt das Polygonlasso und zeichnet einen Rahmen (auf dem Bild habe ich meinen Rahmen rot markiert).

Wenn ihr die Markierung habt, dann geht ihr auf Auswahl / Auswahl umkehren ... . Füllt die markierte Fläche mit einem dunklen Grauton aus.

 

Geht dann auf Photoshop Ebeneneffekte / Abgeflachte Kanten und Relief ... und übernehmt die Einstellungen wie auf dem Bild.

 

 

 

Damit wir später den Effekt Stil nicht nochmal einstellen müssen, klickt ihr mit der rechten Maustaste auf die Ebene und wählt dort "Ebenenstil kopieren" aus.

 

 

 

Soweit so gut, kommen wir zu der Textur ( texture.jpg ) ,die sich in dem ZIP-Ordner befindet. Lädt diese Texture auf eine neue Ebene und erstellt eine Schnittebene (strg + g in der version CS2 alt + strg + g) dann diese. (siehe Bild) Setzt die Ebene auf "Weiches Licht".










Schritt 3

Ab jetzt ist eure Kreativität gefragt, zeichnet mit Polygonlasso auf einer neuen Ebene einen kleinen Viereck, Fünfeck oder was auch immer, füllt dann diesen mit Grau. Fügt den gleichen Ebenenstil ein, indem ihr mit der rechten Maustaste auf die Ebene klickt und dann auf "Ebenestil einfügen"

 

 

Ihr könnt dann die Ebene duplizieren und verschieben, so wie ihr wollt.






Schritt 4

Nach dem gleichen Prinzip macht ihr weiter, mit Polygonlasso Markierungen erstellen, die Fläche mit grau füllen, Ebenstil einfügen ...

Mit runder Auswahlform könnt ihr Kreise aus dem Objekt rausschneiden.




Schritt 5

Kommen wir zu der Schrift, packt die Schriftart, die ihr runtergeladen habt, ins Windows/Fonts Verzeichnis (eventuell müsst ihr Photoshop nochmal starten, damit die ihr die Schriftart auswählen könnt):

Erstellt eine neue Ebene und schreibt etwas rein. Rastert danach die Ebene, indem ihr mit der rechten Maustaste auf die Ebene klickt und dann "Ebene rastern" auswählt.

Geht dann auf Photoshop Ebeneneffekte und fügt, Schlagschatten, Schatten nach innen, A. Kante und Relief, Verlaufsüberlagerung und Kontur hinzu (siehe Bild).

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Wählt Radiergummi mit einer "dirty" Form und klickt manche Stellen auf der Schrift an, damit es "zerstört" aussieht.










Schritt 6

Was jetzt noch fehlt ist die Farbe. Dazu klickt ihr auf Photoshop Füllebene und wählt dort Farbballance ... aus.(diese Farbballance Ebene muss über allen Ebene sein) Übernehmt einfach die Werte wie auf dem Bild.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Mein Ergebnis sieht so aus. Viel Spass beim Nachmachen.

Fragen und Anregungen
Habt ihr noch Fragen zum Tutorial Technical Border & Text für Photoshop, dann könnt ihr diese entweder im Forum oder im IRC - Chat ( #fxencore.de ) stellen.




Fragen und Anregungen
Habt ihr noch Fragen zum Tutorial Technical Border & Text für Photoshop, dann stellt diese im fxencore Forum:
Icon Fxencore ForumZum fxencore Forum
Bookmark
Speichere das Photoshop Tutorial: Technical Border & Text um es nicht zu vergessen.
Mr. Wong One View Link Arena Icio Link Silo net selector
del.icio.us Facebook Google Digg

News | Photoshop Tutorials Info | Art | Datenschutz | Impressum | | Sitemap |

Fxencore Art Community

2002 wurde die Deutsche Art Community fxencore ins Leben gerufen. Fxencore bietet sowohl für Anfänger als auch für Profis eine geeignete Oberfläche um sich weiter zu entwickeln. Der Schwerpunkt von fxencore.de liegt bei den Photoshop Tutorials. Diese Photoshop Tutorials sind in Texteffekte, Objekte, Homepage Tools, Pixelgrafiken, Bildmanipulation und nach anderen Themengebieten unterteilt. Zudem werden zusätzlich Photoshop Workshops und Walkthrough für komplizierte und aufwendige Projekte vorgestellt. Für alle anderen, die sich mehr in Richtung 3d Max Studio, Cinema 4d oder Flash gehen, bietet fxencore auch Unterstützung in Form von Tutorials an. Weitere fxencore Rubriken sind Fonts / Schriftarten-, Photoshop Tutorials Texturen-, Brushset Downloads.



Copyright © 2002 - 2015 fxencore, Alle Rechte vorbehalten.
CMS v.3.0 copyright © TanMar & TH