www.digital-workshop.at|Photoshop und Web Tutorials » Photoshop

Letterpress Effekt Photoshop Tutorial

wario — Tue, 15 Mar 2011 10:44:45 +0000

Hier möchte ich euch zeigen wie man einen Sogenannten “Letterpress Effekt” erstellt.

Dieser wird sehr oft im Webdesign verwendet da er sehr gut aussieht und sich wunderbar für Logos und Überschriften eignet.

Zuerst einfach auf den gewünschten Hintergrund mit einer, am besten dicken Schrift, den Text schreiben.

Hier eignet sich als Schriftfarbe am besten eine Dunklere Farbe als die Hintergrundfarbe.

Dann wenden wir auf die Schrift folgende “Ebeneneffekte” an:

! Die px angaben sind variabel! Das kommt ganz auf die Schriftgröße an.

Schatten nach innen

Abstand: 7 Px
Größe: 10 px
Deckkraft: 85%

Das bewirkt diesen “eingestanzten” Effekt.

Nun setzten wir ein “highlight”.

Schlagschatten

Füllmethode auf “Normal” setzen und Farbe “weiß”

Deckkraft reduzieren

Abstand und Größe auf jeweils 1Px.

Jetzt nurnoch die Schrift ein wenig plastischer machen:

Verlaufsüberlagerung

Füllmethode auf “Ineinanderkopieren”

Deckkraft senken

und eventuell die Skalierung anpassen.

Und hier unser Ergebnis:

Linktipp: Lorem Ipsum Generator in Photoshop

wario — Fri, 04 Mar 2011 08:27:00 +0000

Wie oft hab ich mich schon geärgert das es in Photoshop keine Option gibt um Lorem Ipsum einzufügen.

Das dachte sich wohl auch Mark Steinruck von www.viget.com und hat kurzerhand ein Panel selber geschrieben.

Zu finden ist das ganze unter http://www.viget.com/inspire/dummy-text-panel-for-photoshop/.

Er hat dieses Plugin mit dem Adobe Air Configurator geschrieben und funktioniert einwandfrei.

Für alle die keiner Englischen Sprache mächtig sind:

Photoshop beenden
Die Erweiterung herunterladen
Das *.zxp file Doppelklicken und installieren
Photoshop öffnen und unter Window > Extensions > findet ihr den “Dummy Text”

Genial Einfach, einfach genial!

Danke dafür.

In 4 Schritten einen “Halftone” Effekt erstellen

wario — Mon, 30 Nov 2009 08:38:44 +0000

Heute erstellen wir einen netten kleinen Effekt in Photoshop.
Dieser nennt sich auf Englisch “Halftone”. Auf Deutsch nennt sich das Rasterungseffekt.
Klingt zwar weniger Spektakulär sieht aber trotzdem klasse aus.

Hier zuerst mal das Ausgangsbild

Nun mit “STRG+J” die Originalebene kopieren.
Nun auf auf der Tastatur “D” drücken. Damit setzen wir die vorder- und Hintergrundfarbe auf Standard.

Aus dieser führen wir jetzt den “Rasterungseffekt” aus. “Filter – Zeichenfilter – Rasterungseffekt”.

Hier kann wieder ein wenig mit den Reglern gespielt werden. Ich habe folgende Einstellungen:

Nun sieht unser Bild folgendermaßen aus:

Bei diesem müssen wir jetzt die Farben umkehren. Dies geht ganz einfach mit “STRG+I”.

Jetzt nurnoch den Ebenenmodus auf “Lineares Licht stellen” und die Deckkraft nach belieben herabsetzen.

Hier nun unser fertiges Ergebnis:

“Cut out” Effekt

wario — Wed, 09 Sep 2009 10:08:56 +0000

Hier ein netter kleiner Effekt um bei einem Foto etwas herauszuschneiden..

Zuerst mal das Ausgangsfoto

Eine neue Ebene erstellen

Dann mit dem Bleistift Werkzeug die gewünschte Ausschnittform einzeichnen

Jetzt mit dem Zauberstab Werkzeug (W) das innere des Ausschnittes auswählen.

Jetzt eine neue Ebene erstellen.

Auf diese Ebene wechseln.

Mit der Taste “D” wechseln wir zu den Standard Farben und mit der Taste “X” wechseln wir weiß zur Vordergrundfarbe.

Nun ALT+Entfernen drücken. Somit wurde auf der neuen leeren Ebene unsere Auswahl mit weiß gefüllt.

Nun die Ebene 2 unter die Ebene 1 verschieben.

Auf der Ebene 2 wenden wir den Ebenenstil “Schatten nach innen” an.
Jetzt sieht es richtig ausgeschnitten aus.

Mit dem Textwerkzeug den gewünschten Text auf eine neue Ebene schreiben.
Diesen dann passend transformieren (STRG+T) damit er sich schön ins Bild einfügt.
Die Textebene zwischen Ebene 1 und Ebene 2 verschieben.

Jetzt auf der Textebene mit gedrückter STRG Taste auf Ebene 2 klicken.
Somit haben wir die Auswahl von Ebene 2 markiert.

Und nun auf Vectormaske hinzufügen klicken.

Damit wir den Text noch nachträglich neu positionieren kann muss man die Verknüpfung zwischen
Maske und Text aufheben.
Dazu einfach auf das kleine Kettensymbol klicken.

Und nun das fertige Ergebnis.

20 Shortcuts die jeder Photoshop User beherschen sollte

wario — Thu, 13 Aug 2009 11:00:01 +0000

Hier eine Liste die man dringend kennen sollte wenn man mit Photoshop arbeitet.

Warum? Weil man dadurch einfach viel schneller wird ..

Shortcuts:

1; Strg+ C = Copy

2; Strg+ V = Paste

3; Strg+ T = Transformieren

4; Strg+ A = Alles auswählen

5; Strg+ D = Auswahl aufheben

6; Strg+ J = Ebene duplizieren

7; Strg+ ALT + Shift + E = Alle Ebenen auf eine Reduziert kopieren

8; Strg+ Z = Schritt zurück

9; Strg+ S = Speichern

10; Strg+ Alt + Shift + S = Für Web speichern

11; Strg+ Alt + Mausrad = Zoom

12; Strg + H = Raster und Hilfslinien ein und ausblenden

13; ALT + Backspace = Mit Vordergrundfarbe füllen

14; Strg + Backspace = Mit Hintergrundfarbe füllen

Normale Tastatur Befehle:

15; Space halten = Bild mit der Maus verschieben

16; V = Verschiebe Werkzeug

17; B = Pinsel

18; D = Vordergrund Farbe auf Schwarz und Hintergrundfarbe auf Weiß setzen

19; X = Vorder-und Hintergrundfarbe wechseln

20; Nummerntasten 1-10 = Deckkraft ändern (1=10%, 4=40% usw)