Práctica< n4 [photoshop]
ACTIVIDAD GUIADA
PR/06 – Versión de una web ya existente.
Tema: Realizar una versión página web de entre las propuestas en los enlaces al final de la entrada.
PR/06 – Versión de una web ya existente.
Tema: Realizar una versión página web de entre las propuestas en los enlaces al final de la entrada.
Opción2: Realizar una versión página web que nos guste. Cuanto más personalicemos su estructura y algunos elementos mejor.
1/ Crear un archivo>nuevo: 1000x400 píxeles.
Después procedemos a crear en sucesivas capas los elementos básicos de fondo, como por ejemplo, las franjas que seleccionamos con la herramienta de selección rectángulo y luego coloreamos con el cubo de pintura. Para ser más precisos en los colores tomamos muestras de los colores originales con el cuentagotas.
2/ Creamos una capa y la nombramos ordenadamente cada vez que introduzcamos un nuevo
elemento de diseño, en este caso la forma rectangular que tintamos con el bote de pintura.
3/ Una vez que tenemos las franjas naranja, la gris y la banda negra, insertamos una de las imágenes principales, cuidando siempre la estética y la calidad de la imagen.
4/ En este paso, abrimos dos imágenes más, que conformarán un tríptico muy representativo y con un colorido muy atractivo.
5/ Ahora creamos el Título de la web, con una tipografía adecuada, ajustamos el tamaño y su posición.
6/ El menú que queda debajo del Título y contiene las pestañas o botones, también podemos representar el sobre coloreando uno de ellos de naranja.
7/ Para representar ese efecto nos ayudamos de la mano del cursor, que transformamos a su
tamaño, siempre en capas nuevas.
8/ Añadimos la lupa y la recortamos con la herramienta de selección.
9/ Texto al pie de la galería principal, damos formato y lo alineamos con el margen izquierdo.
10/ En la parte inferior realizamos otro tríptico con tres rectángulos cada uno de un color
11/ En el de color magenta, situamos un texto que completa la estética de banner interactivo.
12/ Con la ventana>carácter damos formato, combinando distintos tamaños de fuente y cambiando el interlineado.
13/ Completamos los otros banner con imagenes que nos pueden remitir a galerías de imágenes de obras el de la izquierda, del propio museo la del centro.
14/ Finalmente le añadimos un pie de página a la web, donde encontramos algunos datos como la dirección, teléfono, etc.
-Aquí tenemos la imagen final, una composición muy personalizada:
Abajo la imagen original:
http://www.estebanmunoz.com/home.html
