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!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

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

    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 pagina
  • yezzita

    yezzita

    2006-10-23 21:29

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

    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.

    gracias
  • elchimu

    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.

    gracias
  • heller

    heller

    2006-10-25 12:25

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

    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...
  • Otakumail

    Otakumail

    2006-10-30 15:45

    Donde consigo el video.
  • nimbo

    nimbo

    2006-10-30 19:40

    simplemente excelente! gracias! muy util!
  • bosspetta

    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 xP
  • jarajuku

    jarajuku

    2006-11-25 21:35

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

    Dedalos

    2006-12-02 07:12

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

    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 XP
  • Learning

    Learning

    2007-05-01 18:32

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

    jessy1011

    2008-10-12 05:21

    Esta muy bn pero no se ve la parte 3.