Web 2.0 Webdesign-Tutorials

von Vitaly Friedman | Veröffentlicht am 19.02.2007 | Letzte Änderung am 29.05.2009. Rubriken: Listen, Tutorials, Web-2.0

Über den neuen "Web 2.0 - Look" moderner Web-Auftritte wird immer noch viel und gern geschrieben und diskutiert. Badges, Verlauffarben, Schaltflächen und sind genauso wie Schatten und Spiegeleffekte in aller Munde. Wenn es aber um ein konkretes Design einzelner Web 2.0-Elemente geht, kann es nicht schaden, eine Auswahl entsprechender Tutorials in Reichweite zu haben - zum Nachschlagen und zur Inspiration. Hier ist die ultimative Zusammenstellung. Siehe auch im Dr. Web Shop: Vitaly Friedmans: Praxisbuch Web 2.0

Verschiedene Links und deren Abbildungen, die es nicht mehr gibt, wurden inzwischen entfernt (05.01.2008).

1. Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software

2. Adobe Software - Adobe Photoshop

3. Adobe Software - Adobe Photoshop

4. Create a software box - Photoshop Tutorial

5. Programming the web - Retro lines in photoshop?

6. Splash Page Tutorial | Designphase - Web Design Tutorials

7. Gradient Styles & How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com

8. Creating a page curl in Photoshop

$Photoshop Tutorial - Veerle\'s blog | Creating a page curl in Photoshop$

9. Creating patterns in Photoshop CS2

11. Adobe Software - Adobe Photoshop

Logo-Gestaltung

12. Jelly Remake - Tutorials 2.0

13. Web 2.0 Style Logo

14. PXLGFX- Polished Text

16. Learn to create your own Web2.0 Logo

17. How to create a WEB 2.0 style logo

20. Web 2.0 Logo

22. Pimp My Ride - Logo

23. The Logos of Web 2.0 | The FontFeed at FontShop

25. Flickr Photo Download: LOGO2.0 part I and II

Text-Effekte

26. Custom Chrome Text Effect

27. Photoshop Reflections

28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0

29. 3D Text Professional Tutorial

3D Text Professional Tutorial

30. Text Kerning

31. The Glossy TEXT web2.0 style

32. Photoshop Tutorials: Texteffect

33. Web 20 Shiny Floor Effect - video tutorial

Über Vitaly Friedman

Vitaly Friedman ist Buchautor, Autor sowie Entwickler und Designer von benutzerfreundlichen Webseiten. Er ist Chef-Redakteur des Online Magazins Smashing Magazine, das zu den weltweit populärsten Onlinemagazinen für Webdesign zählt und wie Dr. Web zur Smashing Media GmbH gehört. Vitaly studierte Informatik an der Universität des Saarlandes. Website. Weitere Beiträge für Dr. Web: 74

188 Kommentare zu “Web 2.0 Webdesign-Tutorials”

