Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen

Photoshop CS4 für Webdesigner

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.

Inhaltsverzeichnis

Voreinstellungen

  • Allgemein
  • Benutzeroberfläche
  • Dateihandhabung
  • Leistung
  • Zeigerdarstellung
  • Transparenz/Farbumfang-Warnung
  • Maßeinheiten & Lineale
  • Hilfslinien, Raster und Slices
  • Zusatzmodule
  • Text

Werkzeuge

  • Alle Werkzeuge im Überblick

Bedienfelder

  • Alle Bedienfelder im Überblick

Arbeitsbereiche

  • Anordnen
  • Standard-Arbeitsbereiche

Wahrnehmung

  • Content und Funktionalität
  • Gestaltgesetze

Zielgruppe

  • Soziodemografische Merkmale
  • Geografische Merkmale
  • Soziale Zielgruppendefinition
  • Psychologische Merkmale
  • Buchprojekt: Zielgruppe

Konventionen

  • GIULIA-Prinzip

Farben

  • Farbmischung
  • Farben im Web
  • Farbwirkungen
  • Farbkontraste
  • Gefahren im Umgang mit Farben
  • Farbkonzepte
  • Workshop: Farbkonzept manuell entwickeln
  • Workshop: Farbkonzept mit dem Kuler
  • Workshop: Farbkonzept aus Bildquelle entwickeln
  • Buchprojekt: Farbkonzept festlegen

Größen im Webdesign

  • Monitorauflösung
  • Viewport

Webdesign-Trends

  • Retro & Vintage
  • Hand-Drawing
  • Web 2.0
  • Grunge

Scribble

  • Buchprojekt: Scribble

Gestaltungsraster

  • Fixed- versus Fluid-Layouts
  • Ausrichtung
  • Symmetrie und Asymmetrie
  • Gleichgewicht
  • Der Goldene Schnitt
  • Die Drittelregel
  • Full-Single-Websites
  • Workshop: Gestaltungsraster entwickeln
  • Grid-Systeme
  • Buchprojekt: Gestaltungsraster

Flächen und Linien

  • White Space
  • Linien
  • Organische Formen
  • 3-D-Linien
  • Workshop: Linien mit Verlauf aufwerten
  • Workshop: Gepunktete Linie mit Schere
  • Workshop: Kontur mit einem Muster füllen
  • Workshop: Konkave und konvexe Linien
  • Workshop: Farbflächen aufwerten
  • Workshop: Outlines
  • Buchprojekt: Flächen und Linien

Transparenz

  • Workshop: Semitransparentes Overlay

Schatten und Spiegelung

  • Spiegelungen bei 2-D-Objekten
  • Schatten bei 2-D-Objekten
  • Workshop: Schatten
  • Workshop: Wet-Floor-Effekt

Pattern

  • Workshop: Scanlines
  • Stripe-Generator
  • Workshop: Karbon
  • Free Pattern
  • Patterns mit CSS

Strukturen

  • Workshop: Holzstruktur
  • Workshop: Gebürstetes Metall
  • Workshop: Samt
  • Workshop: Felsen
  • Workshop: Textur an Oberfläche anpassen
  • Workshop: Sich wiederholende Strukturen erstellen
  • Buchprojekt: Strukturen

Brushes

  • Photoshop-Brushes
  • Externe Brushes
  • Workshop: Brushes erstellen
  • Pinsel exportieren

Navigation

  • Navigationsstrukturen
  • Navigationskonzepte umsetzen
  • Navigation optimal platzieren
  • Navigationselemente gestalten
  • Icons und Piktogramme
  • „Speaking“ Navigation
  • Farbleitsysteme einsetzen
  • Interaktionen kennzeichnen
  • Workshop: Moderner Button
  • Workshop: Aqua-Button
  • Workshop: Metall-Button
  • Workshop: Aero-Button
  • Workshop: Candybar-Navigation
  • Workshop: Tab-Navigation
  • Workshop: Navigation mit Suchfeld
  • Buchprojekt: Navigation

Typografie im Internet

  • Schriftarten
  • Content-Fonts
  • Schmuckschriften
  • Serif oder Sans Serif?
  • Schriftgrößen
  • Konsultationsgrößen
  • Pixelfonts
  • Lesegrößen
  • Schaugrößen
  • Schriftgrößen im Web
  • Zeilenlänge, Zeilenabstand und Absätze
  • Zeilenlänge
  • Zeilenabstand
  • Textausrichtung und Silbentrennung
  • Textauszeichnungen
  • Typografie und Farbe
  • Links
  • Design von Textobjekten
  • Schriftglättung: Vor- und Nachteile
  • Workshop: Text auf Pfad
  • Workshop: Liegender 3-D-Text
  • Workshop: Letterpress-Texte
  • Workshop: Shade-Text
  • Workshop: Chrome-Text
  • Workshop: Text aus Glas
  • Workshop: Text aus Gold
  • Buchprojekt: Schriftwahl

