Video-Training „Webdesign mit Photoshop“ – Profi-Techniken für modernes Webdesign – mit zahlreichen Tipps für das mobile Web

webdesign-mit-photoshop-cs6-jonas-hellwig-galileo-press-small

Ich freue mich, euch mitteilen zu können, dass Anfang dieser Woche mein neues Videotraining "Webdesign mit Photoshop - Aktuell zu CS6" im Galileo Press Verlag erschienen ist. Auf Facebook konntet ihr ja bereits einen Blick auf die Arbeit im Aufnahmestudio werfen. In ein paar Tagen wird die DVD dann auch bei Amazon und im klassischen Buchhandel erhältlich sein.
Das Training hat eine Gesamtspielzeit von 11 Stunden und behandelt den gesamten Workflow eines Webdesigners. Angefangen bei den neuen Features von Photoshop CS6, über die Konzeption bis hin zur Gestaltung und Umsetzung einer Website.

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

Produktbeschreibung

In diesem Video-Training zeigt der bekannte Designer Jonas Hellwig, wie man mit Photoshop CS6 die typischen Gestaltungsaufgaben für das Webdesign optimal löst. Beginnend mit einer gründlichen Konzeption zeigt der Trainer, wie man daraus das finale Design ableitet, die einzelnen Seitenelemente erstellt, benutzerfreundliche Navigationslösungen umsetzt und Text internetgerecht einsetzt. Unterhaltsam führt er durch einen lehrreichen Video-Kurs und führt Konzepte und effiziente Arbeitstechniken vor.

Webdesign mit Photoshop CS6 - Jonas Hellwig - Galileo Press
Cover der DVD.

Der Anwender erhält dabei wertvolle Profi-Tipps zu Gestaltung, Farbwahl, Positionierung und Typografie und lernt, wie er Hintergründe, Strukturen, Schaltflächen, Transparenzeffekte und Icons erzeugt und diese optimal für das Web aufbereitet. Auch spezielle Designfragen für die Darstellung auf mobilen Endgeräten beantwortet Jonas Hellwig ausführlich. Das Training besteht aus einzelnen Workshops, in denen der Anwender am Bildschirm Schritt für Schritt verfolgen kann, wie die Grafiken in Photoshop entstehen. Der Clou: Anhand des mitgelieferten Übungsmaterials kann der Benutzer alle Arbeitsschritte parallel sofort mitmachen, die 30-Tage-Testversion von Photoshop 6 findet sich ebenfalls auf der DVD.

Jetzt bei Amazon bestellen

Trailer

Inhaltsverzeichnis und Probe-Lektionen

1. Photoshop optimal einrichten

  • 1.1 Einleitung
  • 1.2 Die neue Oberfläche von Photoshop CS6
  • 1.3 Neue Funktionen in Photoshop CS6
  • 1.4 Wichtige CS6-Konzepte im Überblick
  • 1.5 Bedienfelder und Werkzeuge für Webdesigner
  • 1.6 Die Arbeitsumgebung für das Webdesign einrichten

2. Grundlagen für erfolgreiches Webdesign

  • 2.1 Einleitung
  • 2.2 Die Elemente einer modernen Website
  • 2.3 Websites richtig strukturieren
  • 2.4 Die Gestaltgesetze anwenden
  • 2.5 Farben im Webdesign
  • 2.6 Viewport und Auflösungen
  • 2.7 Gestaltungsraster nutzen
  • 2.8 Raster im Responsive Webdesign
  • 2.9 Gestaltungsraster selbst entwickeln
  • 2.10 Stilrichtungen und Design-Trends im Web

3. Websites zielgenau konzipieren

  • 3.1 Einleitung
  • 3.2 Die Zielgruppe definieren
  • 3.3 Erwartungen, Konventionen und häufige Fehler
  • 3.4 Navigationskonzepte entwickeln
  • 3.5 Farbkonzepte entwickeln
  • 3.6 Design im Browser: Photoshop und CSS3
  • 3.7 Interaktionen, Animationen und dynamische Elemente
  • 3.8 Design-Konzepte für Mobilgeräte
  • 3.9 Mockups, Skizzen und Prototypen
  • 3.10 Ein Projektablauf im Schnelldurchgang

