33 geniale Photoshop-Tutorials für Webdesigner
Hier sind 33 Photoshop-Tutorials für coole Effekte und sogar ganze Webseiten aufgelistet.
Viele Webdesigner – auch ich – gestalten ihre Webseiten mit Photoshop und da dieses Programm unglaublich viele Möglichkeiten bietet und auch noch öfters aktualisiert wird, lernt man eigentlich nie aus.
In dieser Sammlung habe ich 33 Photoshop-Tutorials zusammengestellt, die euch vielleicht bei euren kommenden Projekten helfen können, wer weiß.
Der Beitrag ist aufgeteilt: Es gibt 11 Tutorials für ganze Webseiten und 22 Tutorials die Effekte zeigen, die ihr gut für Webdesigns einsetzen könnt.
Ganze Webdesigns in Photoshop
Wasserfarbe
Awesome Tutorial Portfolio Design
Create a Wooden Grunge Portfolio Web Layout in Photoshop
Create a Gnarly Snowboarding Themed Web Design
Portfolio layout created with jeans texture
How To Create a Clean and Colorful Web Layout – Photoshop Tutorial
Creating a Stylish Blog Design Layout in Photoshop
Underwater Content Box Design in Photoshop
Create a Grungy, Translucent Web Portfolio Design
Web Design Process: Zee Site
How to Design a Band Website Layout in Photoshop
Das waren die ersten 11 Tutorials, die zeigen, wie ihr ganze Webdesigns mit Photoshop erstellen könnt. Denkt aber daran: Die Tutorials zeigen zwar, wie die Seiten gemacht wurden, meistens wird aber nicht erklärt, warum sie so gestaltet wurden. Um eigene Webseiten zu erstellen braucht man neben diesen Tutorials deswegen noch viel Theorie.
Coole Effekte in Photoshop
Create a Funky Retro Wavy Text Effect in Photoshop
Hexagon Bokeh Effect in Photoshop
Make a Retro-Space Typography Poster with Colorful Lights
Quick Tip: Create an “Awesome” Wrinkled Sticker
Digital Bokeh in Photoshop – Screencast by Photo Guides
How to Make a Professional Buddy Icon in Photoshop
Iconic Poster Design Tutorial (with video)
Design a Colorful Retro Futuristic Poster in Photoshop
How to Make a Worn Vintage Beach Ad in Photoshop
How to Create a Highly Detailed Hi-Tech Power Button
3D Water Text Effect with Repoussé in Photoshop CS5
Create an Awesome Number-Based Illustration
Create dynamic backdrop lighting
Making of the Imaginary Paint Dancers
Make a Freezing Cold Snow-themed Abstract Piece
Create striking photo and vector mash-ups
Design a Beautiful Cosmic Space Scene in Photoshop
Design a Tropical iPhone Advertisement
Urban type art
Create a Refreshing Beer Themed Poster Design in Photoshop
Create Abstract Fake 3D Objects in Photoshop
Create a Cosmic XBOX using Custom Brushes
Wenn ich mich nicht verzählt habe, sind das jetzt 33 Photoshop Tutorials. Da sind wirklich einige tolle Effekte dabei und ich denke, dass ihr bestimmt auch ein paar neue Techniken lernen könnt.
Tyll
31. August 2010 um 10:10 UhrKannte die zwar schon alle, ist aber trotzdem ganz nett nochmal durch die Tutorials zu gehen. Und nebenbei auch ein Artikel welcher für Einsteiger ganz gut ist.
Webstandard-Blog (Heiko)
31. August 2010 um 15:57 UhrHi Lennart, interessante Sammlung, aber ich hätte da noch 34 Photoshop-Tutorial “Sportartwork im Urbanstyle” und das sogar auf deutsch ;o)
Webdesign Berlin
31. August 2010 um 16:50 UhrSehr schöne Effekte, die Seiten im allgemeinen sind gerade was Typo betrifft nicht so der Hammer, aber rein von der Inspiration in meinen Augen wirklich wertvoll.
Denise
6. September 2010 um 14:55 UhrSuper Tips vielen dank ein paar davon werde ich mir gleich mal anschauen
lore
7. September 2010 um 17:43 Uhrsuper gut!
habe deinen blog direkt mal zu meinen faves gesteckt.
Hoffe da kommen künfigt genau so gute beiträge!!
MUCHAS GRACIAS 🙂
Dimat66
8. September 2010 um 09:39 UhrVielen Dank für die tollen Inspirationen.
Toni
10. September 2010 um 23:58 UhrNette Auflistung! Bin immer wieder erstaunt, was mit Photoshop so alles möglich ist!
Mike
17. September 2010 um 10:40 UhrSind wirklich richtig gute Anregungen dabei. Leider in Englisch aber für alle die Englisch nicht so verstehen ist der Link von Heiko eine echt tolle Sache.
Martin
28. September 2010 um 11:56 UhrDanke für die Links. Leider gibt es in letzte Zeit viele schlechte Tutorials online, da ist deine Linkzusammenstellung echt ein Lichtblick!
Werbeagentur
29. September 2010 um 16:00 Uhrsehr cool, am besten finde ich das xbox-tut. mehr davon!
Jessi
13. Oktober 2010 um 17:04 UhrNette Zusammenstellung. Vintage Beach Photoshop gefällt mir am besten.
Online Werbeagentur Ostfriesland
18. Oktober 2010 um 12:09 UhrNette Liste mit Tutorials zum Thema Webdesign. Kann mich meinem Vorredner “Webdesign Berlin” nur anschließen, meist ist die Typo bei den Seiten nicht gerade sehr ansprechend, aber um einen guten Überblick zu bekommen, lohnen diese Tutorials allemal. Vielen Dank für die Liste.
Webseitenerstellung
22. Oktober 2010 um 19:02 UhrManche Leute fragen mich: “Was kann man mit Photoshop erstellen?” ind ich frage immer was kann man nicht mit Photoshop erstellen?
Mit Adobe Photoshop kann man nicht nur Kreatives Webdesign Etwikeln, sondern auch Fotos bearbeiten. Noch 20 Jahre her haben wir alle mit dem Pinzel gezeichnet, heutzutage machen wir alles mit dem Computer.
Sascha
14. Dezember 2010 um 22:12 UhrTolle Tipps für Photoshopper! Werde mich gleich ma ans Photoshop setzen und ein paar Tipps ausprobieren!!
webdesign cds
25. April 2011 um 16:47 Uhrhm.. ich denke die wohl beste sammlung die ich bisher im netzt gefunden habe. very very nice! vielen dank an den autor der seite und für die mühe und arbeit die hinter solch einer liste steht.
Flyer
30. Juni 2011 um 22:53 UhrDas ist ja mal endlich eine geniale Sammlung
nach so einigem “Schrott” den ich bisher gefunden habe.
Dazu noch sauber strukturiert und optisch äußerst ansprechend gestaltet. – Cool gemacht …
1000 Dank 😉
Norbert
12. Februar 2012 um 13:24 Uhrsupertolle Sammlung. Danke
Webdesign Agentur
15. Juli 2011 um 15:46 UhrWow, das ist echt eine schöne Sammlung, habe Sie mir gleich als Lesezeichen gespeichert! Vielen Dank an den Author für die gute Zusammenstellung.
Jonas
27. Juli 2011 um 10:15 UhrSehr gute Designs dabei! Wenn man manche Ergebnisse sieht denkt man, es dauert Jahre bis man das Ergebnis hat. Stimmt aber meistens nicht.
Social Media
27. November 2011 um 00:06 UhrDas Blog Design-Tutorial hat mir am besten gefallen und auch konkret weitergeholfen. Habe mir bisher nur 50% anschauen können, aber das macht schon mal Lust auf mehr. Wirklich schöne Sammlung – gerne mehr davon… 🙂
Türkei Reiseinfo
11. Februar 2012 um 22:36 UhrHabe das erste mit ( Wasserfarbe ) ausprobiert aber leider zu schwer für mich.Möchte mal sehen obs mit (Portfolio layout created with jeans texture) klappt.
Markus
6. März 2012 um 17:00 UhrTolle Sammlung, das zeigt mal wieder was man alles mit Photoshop möglich ist. Und man findet immer wieder neue Funktionen. Wo das Photo aufhört, fängt Photoshop an.
Thorsten
11. März 2012 um 16:40 UhrSehr gute Sammlung! Der Blog wird gebookmarked!
Viele Grüße aus Münster
Andreas B
7. April 2012 um 10:19 UhrDie Sammlung an Tutorials ist verdammt gut. Viele davon will man sofort nachbauen. Ich denke ich werde mir da 1-2 mal davon reinziehen. Nicht nur für Anfänger ist das was, manchmal fragt man sich auch als erfahrener Designer, wie der eine spezifische Effekt gemacht worden ist. Backengineering liegt dem Menschen im Blut 🙂
Webdesigner Düsseldorf
19. Mai 2012 um 10:09 UhrDie Sammlung ist wirklich super!
Mein persönlicher Favorit ist:
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-watercolor-themed-website-design-with-photoshop/
Max
3. Juli 2012 um 22:52 UhrAm schönsten finde ich das Tutorial mit dem Awesome Wrinkled Sticker und die Ideen von Chris Spooner. Das macht richtig Lust es auch mal zu versuchen.
Aber auch die anderen von dir vorgestellten Tuts sind einen Besuch wert. Leider gehöre ich zu den Menschen, die sich bei zu großer Auswahl nie entscheiden können. 🙁
Gruß, Max