Dieses Video-Training versetzt Sie in die Lage, effektiv und webbezogen mit Photoshop zu arbeiten. Zudem erfahren Sie die notwendigen Hintergründe zu HTML und CSS, damit Sie eine Website professionell von A bis Z planen, gestalten und umsetzen können.
Zu Beginn erhalten Sie eine solide Basis im Umgang mit Photoshop in Bezug auf Webdesign, damit Ihnen im weiteren Verlauf des Trainings die Grundfunktionen intuitiv von der Hand gehen. Somit können Sie sich bei den zahlreichen Workshops, wie dem Gestalten moderner Buttons und Navigationen, anspruchsvoller Bild- und Texteffekte oder auch dem Entwerfen liebevoller und detaillierter Icons, voll und ganz auf die webspezifischen Finessen konzentrieren. Dazu gibt Philip Fuchslocher eine Menge Insidertipps aus seiner Erfahrung als Diplom-Designer, Trainer und Betreiber von Photozauber.de. In mehreren informativen Kapiteln erfahren Sie nützliche Theorie zu Farbe, Form und Schrift, mit denen Sie die Gestaltung Ihrer Website in Zukunft nicht mehr dem Zufall überlassen.
Darüber hinaus erhalten Sie von René Schulze eine grundsolide Einführung in die technischen Hintergründe des Webdesigns, erstellen anhand mehrerer praxisnaher Beispiele HTML-Gerüste und formen diese mit CSS zu ansehnlichen Dokumenten. Sie lernen essenzielle Zusammenhänge verstehen, umgehen damit Stolpersteine und schlagen die zunehmend wichtigere Brücke zwischen Design und Technik.
Aus dem Inhalt:
Theoretische Grundlagen
Im ersten Kapitel zeigen Ihnen die Trainer unterschiedliche Aspekte im Webdesign auf. Dazu gehört zum Beispiel, was "gutes" Webdesign sein kann, und auch Tipps, um mögliche Hürden zu umschiffen.
Grundlagen Photoshop
Hier lernen Sie die Werkzeuge von Photoshop kennen, die für das Webdesign benötigt werden und den Workflow, um später effektiv fürs Web zu gestalten. Auch als erfahrener Benutzer entdecken Sie sicherlich den ein oder anderen nützlichen Kniff.
Grundlagen (X)HTML und CSS
Ohne ein Basisverständnis der im Webdesign zugrunde liegenden Techniken fällt das Gestalten einer Website schwer bzw. es wird durch nicht umsetzbare grafische Konzepte gänzlich unmöglich gemacht. Eine kurze und lockere Einführung in die Welt der Semantik (HTML) und Auszeichnung (CSS) anhand eines Beispielprojekts zeigt Ihnen alles Wissenswerte, um dann später in Photoshop richtig durchstarten zu können.
Konzeption einer Website
Eine gute Planung erleichtert Ihnen nicht nur den Alltag als Webdesigner, sie hilft auch, Stolpersteine zu vermeiden, denn was nutzt das schönste Design, wenn es an Ihrer Zielgruppe vorbeigeht? Dieses Kapitel beschäftigt sich mit Bedarfsanalyse, der inhaltlichen Strukturierung, Skizzen und dem so genannten Wireframing und gibt Ihnen damit wertvolle Werkzeuge für die Konzeption Ihrer Website an die Hand.
Farbe
Farbe ist mehr als subjektive Wahrnehmung. Richtig eingesetzt und kombiniert vermittelt sie Stimmung und erhöht die Usability einer Website. Sie dient dem Besucher als Leitsystem. In diesem Kapitel lernen Sie alle fürs Webdesign nötigen Facetten von Farbe kennen.
Typografie
Die am häufigsten zu gestaltenden Inhalte im Alltag eines Webdesigners sind textlicher Natur. Das Wissen um Typografie und Verständnis für die Schönheit des Subtilen ist damit ein essenzieller Bestandteil dieses Arbeitsbereichs. Die Trainer zeigen Ihnen, warum es das größte Lob ist, wenn Ihre Arbeit niemandem auffällt.
Aufbau einer Website
Vom Raster über Form und Raum bis hin zur strukturellen Gliederung erklären Philip Fuchslocher und René Schulze in diesem Kapitel alles über den Aufbau einer Website.
Interface-Workshops
In diesem Kapitel wird es praktisch. Eine Vielzahl an Workshops inspirieren Sie beim Gestalten von Interface-Elementen, wie Buttons, Icons und Hintergrundmuster, und vermitteln dabei nützliche Kniffe in Photoshop. Einen Großteil der Ergebnisse finden Sie auch umgesetzt in HTML auf der DVD. So lernen Sie nicht nur die Handhabung der Gestaltung, sondern auch optional die valide, technische Umsetzung.
Gestalten einer Website
Lernen Sie nun anhand eines Beispielprojekts, einer Informationsseite über Neuseeland, wie Sie beim Gestalten einer Website in Photoshop strukturiert und effizient vorgehen, um die Übersicht zu bewahren und Zeit zu sparen.
Bilder ausgeben
In diesem Kapitel lernen Sie die wichtigen Unterschiede der drei großen Webgrafikformate, deren Einsatzzwecke und Optimierungsmöglichkeiten kennen.
Technische Umsetzung
Ab hier geht es richtig los. Wir verlassen die flauschigen Gefilde von Photoshop und kreieren aus der bereits erstellten Designvorlage eine robuste Website, die den Unwettern des Webs widerstehen kann.
Effekte
Grafische Effekte verleihen Ihrem Design den nötigen Pepp, um es besonders zu machen. Mit dezentem Licht- und Schattenspiel verleihen Sie dem Interface unaufdringlich räumliche Tiefe, wohingegen Sie mit mehr Aufwand und Fingerspitzengefühl opulente und laute Bildwelten auf den Bildschirm zaubern können. In diesem Kapitel geht es ausschließlich um „Eye-Candy“: Zuckerl für die Augen in ausgesuchten Praxisworkshops.
Abläufe automatisieren
Einige Prozesse in Photoshop beschränken sich auf eine stupide Aneinanderreihung der gleichen Funktionen und Einstellungen. Um diese Abläufe nicht mühsam von Hand vorzunehmen, besteht die Möglichkeit, Automatismen zu erstellen. Wie das funktioniert, erfahren Sie in diesem Kapitel.
Voraussetzungen:
- 512 MB RAM
- DVD-Laufwerk
- Soundkarte, Lautsprecher bzw. Kopfhörer
- Bildschirmauflösung mind. 1024x768
- Windows XP/Vista oder Mac OS X
- Pentium 4 ab 2,6 GHz oder G5
Tutorial to go
Dank „Tutorial to go“ können Sie ausgewählte Videos auch auf Ihrem iPod, iPhone oder vielen Mobiltelefonen und anderen mobilen Endgeräten abspielen – lernen Sie, wann und wo Sie wollen!
Die Filme finden Sie als Download auf unserer Website bzw. auf der DVD im Verzeichnis /mobile. Einfach überspielen und los geht’s!
Projektdateien
Alle im Training verwendeten Beispiel- und Übungsmaterialien liegen bei. So können Sie jeden Schritt 1:1 an Originaldateien nachvollziehen und den Lernerfolg optimieren!
Bonusmagazin
Begleitend zu den Videos bietet dieses Training ein Bonusmagazin mit einem Kurzporträt des Autors bzw. der Autoren, weiterführende Artikel zum Thema, ein ausführliches, reich bebildertes Inhaltsverzeichnis sowie Informationen zur Bedienung des Trainings (nur in der DVD-Version).
Mach mit!-Modus
Sie haben die Wahl! Lernen Sie konzentriert im Vollbildmodus oder schalten Sie mit nur einem Klick in den Mach mit!-Modus. So probieren Sie die Beispiele direkt am eigenen Computer aus, während das Video-Training in einem extra Fenster parallel weiter läuft.
Lesezeichen
Während ein Video läuft können Sie jederzeit individuelle Lesezeichen setzen, die als orange Markierungen in der Abspielleiste auftauchen. Ein Lesezeichen kann aus einem einfachen Begriff oder einer kurzen Notiz bestehen. Eine Übersichtsliste hilft dabei, die eigenen Lesezeichen schnell wieder zu finden.
|
video2brain Video-Training herunterladen
Dateiformat: zip, Größe: 1,68 GB
Rohmaterial
Dateiformat: zip, Größe: 87,7 MB
Tutorial to go (MP4)
Dateiformat: zip, Größe: 109 MB
Tutorial to go (3GP)
Dateiformat: zip, Größe: 60 MB
|
Photoshop-Special: Freistellen
Photoshop CS5 + Illustrator CS5
Photoshop CS5 + InDesign CS5
Ralf Mack - Funny Fisheye Faces
Power-Workshops: Lab-Korrektur in Photoshop
Adobe CS Review
Adobe Browser Lab
Neu in Adobe Fireworks CS5
Neu in Adobe Dreamweaver CS5
Photoshop-Special: Looks entwickeln
100% Male – Porträts mit Charakter
Photoshop Convention 2009
DVD- Training
Online-Training
Trainings Abo