<klick>Nachrichten zu JavaScript und Programmierung</danke>
jswelt.de |  forum |  pixelboutique |  User Online (max. 20)  
javascript archiv jswelt javascript archiv jswelt  
 
 LogIn // Neu
 
     

menu
 Home
 JavaScripts
 Photoshop
 Internetrecht
 Gästebuch
 Kontakt
 Service
 Flashgames
 Hompage-Shop
 Statistiken
 IRC-Channel
 hier werben
 Literatur
 Mediadaten
 Impressum
interessantes
suche


Suchen
forum

Zum Forum

statistiken
481JavaScripts in
23Kategorien
36PS-Tuts
45163reg. User
68669  Mails versendet
Statistiken
6655Tage online

photoshop

Sie sind hier: jswelt.de
Hintergrundlinien für´s WWW
Hintergrundlinien für´s WWW


 
Wer kennt sie nicht, die klassischen Hintergrundlinien auf Webseiten?
Diese lassen sich in Photoshop denkbar einfach und mit geringem Zeitaufwand erstellen.

Ein neues Dokument mit 1 Pixel breite und 4 Pixel höhe wird erstellt. Hintergrund Weiss oder Transparent.

Nun wird in das Dokument eingezoomt (Ansicht - Einzoomen) bis die Grafik richtig sichtbar wird.

Als nächstes wird mit Hilfe des Bleistifts oder dem Auswahlwerkzeug ein Pixel in hellem blau eingefärbt. Auswahlwerkzeug in Werkzeugpalette wählen und einen Pixel Fläche markieren. Anschließend Farbe wählen und über "Bearbeiten - Fläche füllen" einfärben.

Die übrigen drei Pixel werden in einem dunkleren blau ebenfalls eingefärbt.

Das Dokument wird nun im Modus "Indizierte Farben" als GIF mit 2 Farben gespeichert.

Wird diese Grafik nun als "background" im -Tag plaziert, kachelt sich diese über die ganze Fläche.

So isses...

Sie kann aber auch in den "background" einer Tabelle gelegt werden. Der Qelltext hierfür sollte dann etwa so aussehen:

So isses...

submenu
Start
Weicher Rand (an allen Seiten)
Website Buttons
Wasserzeichen
Video-/ TV-Streifen
Transparenter Text
Transparente GIFs
Text mit Ebeneneffekt: abgeflachte Kante und Relief
TechnoText
TechnoDots
Spiegelung
Schraube
Schatten erstellen
Runder Text
Runde und plastische Buttons
Muster
Multiplizieren
Metal
Links
Kabel
Hintergrundlinien für´s WWW
Hintergrundkachel
Gestanzter Text
Gaußscher Weichzeichner
Freistellen bei einfarbigem Hintergrund
Entfernen von Text
Chrom 2
Chrom
Brennender Text
Blitz
Blauer Himmel
Bilder und Grafiken anpassen
Bild ausfaden
BarCode
Augen - Grunge-Style
Aktionen
3D-Mosaik
web-vorlage
Business Template 02
online
12 User online