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 wohlfühlen. Und 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.

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 arbkonzepte
• 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