Diseño de una Pagina Web con Photoshop CS. En esta segunda entrega nos concentramos en los botones Anterior y Siguiente.
———
Este video no pretende ser un detallado tutorial de como se dibuja una pagina web, simplemente es un ejemplo de como desarrolle este diseño, por lo que esta dirigido a usuarios con un nivel de Medio a Avanzado en el manejo de Photoshop quienes dominen a la perfección las Herramientas Básicas del programa. Es algo extenso, así que lo hemos dividido en 4 partes de 5 mins. cada uno. La canción es "Labios Compartidos" de Mana.
———
Desarrollo
– Se inicia creando una selección que cubrirá el área de los botones. En una nueva capa se llena con el color AB4B00.
– Se deselecciona y con una nueva selección se divide esta capa en los dos botones.
– Entonces se agrega el texto de cada botón en una sola línea. Se usa un texto alineado al centro.
– Ahora en una nueva capa se dibujan las flechas usando selecciones y rellenándolas como se observa en el video.
– Cuando se tiene la flecha de la izquierda, se duplica y gira en sentido opuesto para ser colocada en el botón de la derecha.
– Aplicamos un contorno blanco al 25% en la capa de los botones.
– Finalmente se Agrega el texto: Galería de Imágenes.
Espera un momento mientras carga el video..
Esta es segunda de 4 partes. Al final quedará así:
Agradezco sus comentarios
– Diseño de una Pagina Web con Photoshop CS 1
– Diseño de una Pagina Web con Photoshop CS 2