Webdesign-Podcast.de

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:

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:

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:

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

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

Ähnliche Artikel:

In diesem Tutorial möchte ich euch zeigen, wie ihr in Adobe Photoshop mehrere Einzelbilder zu einem großen Panorama zusammenfügen könnt. Danach gehe ich noch einmal auf die Nachbearbeitung der Bilder ein um ein perfektes Panorama zu schaffen.

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:

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

Podcast-Info:

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

Panorama erstellen in Photoshop from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

In diesem Tutorial zeige ich euch, wie Ihr Haare in Photoshop mit Hilfe von Alpha Kanälen freistellen könnt. Wenn man erst einmal weiß, wie das ganze funktioniert es ist schnell gemacht, daher auch nur gut 6 Min Podcast. Zur Demonstrationszwecken verwende ich Stockbilder von sxc.hu

Das Download-Paket mit den Beispieldateien folgt heute Abend, bis dahin viel Spaß mit dem Video.

Rohmaterial / Stockmaterial von sxc.hu sowie die überarbeitete PSD-Datei

Outtakes: Da wir natürlich auch jede Menge Spaß bei der Produktion unserer Podcast-Folgen haben, gibt es in dieser Folge zum ersten Mal ein paar Outtakes. Die Outtakes befinden sich wie gewohnt ganz am Ende der Folge, viel Spaß.

Podcast-Info:

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

Haare freistellen mit Photoshop from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

In diesem Tutorial möchte ich euch zeigen, wie ihr mit einfachen Mitteln eine Candy bzw. plastische Navigation erstellen könnt. Dieser Effekt lässt sich natürlich auch auf Buttons oder andere Elemente anwenden. Die Navigation habe ich mit Adobe Photoshop CS 4 erstellt.

Das Tutorial zum nachlesen versteckt sich hinter diesem Link, Video gibt es in diesem Artikel

Die PSD-Datei zum Tutorial: candy-plastik-navigation.psd

Podcast-Info:

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

Candy / Plastik Navigation mit Photoshop from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

In diesem Tutorial beschreibe ich, wie ihr in Photoshop rustikale Elemente schaffen könnt. Diese kann für Kopfbereiche (Header), oder als Seitenelemente für Webseiten verwendet werden. Auch in diesem Tutorial werden einige Basics erklärt, die für andere Effekte sehr nützlich sein können. Das Tutorial wurde in Photoshop CS3 erstellt.

Alle Dateien, die Ihr zum Nachbauen benötigt, findet ihr hier als *.zip Datei. Sollten ihr dazu noch Fragen haben, könnt ihr uns einfach über unser Kontaktformular oder in der Kommentarfunktion anschreiben. Viel spaß!

Das komplette Tutorial zum durchlesen findet ihr hier.

Photoshop Dateien und Grundelemente als .zip Datei zum Nachbauen herunterladen 21MB

Efeu Stock von sxc.hu

Podcast-Info:

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

Rustikale Elemente in Photoshop erstellen from Sascha Rudolph on Vimeo.

Ähnliche Artikel:

In dieser Podcast-Folge möchte ich euch die Open-Source (GPL lizenzierte) Echtzeit-Webanalyse-Software Piwik vorstellen. Welche Möglichkeiten bietet die Software und worin bestehen die Vor- bzw. Nachteile zu Google Analytics. Wer weitere Informationen zu Piwik sucht, der kann sich durch den unten verlinkten Artikel lesen.

Google Analytics ist eine sehr mächte Analyse Software um die Statistiken einer Webseite auszuwerten. Doch seit einigen Tagen gibt es eine mindestens genau so gute OpenSource Lösung namens Piwik.

Piwik ist eine Open-Source (GPL lizenzierte) Echtzeit-Webanalyse-Software, die heruntergeladen werden und auf den eigenen Servern betrieben werden kann. Piwik bietet detaillierte Echtzeit-Berichte über die Besucher Ihrer Website, die genutzten Suchmaschinen und Suchbegriffe, die Sprache, Ihre beliebten Seiten, Herkunftsländer, SEO Ränge, und vieles mehr. Piwik lässt sich komfortable über ein Installations-Script innerhalb von 5-Minuten installieren… Den Artikel zu Piwik weiterlesen

Podcast-Info:

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

Piwik Analytics, die OpenSource alternative zu Google Analytics from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

