Ü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
9. Creating patterns in Photoshop CS2
11. Adobe Software – Adobe Photoshop
Logo-Gestaltung
12. Jelly Remake – Tutorials 2.0
16. Learn to create your own Web2.0 Logo
17. How to create a WEB 2.0 style logo
20. Web 2.0 Logo
23. The Logos of Web 2.0 | The FontFeed at FontShop
25. Flickr Photo Download: LOGO2.0 part I and II
Text-Effekte
28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0
29. 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
Badges
35. Create a Shiny Badge – Photoshop Tutorial
36. Supermarket Stickers Tutorial – Visualdesigncore.com
37. Web2.0 Badges
38. Glossy web 2.0 badge with rounded corners
39. A Glossy Starburst Tutorial
Buttons
40. Badge ‘n Button | Designphase – Web Design Tutorials
41. Toxiclab.org – Photoshop – Web buttons tutorial
42. Photoshop Buttons Create glossy button for web 2.0 Tutorial
44. Glossy Button Video Tutorial and PSD
45. Creating flexible buttons using Photoshop shapes and styles
46. Web Badges: Video Tutorial
Web 2.0 Vorlagen, Verlauffarben und Layouts
47. Design a Web 2.0 tab with Photoshop
48. PXLGFX- Perfect Pixel Patterns
50. Banner Navigation Tutorial
53. Sleek and Spicy website header Tutorial
54. Vista Style Layout – Talk Mania Forum
55. Web 2.0 “STYLE” web layout – Free Psd
56. Web 2.0 Layout – Tutorial Kit
58. Irish Content Box Tutorial
59. Web 2.0 Design Kit | Photoshop Lab
60. Web 2.0 Design Kit, Part 2 | Photoshop Lab
Web 2.0 – Was es sonst noch gibt…
64. The visual design of Web 2.0
65. Web 2.0 how-to design style guide
67. Tutorials – Search for Tutorials – Pixel2Life
68. Free tutorial pdf downloads – Photoshop Tutorial
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.
Schön! Danke! Diese Woche ist gelaufen…. Da kommt man ja zu gar nichts anderes mehr…
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)
Super vielen Danke für die nützlichen Links. Echt gute Sammlung.
[...] http://www.drweb.de/weblog/weblog/?p=780 [...]
[...] Link zur Sammlung [...]
Sehr geile Sammlung!
Ein fettes Dankeschön!
HaVE PhUN
~~~d(o.o)b~~~
[...] Web 2.0 Webdesign-Tutorials [...]
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
[...] Web 2.0 Webdesign [...]
fuck you
gg
was ein super Sammlung
vielen vielen vielen Dank dafür
[...] Web 2.0 Webdesign-Tutorials [...]
[...] Via Dr. Web This entry was posted on Monday, February 19th, 2007 at 4:42 pm and is filed under Null. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]
Echt gute Sammlung von Tutorials. Werde mir das Eine oder Andere mal genauer anschauen. Danke.
[...] http://www.drweb.de/weblog/weblog/?p=780 [...]
Quellensammlung zu Web 2.0 Design…
Das Repertoire umfasst Tips und Tutorials zu den Themen Logodesign, Schriften, Farben, Buttons, usw. Dr Web veröffentlicht eine umfangreiche Quellensammlung zum Thema Web 2.0 Design….
[...] Unter http://www.drweb.de/weblog/weblog/?p=780 sind ein paar richtig gute Tutorials was Web 2.0 Webdesign angeht. Für alle, die gleich starten wollen, eine Trial zum Photoshop gibt´s unter http://www.adobe.com/de/downloads/ Grafik, photoshop, web2.0Gelesen 1 mal von 1 Leser Geposted in den folgenden Kategorien: oneliner [...]
[...] Via Dr. Web você pode encontrar um repositório com 68 tutoriais sobre a Web 2.0, que vão desde o desenvolvimento de botões, logotipos até efeitos mais complexos. [...]
[...] Pas moins de 68 tutoriels sont référencés ici, le lien est donc à conserver très précieusement… Je pense d’ailleurs qu’il va me falloir quelques heures pour tout regarder! Tags: badge, effet, logo, photoshop, web 2.0 [...]
[...] Februar 19th, 2007 Ü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. Von Dr. Web zusammengestellt » [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog kinda lame… but some useful links to step by step web(2.0) tutorials (tags: web2.0 webdesign graphics howto icons design tutorials) [...]
[...] Web 2.0 Webdesign-Tutorials De er gode og brugbare (tags: design inspiration webdesign tutorial photoshop) [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (tags: design reference resources tutorial webdesign) [...]
[...] Wenn nicht, dann einfach nicht weiterlesen. Ich kanns verstehen. Wer doch mal seine Webseite mit bubbligen Logos etc. versorgen will, der sollte sich dringend mal in das Behandlungszimmer von Dr. Web begeben. Dort kann man sich eine lange Liste mit Tutorials für das eigene Web 2.0 Design abholen. Auf zu drweb.de >> [via pixelgangster.de] Tags: Web 2.0, Design Rubrik(en): Kurznachrichten Feed für Kommentare: RSS 2.0 Trackback: http://www.blogbote.de/wp-trackback.php?p=1312 Bookmarks: yigg it! | wong it! [...]
[...] Web 2.0 Webdesign-Tutorials – Dr. Web [...]
[...] Unter Dr Web Weblog hat Sven mal wieder eine echt eindrucksvollte Liste mit Tutorials zusammengestellt, die sich mit dem Thema Web 2.0 und dessen Design befassen, zusammengestellt. Hierbei werden nicht nur die Visuellen Effekte, sondern auch die Logo-Gestaltung, Text Effekte, Badges, Buttons und Layouts betrachtet. Wer also seine Blog Theme ein wenig Web 2.0 Glanz verleihen will, wird hier sicher fündig. [...]
[...] Web 2.0 Adobe Tutorials – Dr. Web Weblog [...]
[...] Web 2.0 Webdesign-Tutorials 68 Tutorials aus dem Bereich Webdesign im Web 2.0 (tags: web2.0 webdesign photoshop tutorial tutorials Design graphics) [...]
[...] Web 2.0 Webdesign-Tutorials [...]
[...] Devenir un pro du design à la sauce web 2.0 ! (via FredCavazza) [...]
[...] Alex me pasó el otro día una web donde hay unos manuales muy interesantes para hacer, por ejemplo, logos de web 2.0 [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog Web2.0風デザインのためのチュートリアル68選 (tags: web2.0 webdesign tutorial design tutorials) [...]
[...] Posted in WebLog at 6:26 am by sayama 近頃のウェブデザイン、その傾向と対策 Web 2.0 Webdesign-Tutorials | Dr. Web Weblog http://www.drweb.de/weblog/weblog/?p=780 [...]
[...] Dr. Web recopila un montón de tutoriales 2.0 (vía Sentido Web) Archivado en: [...]
[...] Knapp 70 davon hat Dr. Web in seinem Weblog zusammengetragen, angefangen bei einfachen Photoshop-Basteleien für Logos und Badges ala Web 2.0 bis hin zu kompletten Web 2.0 Webseiten-Templates. [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 2.0的デザイン集。 (tags: webdesign photoshop design tutorial graphics) [...]
Web 2.0 Webdesign-Tutorials…
Liked what you just read here ? Vote for it on Blogmemes ! more than 60 Web 2.0 tutorials…
[...] Ich werde mich demnächst mal durch diesen Haufen Tutorials lesen. Damit hier mal wieder etwas Farbe in die Seite kommt. Eingie davon sehen ja mal garnicht verkehrt aus und die werd ich auch mal ausprobieren. Und vielleicht auch auf andere Seiten. Hab ja morgen und übermorgen Urlaub und die nächsten drei Wochen Berufsschule. Da werd ich hoffentlich mehr Zeit finden als wenn ich arbeiten gehe. [...]
[...] Webseite besuchen… [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (tags: webdesign photoshop tutorial) [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (tags: web2.0 webdesign photoshop design tutorial tutorials graphics) [...]
[...] En Dr. Web Weblog han recopilado más de 60 tutoriales para Photoshop enfocados al diseño web. Bastante útiles, podemos encontrar desde efectos visuales, hasta tutoriales para la creación de patterns, logos, menús y badges para nuestro sitio. [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog All the dirty, dirty tricks. Unite! Look similar! (tags: web2.0 design tutorial) [...]
[...] Dr. Web ont une grande collection de tutorials de WebDesign du Web 2.0 pour photoshop, la création de logo, les effets des textes, les dispositions et les couleurs. Vous pouvez trouver par exemple comment créer la conception de mode, effets spéciaux, logos du Web 2.0, gradients, modèles, ajoutez des effets des textes, des polices,… etc. A doit avoir la collection ! [...]
[...] Drweb Tags :2d, graphisme tutorial [...]
[...] DrWeb hat eine Sammlung von Web 2.0 Tutorials zusammengestellt. [...]
[...] Vor kurzem hat Dr. Web eine nette Liste an Tutorials für Web 2.0 Webdesign zusammengestellt. Passend dazu “Free Vector Downloads“. [...]
[...] C’est ICI [...]
[...] Über Web 2.0 und die Gestaltung wurde schon viel berichtet. Wer allerdings noch einmal die besten Workshops gesammelt sehen möchte, hat jetzt im Dr. Web Blog die Möglichkeit dazu. [...]
Sehr gut,
Gibt es einige tutorials fuer Inkscape oder Gimp?
danke
kirk
[...] Web 2.0 Webdesign-Tutorials è un recente post del Dr.Web che contiene ben 68 link verso tutorial di Photoshop per creare grafica Web 2.0. Il post è in tedesco, ma i tutorial sono tutti in inglese. [...]
[...] Pour des design de ce style : [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 68 trucs pour le webdesign (tags: webdesign web2.0 photoshop tutorial tutoriel) Donnez une note à cet article : (No Ratings Yet) Loading … [...]
[...] Ausserdem versuche ich mich stark an das eingedeutschte Tutorial von Herrn Spackmann zu halten, damit es etwas Web2.0-like aussieht. Wenn wir schon bei Tutorials sind. Ein cooles Tutorial findet man beim tutorialblog. Eine Software Box zu kreiieren find ich was tolles. Gefunden habe ich diesen Tipp (und es gibt noch mehr) bei Dr. Web. [...]
[...] Web 2.0 Webdesign-Tutorials 68个Web2.0样式设计教程 (tags: web2.0 tutorials) [...]
[...] I put together my own take on a Web 2.0 logo using the Web 2.0 Webdesign Tutorials on the Dr. Web Weblog. [...]
[...] Web 2.0 Webdesign-Tutorials [...]
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 ;)
[...] اذا كان كذلك يجب عليك ان تدقق في هذه القائمة الشاملة لجميع ما يحتاجه مصمم المواقع على الانترنت , عنوانها ” Web 2.0 Webdesign Tutorials ” . [...]
[...] Ver Tutoriales [...]
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.
[...] Sammlung von Photoshop, CSS, XHTML u.v.m Tutorials. von der Hase | Allgemein | wong it! | Trackback | RSSFeed [...]
Schöne Auswahl! Herzlichen Dank für 10 Sack voll Inspirationen. :-)
Was mich ein wenig wundert, gibt es denn keine Kreativen im deutschsprachigen Raum?
Tutoriales para Photoshop de diseño web…
Recopilación con más de 60 tutoriales de diseño web para Photoshop. Visto en: http://www.pandibia.com/2007/02/21/tutoriales-de-diseno-web-20/...
@ David: Dies ist doch nicht nur bei Dr. Web oder dieser Sammlung der Fall, sondern generell bei jeder Nutzung des Begriffs…
[...] Crea efectos web 2.0 con Photoshop tienes 68 tutoriales de como conseguir imagenes con aspecto 2.0 que tanto esta moda. [...]
[...] Web 2.0 Webdesign-Tutorials 推荐： Get Reviewed by this blog for $60 at ReviewMe! [...]
Very good collection of tutorials. I am trying to make Web 2 logo for my site.
[...] لجميع ما يحتاجه مصمم المواقع على الانترنت , عنوانها ” Web 2.0 Webdesign Tutorials ” [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 68篇web2.0设计教程。 (tags: Web2.0) [...]
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
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog Una carrapotada de tutoriales de photoshop para hacer monerias 2.0 (tags: webdesign photoshop tutorial Web2.0) [...]
[...] http://www.drweb.de/weblog/weblog/?p=780 [...]
[...] Web 2.0 Webdesign-Tutorials im Dr. Web Weblog [...]
[...] “pc-based” di Photoshop per creare grafica web 2.0, potete dare un’occhiata a Web 2.0 Webdesign-Tutorials un post del Dr.Web che contiene ben 68 link verso tutorial di Photoshop per creare questo genere di [...]
[...] remix jse moluv css mania design licks design in europe graphic orgasm dan richard 30 dark design stili web 2.0 css galleries style crunch meyer [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (tags: web2.0 webdesign) [...]
@ Dan:
Mein Schreibtisch und meine Balkonpflanzen können jetzt auch Web 2.0 ;-)
[...] Una es la de Dr. Weblog Web 2.0 Webdesign-Tutorials [...]
He took your list
http://www.smashingmagazine.com/2007/03/10/web-20-tutorials-round-up/
[...] Web 2.0 dizajn Photoshop Tutorial [...]
yes, I stole my own content :-)
look at this
Duplicate sites and content Will get you banned from the search engines.
[...] Are you trying to design a sleek logo for your website? Maybe you want to apply some visual effects to your background image? If so you should check this extensive list of online tutorials titled “Web 2.0 Webdesign Tutorials“. [...]
[...] quelques très bon tutoriels pour réaliser différents effets “Web [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (tags: webdesign web2.0 design photoshop) « links for 2007-03-11 | [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (tags: webdesign web2.0 photoshop tutorial design tutorials graphics button buttons tools style resources tutoriaux tutoriel css graphisme) [...]
[...] Derleme; drweb.de [...]
[...] Credit to Dr Weblog . Thanks [...]
[...] Credit to Dr Weblog . Thanks [...]
[...] fact the the term itself is creating a whole world on its own, even offline. like pixelgraphics: web 2.0 logo, web 2.0 palette, web 2.0 layout, web 2.0 tab, web 2.0 buttons, web 2.0 badge, web 2.0 … . Sweet, isn’t it? up to top the summer | contact [...]
[...] http://www.drweb.de/weblog/weblog/?p=780 [...]
[...] Web 2.0 Webdesign – Tutorials Tagged as: design howto reference [...]
[...] http://www.drweb.de/weblog/weblog/?p=780 [...]
[...] http://www.drweb.de/weblog/weblog/?p=780 [...]
Es wird Zeit, auf web2.0 umzurüsten. Danke für diese geile Sammlung!
[...] todo este tiempo sin actualizar… últimamente me he quedado sin tiempo libre :(. Os dejo una selección de tutoriales bastante buenos, yo aprendido unas cuantas cosas que desconocía, pero están en inglés. Los [...]
[...] Web 2.0 Webdesign-Tutorials ฝึกสอน photoshop ให้เป็นแบบ 2.0 ครับ April 2 2007 7:14 am Type: Comment aoyoyo [...]
[...] Web 2.0 Webdesign-Tutorials ฝึกสอน photoshop ให้เป็นแบบ 2.0 ครับ [...]
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 zu erstellen.
[...] Web 2.0 design : Design : Kobi : 5 avril 2007 : 9:41 : : 2d, design, photoshop [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog [...]
[...] Web 2.0 Webdesign-Tutorials [...]
[...] To Learn About “Web 2.0 Webdesign” from Web 2.0 Webdesign-Tutorials # [...]
Thanx for the links to the Web2.0 Badges, Web2.0 Logos and
especially the realistic photo print tutorials.
It really helped me out!
[...] ehesten gerecht. Für alle die, die sich nicht damit abfinden können, nur zu konsumieren, gibt das Dr. Web Weblog eine ewig lange Liste mit Web 2.0 Tutorials raus. Reingucken lohnt sich! (auch wenn der Beitrag [...]
[...] sobre el link que recomiendas. En verdad esa web no hace más que copiar un articulo entero de Dr. Web, justamente el articulo original es de Vitaly Friedman (supongo que lo conoces). Lo peor es que no [...]
[...] bastante visuales con lo que no es muy complicado seguirlos aunque no se sepa mucho inglés. LINK Powered by Gregarious [...]
Hallo,
sehr tolle Sammlung und ich kann das momentan seeehr gut gebrauchen. Ich bedanke mich!
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) :D
@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 ;)
Danke für die Liste! Hat mir sehr weitergeholfen für das Layout einer Beispielseite zum Thema Web 2.0 während der Ausbildung!
[...] con más de 60 tutoriales de Photoshop que se acercan a las actuales tendencias del diseño web 2.0. Los tutoriales están en inglés pero [...]
[...] trouvé la semaine dernière un post très interessant sur le blog Dr Web.de pour ceux qui voudraient modifier leur site pour coller au [...]
Super Sammlung, komplett.
Das wird einigen den Weg zu neuem visuellen Auftreten erleichtern.
[...] Web2.0视觉设计指南 [...]
[...] Web2.0视觉设计指南 [...]
Aber danke, Eine sehr sehr schöne Sammlung von verschiedenen Tutorials.
Danke.
Sehr vielen Danke.
[...] Update: Bei Dr. Web gibt es ebenfalls eine sehr schöne Seite zum Thema Web2.0 Design. [...]
[...] Web 2.0 Webdesign-Tutorials [...]
[...] questo sito Internet che propone una serie di tutorial per photoshop orientati alla creazione di grafica web [...]
[...] existiera esta propiedad las imagenes quedarían así como en este ejemplo. Que como podeis ver todos los manuales están a diferentes [...]
[...] Web, un blogger tedesco ha stilato la lista di quasi 70 tutorial per la grafica stile Web2.0. Sono risorse prese dalle rete (alcune girano da [...]
[...] – hat nun eine wirklich gute Sammlung mit Web 2.0 Tutorials zusammengetragen. Tolle Sache – unbedingt ansehen, sind großartige und nützliche Sachen [...]
Geile Sammlung!!! Genau sowas hab ich die ganze Zeit gesucht, Danke.
Viele Grüße darki
[...] fait des recherches sur Google et d’autres moteurs de recherche et je vous ai trouvé ceci : drweb.de qui illustre très bien le webdesign2.0 en se servant des logos et des chartes [...]
[...] Wer mag, kann ja mal auf folgender Seite ein paar Tutorials ansehen, was angeblich im WebZweiNull so enVogue ist: http://www.drweb.de/weblog/weblog/?p=780/trackback/ [...]
[...] weitere Infos zu Web 2.0 Desgin bei drweb.de [...]
[...] Web 2.0 Webdesign-Tutorials Segnala presso: [...]
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
[...] [点击进入] [...]
Es tremenda la recolección de tutoriales.
Muchas gracias.
[...] -Tropecientos tutoriales de generación de imágenes web 2.0 con Adobe Photoshop [...]
[...] web 2.0 Tutorial sparsi per la rete.Un complimento all’autore della [...]
[...] Tutoriales de diseño web 2.0 por Dr. Web. [...]
[...] Drweb Cette liste ressemble à la précédente. [...]
danke super post!
danke für diesen beitrag. hilf mir sehr
Thanks for showing us how to look like everyone else.
Sehr schön. Und ich wollte mir fast schon ein buch kaufen.
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.
[...] Link dos tutoriais [...]
[...] Web 2.0 Webdesign-Tutorials » Webdesign, Web 2.0 A collection of web2.0 design tutorials (tags: web2.0 art design webdesign development webdev photoshop fonts color tutorial howto reference) [...]
[...] Smashing Magazine è un sito pieno di risorse per grafici e webdesigners. L’autore del sito ha realizzato anche questa raccolta di tutorial di Photoshop. [...]
[...] Dr. Web é um site que faz a catalogação de diversos tutoriais para a criação de conteúdo a lá Web 2.0. [...]
Schick. Sehr schick. Das gibt mal wieder ein paar nette Ideen für die nächste kreative Durststrecke …. Danke Jungs!
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?
[...] un link che avevo messo nei preferiti parecchio tempo fa. Sono info utili per chi vuole pasticciare con la [...]
[...] tutos pour réussir dans le Web 2.0 Un billet qui a déjà quelques semaines, mais sur drweb.de vous pouvez trouver 68 tutoriaux sur le Web 2.0. (UK) Filed under : Non classéBy Alexandre [...]
[...] Alle Designmerkmale ála Web2.0 findet ihr HIER. [...]
[...] Burada Web2.0 terimi ile karşımıza çıkan hoş görsel tasarımlarla ilgili 68 farklı uygulamanın nasıl yapıldığına dair oldukça güzel bir derleme yer alıyor. [...]
[...] z.B. ? Galileo Design :: Adobe Photoshop CS2 professionell Schau auch mal hier … Web 2.0 Webdesign-Tutorials | Webdesign, Web 2.0 Gru
Ein großartiger Artikel! Macht Lust mal wieder mit Photoshop rumzuexperimentieren… :-)
[...] Tutoriales de diseño web 2.0. [...]
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
[...] einen typischen Web 2.0 Schriftzug zu erstellen. Wem das noch nicht genug Web 2.0 ist, findet bei Dr. Web noch einen Haufen [...]
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
[...] Web 2.0 Webdesign-Tutorials | Webdesign, Web 2.0 | Dr. Web Weblog (tags: 2 adobe aggregator ajax art blog code color howto graphics tutorials tutorial design photoshop webdesign web2.0) [...]
[...] http://www.drweb.de/weblog/weblog/?p=780. sind viele Tutorials für gutes Webdesig [...]
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! :-)
[...] Tutoriales de diseño web 2.0 por Dr. Web. [...]
Sehr schöne Ideen.
Habe ein paar schon ausprobiert und bin erstaunt über die Ergebnisse.
Großartige Linksammlung. Da kommt man aus dem Staunen nicht raus. Vielen Dank!
[...] Tegenwoordig wordt veel gebruik gemaakt van de web 2.0 effecten. Web 2.0 is een nieuwe manier van websites maken waarbij de gebruiker meer interactiviteit heeft met het web. Ook grafisch ziet dit er anders uit met dus de zogenaamde web 2.0 effecten. Deze effecten zijn vaak glinsteringen en spiegelingen in buttons en tekst. Ik heb een leuke site gevonden waar tutorials op staan van veel van dat soort effecten. Bekijk ze hier! [...]
[...] Web 2.0 Webdesign-Tutorials | Dr. Web Weblog [...]
[...] Web 2.0 Webdesign-Tutorials | Webdesign, Web 2.0 | Dr. Web Weblog (tags: webdesign web2.0 photoshop design tutorials) [...]
[...] 今、使っているWordPressのTheme(テンプレート)は見てのとおりBlogの題名が表示されない。Themeの中身(ヘッダー)を見てみると、ブラウザの上部に表示される題名のコードと、左上のロゴが「もしも」無い場合に代わりに題名が表示されるようになってるだけで、しかも、その表示されているロゴもこのテンプレを作った人のテーマのロゴでこの「フワフワ腐ログ」のものでは無いときたもんだ…そんな訳で、まぁ、大した名前でも無いケド、やはり題名が載ってないってのは「Blog」としては如何せん寂しいものなので、どんどん忙しくはなっているけれど、この腐ログのロゴでも作ってみようかと、血迷ってみた今日この頃の村人ですが、皆さんは潤い足りていますか？ともあれ、オイラは正直、デザインの「デ」の字も知らぬ超初心者。中学の美術の成績も目を覆うレベル(笑)。しかもフォトショなぞ触った事もない…ってことで、ロゴの構想は紙に書いて考え中ですが、まずはフォトショを弄くってみる事にしてみた。そこで、今回はフォトショの「教本」ともなるべきBlogの記事「Web 2.0 Webdesign-Tutorials (Dr. Web Weblog)」を参考にしつつ、適当にロゴを作ってみた(ロゴと言ってもABCじゃ話にもならないけど… )。いやはや、初めて使うフォトショは判らん事だらけでした。しかし、この参考にした記事は、色々と細かい説明が多々載っていたので、なかなか参考になりました。これからWeb-designをやってみようと考えてる人や、オイラの様に一時的にフォトショ弄くってみようって人にはかなりお勧めの記事ですね。しかし、次はもうちょい「まとも」なロゴを作ってみたいと心に誓う今日この頃の村人でした。いやはや、この腐ログのロゴが完成するのはいつになるやら(爆)。ではでは〜。PS:ところで、この「Web 2.0 (wikipedia)」って言葉だけど、ウィキペディアで調べて、記事を読んでもイマイチ、意味が判らないですね…(苦笑) [...]
Sehr schöne Linksammlung mit guten kreativen Vorschlägen. Da kann man einiges ausprobieren.
[...] effects, wedding, old effects, and other miscellaneous techniques. There are links to some great Web 2.0 Webdesign-Tutorials at Dr. Web Weblog. Design Phase has created some really nice Photoshop tutorials for creating [...]
Ui, hab ich bisher noch gar nich gefunden, diese Sammlung… erstmal einiges durchackern. :D
Danke dafür!
[...] Web 2.0 Webdesign-Tutorials | Webdesign, Web 2.0 | Dr. Web Weblog (tags: ajax art blog code colors design webdesign web2.0 photoshop tutorial tutorials graphics howto) [...]
[...] link[ ] DailyBlogTips > Web 2.0 Webdesign Tutorials Related post [...]
Sehr umfassende Linksammlung, DANKE!
[...] Web 2.0 Webdesign-Tutorials [...]
[...] lesen, sonst nix lernen: How to Slice?: Slice 1 Slice 2 How can I use Photoshop for the Web? Photshop-Webdesign 1 Photoshop-Webdesign 2 Photoshop-Webdesign 3 Forenbeitr
super sache! genau so müssen HPs erstellt werden! bin wirklich großer web2.0 fan *lol*
[...] Tutorial per Web 2.0 Pubblicato il Marzo 14, 2008 di iboi Oggi vi segnalo un ottima raccolta di tutorial per creare dei simpatici effetti stile 2.0 Ad esempio delle semplici Splash page 2.0, scritte e loghi con riflessi, badge etc etc Buon divertimento!! Ciao Ciao Tutorial Photoshop [...]
[...] Web 2.0 Webdesign-Tutorials | Photoshop, Tutorial, Tutorials, Design, Adobe, Logo | Dr. Web Weblog Uncategorized [...]
Richtig geile Sammlung!!! Wäre toll wenn es noch mehr gibt – bin für die nächsten Wochen beschäftigt :D
[...] For designers, Web 2.0 is just a style backed by a misguided trend. Colorful fonts, gradients, badges, the phrase “beta”, etcetera. How else do you explain a collection of Web 2.0 tutorials, all of which require Photoshop? [...]
[...] zu erstellen. Wem das nicht individuell genug ist, der kann sich vielleicht mit den Tutorials von Dr. Web [...]
Wow! Was für eine geile Zusammenstellung! Danke!!!
[...] fait des recherches sur Google et d’autres moteurs de recherche et je vous ai trouvé ceci : drweb.de qui illustre très bien le webdesign2.0 en se servant des logos et des chartes [...]
[...] Web 2.0 Webdesign-Tutorials at drweb.de is a huge list of tutorials for Web 2.0 design techniques. If you’re still trying to figure out how to make it glossy, shiny or reflective you’ll find a tutorial here. [...]
[...] habe ich eine Liste von Tutorials gefunden, die einem Zeigen, wie man bestimmte Effekte leicht [...]
[...] Web 2.0 Resources Share and Enjoy: [...]
[...] Web 2.0 Webdesign-Tutorials 木曜日, 12 月 18th, 2008 | Author: wisdom http://www.drweb.de/magazin/web-20-webdesign-tutorials/ Tags: Photoshop, デザイン, ネタ Category: 未分類 You can follow any responses to [...]
Sehr schöne Sammlung, nur der sechste Link funktioniert nicht mehr.
[...] http://www.drweb.de/magazin/web-20-webdesign-tutorials/ [...]
[...] Web 2.0 Webdesign-Tutorials Durchaus schon etwas älter, aber hervorragend zu gebrauchen! [...]
[...] Link: http://www.drweb.de/magazin/web-20-webdesign-tutorials/ [...]
[...] Beschränkung als Erfolgsfaktor. Formale Regeln, die ein Vorgehen erzwingen. Neue Ideen notwendig machen. Eine Regel: Wenige, klare Nachrichten werden in großen Lettern kommuniziert. Ergebnis sind erfolgreiche Web 2.0 Webseiten. [...]
[...] Might be helpful – take a look at this page for some inspiration on Web 2.0 logo designs: Web 2.0 Webdesign-Tutorials | Dr. Web Magazin __________________ DSL Anbieter [...]
Unglaubliche 5 Jahre später ist das Design der Web 2.0 Ära immer noch auf manchen älteren Webseiten anzutreffen – ein sicheres Zeichen für ein anstehendes Redesign. :-)
Wir für unseren Teil haben die glänzenden Verläufe und Schatten hinter uns gelassen und sind ganz froh über die derzeitigen Minimalismus- und Responsive-Trends.
Wenn einmal eine schönes Webdesign gefunden wurde besteht kein Grund für ständiges Redesign. Wichtiger als das Webdesign ist die Suchmaschinenoptimierung und ein vernünftiges CMS, wie zum Beispiel WordPress, zur Verwaltung der Seite.
schöne Grüsse aus Zürich in der Schweiz,
euer Kurt.
Danke! Die Webdesign Tutorials werde ich jetzt erst mal durcharbeiten. Habt ihr auch eine Sammlung an Tipps zum Online Marketing ?