Mostrando entradas con la etiqueta maquetacion. Mostrar todas las entradas
Mostrando entradas con la etiqueta maquetacion. Mostrar todas las entradas

jueves, 16 de abril de 2015

Adobe Photoshop para Diseño Web

Adobe Photoshop para Diseño Web



Comenzamos con una introducción rápida al mundo del diseño web y sus diferencias fundamentales con el diseño para papel, así como una serie de trucos y recursos que te ayudarán a comenzar a trabajar. A continuación seguiremos con un repaso a los conceptos fundamentales del trabajo con Adobe Photoshop que necesitas para realizar tus diseños de la forma más rápida y efectiva.

Después de estos capítulos introductorios, veremos la diferencia entre diseñar webs en HTML y en Flash y qué debemos tener en cuenta a la hora de enfrentarnos a una del segundo tipo.

En la parte práctica, trabajaremos desde la página de inicio, tan importante en las webs realizadas en Flash e iremos yendo hacia las páginas interiores. Veremos el diseño de los diferentes comportamientos de la web, y cómo hacerlos funcionales y la vez, atractivos.

Para finalizar, exportamos los archivos para el cliente o, en su caso, el maquetador o programador que se encargará de llevar a cabo el sitio que hemos creado.




  • INTRODUCCIÓN

    • Introducción al diseño web
    • Google es tu mejor amigo (o casi)
    • Recursos de utilidad
  • CONOCIMIENTOS NECESARIOS (I)

    • Creación de archivos
    • Reglas y Guías, unidades de medida
    • Capas y carpetas
    • Selección de colores
    • Aplicación de colores
    • Selecciones
    • Desplazamiento y duplicado de contenidos
    • Carga y Combinación de selecciones
    • Duplicación de capas y carpetas
    • Copiado de contenidos
  • CONOCIMIENTOS NECESARIOS (II)

    • Formas vectoriales
    • Formas no vectoriales
    • Personalización
    • Transformación
    • Uso de trasparencia de capa
    • Máscaras de capa
    • Degradados
    • Efectos de capa
    • Herramienta Texto
  • DISEÑO DE LA HOME

    • Recopilación de material
    • Creación el archivo base para la home
    • Creación el resto de barras de menú
    • Diseñar la home I
    • Diseñar la home II
    • Precarga para los contenidos
    • Roll-over sobre un contenido
  • PÁGINA INTERIOR

    • Diseñar una página interior
    • Efecto de precarga
    • Comportamientos de barra de menú
    • Exportación de archivos
    • Resumen del ejercicio