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