Sylke schreibt am 19.02.2007 um 09:30:
Schön! Danke! Diese Woche ist gelaufen.... Da kommt man ja zu gar nichts anderes mehr...
.carsten schreibt am 19.02.2007 um 09:38:
Das nenne ich mal eine produktivitätssteigernde Sammlung! Klasse. Leider ist die Adresse zum Videotutorial von aggropixel.com nicht mehr gültig.
(http://www.aggropixel.com/tutorials/photoshop_web_badge/web_badge.html)
Ibrahim schreibt am 19.02.2007 um 09:50:
Super vielen Danke für die nützlichen Links. Echt gute Sammlung.
~~~d(o.o)b~~~ schreibt am 19.02.2007 um 12:11:
Sehr geile Sammlung!
Ein fettes Dankeschön!

HaVE PhUN
~~~d(o.o)b~~~
Jared schreibt am 19.02.2007 um 13:53:
na toll! meine freundin wird sich bedanken
dank dieser tollen tutorialsammlung bin ich für die nächsten tage bin ich nicht mehr erreichbar!

ist gebookmarkt
Paul schreibt am 19.02.2007 um 16:40:
fuck you

gg

was ein super Sammlung

vielen vielen vielen Dank dafür
Christian schreibt am 19.02.2007 um 19:14:
Echt gute Sammlung von Tutorials. Werde mir das Eine oder Andere mal genauer anschauen. Danke.
kirk schreibt am 23.02.2007 um 09:24:
Sehr gut,
Gibt es einige tutorials fuer Inkscape oder Gimp?
danke
kirk
Jan schreibt am 27.02.2007 um 13:20:
Echt ne tole Sammlung an Tutorials zum Theme Webdesign. Allerdings ist manchmal weniger mehr. Oder zumindest ein paar Themen, die ihr dem Nutzer besonders ans Herz legen würdet
David schreibt am 28.02.2007 um 12:01:
Sind ja ein paar ganz nette Tutorials dabei, aber ich Frage mich, was der Begriff "Web 2.0" in der Überschrift zu suchen hat. Bis auf ein paar Buttons für RSS, o.ä. hat das nichts mit "Web 2.0" zu tun. Der Begriff wird - Ob nun von den Tutorial-Autoren oder von Dr.Web - so inflationär gebraucht, daß auch meine Kaffeemaschine "Web 2.0" beherrscht.
Turicon schreibt am 28.02.2007 um 17:55:
Schöne Auswahl! Herzlichen Dank für 10 Sack voll Inspirationen. Was mich ein wenig wundert, gibt es denn keine Kreativen im deutschsprachigen Raum?
dan schreibt am 28.02.2007 um 22:45:
@ David: Dies ist doch nicht nur bei Dr. Web oder dieser Sammlung der Fall, sondern generell bei jeder Nutzung des Begriffs...
Yujin schreibt am 4.03.2007 um 15:04:
Very good collection of tutorials. I am trying to make Web 2 logo for my site.
Ralph schreibt am 5.03.2007 um 10:00:
Diese Sammlung ist eine Goldgrube par excellence. Wie viele Stunden wurden allein für die Recherche aufgewendet und jetzt... Jetzt haben wir eine gigantische Informationsquelle und sind volkswirtschaftlich unproduktiv oder verursachen Beziehungsstress, nur weil auf dieser Seite eine geniale Anlaufstelle für Kreativität und deren Umsetzung vorfinden
Danke für diese geleistete Recherchearbeit aus Dresden.

RALPH
David schreibt am 8.03.2007 um 17:38:
@ Dan:

Mein Schreibtisch und meine Balkonpflanzen können jetzt auch Web 2.0
Look At the ripper schreibt am 10.03.2007 um 02:29:
He took your list

http://www.smashingmagazine.co [www.smashingmagazine.com]
Sven Lennartz schreibt am 10.03.2007 um 13:41:
yes, I stole my own content look at this [www.smashingmagazine.com]
Look At the ripper schreibt am 10.03.2007 um 16:33:
Duplicate sites and content Will get you banned from the search engines.
Max schreibt am 30.03.2007 um 19:39:
Es wird Zeit, auf web2.0 umzurüsten. Danke für diese geile Sammlung!
Simon Brüchner schreibt am 4.04.2007 um 03:39:
Danke! Sehr gute Auflistung aller Beiträge zum Thema, etwas ähnliches habe ich schon vermisst, um ein neues Layout für
http://www.S5easy.com [www.S5easy.com] zu erstellen.
vanBetty schreibt am 15.04.2007 um 14:46:
Thanx for the links to the Web2.0 Badges, Web2.0 Logos and
especially the realistic photo print tutorials.
It really helped me out!
Dennis schreibt am 24.04.2007 um 22:26:
Hallo,

sehr tolle Sammlung und ich kann das momentan seeehr gut gebrauchen. Ich bedanke mich!
Daniel Böttner schreibt am 27.04.2007 um 07:30:
What a great collection!
Thank you guys very much for that master piece.
This resource offers a broad audience tools to
put their creativity to a new level. The only
dangerous thing is that some people don´t use
this as an inspiration but as a copy & paste
thing.

Anyway ... very good work, will post this on my blog
(after redesigning)
@Look At the ripper
I guess Sven Lennartz will thank you for the information,
but if you would had read the article he linked
than you would know that this is no duplicated
content. Smashing Magazine is another project of Sven,
Chris and others ... and its in any case fully legal
to translate content to reach other recipients.

just my 2 cents
Dominik schreibt am 27.04.2007 um 16:10:
Danke für die Liste! Hat mir sehr weitergeholfen für das Layout einer Beispielseite zum Thema Web 2.0 während der Ausbildung!
Norman N schreibt am 6.05.2007 um 09:10:
Super Sammlung, komplett.
Das wird einigen den Weg zu neuem visuellen Auftreten erleichtern.
Ekrem schreibt am 29.05.2007 um 10:06:
Aber danke, Eine sehr sehr schöne Sammlung von verschiedenen Tutorials.

Danke.

Sehr vielen Danke.
darki777 schreibt am 19.06.2007 um 11:25:
Geile Sammlung!!! Genau sowas hab ich die ganze Zeit gesucht, Danke.

Viele Grüße darki
Cosmo schreibt am 11.07.2007 um 13:05:
Da suche ich schon seit langem im Netz herum, statt gleich bei Dr Web nach zuschauen! Aber von jetzt an werde ich zuerst bei Euch schauen! Ein großes Lob für eure Arbeit!

Grüße
Cosmo
Shakira schreibt am 18.07.2007 um 18:41:
Es tremenda la recolección de tutoriales.

Muchas gracias.
crazed schreibt am 30.07.2007 um 11:02:
danke super post!
chrisitan schreibt am 1.08.2007 um 16:03:
danke für diesen beitrag. hilf mir sehr
JJ schreibt am 6.08.2007 um 05:52:
Thanks for showing us how to look like everyone else.
dfischer schreibt am 17.08.2007 um 17:26:
Sehr schön. Und ich wollte mir fast schon ein buch kaufen.
Kevin schreibt am 18.08.2007 um 03:41:
Sehr interessanter Artikel. Allerdings finde ich das "Web 2.0" nicht passend dafür - diese Art von Design gab es auch vorher schon, nunja trotzdem schöner Beitrag! Weiter so.
Thomas schreibt am 6.09.2007 um 14:24:
Schick. Sehr schick. Das gibt mal wieder ein paar nette Ideen für die nächste kreative Durststrecke .... Danke Jungs!
klaus schreibt am 6.09.2007 um 17:20:
Habe3 eigentlich eine geanuere defination von Web 2.0 auf diesen Seiten gesucht, hab ich es nur übersehen oder ist hier keine genauere Defination vorhanden?
Inwit schreibt am 19.10.2007 um 11:33:
Ein großartiger Artikel! Macht Lust mal wieder mit Photoshop rumzuexperimentieren...
Anna (Webdesign Berlin) schreibt am 23.10.2007 um 11:13:
Nette Ideen für die Webgrafik, besonderes die mit Illustrator erstellt sind. Danke. Ich tanke übrigens grafische Begeisterung auch noch bei http://www.templatemonster.com [www.templatemonster.com]
klaus schreibt am 26.10.2007 um 10:41:
Tolle Sammlung
Wir haben in der Vergangenheit und werden auch in Zukunft hier immer wieder stöbern, da es extrem gute Ideen liefert.
Web 2.0 ist eben mal die Zukunft
Gruss
klaus
Sebastian schreibt am 17.11.2007 um 10:53:
WOW, das ist wirklich eine klasse Sammlung, auch für gestandene Webdesigner! Manchmal sitzt man als Kreativer auch da und überlegt, wie dass denn nochmal ging... DANKE, wird gebookmarkt!
Holger schreibt am 18.11.2007 um 21:03:
Sehr schöne Ideen.
Habe ein paar schon ausprobiert und bin erstaunt über die Ergebnisse.
Tom schreibt am 1.12.2007 um 10:35:
Großartige Linksammlung. Da kommt man aus dem Staunen nicht raus. Vielen Dank!
IPC Webdesign schreibt am 29.01.2008 um 07:23:
Sehr schöne Linksammlung mit guten kreativen Vorschlägen. Da kann man einiges ausprobieren.
Sebastian schreibt am 11.02.2008 um 08:11:
Ui, hab ich bisher noch gar nich gefunden, diese Sammlung... erstmal einiges durchackern.
Danke dafür!
Christian schreibt am 27.02.2008 um 10:08:
Sehr umfassende Linksammlung, DANKE!
koellmania schreibt am 4.03.2008 um 18:47:
super sache! genau so müssen HPs erstellt werden! bin wirklich großer web2.0 fan *lol*
TheGuardian schreibt am 30.03.2008 um 12:50:
Richtig geile Sammlung!!! Wäre toll wenn es noch mehr gibt - bin für die nächsten Wochen beschäftigt
Autor schreibt am 18.04.2008 um 14:15:
Wow! Was für eine geile Zusammenstellung! Danke!!!
Stefan schreibt am 9.01.2009 um 12:38:
Sehr schöne Sammlung, nur der sechste Link funktioniert nicht mehr.

Rubriken

Favicon des Tages