Podcast
Webdesign-Podcast.de
Hosted by Pascal Bajorat · GERMAN
Webdesign-Podcast.de – Deine Anlaufstelle für Tutorials und Video-Workshops zu Webdesign und Programmierung
42episodes
Episodes
Newest firstAll episodes
Komplette Webseite in HTML5 und CSS3 programmieren + AJAX Funktionen – Tutorial
Jul 4, 201101:20:32Tap to summarizeIn diesem Video-Training zeige ich euch wie ihr eine komplette Webseite in HTML5 und CSS3 umsetzt. Dabei fange ich von grundauf mit der PSD-Datei an. Wenn wir die Webseite in HTML5 und CSS3 Programmiert haben, zeige ich euch wie ihr über die Tab-Navigation der Webseite neue Inhalte via AJAX einladen könnt ohne das die eigentliche Seite verlassen werden muss. Neben dem AJAX Content Loader wird noch ein netter Animations-Effekt programmiert, der die neuen Inhalte ansprechend in die Seite lädt. Als Basis für dieses Video-Training steht ein Design für eine Hebamme von Matthias Petri. Das Video Training stammt von der neuen PSD-Tutorials.de Webdesign Workshop DVD Vol. 2 und soll euch einen Einstieg in die Möglichkeiten von HTML5 und CSS3 bieten. Wenn ihr weiteres Lernmaterial zu moderner Webentwicklung sucht, dann kommt ihr um die neue DVD kaum herum, also einfach einmal anschauen: PSD-Tutorials.de Webdesign Workshop DVD Vol. 2. Ich habe die DVD bereits vor ein paar Wochen in einem ausführlichen Artikel vorgestellt. Podcast Info: Titel: Komplette Webseite in HTML5 und CSS3 programmieren + AJAX Funktionen Autor: Pascal Bajorat Länge: 81 Min Dateigröße: 360 MB Beschreibung: In diesem Video-Training möchte ich euch zeigen, wie ihr eine komplette Webseite auf HTML5- und CSS3-Basis umsetzen könnt. Dabei verwenden wir natürlich nicht nur den neuen HTML5-Doctype, sondern auch einige der neuen HTML5-Tags und CSS3-Funktionen wie box-shadow, border-radius, text-shadow usw. Zusätzlich zeige ich euch, wie Ihr die Seite komplett auf AJAX-Basis aufbauen könnt. Das heißt: Content wird mittels AJAX geladen und nicht, indem man eine komplett neue HTML-Seite aufruft. Für die Umsetzung mit HTML5 und CSS3 verwende ich das HTML5Boilerplate: http://html5boilerplate.com/ Für alle HTML5 & CSS3 Interessierten gibt es hier einen weiteren Einblick in CSS3 und zwar: HTML5 & CSS3 Video-Training – Animationen mit CSS3. Ich wünsche euch viel Spaß mit den Video-Podcast Folgen und hoffentlich auch dem HTML5 & CSS3 Video-Training. Alle Arbeitsdateien zu dem Video-Training gibt es auf der neuen PSD-Tutorials.de Webdesign Workshop DVD Vol. 2 Eine Video zur Design-Erstellung gibt es hier: Website im kinderfreundlichen Look & Feel Ähnliche Artikel: Hands-On-Session – Folgeveranstaltung zum CSS-Tag Entwicklung von mobilen Web-Anwendungen / WebApps und Webseiten – Teil 2 WordPress Artikel via AJAX nachladen, wie auf Facebook – Tutorial
Transcribe →Großes Gewinnspiel – 1 Jahr Webdesign Podcast – Wir feiern Geburtstag
May 15, 201100:21:01Tap to summarizeEs ist nun genau ein Jahr her, dass Sascha und ich auf die Idee zum Webdesign-Podcast.de gekommen sind, diesen ersten Geburtstag möchten wir mit euch feiern und zwar mit einem großen Gewinnspiel, mit vielen Preisen in einem Gesamtwert von über 500€. Sascha und ich haben ein kleines Video aufgenommen in dem wir das vergangene Jahr noch einmal Revue passieren lassen. Als erstes sollte natürlich die Frage geklärt werden was es zu gewinnen gibt: Video2Brain 2x eine Power-Workshops: Webdesign mit Photoshop DVD – Produktseite 1x Online Training – WordPress – Websites mit WordPress umsetzen und pflegen – Produktseite 1x Online Training – Contao – Dynamische Websites mit dem Open Source CMS – Produktseite 1x Online Training – Die Website – Design und Programmierung lernen – Produktseite 1x Online Training – Dreamweaver CS5 – Produktseite PSD-Tutorials.de 2x eine Photoshop-Workshop-DVD – Webdesign – Produktseite 2x eine CINEMA 4D-Workshop-DVD – Produktseite Smashing Magazine 3x ein The Smashing Book #2 – Produktseite Webstandards-Magazin 3x ein Jahres-Abos – Produktseite An dieser Stelle noch einmal vielen Dank an die Sponsoren unseres Gewinnspiels. Am Gewinnspiel teilnehmen Die Teilnahme an dem Gewinnspiel ist relativ einfach, ihr habt zwei Möglichkeiten und dürft auch beide nutzen um eure Gewinnchance zu verdoppeln: Via Facebook teilnehmen: Werdert Fan unserer Facebook Fanpage und schreibt einen Eintrag auf die Pinnwand in dem ihr uns entweder Feedback zum Webdesign-Podcast.de direkt gebt oder sagt warum ihr einen der Preise haben möchtet. Dabei solltet ihr in jedem Fall anmerken welchen der Preise ihr gerne gewinnen möchtet, des Weiteren würden wir uns freuen wenn ihr noch den folgenden „gefällt mir“ Button anklickt. Via Twitter teilnehmen: Folgt uns auf Twitter @webdesigncast und schreibt einen kurzen Tweet mit einem Hinweis auf dieses Gewinnspiel, der Tweet sollte am Ende mit einem @webdesigncast versehen werden, damit wir eure Tweets sehen. Für weitere Informationen einfach einmal das Video oben ansehen. Das Gewinnspiel läuft bis zum 16.06.2011 23:59 Uhr. Wir wünschen euch viel Spaß und Glück. Anzeige: (adsbygoogle = window.adsbygoogle || []).push({}); Video2Brain Jetzt video2brain-Abo bestellen und ein Jahr vollen Zugriff auf alle Trainings genießen Das Trainingsabonnement von video2brain (www.video2brain.com), dem führenden Anbieter hochwertiger, video-basierter Seminare, eröffnet ein Jahr lang unbeschränkten Zugang zu allen Originaltrainings – in komplettem Umfang und mit vollständiger Funktionalität. Aktuell stehen Ihnen als Abonnent über 480 videobasierte Seminare zur Verfügung und es kommen mehrmals im Monat aktuelle Inhalte dazu. So können Abonnenten jederzeit und überall ihr Können bedarfsgerecht erweitern und aktuell halten – mit wertvollem Wissen zu einem günstigen Einführungspreis. Die Trainingsabonnements präsentieren ausschließlich Originalinhalte in bewährter video2brain-Qualität – führend in Technologie und Methodik sowie bei der Kompetenz der Trainer. Das Themenspektrum wird ständig erweitert und bietet derzeit Praxiswissen und Expertentipps für Kreativanwender, Fotografen, Softwareentwickler, Büroanwender, IT-Fachleute und technische Berufe. Die Standardvariante des Abonnements umfasst uneingeschränkte Online-Nutzung, die Premiumvariante zusätzliche Downloadmöglichkeit und Begleitmaterialien. Die Trainingsabonnements bieten auf mehrfache Weise Investitions- und Planungssicherheit, denn die uneingeschränkt zugängliche video2brain-Trainingsbibliothek macht fit für die Zukunft. Neue Anforderungen erfüllen oder Qualifikationen erhöhen? Innerhalb der Abonnementslaufzeit geht das ohne Zusatzkosten. Sollen mehr Mitarbeiter trainieren können? Dann bleiben die Kosten klar kalkulierbar und in einem günstigen Rahmen. Wer neue Software testen möchte ohne gleich in teure Originalprogramme zu investieren, kann vorab anhand der Kurse das Leistungsvermögen und die Praxisrelevanz bestimmter Anwendungen recherchieren. Die Trainingsabonnements ermöglichen selbstbestimmtes Lernen ohne Grenzen. Die Lernenden können selbst entscheiden, was für sie in ihrer persönlichen Situation wichtig ist, auch wenn dieses Wissen über mehrere Kurse hinweg verteilt ist. So lassen sich persönliche Ambitionen in die Tat umsetzen, Wissensvorsprung erarbeiten und Wettbewerbsvorteile erzielen – und gleichzeitig kommt die Freude am Lernen nicht zu kurz. Premium-Abo: Zugriff auf alle DVD- und Online-Trainings inkl. Download und Rohmaterial: 298,- Standard-Abo: Zugriff auf alle DVD- und Online-Trainings: 198,- EDU-Abo: Zugriff auf alle DVD- und Online-Trainings für Schüler, Studierende, Auszubildende, Lehrer oder Professoren: 98,- Ähnliche Artikel: Berliner Photoshop Treff am 12.03 Webdesign-Podcast.de jetzt auch auf Facebook Gewinner Photoshop Workshop DVD
Transcribe →Interessante Online-Tools für Webdesigner
May 10, 201100:05:30Tap to summarizeIn dieser kurzen Video-Podcast Folge möchte ich euch gerne drei interessante Online-Tools für Webdesigner vorstellen. Zwei davon habe ich die vergangenen Wochen bereits im Blog selbst vorgestellt. Bei dem einen Tool handelt es sich um das von mir entwickelte my code stock.com – Hier der Artikel: my code stock.com Public Beta – Code Verwaltung / Management und Sicherung Das andere Tool ist prefixmycss.com, hier der entsprechende Artikel: Schneller CSS3 für alle Browser schreiben mit CSS3 Prefix Generator (Webservice) Bei dem dritten Tool handelt es sich um einen netten Online-Generator für CSS3-Codes (css3generator.com) Podcast Info: Titel: Interessante Online-Tools für Webdesigner Autor: Pascal Bajorat Länge: 6 Min Dateigröße: 60 MB Ähnliche Artikel: Eigenen Firefox Theme erstellen CSS Vererbung und Kaskadierung (Teil 2) Google bringt eigenen URL Shortener goo.gl
Transcribe →Microsoft Internet Explorer 9 ist da
Mar 16, 201100:04:19Tap to summarizeAm gestrigen Dienstag hat Microsoft den neuen Internet Explorer 9 veröffentlicht. Der unter den Webentwicklern eher verpönte Browser macht in der neuen Version einige große Schritte nach vorne. Microsoft scheint begriffen zu haben, dass es sich bei einem Webbrowser um eine wichtige Komponente des Betriebssystems handelt, die nicht vernachlässigt werden darf. Der IE 9 kommt mit einer deutlich schnelleren JavaScript Engine daher, einer besseren Unterstützung von modernen Webstandards in Form von HTML5 und CSS3 und einer Hardwarebeschleunigung für schnellere Seitendarstellung. Gerade die Unterstützung der aktuellen Webstandards ist ein interessantes Thema, denn Microsoft hat diese zu Ungunsten der Abwärtskompatibilität von älteren Webseiten integriert. Das ist für Webentwickler nun nicht wirklich ein schock, denn vom Standpunkt eines Entwicklers sollten Webseiten sowieso einer gewissen Modernität entsprechen, aber das ist nicht immer der Standpunkt von Microsoft gewesen. Bereits im Internet Explorer 7 und 8 gab es Tools um eine bessere Abwärtskompatibilität zu gewährleisten, die Kompatibilitätsansicht, auch im Internet Explorer 9 ist dieser Modus wieder vorhanden. Anzeige: (adsbygoogle = window.adsbygoogle || []).push({}); Nichtsdestotrotz ist der Internet Explorer 9 ein wichtiger und meiner Meinung nach auch guter Schritt in die Zukunft im Browser-Markt, ich habe den IE 9 zum surfen getestet und muss zugeben, dass er sich bis jetzt ganz gut geschlagen hat. Beim ACID 3 Test schafft der Internet Explorer 9 ein Ergebnis von 95 von 100 Punkten zum Vergleich Google Chrome und Opera bringen es auf 100. Der Internet Explorer 8 fiel bei dem Test gänzlich durch und erreichte nur 20 Punkte, aus dieser Sicht ein großer Fortschritt. Hier ein kleines Video des Internet Explorer, er durchläuft die ACID 1-3 Tests und das SunSpider JavaScript Benchmarking: Microsoft Internet Explorer 9 from Pascal Bajorat on Vimeo. In dem zweiten Video gehe ich kurz auf ein paar Funktion des Internet Explorer 9 ein und stelle ihn euch vor: Microsoft Internet Explorer 9 – Testbericht from Pascal Bajorat on Vimeo. Weitere lesenswerte Testberichte, Videos und Bilder gibt es in dem Artikel von Golem.de Ähnliche Artikel: Must have AddOns für den Mozilla Firefox Piwik die OpenSource alternative zu Google Analytics W3C stellt das neue HTML5 Logo vor
Transcribe →WordPress 3.1 MultiSite / Blognetzwerk Installation
Mar 16, 201100:15:19Tap to summarizeWordPress bietet einen MultiSite / Blognetzwerk Installations-Modus, dieser ermöglicht es mehrere Seiten mit nur einer WordPress Installation zu verwalten. Dabei hat jede Seite ein eigenes Dashboard und funktioniert auch an sich wie ein eigenständiger Blog. Dieser Modus erleichtert dabei die Wartung der entsprechenden Blogs ungemein, denn es muss nur noch eine WordPress Installation gepflegt werden, dass heißt: Für viele Seiten nur noch ein WordPress Update Plugins müssen nur noch einmal installiert und geupdatet werden und sind in allen Seiten verfügbar Ein WordPress Backend für alle Seiten In dieser Podcast-Folge möchte ich euch zeigen, wie ihr WordPress im MultiSite / Blognetzwerk Modus installiert. Wer das ganze noch einmal nachlesen möchte findet den entsprechenden Artikel hier: WordPress Multisite (MU) installieren und konfigurieren Du möchtest noch mehr über WordPress erfahren und lernen? Dann schau dir doch einmal mein achtstündiges WordPress-Video-Training an. Es behandelt die verschiedensten Themen rund um WordPress praxisnah und gut verständlich, wie z.B. Theme-Erstellung, MultiSite / Blognetzwerk, eigene Plugins, Custom-Post-Types, Suchmaschinenoptimierung und vieles mehr: WordPress-Video-Training von Pascal Bajorat Dieser Podcast ist die 18 Folge vom Webdesign-Podcast.de und gleichzeitig auch das erste Video-Training auf WordPressTutorials.de Podcast Info: Titel: WordPress 3.1 MultiSite / Blognetzwerk Installation Autor: Pascal Bajorat Länge: 16 Min Dateigröße: 107MB WordPress 3.1 MultiSite Installation from Pascal Bajorat on Vimeo. In diesem Video erkläre ich euch, wie ihr WordPress in der Version 3.1 im MultiSite Modus installieren und verwenden könnt. Ähnliche Artikel: SASS – CSS Tag WordPress erscheint in der Version 3.0.3 WordPress Erfinder Automattic bringt umfangreichen WordPress Backup Service – VaultPress Testbericht
Transcribe →Schoko-Text mit Photoshop
Feb 6, 201100:23:55Tap to summarizeHier ist ein netts Tutorial von Patrick Lohmann, der die folgende Podcast-Folge als Gastautor / Podcaster für uns aufgenommen hat: Schoko-Text mit Bisskante – Photoshop Arbeitsdatei als PSD-File (205kb) Podcast Info: Titel: Schoko-Text mit Photoshop Autor: Patrick Lohmann Länge: 23 Min Dateigröße: 90MB Photoshop: Schoko-Text from Pascal Bajorat on Vimeo. Über den Autor: Mein Name ist Patrick Lohmann, bin 22 Jahre jung und im Bereich Print & Webmedien als Freelancer und Medienkünstler unterwegs. Unter anderem erstelle ich Artworks oder gebe mein Wissen und die gesammelten Erfahrung an andere weiter. Ich bezeichne mich selber als Medienjongleur, da ich eigentlich vor nichts halt mache. Mit großem Interesse, Spaß und viel Energie gehe ich meiner Leidenschaft nach. Text aus Steinen erstellen Ähnliche Artikel: Candy / Plastik Navigation Haare freistellen (Alpha-Kanal) Photoshop Logo aufbessern in Photoshop (Video)
Transcribe →Social Media Integration in Webseiten (Facebook / Twitter)
Jan 31, 201100:20:01Tap to summarizeDie Integration von Sozialen Netzen in Webseiten zeigt sich stetig wachsender Beliebtheit und mittlerweile auch Notwendigkeit. Dies lässt sich alleine schon anhand dessen fest machen, dass die vier Artikel zur Integration von Social Networks auf dieser Webseite auch die meistgelesensten Artikel generell sind. Mehr Kundenbindung und Kundenloyalität durch Social Media Marketing Facebook gefällt mir / like Button in Webseite einbinden Facebook “gefällt mir” / like und Open Graph Twitter ReTweet Button in Webseite integrieren Besonders die drei Artikel in denen es um die Integration direkt geht sind bei auch so beliebt, dass ich mich entschlossen habe, die wichtigsten Aspekte dieser drei Artikel in einem Podcast festzuhalten. Wer tiefergreifende Informationen möchte, der klickt sich zusätzlich einfach durch die Linkliste (oben). Podcast Info: Titel: Social Media Integration in Webseiten Autor: Pascal Bajorat Länge: 21 Min Dateigröße: 200MB Video-Podcast in HD 720p über Vimeo ansehen: Social Media Integration in Webseiten from Pascal Bajorat on Vimeo. Ähnliche Artikel: Webdesign-Podcast.de jetzt auch auf Facebook Facebook gefällt mir / like Button in Webseite einbinden Twitter ReTweet Button in Webseite integrieren
Transcribe →Ladezeiten-Optimierung von Webseiten
Nov 10, 201000:22:52Tap to summarizeIn dieser Podcast-Folge möchte ich euch einige Techniken zur Optimierung der Ladezeit von Webseiten zeigen. Die Techniken sind einfach einzusetzen und effizient, des Weiteren erzähle ich euch ein paar Worte über das neue Apache Modul von Google: mod_pagespeed. Nach unten springen, um das Video zu sehen. Googles mod_pagespeed umfasst mehrere Anpassungen der Apache Konfiguration, die das Laden von Webseiten beschleunigen sollen. Dadurch werden Optimierungen umgesetzt, die Google seit geraumer Zeit im Rahmen seiner Pagespeed-Initiative propagiert. Das Apache Modul steht unter einer Open Source Lizenz und ist somit für jeden frei nutzbar. Jeder der über einen eigenen Root-Server verfügt, kann das Modul z.B. als rpm ganz einfach installieren. Wer seine Webseite auf einem Shared-Webspace hostet, hat es hier nicht ganz so einfach, denn in diesem Fall seid ihr auf euren Hoster angewiesen und das er dieses Modul installiert. mod_pagespeed Video auf YouTube Kommen wir nun zu den Optimierungs-Möglichkeiten die ihr relativ einfach für eure eigene Webseite umsetzen könnt: HTTP-Requests reduzieren Ein HTTP-Request ist eine einfache Anfrage an den Webserver z.B. eine GET oder POST Methode. Anders gesagt, wenn ihr z.B. eine CSS oder JavaScript Datei via <link /> oder <script> Tag einbindet wird damit ein HTTP-Request ausgelöst. Das selbe gilt auch für das einbinden von Bildern via <img /> Tag oder wenn Bilder in der CSS-Datei mit Hilfe von background-image eingebunden werden, hierbei wird ebenfalls jedesmal ein HTTP-Request ausgeführt. Je mehr HTTP-Requests eine Webseite ausführt um komplett geladen zu werden, umso langsamer wird sie, daher macht es Sinn diese HTTP-Requests auf ein Minimum zu reduzieren. Welche Möglichkeiten es da gibt, zeige ich euch in den folgenden Beispielen: Zusammenlegen von CSS und JavaScript Dateien: Eine Möglichkeit um HTTP-Requests zu reduzieren ist z.B. wenn ihr mehrere CSS und / oder JavaScript Dateien habt die in einzelne Dateien aufgeteilt sind, aber trotzdem auf allen Seiten geladen werden, diese einfach zusammenzulegen. Als konkretes Beispiel stellen wir uns vor, dass wir in unserer Webseite die normale CSS und JavaScript Datei und zusätzlich noch zwei JavaScript Dateien und eine CSS Datei von der Lightbox integriert haben. So könnten wir nun die zwei CSS Dateien zu einer Datei bündeln und auch die insgesamt drei JavaScript Dateien in einer einzigen Datei zusammenführen. Auf diese einfache Art und Weise hätten wir bei diesem Beispiel drei HTTP-Requests gespart. CSS Media Types in einer Datei bündeln: Wenn ihr auf eurer Webseite mehrere CSS-Dateien mit unterschiedlichen Media Types verwendet besteht die Möglichkeit diese in einer Datei zu bündeln (wie oben bereits erwähnt). Hier gilt allerdings Obacht, denn eine Handheld CSS wird normalerweise nur geladen, wenn die Webseite auch mit einem mobilen Endgerät aufgerufen wird. Werden diese Dateien nun gebündelt und die Handheld CSS enthält z.B. über 50-100 Zeilen Code extra für Mobilgeräte, so wird dieser Code jedes mal mitgeladen auch wenn die Seite gar nicht von einem mobilen Endgerät geöffnet wurde. Würde unsere Handheld CSS nun aber z.B. nur aus 5-10 Zeilen bestehen, so wäre es kein Probleme diese in die normale Screen CSS mit aufzunehmen. Hier ein Beispiel wie eine CSS-Datei mit mehreren Media Types auszusehen hat: /* Der allgemeine CSS Code */ body{font-weight:bold;} @media print { /* StyleSheet für den Druck der Webseite */ } @media handheld { /* StyleSheet für Mobilgeräte */ } Grafiken zusammenfügen zu einer großen Grafik: Bei einem sehr grafiklastigen Layout habt ihr in der Regel viele Bilder die in der CSS Datei via background eingebunden werden. Das verursacht nicht nur eine enorme Menge an HTTP-Requests, sonden bedeutet auch eine Erhöhung der Gesamtgröße aller Bilder zusammen, z.B. wenn in jeder Grafik das ICC-Profil mit eingebunden wird. Abhilfe schafft hier folgende Methode: Ihr verfrachtet soweit wie möglich alle PNG Bilder in ein großes PNG, alle JPG Bilder in eine einzige große JPG Datei usw. Hierbei sollte natürlich beachtet werden, dass sinvoll aufgeteilt wird: Nur weil z.B. eine PNG 24-Datei vorhanden ist die Transparenzen benötigt, sollten nicht auch die restlichen JPG Bilder in eine große PNG Datei gebündelt werden, denn ein PNG ist von der Dateigröße später viel größer als ein JPG es mit allen Grafiken wäre. In so einem Fall bleibt die PNG dann einfach als Einzelgrafik weiter bestehen bzw. wird mit anderen PNG-24 Grafiken gebündelt, sowie alle JPG Bilder in einer JPG Datei zusammengefasst werden. Wenn ihr dann später eine Grafik aus diesem großen Paket als Hintergrund für einen Div-Container verwenden wollt, so könnt ihr via CSS background-position die Hintergrundgrafik soweit verschieben, dass auch nur der gewünschte Bereich zu sehen ist. Durch diese Methode spart ihr euch eine Menge HTTP-Requests und reduziert die Dateigröße der Grafiken, da nicht in jeder Grafik aufs neue (z.B.) das ICC-Profil eingebunden wird. Beispiel für CSS Background-Position: /* 200px 250px ( X / Y ) */ background:url(images/layout.jpg) no-repeat 200px 250px; Grafiken richtig komprimieren und speichern Ihr solltet Grafiken im richtigen Format und mit entsprechend passender Kompression speichern. So sollte ein kleines Icon mit z.B. 64 Farben nicht als JPG gespeichert werden, sondern als GIF (bis zu 256 Farben möglich) Datei. Des Weiteren bietet euch das JPG Format die Möglichkeit Bilder mit einem bestimmten Qualitätsfaktor (Kompression) zu speichern um die Dateigröße zu veringern. Sehr hilfreich ist hier auch der Dialog „Für Web und Geräte speichern…“ in Photoshop, mehr dazu im Podcast. Podcast Info: Titel: Ladezeiten-Optimierung von Webseiten Autor: Pascal Bajorat Länge: 23 Min Dateigröße: 120MB Video-Podcast in HD 720p über Vimeo ansehen: Ladezeiten-Optimierung von Webseiten from Pascal Bajorat on Vimeo. Ähnliche Artikel: Header-Collage Navigation in Photoshop Webdesign-Podcast hat ein neues Zuhause
Transcribe →Pastel-Look/Cross-Process Look
Nov 4, 201000:12:57Tap to summarizeDer erste Podcast von Tobias: In dieser Podcast-Folge möchte ich euch zeigen wie einfach ihr mit Photoshop einen Pastel-Look/Cross-Process Look erzeugen könnt. Ich erkläre euch dabei 2 Methoden. Einmal die Erstellung über die Einstellungsebenen und zusätzlich mit fertigen Settings aus einem Filter von NIK-Software. Das Video ist nicht das einzige was Ihr dazu bekommt, es gibt zusätzlich auch noch die Bearbeitung der Bilder als Aktion, sodass ihr ganz einfach die gezeigten Effekte nachmachen könnt und natürlich auch verändern könnt. Die Aktion könnt ihr ganz einfach durch einen Doppelklick auf die Datei installieren und somit nutzen. Bei Fragen und Problemen meldet euch bitte in den Kommentaren: Aktionen herunterladen (4Kb) Podcast Info: Titel: Pastel-Look/CrossProcess Look mit Photoshop, einfach und schnell Autor: Tobias Bechtle Länge: 14min Dateigröße: 84MB Video-Podcast in HD 720p über Vimeo ansehen: Pastel-Look/Cross-Process Look from Pascal Bajorat on Vimeo. Ähnliche Artikel: Icon mit Adobe Photoshop Haare freistellen (Alpha-Kanal) Photoshop Rustikale Elemente in Photoshop
Transcribe →Navigation in Photoshop
Oct 27, 201000:18:47Tap to summarizeIn diesem Tutorial möchte ich euch zeigen wie ihr eine einfache Navigation in Photoshop erstellen könnt. Die Navigation ist vom Stil her so angelegt, dass ihr relativ einfach auch mit anderen Farbkombinationen experimentieren könnt. Hier könnt ihr die Beispieldateien 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: Navigation für Webseiten Autor: Sascha Rudolph Länge: ca. 19 Min Dateigröße: 85 MB Video-Podcast in HD 720p über Vimeo ansehen: Navigation erstellen in Photoshop from Pascal Bajorat on Vimeo. Ähnliche Artikel: Header-Collage Verlosung: 4x Photoshop Workshop DVD – Webdesign Panorama mit Photoshop erstellen
Transcribe →