Taller de Photoshop

Una serie de artículos prácticos sobre diseño web con Photoshop. Talleres de Photoshop orientados para diseñadores de webs.

Si te parece útil este manual ayúdanos compartiendo!! :)

1.- Introducción al Taller de Photoshop

Presentamos nuestro Taller de Photoshop, un manual que contiene una serie de artículos prácticos para el diseño de páginas web.

2.- Crea un GIF animado con Photoshop

Artículo que explica paso a paso la creación de un GIF animado utilizando Photoshop y su aplicación asociada Image Ready.

3.- Crear un GIF animado con Photoshop II

Veamos otro ejemplo de GIF animado que se puede crear muy facilmente con Photoshop e Image Ready.

4.- Maquetar una web a partir de una imagen con Photoshop

Vemos como utilizar los sectores de Photoshop para maquetar de una manera sencilla el diseño de una página web que teníamos en una imagen.

5.- Creación de un fondo para una página web en Photoshop

Cómo realizar con Photoshop, paso a paso, una imagen que sirva para utilizar de fondo de una página web.

6.- Crear un fondo con líneas diagonales con Photoshop

Taller práctico de uso de Photoshop para crear un fondo para una página web compuesto por líneas diagonales.

7.- Fondo tipo mosaico a partir de una imagen con Photoshop

Partiendo de una imagen y utilizando Photoshop haremos un fondo para página web, que se vea bien tramado al hacer el mosaico.

8.- Efecto de reflejo de texto en Photoshop

Crear un reflejo de un texto que está reflejado en la parte de abajo, utilizando Photoshop.

9.- Videotutorial: Efecto reflejo con Photoshop

Vídeo sobre cómo crear un efecto de reflejo con Photoshop. En el videotutorial utilizamos una técnica con máscaras de capa para no perder información en la capa del reflejo.

10.- Efecto de texto con Photoshop

Pequeño tutorial para hacer un efecto de texto con resplandor exterior y bisel – relieve.

11.- Crear imagen en miniatura (thumbnail) con Photoshop

Un par de mecanismos para crear imágenes en miniatura o thumbnails, utilizando el programa Photoshop.

12.- Hacer un texto que se adapta a un círculo, Photoshop CS2

Tutorial para realizar con Photoshop CS2 un texto que se escribe alrededor de una circunferencia. El texto se adapta a la forma del círculo

13.- Cambiar el tamaño de todas las imágenes de una carpeta con Photoshop

Vamos a realizar un procesamiento automático de todos los archivos de imagen que hay en un directorio de nuestro ordenador para cambiar sus dimensiones.

14.- Definir un motivo para hacer un fondo con Photoshop

Con Photoshop podemos seleccionar parte de una imagen para definir un motivo que podemos utilizar para pintar un fondo de una imagen.

15.- Resaltar los colores de una foto con Photoshop

Un sencillo tutorial para resaltar el color de una fotografía con Photoshop y conseguir colores más intensos.

16.- Vídeo del diseño de una web desde cero con Photoshop

En este vídeo veremos el proceso de diseño de una web, partiendo desde cero, realizado con Photoshop.

17.- Vídeo explicado del diseño web con Photoshop

Vídeo con explicaciones y a una velocidad adecuada para aprender a diseñar una web utilizando Photoshop.

18.- Vídeo: Crear un Fondo con Photoshop con un motivo

Vídeo en el que aprendemos a diseñar un fondo con Photoshop para una página web. El fondo lo realizaremos con un motivo o pattern, que se compondrá haciendo un mosaico.

19.- Vídeotutorial: crear un fondo con filtro desplazamiento

Vídeo en el que mostramos un modo muy sencillo de hacer un fondo para una página web con Photoshop y el filtro desplazamiento.

20.- Vídeo del Rediseño de una web con Photoshop

Hemos grabado en vídeo el proceso creativo para el rediseño de una página web real. En este paso creamos con Photoshop una imagen con el aspecto que deseamos que tenga una vez rediseñada.

21.- Videotutorial: crear un gif animado con Photoshop

Vídeotutorial en el que aprenderéis a crear un GIF animado con el programa Photoshop y su complemento Image Ready.

22.- Vídeo: Botón animado en Photoshop

Videotutorial para crear una animación en un GIF animado con Photoshop, con un simple botón que tendrá varios fotogramas para provocar la animación.

23.- Crear un fondo con grunge con Photoshop

Hacer un fondo para una web, con Photoshop, de estilo grunge que se vea bien al formar un mosaico en la pantalla del ordenador.

24.- Vídeo: Aplicar texturas con Photoshop

Videotutorial en el que mostraremos una técnica para aplicar una textura a un diseño, con Photoshop. Veremos cómo podemos aplicar texturas a distintos elementos de la imagen.

25.- Videotutorial: crear un post-it con Photoshop

Vídeo tutorial en el que mostraremos cómo hacer un post-it con Photoshop, o un papel con la esquina levantada.

26.- Introducción a la práctica de diseño web con Photoshop

Objetivos del manual práctico, en vídeo, sobre el diseño web avanzado con Photoshop. Mostramos la imagen que vamos a diseñar y ofrecemos referencias a los recursos de diseño utilizados.

27.- Vídeo: Caja de diálogo dinámica con Photoshop, CSS y jQuery

Videotutorial en el que creamos una interfaz de usuario dinámica, desde el diseño con Photoshop, su maquetación CSS y los dinamismos con Javascript y jQuery.

28.- Videotutorial: crear un icono de carpeta en Photoshop

Videotutorial en el que mostramos cómo crear un icono de carpeta en Photoshop. En el vídeo mostraremos cómo crear la carpeta y luego cómo hacer algunos retoques como un reflejo y una sombra.

29.- Vídeo del diseño web con Photoshop y la plantilla de Blueprint

Vídeo tutorial del diseño con Photoshop de una web básica, utilizando una rejilla de 24 columnas obtenida del framework Blueprint CSS.

Descargas

Este manual puedes descargarlo en formato amigable para impresión y lectura en dispositivos a través de la App de DesarrolloWeb.com.

Compartir