Adobe Photoshop para diseo web I

Primer ejemplo: web corporativa de un restaurante

Si eres diseador offline y crees que ha llegado el momento de pasarte a la creacin para web, en este ejemplo totalmente prctico vers cmo crear una direccin de arte completa para la web de un restaurante de comida japonesa, usando solamente Adobe Photoshop. Formadores: Luz De-Len
Este es uno de los 3 ejemplos que aparecen en el curso Adobe Photoshop para diseo web: 3 ejemplos prcticos

USD 18,95

Este ejemplo es parte de un curso con 2 ejemplos ms. Adobe Photoshop para diseo web: 3 ejemplos prcticos Comenzamos con una introduccin rpida al mundo del diseo web y sus diferencias fundamentales con el diseo para papel, as como una serie de trucos y recursos que te ayudarn a comenzar a trabajar. A continuacin seguiremos con un repaso a los conceptos fundamentales del trabajo con Adobe Photoshop que necesitas para realizar tus diseos de la forma ms rpida y efectiva. Despus de estos captulos introductorios, viene la prctica: disearemos desde cero la apariencia de la home, utilizando toda nuestra creatividad. Una vez realizada esta parte del trabajo, veremos cmo ser consecuentes en las pginas interiores y en el resto de pginas del sitio. Veremos el diseo de tablas HTML, de las interacciones del usuario, de los formularios y hasta de la pgina de Error 404, siempre teniendo en cuenta que nuestro trabajo est pensado para conjugar nuestra creatividad con la usabilidad final y con el trabajo posterior que tendrn que hacer maquetadores y programadores con l. Requisitos del sistema: Conexin a banda ancha a internet Navegador actualizado, con plugin de Flash Resolucin mnima de pantalla de 1.024 x 768 Tarjeta de sonido, altavoces o auriculares Pentium 4 a 2,6 GHz o G4 a 1 GHz 512 MB de RAM

ndice del curso

INTRODUCCIN

copyright 2010 video2brain. Todos los derechos reservados video2brain y el logo de video2brain son marcas registradas de video2brain.

1 / 3

Introduccin al diseo web Google es tu mejor amigo (o casi) Recursos de utilidad Descripcin del ejercicio: web corporativa CONOCIMIENTOS NECESARIOS (I) Creacin de archivos Reglas y Guas, unidades de medida Capas y carpetas Seleccin de colores Aplicacin de colores Selecciones Desplazamiento y duplicado de contenidos Carga y Combinacin de selecciones Duplicacin de capas y carpetas Copiado de contenidos CONOCIMIENTOS NECESARIOS (II) Formas vectoriales Formas no vectoriales Personalizacin Transformacin Uso de transparencia de capa Mscaras de capa Degradados Efectos de capa Herramienta Texto CONOCIMIENTOS NECESARIOS (III) Capturas de pantallas Varita mgica y la Mscara rpida Efecto de capa Trazo Exportacin a web MENS Crear la plantilla de navegador Planificar los contenedores generales Crear nuestro men principal Estados de botn Adornar el fondo de la pgina Crear el contenido de la home Resumen del captulo DISEO EN LOS INTERIORES Crear el segundo nivel de la web INTERIORES Crear los interiores de carta I Crear los interiores de carta II TABLAS

02:25 01:25 04:24 00:45

01:18 01:20 02:14 03:25 01:41 01:49 01:39 03:15 01:46 01:18

02:45 00:54 01:41 04:13 01:09 02:41 03:08 02:11 06:47

01:01 05:44 01:33 01:17

02:10 07:17 03:06 01:38 02:49 04:56 00:52

04:59

06:11 04:31

copyright 2010 video2brain. Todos los derechos reservados video2brain y el logo de video2brain son marcas registradas de video2brain.

2 / 3

Disear tablas HTML Dar formato a una tabla HTML Crear una capa interactiva Simular un mapa de Google FORMULARIOS Diseo de formularios Comportamientos del formulario LTIMOS RETOQUES Y EXPORTACIN Diseo de una pgina de Error 404 Preparacin de los archivos Qu hemos aprendido?

08:31 04:41 02:57 02:36

06:49 03:26

02:54 03:25 01:03

copyright 2010 video2brain. Todos los derechos reservados video2brain y el logo de video2brain son marcas registradas de video2brain.

3 / 3