4. Design-Techniken für das Web

  • 4.1 Einleitung
  • 4.2 Pixelgenaues Arbeiten
  • 4.3 Kanten und Linien verstärken
  • 4.4 Farbflächen aufwerten
  • 4.5 Licht und Schatten hinzufügen
  • 4.6 Rauschen kreativ einsetzen
  • 4.7 Kreative Übergänge gestalten
  • 4.8 Plastizität mit Photoshop und CSS3

5. Navigationselemente gestalten

  • 5.1 Einleitung
  • 5.2 Benutzerfreundliche Navigationsmenüs
  • 5.3 Schaltflächen und Interaktion
  • 5.4 Navigationsleisten gestalten
  • 5.5 Registerkarten gestalten
  • 5.6 Schaltflächen weich einblenden
  • 5.7 Ebenenkompositionen erstellen
  • 5.8 Elemente transformieren mit CSS3

6. Typografie für Websites

  • 6.1 Einleitung
  • 6.2 Typografie im modernen Web
  • 6.3 Webfonts und Webfont-Icons
  • 6.4 Plastische Texteffekte gestalten
  • 6.5 Eine Retro-Schrift erstellen
  • 6.6 Pfadtexte mit Photoshop
  • 6.7 3D-Texte mit Photoshop Extended

7. Muster, Strukturen und Hintergründe

  • 7.1 Einleitung
  • 7.2 Muster und Strukturen im Webdesign
  • 7.3 Muster in Photoshop erstellen
  • 7.4 Einen Blaupausen-Hintergrund gestalten
  • 7.5 Skriptbasierte Muster erzeugen mit Photoshop CS6
  • 7.6 Hintergrundkacheln aus skriptbasierten Mustern
  • 7.7 Endlosmuster aus Strukturen erstellen
  • 7.8 Eigene Strukturen erzeugen
  • 7.9 Eine Pinnwand gestalten
  • 7.10 Oberflächenstrukturen übertragen

8. Icons und Schmuckelemente erzeugen

  • 8.1 Einleitung
  • 8.2 Realistische Schatten erzeugen
  • 8.3 Transparenz in Photoshop und CSS3
  • 8.4 Spiegelungen in Photoshop und CSS3
  • 8.5 Pixelgenau ein Symbol erstellen
  • 8.6 Ein Home-Symbol gestalten
  • 8.7 Ein Award-Banner erstellen
  • 8.8 Farbband und Badge gestalten
  • 8.9 Notizzettel und umgeknickte Ecken
  • 8.10 Animationen aus Einzelbildern
  • 8.11 Schlüsselbild-Animationen als Video

9. Fotos optimal einsetzen

  • 9.1 Einleitung00:20 Min.
  • 9.2 Wo finde ich Fotos?
  • 9.3 Das neue Freistellungswerkzeug
  • 9.4 Bildformat und Bildrichtung
  • 9.5 Skalieren und Inhalte bewahren
  • 9.6 Inhaltsbasiertes Retuschieren
  • 9.7 Inhaltsbasiertes Verschieben.
  • 9.8 Die Unschärfe-Werkzeuge
  • 9.9 Aktionen und Stapelverarbeitung nutzen

10. Responsive Webdesign

  • 10.1 Einleitung
  • 10.2 Wie funktioniert Responsive Webdesign?
  • 10.3 Abspecken oder aufblasen?
  • 10.4 Breakpoints gestalten
  • 10.5 Flexible Grafiken erstellen
  • 10.6 Mobile Websites mit CSS3 Media Queries
  • 10.7 Grafiken für Retina-Displays

11. Ein Webdesign umsetzen mit HTML5 und CSS3

  • 11.1 Einleitung
  • 11.2 Layouts für die Web-Entwicklung vorbereiten
  • 11.3 Prototypen mit dem Slice-Werkzeug erstellen
  • 11.4 Grafiken in CSS-Sprites bündeln
  • 11.5 Die Ausgabeformate
  • 11.6 Daten komprimieren
  • 11.7 Das Seitengerüst in HTML5 aufbauen
  • 11.8 Die Layout-Grafiken einbinden
  • 11.9 Der Feinschliff mit CSS3 und Media Queries

Offizielle Produkt-Website

Jetzt bei Amazon bestellen