Photoshop CS4 für Webdesigner

Die Basis für erfolgreiche Websites ist attraktives und nutzerfreundliches Design. Klare Navigation, stimmige Farben, verständliche Icons und lesbare Texte sorgen dafür, dass sich Besucher auf einer Website wohl fühlen.

Klare Konzepte

Adobe Photoshop ist dabei das zentrale Werkzeug. Dieses Buch zeigt, wie Sie mit Photoshop Webprojekte entwerfen, Gestaltungs-, Navigations- und Farbkonzepte erstellen und diese mit Backgrounds, Buttons, Icons und anderen Grafikelementen gezielt umsetzen.

Kreativität und Technik

Anhand von mehr als 50 Workshops und einem konkreten Webdesign-Projekt lernen Sie, wie Sie die wichtigsten Grafikobjekte mit Photoshop CS4 entwerfen und erzeugen. Autor Jonas Hellwig liefert dabei nicht nur kreativen Input, sondern auch die wichtigsten technischen Hintergründe, wie die Umsetzung des Layouts in XHTML, CSS oder als WordPress-Theme. Dabei spielt es keine Rolle, ob Sie lieber mit Windows oder Mac OS X arbeiten.

Über 50 Profi-Workshops

Gestaltungsraster entwickeln, konkave und konvexe Linien erstellen
Semitransparentes Overlay, Schatten, Wet-Floor-Effekt
Patterns: Scanlines, Karbon, Free Pattern, Patterns mit CSS
Strukturen: Holz, gebürstetes Metall, Samt, Felsen, Gras
Brushes: Photoshop-Brushes, externe Brushes
Buttons: Aqua-, Metall- und Aero-Buttons
Candybar- und Tab-Navigation
Farbkonzepte mit dem Kuler entwickeln
Textdesign: Pfadtext, 3-D-Text, Text aus Gold, Letterpress-Effekt
Fotos altern lassen, ausbrechende Bildelemente, Skalieren und Inhalt bewahren
Badges: Glanzstern, Post-it, Tesafilm, Sticker
Von A bis Z: Umsetzung eines konkreten Webprojektes

Aus dem Inhalt:

Photoshop für Webdesignaufgaben optimal einstellen
Werkzeuge, Bedienfelder und Arbeitsbereiche
Projekt-Briefing und -planung: Für wen ist die Website, und was soll sie können?
Farbmischung, -wirkung und Farbkonzepte
Aktuelle Webdesign-Trends
Gestaltungsraster: Fixed- versus Fluid-Layouts
Navigationskonzepte: Farbleitsysteme und Interaktion
Formenkanon: Flächen, Linien, organische Formen und Transparenz
Musterarbeit: Patterns, Strukturen und Brushes
Zeichen setzen: Icons und Piktogramme, Speaking Navigation
Typografie: Fonts, Zeilenlänge, Zeilenabstand und Absätze
Texte: Auszeichnungen, Links, Schriftglättung
Fotos fürs Web aufbereiten: Bildquellen, Bildformate, Thumbnails
Zierelemente: Badges, Sticker und Co.
Content-Design: Homepage versus Website
HTML-Ausgabe mit Photoshop
Coding: Layoutumsetzung in XHTML und CSS
WordPress: Layout als WordPress-Theme umsetzen