www.digital-workshop.at|Photoshop und Web Tutorials » Webdesign http://www.digital-workshop.at Photoshop und Web Tutorials Tue, 31 Jan 2012 16:15:53 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Letterpress Effekt Photoshop Tutorial http://www.digital-workshop.at/letterpress-effekt-photoshop-tutorial/ http://www.digital-workshop.at/letterpress-effekt-photoshop-tutorial/#comments Tue, 15 Mar 2011 10:44:45 +0000 wario http://www.digital-workshop.at/?p=1628 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.

letter press effekt tutorial

 

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.

letterpress photoshop tutorial 3

 

Jetzt nurnoch die Schrift ein wenig plastischer machen:

Verlaufsüberlagerung

Füllmethode auf “Ineinanderkopieren”

Deckkraft senken

und eventuell die Skalierung anpassen.

letterpress effekt tutorial

 

Und hier unser Ergebnis:

letterpress effekt fertig

]]> http://www.digital-workshop.at/letterpress-effekt-photoshop-tutorial/feed/ 0 IE5 & IE6 installieren ? Kein Problem http://www.digital-workshop.at/ie5-ie6-installieren-kein-problem/ http://www.digital-workshop.at/ie5-ie6-installieren-kein-problem/#comments Wed, 04 Feb 2009 16:18:56 +0000 wario http://www.digital-workshop.at/?p=869 ie6-logo

Da man als Webdesigner doch auf den IE6 Rücksicht nehmen sollte hab ich mich mal umgesehen wie man diesen Browser neben dem 7er am besten  installiert.

Nach langer Recherche wurde ich fündig.

Und es geht sogar leichter als ich dachte.

Auf http://tredosoft.com/Multiple_IE gibt es ein Programm mit dem man IE3 IE4.01 IE5 IE5.5 und IE6 superschnell installieren kann.

Wenn nur auch das “debugen” von den Fehlern des IE6 so schnell gehen würde :(

]]> http://www.digital-workshop.at/ie5-ie6-installieren-kein-problem/feed/ 0 Webseiten Hintergrund erstellen http://www.digital-workshop.at/webseiten-hintergrund-erstellen/ http://www.digital-workshop.at/webseiten-hintergrund-erstellen/#comments Fri, 09 Jan 2009 07:00:00 +0000 wario http://www.digital-workshop.at/?p=668 Für Webseiten benötigt man oft Hintergründe die sich wiederholen ohne sichtbare Kanten.

Dies kann man in Photoshop mit einem Filter erledigen.

Ich möchte hier einen Sandhintergrund für eine Webseite erstellen.

Hier das original Bild.

Aus dem Bild wählen wir einen Ausschnitt der gleichmässig ausgeleuchtet ist und von der Struktur nicht zu unruhig.

Das geht am besten mit dem “Freistellungswerkzeug” (C).

Das Bild ist am linken Rand noch ein klein wenig zu dunkel.

Das bekommt man mit dem “Abwedler Werkzeug” in den griff.

Jetzt rufen wir den “Verschiebungseffekt auf”.

“Filter – Sonstige Filter – Verschiebungseffekt”

Dort stellen wir alles auf  “+100″.

Die hässlichen Kanten bekommt man mit dem “Ausbesser-Werkzeug” (J) weg.

Umso genauer man Arbeitet umso schöner wird das Endergebniss.

Fertig.

Jetzt kann sich das Bild horizontal und vertikal wiederholen ohne das man Übergänge sieht.


Hier zur Veranschaulichung das Bild mit 1px rand damit man sieht wo sich das Bild wiederholt.

]]> http://www.digital-workshop.at/webseiten-hintergrund-erstellen/feed/ 1