Fotos im Internet

  • Bilder googeln?
  • Legale Bildquellen
  • Bildauswahl
  • Bildausschnitt und -ausrichtung
  • Bildformate
  • Bildspiegelungen
  • Thumbnails
  • Alt-Attribute
  • Fotos fürs Web aufbereiten
  • Workshop: Horizont ausrichten
  • Workshop: Fotos altern lassen
  • Workshop: Bildelemente ausbrechen lassen
  • Workshop: Fotoecke komplett umbiegen
  • Workshop: Skalieren und Inhalt bewahren
  • Workshop: Verträumte Fotos
  • Buchprojekt: Fotos

Zierelemente

  • Workshop: Glanzstern
  • Workshop: Post-it
  • Workshop: Tesafilm
  • Workshop: Badge
  • Workshop: Sticker
  • Buchprojekt: Zierelemente

Icons

  • Workshop: Favicon
  • Workshop: Warning-Icon
  • Workshop: Kalender-Icon
  • Workshop: Lupen-Icon
  • Buchprojekt: Icons

Content-Design

  • Text- und Bildinhalte
  • Homepage versus Website
  • Buchprojekt: Content-Design
  • Details

Grafiken für Ausgabe optimieren

  • Für Web und Geräte speichern
  • Ausgabeeinstellungen vergleichen
  • Werkzeuge
  • Device Central
  • Vorschau
  • Vorschau und Metadaten
  • Bildgröße
  • Dateiformate im Web
  • GIF (Graphics Interchange Format)
  • GIF-Grafiken für das Web optimieren
  • JPG/JPEG (Joint Photographic Expert Group)
  • JPEG-Grafiken für das Web optimieren
  • PNG-8 (Portable Network Graphics)
  • PNG-24
  • PNG-24 für das Web optimieren

Animation

  • Gif-Animation

HTML-Ausgabe

  • Slices
  • HTML-Ausgabe mit Photoshop
  • Alternative zu Slices
  • Workshop: Zoomify

Zusatzmodule

  • Web-Fotogalerie

Buchprojekt: Coding

  • Grundaufbau
  • Hintergrund
  • Header
  • Logo und Slogan
  • Navigation
  • Content
  • Sidebar
  • Footer
  • Content
  • Dateiupload

Buchprojekt: WordPress

  • WordPress (lokal) installieren
  • Theme Basics
  • WordPress-Theme erstellen
  • Theme testen
  • Seiten anlegen und verwalten
  • Kategorien und Artikel anlegen und verwalten
  • Navigation anpassen
  • Startseite festlegen

