Solo Photoshop

Tutoriales Adobe Photoshop

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

Ingreso de Usuarios

Recuperar Contraseña?

Registro de Usuarios

Diseño de Interfases WEB 4

Tutorial Photoshop de Interfaces y Diseño Web

 

Tutorial por Paquo360 de SóloPhotoshop

Llegamos al final de estas 4 entregas con DISEÑO DE INTERFASES WEB 4, de Paquo360

Publicidad

  • Anunciar en Solo Photoshop
  • Anunciar en Solo Photoshop

Con esta llegamos a la ultima entrega de DISEÑO DE INTERFACES WEB, que nos brinda Paquo360

Nota: Si bien fue desarrollado en Photoshop 6, se puede ejecutar en Photoshop CS 2 sin problemas !!

4. Aplicación de Estilos

Al aplicar el Estilo Barra Verde sobre la Capa del mismo nombre esta lo luce con iluminación hasta 15 o 20 pixeles antes de cada extremo; lo ideal es que el estilo cubra la barra uniformemente.

Para hacerlo sólo es necesario extender la capa más allá de los limites del Diseño:

Editar>Transformar>Escala (Edit>Transform>Scale)

Interfaces y Templates Web

Ahora viene el Estilo Barra Gris, el cual lo aplicas en la Barra Gris y si lo deseas en la Barra Mayor.

Interfaces y Templates Web

Este es nuestro Resultado en Bruto:

Interfaces y Templates Web

Ya con la decoración adecuada nos luce muy distinto, sin embargo esta ya no se toca por ser muy particular de cada cliente. Al final e cuentas tu decides como decorar.

Interfaces y Templates Web

Ver las demas entregas < 1 > < 2 > < 3 > < 4 >

En el próximo Tutorial, como crear el HTML!!

Si tienes dudas recurre a nuestro foro de ayuda con un clic aquí

Comentarios de Diseño de Interfases WEB 4

