Mein Video-Training: Webdesign mit Photoshop

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

Mit großer Freude darf ich Euch mitteilen, dass seit heute mein Video-Training "Webdesign mit Photoshop - Webseiten konzipieren, gestalten und umsetzen" im Handel ist. Die von Galileo Press vertriebene DVD hat eine Gesamtspielzeit von ca. 9 Stunden und umfasst 88 Lektionen.

Wenn Ihr Interesse an einigen Hintergrundinfos zur Erstellung der DVD habt, dann lege ich Euch hier noch einmal meine entsprechende Fotogalerie auf Facebook ans Herz.
Galileo selbst schreibt zum Inhalt folgendes:

Sie wollen anspruchsvolle, moderne Webdesigns mit Adobe Photoshop gestalten? In diesem Video-Training zeigt Ihnen Webdesign-Experte Jonas Hellwig, wie Sie Photoshop CS5 als Webdesigner effizient einsetzen. Erleben Sie den Profi bei der Arbeit und lassen Sie sich inspirieren für zeitlose, spannende Webdesigns. Gestalten Sie Icons, Seitenhintergründe und übersichtliche Navigationen. Lernen Sie, worauf es bei der Gestaltung im Web ankommt, und profitieren Sie von zahlreichen Tipps zur CSS-Umsetzung. Ein kurzweiliger Lernkurs für alle, die mit Ihren Webseiten im World Wide Web auffallen wollen. Inkl. Adobe Photoshop CS5 als Testversion auf der DVD.

Web Design mit Sass

Eine Einführung in moderne Stylesheets.

In unserem Shop kaufen
ePub, Mobi + PDF

Bei Amazon kaufen
Kindle-Version

Jonas Hellwig - Webdesign mit Photoshop von Galileo Press

Für die ganz Eiligen unter Euch; hier könnt Ihr die DVD übrigens bestellen.

Bei Amazon bestellen

Video-Trailer

Hier könnt Ihr Euch auch direkt ein paar Beispiellektionen und den Trailer anschauen. Die Videos sowie die Beschreibungstexte stammen alle von galileo-videotrainings.de.

Holzstrukturen nachbauen

Mit Holzstrukturen können Sie Ihre Webseiten veredeln. Dabei sind solche Strukturen mit wenigen Handgriffen selber erstellt. Jonas Hellwig zeigt, wie Sie nur mit Photoshop einen realistischen Holz-Parkettboden erstellen.

Die Pinsel-Werkzeuge vorbereiten

Für Webdesigner ist gerade die Arbeit mit den Pinsel-Werkzeugen unerlässlich. In diesem Video erfahren Sie vom Profi, wie Sie den Pinsel optimal einstellen, eine eigene Pinselspitze entwerfen und auf diese Weise die Grundlage für ein eigenes Hintergrundbild gestalten.

Letterpress-Texte erstellen mit Photoshop und CSS

Der Letterpress-Effekt stellt Texte so dar, als wären Sie in den Hintergrund eingedruckt. In diesem Video lernen Sie nicht nur, wie Sie diesen beliebten Effekt mit Photoshop nachbauen, sondern auch, wie Sie ihn mit CSS realisieren können.

Metallstrukturen erzeugen

Ein sehr beliebtes Gestaltungsmittel für moderne Webseiten sind so genannte Brushed-Metal-Oberflächen, wie man Sie von Apple kennt. Dieses Video zeigt, wie Sie selber solche Strukturen erstellen. Eine Dodge-and-Burn-Ebene sorgt dabei für den plastischen Effekt.

CSS-Sprites mit Ebenen-Kompositionen

Mit CSS-Sprites können Sie schnell Hover-Effekte erzeugen, für die Sie nur eine Grafik benötigen. In diesem Video lernen Sie, wie Sie diesen Effekt mit Ebenen-Kompositionen in Photoshop vorbereiten und dann in CSS umsetzen.

Vollständiges Inhaltsverzeichnis