Feedback & Ergänzungen – 16 Kommentare

  1. Jörg Dähler
    schrieb am 02.02.2010 um 18:02 Uhr:

    Das Buch ist super, bin gerade am lesen. Was mir fehlt sind die Download’s und Links dazu. Hast du einen Bereich auf dem der Content verfügbar ist?

    Danke & Gruß
    Jörg

    Antworten
    • Jonas Hellwig
      schrieb am 07.02.2010 um 10:32 Uhr:

      @Jörg: Alle Inhalte des Buches können unter buch.cd heruntergeladen werden :)

      Antworten
  2. derlange58
    schrieb am 22.12.2009 um 21:59 Uhr:

    Moin Moin aus dem hohen Norden, mir fiel dein Buch bei der Buchhandlung Thales in die Hände, ich hab es kurz überflogen und mir hat es gleich zugesagt, viele Deiner „Anregungen“ habe ich als Rookie schon nachgebaut und bin schwer begeistert von den verständlichen Anleitungen ( Ebenen und so ist das A und O). Sie Typografie Tips und Farbharmonien sind klasse. Frohes besinnliches Fest und verkaufe ordentlich Bücher.

    Antworten
  3. con
    schrieb am 07.11.2009 um 23:07 Uhr:

    HallO! Heute nachmittag fand ich Dein Buch im Regal und bin begeistert!Eigentlich von jedem Kapitel, aber am meisten von dem Bereich der „WordPress“ aufschlüsselt.
    Toll!
    Da ich mich unter anderem mit diesem Bereich zu Zeit beschäftige, kann ich mich für Dein Buch nur bedanken!!
    In dem Zusammenhang wäre für mich auch etwas Vergleichbares in Bezug auf „Joomla“ interessant, und ich dacht mir Fragen schadet nich ;)
    Vielleicht hast Du ja einen „link“ oder einen Tipp im Peto?

    viele Grüße

    cs

    Antworten
    • Jonas Hellwig
      schrieb am 08.11.2009 um 18:16 Uhr:

      @con: Freut mich, dass es dir gefällt. Leider kann ich dir zu Joomla nichts sagen, da meine Kenntnisse hier gegen Null tendieren.

      Antworten
  4. Angelika Hartmann
    schrieb am 04.08.2009 um 20:07 Uhr:

    Hallo
    Für mich wehre es ein Sprungbrett wieder in die richtige Richtung, wenn ich dein Buch bekommen könnte. Ich habe mit weit über vierzig, als damals PC Neuling gewagt eine Ausbildung zur Medieninformatikerin anzugehen. Diese auch durchgezogen, da man jedoch froh sein muss als Berufsanfängerin überhaupt Fuß zu fassen, nun leider zur Word Tante ,was ich nun seit drei Jahren unterrichte, mutiert. Dein Buch würde mir genau das Handwerk bieten, was ich brauch um wieder aktuell zu sein und vielleicht doch noch meine Beruflichen Träume zu verwirklichen.
    Wünsche dir noch nen schönen Urlaub oder besser noch ein schönes wieder nach hause kommen.

    Antworten
  5. Jan
    schrieb am 30.07.2009 um 16:57 Uhr:

    Juchu, endlich ist dein Buch angekommen, hab schon einen Blick reingeworfen, werde wohl die halbe nacht mit dem Buch vor dem Rechner verbringen!!!!

    Antworten
  6. Jules
    schrieb am 21.07.2009 um 11:38 Uhr:

    Sehr schönes Buch!
    Heute bekommen :)

    Antworten
  7. Eddy v.G.
    schrieb am 20.07.2009 um 08:37 Uhr:

    Hi Jonas, auch von mir herzlichsten Glückwunsch! Was der Junge so alles treibt…unglaublich! Ich wünsche Dir viel Erfolg und hohe Verkaufszahlen! ;-)

    Best Regards
    Eddy

    Antworten
  8. hackbraten
    schrieb am 17.07.2009 um 15:03 Uhr:

    sagt mal kann man das buch schon irgendwo kaufen in Düsseldorf ???

    Antworten
    • Jonas Hellwig
      schrieb am 17.07.2009 um 16:15 Uhr:

      @Hackbraten: Ich glaube noch nicht. Sobald die Bücher ausgeliefert sind aber 100%

      Antworten
  9. Jan
    schrieb am 16.07.2009 um 19:17 Uhr:

    So habe dann heute von Amazon das vorraussichtliche Lieferdatum bekommen, kann mich auf den Zeitraum zwischen 28.07. und 06.08. einstellen.
    Hoffentlich kommt es schnell!

    Antworten
  10. Stefan
    schrieb am 15.07.2009 um 21:50 Uhr:

    Hey Jonas,
    nice das du nun auch noch ein Buch rausgebracht hast fals ich mal wieder in der Stadt bin und an einem Buchladen Vorbeilauf schauch ich mal ob sie dein Buch haben, oder ich schau einfach mal bei Amazon ^^
    Ok dann lass ich mal noch ein paar schöne Grüße da und mach weiter so!
    Mfg Stefan

    Antworten
  11. Felix de Ruiter
    schrieb am 15.07.2009 um 19:38 Uhr:

    Cool, genau so ein Buch habe ich mir schon immer gewünscht! Und da ich von deiner Kompetenz sowie voll und ganz überzeugt bin, werde ich sofort bei Amazon stöbern und es mir bestellen, wenn ich es mir leisten kann. ;-)

    Gruß
    Felix

    Antworten
  12. Hackbraten
    schrieb am 15.07.2009 um 18:25 Uhr:

    Hi,

    bin gerade zufällig auf dein Buch gestoßen und mir hat es glatt die Sprache verschlagen !! Suche seit einigen Monaten genauso ein Buch hehe und dann sehe ich das Buch das Inhaltsverzeichnis ist sieht sehr vielversprechend aus !!! Cool werde mir auf jedenfall eins zulegen. DANKE und wehe es ist nicht gut weiss ja jetzt wo ich mich beschweren kann :) :)

    Antworten
  13. Flowsen
    schrieb am 15.07.2009 um 15:51 Uhr:

    Juhuu!!

    Da werde ich mir doch gleich mal ein Exemplar kaufen. :D

    Antworten

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.