↑ Tutorial

  • LUCIANOROSSI

    LUCIANOROSSI

    2006-04-11 11:59

    POR FAVOR, EL PROXIMO ES EL QUE MAS NECESITO, ESPERO LA PROXIMA ENTREGA CON ANSIAS.

    Saludos, Luciano.

    Responder

  • Carlatovar

    Carlatovar

    2006-04-11 15:09

    Gracias por este valioso tutorial..excelente. Son increibles los efectos que se logran modificando los estilos de las capas!! En espera de la proxima entrega! Carla

    Responder

  • kurosanti

    kurosanti

    2006-04-12 13:37

    quisiera mas de estos tutoriales que ayudan mucho al diseñador

    Responder

  • Maina.

    Maina.

    2006-04-13 03:36

    Me podeis decir donde encuentro el zip con las imagenes a tamaño real? Es que lo he leido en la primera entrega pero no se donde esta.

    Por cierto, un tutorial impresionante

    Responder

  • manuelclemente

    manuelclemente

    2006-04-13 08:03

    Yo acabo de llegar a esta pagina y ya estoy alucinando, la verdades que esta muy bien :-)

    Responder

  • kikedema

    kikedema

    2006-04-14 00:19

    gracias por dedicarle tiempo a desarrollar estos tutos, sigan adelante y estare esperando la proxima entrega

    Responder

  • deldent

    deldent

    2006-04-14 12:34

    nesesito el proximo por favor, estan muy buenos los tutos

    Responder

  • _Gonka_

    _Gonka_

    2006-04-15 07:06

    Es alucinante todo lo que se puede llegar a hacer con el Photoshop, gracias por demostrarnos las posibilidades y gracias por este gran tutorial ;)

    Responder

  • josue ordoñez

    josue ordoñez

    2006-04-15 13:33

    me parece un gran tutorial...........felicidades por esta pagina!

    Responder

  • paginillasweb

    paginillasweb

    2006-04-15 16:03

    necesito el html ya!!! estoy que no duermo, no puedo vivir sin el siguiente tutorial, esto es como una droga cada vez quiero mas y mas y mucho mas

    Responder

  • jmslash

    jmslash

    2006-04-15 19:28

    Y esto cómo se usa con el dreamweaver? XD

    Responder

  • oscarescalante

    oscarescalante

    2006-04-16 20:17

    muy bueno

    Responder

  • ROCAGUATE

    ROCAGUATE

    2006-04-17 14:17

    Excelente aportación, muy buén trabajo.
    Gracias.

    Responder

  • carlatovar

    carlatovar

    2006-04-18 09:00

    por favor!!! la proxima parte ya!!!!!

    Responder

  • pachecoretro

    pachecoretro

    2006-04-18 13:19

    Excelente!! El siguiente paso por favor , ya se tardaron ...

    Responder

  • EDDy_The_Cowboy

    EDDy_The_Cowboy

    2006-04-19 02:19

    WOOOOOOW... nesecito la proxima parte de esto

    Responder

  • milongamadre

    milongamadre

    2006-04-19 14:06

    Muy, pero muy bueno, esperamos ansiosos la continuación

    Responder

  • rab_xp

    rab_xp

    2006-04-19 20:49

    Si no hubiesen gente como tú ignorariamos muchas cosas... gracias

    Responder

  • distrito

    distrito

    2006-04-19 22:21

    interesante lo empezare arealizar y practicar

    Responder

  • Dick Elías Torres

    Dick Elías Torres

    2006-04-20 13:39

    Muy didáctico la forma explicativa para la creación de un diseño de Página Web. Saludos, Dick Elías Torres

    Responder

  • ceylos

    ceylos

    2006-04-20 16:35

    muy bueno.. gracias

    Responder

  • bogus87

    bogus87

    2006-04-20 17:54

    Muy bueno, si señor!

    Responder

  • filtro

    filtro

    2006-04-20 23:03

    Es de lo mejor ... Ustedes C pasan xD

    Responder

  • baconet

    baconet

    2006-04-20 23:40

    Barbaro... 10 puntos.
    Muy ansioso por ver como continua esto...

    Responder

  • ernestojavier70

    ernestojavier70

    2006-04-21 10:12

    bueno, hasta aqui todo bien, ahora empieza lo bueno . . . pero . . . CUANDOOOOOOO???

    Responder

  • Cyber52

    Cyber52

    2006-04-21 23:04


    Exelente

    Responder

  • LucyAA

    LucyAA

    2006-04-22 05:10

    Muy buen tutorial.¡Gracias por compartir conocimientos!
    Un comentario: Por favor ¿Cómo se realiza la barra gris?
    los novatos necesitamos que nos guien "paso a paso"...
    Un saludo

    Responder

  • AKOSSO

    AKOSSO

    2006-04-24 15:39

    Jijiji con tutoriales asi en 4 dias nos hacemos profesionales jejeje GrACIAS

    Responder

  • NautiluS

    NautiluS

    2006-04-27 09:48

    Les agradezco el haber publicado este maravilloso tutorial ya que con el pude aprender mas sobre el diseño de una interfas web.

    Espero la otra version de este tutorial.

    Att: Wagner

    Saludos

    Responder

  • Beatriz García

    Beatriz García

    2006-05-01 02:18

    Excelente tutorial me ayudo mucho gracias por brindarnos esos conocimientos.
    Att: Beatriz

    Responder

  • kokecola2k2

    kokecola2k2

    2006-05-01 05:35

    Cuando se pone el ultimo?

    Responder

  • polakan

    polakan

    2006-05-02 14:20

    grasias me gusto muxo segui todos los pasos muy bien ya ke estan bien explikados grasias!

    Responder

  • heavymetal

    heavymetal

    2006-05-03 17:47

    la ultima parte pleasee

    Responder

  • oscar97

    oscar97

    2006-05-04 09:29

    hey de verdad de los mejores que se han publicado en solophotoshop directo a lo que es.. sigan asi y porfavor la siguiente parte siiiiii. que Dios los Bendiga

    Responder

  • pasther

    pasther

    2006-05-09 11:34

    wow tio sos grande ta chido ;) enserio chidisimo me sirbe mucho gracias ThE ShAdOw Of AnGeL

    Responder

  • gurk

    gurk

    2006-05-11 18:00

    exelente

    gracias!

    Responder

  • lcalvarez

    lcalvarez

    2006-05-17 09:07

    Excelente pero como se hace para ponerlo en html que quede bien??? saludos

    Responder

  • kennyacruz

    kennyacruz

    2006-05-19 16:41

    excelente tutorial, solo me agradaría , si se puedieran guardar en un archivo .pdf o zip para poder descargar el tutorial. Creo es mucho pedir, pero es una simple sugerencia. De antemano agradesco por sus excelentes tutoriales.

    Responder

  • salinas282003

    salinas282003

    2006-06-05 17:05

    Bueno, yo acabo de revisar y estuvo buenazo

    Responder

  • marjorie davila

    marjorie davila

    2006-06-13 15:55

    ESPERO CON ASCIAS EL OTRO TREMENDO,GRACIAS POR ENSEÑAR PARTE DE TUS CONOCICIMIENTOS,Sigue así :-)

    Responder

  • solidushound

    solidushound

    2006-06-17 19:07

    ta' bueno el tutorial espero con entuciasmo el 5º tutorial n_n

    Responder

  • astharot

    astharot

    2006-06-18 12:44

    muy buen tutorial .......espero la siguiente entrega

    Responder

  • NautiluS

    NautiluS

    2006-07-05 15:10

    Por favor amigos se los pido de corazón, pongan la otra entrega, ya que me hice mi interfas y estoy estancado ahora, no se como hacer para trabajar en un editor html.

    Espero la proxima entrega.

    Responder

  • mistico

    mistico

    2006-09-25 16:18

    que vaban es tu regalo de enseñar

    Responder

  • pacon

    pacon

    2006-09-26 15:07

    a ver si poneis mas ejemplos de interfases,porfa.por lo demas esta de puta madre.

    Responder

  • ivonne garcia

    ivonne garcia

    2006-10-01 13:02

    OJALA PONTO NOS PUDAN ENSEÑAR COMO SE TERMINA, POR LO DE AHORA GRACIAS POR LAS EXPLICACIONES DE ESTOS 4

    Responder

  • meltf

    meltf

    2006-11-05 12:57

    buenazo

    Responder

  • kacier

    kacier

    2006-11-23 16:06

    orale esta bueno ese :)

    Responder

  • CsarGt

    CsarGt

    2006-12-01 20:42

    Ja, ja, Buenisimo, Excelente!! Gracias por este tuto.
    Espero el proximo y coloco mi pagina en la red!!

    Responder

  • nimbo

    nimbo

    2007-01-16 20:58

    GRACIAS ! LAS PERSONAS QUE HACEN SUS APORTES DE CONOCIMIENTO CON ESTOS EXCELENTES TUTORIALES.....ES IMPECABLE CADA EXPLICACION ....LES MANDO UN SALUDO Y TODOS MIS RESPETOS....GRACIAS! ....ESTOY FELIZ DE HACER PARTE DE ESTA COMUNIDAD!

    Responder

  • cliver01

    cliver01

    2007-01-23 19:15

    ta wena la pagina me va ayudar mucho les gradeceria mucho si pusieran mas tutoriales grasias esta chevre la web

    Responder

  • f3rx

    f3rx

    2007-04-09 04:37

    oigan y para meterle el html, y el contenido q tendra la pagina?

    Responder

  • vmsoporte

    vmsoporte

    2007-05-14 12:51

    Hola. Muchas gracias por estos tutoriales realmente estan excelentes. ¿Cuando estara listo el siguiente?.

    Responder

  • senko

    senko

    2007-05-23 12:11

    Hi hermano te pasaste soy de Perú, te felicito muy bien explicado yo manejo dreamweaver mx 2004 y tambien photoshop pero solo en retoques con este tuto ahora se hara mas fácil diseñar una web gracias.. ahora guardarlo para la web thank you..

    Responder

  • CsarGt

    CsarGt

    2007-06-08 17:12

    Que bien te quedo!! he seguido este tuto de cerca, todo muy excelente! Aun estoy esperando la ultima entrega, para meterle html y mas cosas a la pagina, espero que pronto este, jeje. Espero la proxima entrega aun.

    Mis Felicitaciones...

    Responder

  • jesse

    jesse

    2007-09-18 09:58

    Hola todo aki esta super, pero io no se nada de dreamweaver ym egustaria iniciarme por donde me recomiendan empezar????

    Responder

  • analia laura

    analia laura

    2008-05-20 11:10

    Como ingreso a la prosimo tutorial de como crear un html.

    Responder

  • sunna

    sunna

    2008-08-14 23:45

    ESTA MUY BUENO, PERO MAS LO SERIA SI DEJARAS EL RESULTADO FINAL COMO ARCHIVO DESCARGABLE COMO OTROS TUTORIALES

    Responder

  • Sirquini

    Sirquini

    2009-04-08 15:37

    Esta re-bueno, pero lo que más necesito es el proximo tutorial, el de crear el HTML, espero con ancias leerlo.

    Responder

  • guerra-creativa

    guerra-creativa

    2009-06-17 01:33

    Un nuevo proyecto llamado Guerra-Creativa se encuentra en la busqueda de todo CREATIVO que posea habilidades en diseño gráfico,
    tanto web como flash, animación 3D y 3D modeling. Enlístate y forma parte de esta comunidad donde podrás competir contra gente
    como tú por grandes premios. No lo dudes, visitá nuestra web http://www.guerra-creativa.com/

    Responder

↑ Tutorial