Wie schon im vorherigen Beitrag (CSS Vererbung und Kaskadierung) beschrieben, haben wir euch ein wenig über den CSS Tag von Tschitschereengreen am 7. August 2010 in Dresden berichtet.

In diesem Artikel geht es um den zweiten Teil – Syntactically Awesome Stylesheets (SASS) von Christian Kaula. Ein Paar Informationen zum Autor gibt es natürlich wieder vorweg:

Christian Kaula ist Diplom-Informatiker und bezeichnet sich selbst als „Lazy (Fauler) Coder“. Dies ist aber nicht als Nachteil zu sehen, ganz im Gegenteil, denn dadurch entdeckt er immer wieder interessante Tools, die Ihm, und auch Programmierern das Leben einfacher machen. Nach diesem kurzen Einstieg fangen wir jetzt an. Viel Spaß!

Wir suchen für unseren Blog und Podcast Projekt Webdesign-Podcast.de Redakteure für den Blogbereich, wie auch für den Screencast

Du bist begeisterter Webdesigner und kennst dich mit Layout-Programmen oder mit der Programmierung von Webseiten gut aus und möchtest dein Wissen nicht nur im dunklen Kämmerchen hüten? Dann bist du genau der richtige um uns bei unserem Webdesign-Podcast.de Projekt zu unterstützen.

Wir möchten mit unserem Projekt Anfänger wie auch Profis in Sachen Webdesign immer wieder neue und interessante Themen liefern und kostenlose Weiterbildungs- und Lernmöglichkeiten schaffen.

Den Artikel zu dieser Podcast Folge findet ihr hier.

Du kannst die Präsentation auch im Original Vortrags PDF mit verfolgen. PDF hier downloaden!

Podcast-Info:

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

Syntactically Awesome Stylesheets (SASS) from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

Am 07.08.2010 waren wir zu Gast zum CSS Tag von Tschitschereengreen in Dresden. Es standen zwei Vorträge auf dem Programm. Der Erste behandelte die Thematik der Vererbung und Kaskadierung in CSS, der zweite das CSS-Framework SASS.

In dieser Podcast-Folge möchten wir euch die Aufnahmen aus dem ersten CSS-Vortrag Vererbung und Kaskadierung bereitstellen. Gehalten wurde dieser von:

Regine Heidorn

Ihr findet alle Informationen zu diesem Vortrag auch noch einmal in schriftlicher Form in unserem Blog:

Leider ist die Ton-Qualität vom Vortrag nicht die Beste, dafür möchten wir uns im voraus bei euch entschuldigen.

Du kannst die Präsentation auch im Original Vortrags PDF mit verfolgen. PDF hier downloaden!

Podcast-Info:

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

CSS-Tag in Dresden (Vererbung & Kaskadierung) from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

In diesem Podcast erkläre ich euch, wie man in Adobe Photoshop ganz schnell und einfach, ein Icon im 3D Look erstellt. Dafür benutze ich unterschiedliche Verläufe, Abwedler und Nachbelichter.

Datein zum Podcast 4 (PSD-Datei)

Podcast-Info:

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

Icon in Adobe Photoshop from Sascha Rudolph on Vimeo.

Ähnliche Artikel:

Die jQuery Library ist eine der beliebtesten JavaScript Frameworks der Webwelt. Ich möchte euch im Laufe der Zeit langsam in die Funktionen des jQuery Frameworks einführen. Wir fangen mit einer der einfachsten Funktionen an die oft überschätzt wird. Das Accordion ist eine beliebte Möglichkeit um Content aufzugliedern und zu kategorisieren, oft werden hierzu schwere Geschütze in Form von 50-100kb großen Scripten aufgefahren. Doch dies ist in der Regel gar nicht nötig, denn wer sich sein kleines Accordion selber baut benötigt dazu nur ca. 8 Zeilen JavaScript bzw. jQuery Code.

Wie genau das funktioniert erkläre ich euch in dieser Podcast Folge.

Hier findet Ihr die ganze Prozedur noch einmal als Text Tutorial.

JavaScript Daten zum Podcast 3

Podcast-Info:

Podcast als *.mp4 (QuickTime Player) Datei laden

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

Accordion mit jQuery from Pascal Bajorat on Vimeo.

Ähnliche Artikel: