Diseño de una Pagina Web con Photoshop CS parte 2

Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Anunciar en SoloPhotoshop

Diseño de una Pagina Web con Photoshop CS parte 2 | Solo Photoshop

Video Tutorial Photoshop de Interfaces y Diseño Web

Tutorial por Paquo360

Solo Photoshop

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í:

Diseño de una pagina web

Agradezco sus comentarios

- Diseño de una Pagina Web con Photoshop CS 1

- Diseño de una Pagina Web con Photoshop CS 2

- Diseño de una Pagina Web con Photoshop CS 3

- Diseño de una Pagina Web con Photoshop CS 4

Comentarios de Diseño de una Pagina Web con Photoshop CS parte 2 | Solo Photoshop

↑ Tutorial

rickblanc02

2006-10-23 00:54

Hola visiten mi pagina la diseñe con ayuda de solophotoshop http://grucrii-beta.4t.com, si quieren preguntarme algo escrivame en el correo que sale en la paginaM
yezzita

2006-10-23 21:29

Buenisimo... (estoy a la espera de las siguientes partes) =)M
elchimu

2006-10-25 08:16

buenisimo, es mas, genial que lo hicieran en formato de video. Personalmente hasta aca voy bien, espero el resto hasta ver la publicacion en el browser. graciasM
elchimu

2006-10-25 08:16

buenisimo, es mas, genial que lo hicieran en formato de video. Personalmente hasta aca voy bien, espero el resto hasta ver la publicacion en el browser. graciasM
heller

2006-10-25 12:25

Estos tutoriales estan buenisimos, gracias amigos por ayudarnos con exelentes paginas, no dejare de visitarlos bye German lozano mexicoM
dino

2006-10-28 20:04

Bueno Yo lo unico q quiero saber: COMO SE HACE UNA PAGINA WEB!!! QUIEN SEA EL O LA AMABLE Q ME EXPLIQUE COMUNICARSE AL MSN: deog_14@hotmail.com ok? Muxas Graxias Quien Me Explique!! P.S:Ha! y está muy bueno el video...M
Otakumail

2006-10-30 15:45

Donde consigo el video.M
nimbo

2006-10-30 19:40

simplemente excelente! gracias! muy util!M
bosspetta

2006-11-03 11:03

¿Por qué se "quitó" el comentario donde decía que esto no debería maquetarse con tablas?, ¿molestaba?, gracias por dejar expresarse a sus usuarios, les doy un 10 xPM
jarajuku

2006-11-25 21:35

esta super, pero no vi el diseño de una pagina web 1, como hago para verloM
Dedalos

2006-12-02 07:12

¿Como consigo el video? No todos, tenemos Internet en casa.M
HagenJul

2007-01-29 11:24

Para ver tener el video solo tienen que dejar que termine de reproducirse y luego van a los temporales de IE7 y ahi van a tener el video en formato .flv. OJO solo funciona en XPM
Learning

2007-05-01 18:32

gracias, es de gran ayuda la información de este tutorialM
jessy1011

2008-10-12 05:21

Esta muy bn pero no se ve la parte 3.M