Damit Ihr einen genauen Überblick habt welche Themen die DVD behandelt, hier einmal das vollständige Inhaltsverzeichnis.

  • 1. Photoshop richtig vorbereiten - Spielzeit: 00:54 Std.
    • 1.1 Einleitung - Spielzeit: 00:27 Min.
    • 1.2 Arbeitsbereiche in Photoshop einrichten - Spielzeit: 06:31 Min.
    • 1.3 Wichtige Bedienfelder für Webdesigner - Spielzeit: 07:25 Min.
    • 1.4 Lineale und Raster optimal einrichten - Spielzeit: 03:44 Min.
    • 1.5 Die Pinsel-Werkzeuge vorbereiten - Spielzeit: 07:33 Min.
    • 1.6 Photoshop-Ebenen sinnvoll nutzen - Spielzeit: 08:51 Min.
    • 1.7 Smartfilter und Smart-Objekte einsetzen - Spielzeit: 04:17 Min.
    • 1.8 Wichtige Photoshop-Werkzeuge für Webdesigner - Spielzeit: 06:19 Min.
    • 1.9 Ein Configurator-Bedienfeld erstellen - Spielzeit: 09:34 Min.
  • 2. Grundlagen des Webdesigns - Spielzeit: 00:49 Std.
    • 2.1 Einleitung - Spielzeit: 00:27 Min.
    • 2.2 Bestandteile moderner Webseiten - Spielzeit: 03:46 Min.
    • 2.3 Die Gestaltgesetze im Überblick - Spielzeit: 05:09 Min.
    • 2.4 Eine kleine Farbenlehre für Webdesigner - Spielzeit: 08:46 Min.
    • 2.5 Webseiten richtig strukturieren - Spielzeit: 07:23 Min.
    • 2.6 Mit Gestaltungsrastern arbeiten - Spielzeit: 06:24 Min.
    • 2.7 Eigene Gestaltungsraster erstellen - Spielzeit: 10:58 Min.
    • 2.8 Design-Trends unter der Lupe - Spielzeit: 06:21 Min.
  • 3. Webseiten konzipieren und planen - Spielzeit: 00:40 Std.
    • 3.1 Einleitung - Spielzeit: 00:29 Min.
    • 3.2 Die Zielgruppe eingrenzen - Spielzeit: 03:28 Min.
    • 3.3 Das GIULIA-Prinzip - Spielzeit: 04:16 Min.
    • 3.4 Viewport und Auflösung - Spielzeit: 07:49 Min.
    • 3.5 Navigationskonzepte - Spielzeit: 11:50 Min.
    • 3.6 Webprojekte skizzieren - Spielzeit: 06:30 Min.
    • 3.7 Ein Farbschema erstellen - Spielzeit: 06:31 Min.
  • 4. Weblayouts entwerfen und umsetzen - Spielzeit: 00:30 Std.
    • 4.1 Einleitung - Spielzeit: 00:35 Min.
    • 4.2 Das Briefing auswerten - Spielzeit: 04:31 Min.
    • 4.3 Material und Content richtig vorbereiten - Spielzeit: 05:31 Min.
    • 4.4 Die Seitenstruktur planen - Spielzeit: 07:57 Min.
    • 4.5 Das Seiten-Mockup erstellen - Spielzeit: 05:54 Min.
    • 4.6 Das Screendesign umsetzen - Spielzeit: 06:08 Min.
  • 5. Muster, Strukturen und Hintergründe - Spielzeit: 01:18 Std.
    • 5.1 Einleitung - Spielzeit: 00:29 Min.
    • 5.2 Layouts mit Linien aufwerten - Spielzeit: 09:58 Min.
    • 5.3 Ansprechende Farbflächen gestalten - Spielzeit: 10:04 Min.
    • 5.4 Metallstrukturen erzeugen - Spielzeit: 05:45 Min.
    • 5.5 Lederstrukturen erstellen - Spielzeit: 06:06 Min.
    • 5.6 Holzstrukturen nachbauen - Spielzeit: 13:42 Min.
    • 5.7 Muster entwerfen und gestalten - Spielzeit: 13:26 Min.
    • 5.8 Bokeh-Hintergründe entwerfen - Spielzeit: 06:59 Min.
    • 5.9 Flexible Vollbildansicht mit CSS - Spielzeit: 03:44 Min.
    • 5.10 Strukturen in Muster umwandeln - Spielzeit: 04:21 Min.
    • 5.11 Oberflächenstrukturen übertragen - Spielzeit: 03:45 Min.
  • 6. Webtexte optimal gestalten - Spielzeit: 00:39 Std.
    • 6.1 Einleitung - Spielzeit: 00:22 Min.
    • 6.2 Typografie im modernen Web - Spielzeit: 05:55 Min.
    • 6.3 Web-Schriften einsetzen - Spielzeit: 05:14 Min.
    • 6.4 Einen Pfadtext gestalten - Spielzeit: 03:23 Min.
    • 6.5 Eigene Textstile entwickeln - Spielzeit: 04:24 Min.
    • 6.6 Letterpress-Texte erstellen mit Photoshop und CSS - Spielzeit: 06:09 Min.
    • 6.7 Gläserne Schrift erzeugen - Spielzeit: 05:40 Min.
    • 6.8 3D-Texte mit Repoussé - Spielzeit: 08:35 Min.
  • 7. Navigationsmenüs entwerfen - Spielzeit: 00:56 Std.
    • 7.1 Einleitung - Spielzeit: 00:22 Min.
    • 7.2 Eigene Schaltflächen entwerfen - Spielzeit: 12:51 Min.
    • 7.3 Verläufe auf Schaltflächen anwenden - Spielzeit: 07:38 Min.
    • 7.4 CSS-Sprites mit Ebenen-Kompositionen - Spielzeit: 12:43 Min.
    • 7.5 CSS-Transitionen für Schaltflächen - Spielzeit: 04:29 Min.
    • 7.6 Transformationen mit CSS3 - Spielzeit: 03:56 Min.
    • 7.7 Eine Navigationsleiste erstellen - Spielzeit: 14:07 Min.
  • 8. Icons und Symbole erstellen - Spielzeit: 01:09 Std.
    • 8.1 Einleitung - Spielzeit: 00:29 Min.
    • 8.2 Transparenz erzeugen - Spielzeit: 09:54 Min.
    • 8.3 Spiegeleffekte einsetzen - Spielzeit: 09:17 Min.
    • 8.4 Objektschatten hinzufügen - Spielzeit: 04:49 Min.
    • 8.5 Buntstift-Symbol entwerfen - Spielzeit: 12:51 Min.
    • 8.6 Eine Plakette erzeugen - Spielzeit: 06:40 Min.
    • 8.7 Eine Zierschleife erstellen - Spielzeit: 03:38 Min.
    • 8.8 Ein Bookmark-Label entwerfen - Spielzeit: 05:32 Min.
    • 8.9 Favicons und Touch-Icons - Spielzeit: 05:42 Min.
    • 8.10 Individuelle Icons entwerfen - Spielzeit: 10:45 Min.
  • 9. Fotos für das Web aufbereiten - Spielzeit: 00:49 Std.
    • 9.1 Einleitung - Spielzeit: 00:19 Min.
    • 9.2 Die richtigen Bildquellen wählen - Spielzeit: 07:01 Min.
    • 9.3 Bildformat und Bildrichtung - Spielzeit: 06:19 Min.
    • 9.4 Skalieren und Inhalte bewahren - Spielzeit: 06:06 Min.
    • 9.5 Inhaltssensitive Retusche - Spielzeit: 06:24 Min.
    • 9.6 Den Horizont ausrichten - Spielzeit: 02:49 Min.
    • 9.7 Der Goldene Schnitt - Spielzeit: 05:37 Min.
    • 9.8 Der Out-of-Bounds-Effekt - Spielzeit: 03:25 Min.
    • 9.9 Fotoecken simulieren - Spielzeit: 04:57 Min.
    • 9.10 Aktionen & Stapelverarbeitung - Spielzeit: 06:06 Min.
  • 10. Webgrafiken richtig ausgeben - Spielzeit: 00:43 Std.
    • 10.1 Einleitung - Spielzeit: 00:19 Min.
    • 10.2 Slices erstellen - Spielzeit: 17:06 Min.
    • 10.3 Die Ausgabeformate - Spielzeit: 08:14 Min.
    • 10.4 Daten komprimieren - Spielzeit: 06:50 Min.
    • 10.5 GIF-Animationen erstellen - Spielzeit: 06:22 Min.
    • 10.6 Zoomify einsetzen - Spielzeit: 04:15 Min.
  • 11. CSS-Tricks für Webdesigner - Spielzeit: 00:34 Std.
    • 11.1 Einleitung - Spielzeit: 00:19 Min.
    • 11.2 Nützliche Browser-Plug-ins - Spielzeit: 07:40 Min.
    • 11.3 Mit Webstandards gestalten - Spielzeit: 06:28 Min.
    • 11.4 Semantischen Code erzeugen - Spielzeit: 04:08 Min.
    • 11.5 Flexible Raster mit CSS Media Queries - Spielzeit: 11:00 Min.
    • 11.6 Masken in CSS3 verwenden - Spielzeit: 04:46 Min.

Und sonst so?

Solltet Ihr Fragen oder Anregungen zur DVD haben so nutzt doch einfach die Kommentarfunktion oder schickt mir eine E-Mail. Ihr könnt mich natürlich auch über Facebook und Twitter kontaktieren. Ich helfe Euch gerne weiter!

Wenn Ihr die DVD bestellen möchtet, so nutzt doch gerne folgenden Amazon-Partnerlink. Danke und viel Spaß!

Bei Amazon bestellen