Photoshop / Design, Podcast

Header-Collage

WordPress Entwickler und Webdesigner

In diesem Tutorial möchte ich euch erklären, wie ihr eine Collage für den Header eurer Webseite erstellt. Es handelt sich dabei um einen Header, den ihr z.B. für eine Reise- / Urlaubsseite verwenden könnt bzw. durch die in dem Tutorial verwendete Burg eher für ein mystisch wirkendes Portfolio. Natürlich könnt ihr statt der Bug auch etwas anderes nehmen und für euren Zweck anpassen. Ich werde euch zeigen wie ihr einen Wasser-Hintergrund anlegt und eine Insel mit Felsen die aus dem Meer ragen erstellt.

Für das Tutorial verwende ich folgende Stockgrafiken aus dem Bildarchiv von StockXchange – sxc.hu:
http://www.sxc.hu/photo/1253789
http://www.sxc.hu/photo/1310577
http://www.sxc.hu/photo/1287251

Die Dateien zum Nachbauen findet ihr hier als *.zip Datei (64MB). Es sind zwei *.psd Dateien enthalten, die eine die ich zur Vorschau erstellt habe und die andere die ich während der Podcast-Folge erstellt habe. Tutorial Dateien herunterladen

In Kooperation mit Terrashop präsentieren wir euch in dieser Podcast-Folge das Buch Little Boxes Teil 0 von Peter Müller erschienen im Verlag Markt und Technik.

Auszug aus dem Buch:
Webseiten bauen beginnt nicht erst mit HTML & CSS. Sondern mit dem Wissen um den richtigen Einsatz von Text und Bild. Mit dem Wissen um den richtigen Aufbau Ihrer Website, damit Besucher und Suchmaschinen gern vorbeischauen. Mit der passenden Auswahl von Technologie, Webhoster und Werkzeugen. Und mit einem guten Plan für die Umsetzung Ihres Vorhabens. Kurz: Webseiten bauen beginnt mit den Grundlagen. Bei Null. Wie dieses Buch. weitere Informationen…

Das Buch könnt ihr bei Terrashop im Rahmen einer Aktion für 4,95€ bekommen anstatt der üblichen 17,95€, da kann man also nicht viel falsch machen 😉 -> Little Boxes Teil 0 auf Terrashop.de ansehen

Ein Exemplar des Buches könnt ihr hier bei uns im Rahmen einer Verlosung gewinnen.

Podcast-Info:
Titel: Header-Collage für Webseite
Autor: Sascha Rudolph
Länge: ca. 27 Min
Dateigröße: 160 MB

Video-Podcast in HD 720p über Vimeo ansehen:

Header-Collage für Webseite from Pascal Bajorat on Vimeo.

Schlagworte zu diesem Artikel: , , , ,

Veröffentlicht von Sascha Rudolph

Sascha Rudolph ist Mitentwickler von Webdesign-Podcast.de und arbeitet als Webdesigner und Fotograf in Berlin. Er hat über 10 Jahre Erfahrung im Webbereich, speziell mit dem Erstellen von Internetseiten. Sein Spezialgebiet ist das Erstellen von grafisch aufwändigen Composings in Webseiten.

Webseite:

3 Antworten zu “Header-Collage”

  1. Schönes Tutorial Sascha!
    Deine Arbeitsweise ist wirklich interessant, besonders was die Benutzung von Verläufen angeht. Aber gut, jeder kommt anders zu seinem Ergebnis. (:

    Was mich ein wenig stört ist die ständige Werbung für andere Artikel (speziell Gewinnspiele) in eueren Artikeln und Podcast-Folgen. Da könnte ihr ja evtl. mal darüber nachdenken, ob man das nicht eventuell vermeiden könnte. 😉

    Lg Kai

    • So eine Frage habe ich auch noch nicht gehört?! Aber ja, alle Downloads sind kostenlos und ohne Abo, die einzigen Personenbezogenen-Daten werden zum Kommentieren gefordert, nicht bei den Downloads. Daher wundert es mich das du deine Daten in den Kommentaren angibst nicht aber einfach die Daten downloadest. Ich hoffe ich konnte dir weiterhelfen…

Kommentar verfassen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Der Benachrichtigungs-Dienst wird von WordPress.com (Automattic Inc., USA ) bereitgestellt. Mit der Anmeldung akzeptierst du die Datenschutzerklärung. Die Abmeldung / Abo-Verwaltung ist jederzeit über diesen Link möglich.