Ejercicio_06

3
Curso de Introducción a Photoshop Ejercicio Final Este último trabajo del curso trata de utilizar de forma conjunta buena parte de las herramientas de Photoshop estudiadas a lo largo del curso. El objetivo del mismo es realizar el diseño de un portal Web. Aquí se pide el diseño gráfico básico del portal. Posteriormente se crearía una plantilla en HTML y la hoja de estilos CSS apropiada. Una vez obtenida esta plantilla, se podrían generar todas las páginas necesarias par el portal de una manera sencilla. Estas tareas quedan fuera de los objetivos del curso. El trabajo consiste en crear un documento de Photoshop que describe gráficamente el aspecto visual de un portal web. El documento adjunto muestra un ejemplo del resultado final que se debe obtener. Este documento no es editable y no tiene estructura de capas, se entrega únicamente como ejemplo. En principio no tiene que ser exactamente idéntico. Únicamente debe respetarse la estructura y las indicaciones o restricciones que se detallan a continuación. Por lo tanto hay una serie de elementos y características que deberá presentar el trabajo y otro conjunto que será libre. Las características que debe tener son: La anchura del documento será de 960 píxeles. La altura del diseño de muestra tendrá 1000 píxeles aunque en la página real esta dimensión sería flexible. Una cabecera con dos partes diferenciadas: un logo o imagen corporativa y el resto una imagen alusiva al contenido o temática del portal. Esta segunda parte de la cabecera deberá combinar, al menos, dos imágenes pero de manera integrada entre sí a modo de fotomontaje. No se trata de pegar una imagen sobre otra sino que se se integren juntas de alguna manera a elegir tal y como en el ejemplo aparece el tren sobre el paisaje con el puente de hierro de fondo. Debe incorporar un menú diseñado en Photoshop utilizando los objetos inteligentes y que contendrá, al menos, cinco opciones y cada botón deberá presenta tres estados distintos. El diseño incluirá un pie de página que cubrirá todo el ancho de la página. El resto del espacio estará dedicado al contenido. En la zona de contenido se debe incluir al menos un elemento de entrada de información (diseño para un formulario web). Puede ser un espacio para un buscador como en el

description

Trabajos PSD

Transcript of Ejercicio_06

  • Curso de Introduccin a PhotoshopEjercicio Final

    Este ltimo trabajo del curso trata de utilizar de forma conjunta buena parte de las herramientas de

    Photoshop estudiadas a lo largo del curso. El objetivo del mismo es realizar el diseo de un portal

    Web. Aqu se pide el diseo grfico bsico del portal. Posteriormente se creara una plantilla en

    HTML y la hoja de estilos CSS apropiada. Una vez obtenida esta plantilla, se podran generar todas

    las pginas necesarias par el portal de una manera sencilla. Estas tareas quedan fuera de los

    objetivos del curso.

    El trabajo consiste en crear un documento de Photoshop que describe grficamente el aspecto visual

    de un portal web. El documento adjunto muestra un ejemplo del resultado final que se debe obtener.

    Este documento no es editable y no tiene estructura de capas, se entrega nicamente como ejemplo.

    En principio no tiene que ser exactamente idntico. nicamente debe respetarse la estructura y las

    indicaciones o restricciones que se detallan a continuacin. Por lo tanto hay una serie de elementos

    y caractersticas que deber presentar el trabajo y otro conjunto que ser libre.

    Las caractersticas que debe tener son:

    La anchura del documento ser de 960 pxeles.

    La altura del diseo de muestra tendr 1000 pxeles aunque en la pgina real esta dimensin

    sera flexible.

    Una cabecera con dos partes diferenciadas: un logo o imagen corporativa y el resto una

    imagen alusiva al contenido o temtica del portal.

    Esta segunda parte de la cabecera deber combinar, al menos, dos imgenes pero de manera

    integrada entre s a modo de fotomontaje. No se trata de pegar una imagen sobre otra sino

    que se se integren juntas de alguna manera a elegir tal y como en el ejemplo aparece el tren

    sobre el paisaje con el puente de hierro de fondo.

    Debe incorporar un men diseado en Photoshop utilizando los objetos inteligentes y que

    contendr, al menos, cinco opciones y cada botn deber presenta tres estados distintos.

    El diseo incluir un pie de pgina que cubrir todo el ancho de la pgina.

    El resto del espacio estar dedicado al contenido.

    En la zona de contenido se debe incluir al menos un elemento de entrada de informacin

    (diseo para un formulario web). Puede ser un espacio para un buscador como en el

  • ejemplo, una pareja usuario/contrasea, o cualquier otro. Independientemente de eso, se

    incorporar un botn constituido por un icono, en ningn caso por texto. El icono puede ser

    diseado o puede utilizarse algn elemento grfico incluido en Photoshop (formas

    geomtricas arbitrarias).

    La estructura general de la pgina se debe mantener. Es decir aparecern tres elementos

    principales que pueden referirse a noticias, novedades, productos de un catlogo, discos de

    msica, pelculas, cursos, etc. La nica restriccin es que sean compatibles con la temtica

    de la pgina.

    Cada uno de estos elementos contendr: un ttulo, una imagen, un texto y un enlace para

    ampliar informacin.

    El fondo de la pgina debe estar constituido por un degradado horizontal, con al menos tres

    puntos de control (los dos extremos y al menos uno por la zona central).

    Este degradado puede ocupar toda la pgina o solo la parte de contenido.

    Debe incluirse un icono para envo de correo.

    Aspectos libres del trabajo:

    La temtica de la pgina es arbitraria.

    Los colores son arbitrarios.

    El contenido de las imgenes y los ttulos es arbitrario pero debern guardar relacin entre s

    y con la temtica del portal.

    Los textos pueden rellenarse con texto significativo del portal o con 'Lorem Ipsun'

    El men podr ser horizontal o vertical.

    Si es horizontal deber estar en la parte superior por encima o por debajo de la cabecera.

    Si es vertical podr estar a la izquierda o a la derecha.

    Las imgenes pueden ser cualesquiera, basta que sean acordes a la temtica de la pgina.

    Caractersticas de la entrega:

    Dos documentos: uno con el diseo completo del men y otro con el diseo de la pgina

    segn las especificaciones anteriores. En el documento del diseo de pgina no se incluir el

    men con todos sus elementos y capas sino que deber sustituirse por una imagen

    combinada del mismo de manera que no se incremente excesivamente el nmero de capas.

    El formato de los nombres de archivo ser: portal_Nombre_Apellidos.psd para elarchivo con el diseo de pgina y menu_Nombre_Apellidos.psd para el men.

  • En ambos ficheros, las capas debern estar organizadas y con nombres representativos. En

    ningn caso podrn estar combinadas. La nica excepcin es el men incorporado en el

    portal que ser una combinacin obtenida a partir del documento de men.

    Ambos archivos se enviarn juntos en un mismo archivo zip o rar.

    Si tiene dudas en alcanzar estas especificaciones o con las especificaciones del propio enunciado no

    dude en plantearlas en el foro de este mdulo.