25 tutoriales de Photoshop orientados al diseño de sitios web. Aprenderemos a crear templates, cajas de búsqueda, menús, cabeceras y secciones de contenido, entre otras cosas.

Gran parte de los diseñadores crean el sitio en Photoshop para después codificarlo. Y es que es una herramienta excelente para trabajar de forma cómoda y ágil al mismo tiempo, gracias también a los agregados que tengamos instalados en el programa. Si tenés la idea de crear un nuevo sitio, y vas a diseñarlo con Ps, la mejor opción es que visites este artículo.

2710-b

Templates (plantillas ver tutoriales)

Photoshop Paper Texture from Scratch

Photoshop Paper Texture from Scratch - screen shot.

How to Create a Grunge Web Design

How to Create a Grunge Web Design - screen shot.

Create a Sleek, High-End Web Design from Scratch

Create a Sleek, High-End Web Design from Scratch - screen shot.

Design an Awesome Band Website Template

Design an Awesome Band Website Template - screen shot.

Designing a CSS based template (Part II, Part III)

Designing a CSS based template - screen shot.

Create a Dark Themed Web Design from Scratch

Create a Dark Themed Web Design from Scratch - screen shot.

Navigation and Search

Design Watercolor Effect Menu

Design Watercolor Effect Menu - screen shot.

Volkswagen Inspired Navigation

Volkswagen Inspired Navigation - screen shot.

Glossy-Style Carbon Fibre Navigation Buttons

Glossy-Style Carbon Fibre Navigation Buttons - screen shot.

CSS Menu With Icons

CSS Menu With Icons - screen shot.

Content Box with Orange Banner Heading

Content Box with Orange Banner Heading - screen shot.

Modern Web Search Bar

Modern Web Search Bar - screen shot.

Header

Professional Dark Header

Professional Dark Header - screen shot.

Pro Header With Picture and Navigation

Pro Header With Picture and Navigation - screen shot.

Hero Header Part I

Hero Header Part I - screen shot.

Header Backgrounds

Header Backgrounds - screen shot.

Design a Unique Header

Design a Unique Header - screen shot.

Design Studio Header

Design Studio Header - screen shot.

Professional Header Design

Professional Header Design - screen shot.

Content Boxes

Create a Latest Tweets Box

Create a Latest Tweets Box - screen shot.

Light Tabbed Content Box

Light Tabbed Content Box - screen shot.

Create a Dark Content Box with Glowing Navigation

Create a Dark Content Box with Glowing Navigation - screen shot.

Greenish & fresh content box design

Greenish & fresh content box design - screen shot.

Designing a Unique Bookmark Box

Designing a Unique Bookmark Box - screen shot.

Creating a Grungy Banner

Creating a Grungy Banner - screen shot.

Si usted sabe de un buen tutorial de Photoshop para diseñadores web –

¿por qué no compartirlo con todos nosotros en los comentarios.