Sonntag, 3. Mai 2009

30+ Photoshop Weblayout Tutorials

Photoshop ist eines der am häufigsten verwendeten Programme um Websites von Null ab zu gestalten und das Layout zu zeichnen (evtl. von Papier und Stift mal abgesehen). Dabei wird das Programm von allen Erfahrungsstufen verwendet, vom Einsteiger bis zum Profi.

Da Photoshop allerdings sehr umfangreich ist, zeigen sich auch manchmal für den geübten Photoshop Anwender doch immer wieder der eine oder andere Fallstrick in der täglichen Anwendung.

Nachfolgend findet ihr mehr als 30 Tutorials für Photoshop, die sich mit der Gestaltung von Website-Layouts unter Photoshop beschäftigen. Die Sammlung stellt eine bunte Mischung von PSD-Tutorials dar, von der Business Website über Blog Designs und Foto Galerien, bis hin zu Gaming Sites und sehr ansehnliche Web 2.0 Layouts. Die Tutorials sind gut als Ideengeber, aber auch als Helfer falls mal eine etwas kompliziertere Stelle in Eurem Layout kommt und natürlich auch dafür gedacht einfach mal den Tutorials zu folgen.

Viele der Tutorials können auch als Basis für eigene Layouts genutzt werden. So muss ein Galerie-Template ja nicht zwingend für die Darstellung einer Foto-Galerie verwendet werden, sondern kann durchaus zur normalen Blog-Seite umgebastelt werden.

Viel Spaß mit den Tutorials…

Blog Layout Tutorial

tutorial_site

Wordpress Blog Layout

wordpress_layout

Modern Web 2.0 Layout

web20_layout

Business Layout Tutorial

business_layout

Platinum Web Design

platinum_dark_design

Sophisticated Website Layout

sophisticated_layout

Architecture Layout

architecture_layout

Greenary Layout Template

greenary_layout

Elegant Website Layout

elegant_layout

Dark Wordpress Theme

dark_wordpress_theme

Photo Portfolio Layout

photo_portfolio_layout

Gaming Layout

gaming_layout

Portfolio Web Layout

portfolio_web_layout

Photo Gallery Website Layout

photo_gallery_website_layout

Old Paper Layout

old_paper_layout

Simple 2-Column Layout

simple2column

Grunge Web Design Layout

grunge_web_design

Business Layout

business_layout2

Business Wordpress Layout

business_wordpress_layout

Magic Night Layout

magic_night_layout

Dark Web Hosting Layout

web_hosting_layout

Business Web 2.0 Layout

business_web20_layout

Real Estate Layout

real_estate_layout

Model Portfolio Layout

model_portfolio

Cartoon Grunge Layout

cartoon_grunge_layout

Nature Portfolio Layout

nature_portfolio_layout

Interior Design Layout

interior_design_layout

Design Lab Layout

design_lab_layout

Chocolate Wordpress Layout

chocolate_wordpress_layout

Creative Studio Web Page

creative_studio

Gaming Layout GameWorx

gaming_layout_gameworx

Kategorie: Design, Internet
Mit dem RSS 2.0 Feed kannst Du alle Kommentare und Diskussionen zu diesem Thema verfolgen. Du kannst außerdem eine Antwort schreiben oder einen Trackback von Deiner eigenen Seite senden.

5 Kommentare

3. Mai 2009 um 19:23

Thanks for featuring my tutorial :)


4. Mai 2009 um 20:05
Der_Ritter

Servus!
Danke für den Tipp!
Für zukünftige Projekte sehr hilfreich! Da macht das Designen wieder Spass :-)

LG
Der_Ritter


[...] From ast-blog, a big round-up of over 30 Photoshop tutorials for creating web layouts, worth browsing. 30+ Photoshop Web Layout Tutorials » [...]


11. Mai 2009 um 08:43

Great list of tutorial. I like the Platinum Web Design tutorial. I am looking for some more tutorial like platinum web design.


1. März 2010 um 17:07

Sehr feine Sammlung, danke dafür.
Hier gibts auch noch ne feine Sammlung:

http://www.pixey.de/2009/09/29.....downloads/

Beste grüße!