Resultados 1 al 8 de 8

Tema: [Photoshop] Web Header

  1. #1
    Senior Member
    Fecha de Ingreso
    13 jun, 05
    Ubicación
    Rio Gallegos
    Mensajes
    6,035

    Thumbs up [Photoshop] Web Header

    Bue, armé un tutorial propio para crear un sencillo header para tu página web.

    1) Creamos un nuevo documento de 600x130 px y rellenamos de fondo blanco.

    Ahora vamos a Layer>Layer Style>Blending Options y le damos los siguientes valores:

    INNER GLOW:


    GRADIENT OVERLAY:




    Le damos OK, y tendría que quedarnos algo así:


    2) Creamos un nuevo layer [Layer>New layer]
    En esa nueva capa que creamos, vamos a hacer una selección similar a la de la imágen y la rellenamos de blanco:


    Ahora vamos a [Layer>Layer style>Blending Options] y colocamos los siguientes valores:

    GRADIENT OVERLAY:




    Le damos OK y ponemos el layer en Soft Light / Opacity: 30%


    Tendría que quedarnos algo así:


    3) creamos nuevamente otro layer [Layer>New Layer]

    Hacemos una seleccion rectangular similar a la de la imágen y la rellenamos de blanco:


    Y ponemos el Layer en modo Soft Light / Opacity 80%


    Tendría que quedar algo así:


    4) Bien, ahora es el turno de ponerle algún pattern [Layer>New Fill Layer>Pattern] para adornar un poquito más el header, yo elegí este:


    Le damos ok y ponemos el pattern en modo Overlay / Opacity: 30%:


    5) Solo faltaría agregarle texto, elegimos la fuente que más le guste y escribimos el texto en color blanco:


    Ahora vamos a [Layer>Layer Style>Blending Options]
    y le damos los siguientes valores:

    DROP SHADOW:


    OUTER GLOW:


    GRADIENT OVERLAY:




    STROKE:




    Le damos OK a todo y tendría que quedarnos algo así:


    6) Finalmente le agregamos algun Slogan referente al sitio web donde está el cuadrado rectangular y listo.

    Este es mi resultado:


    Espero que les haya gustado.



  2. #2

    Re: [Photoshop] Web Header

    :O genial

  3. #3

    Re: [Photoshop] Web Header

    Muy bueno el tuto texi, ya probe algunas cositas

  4. #4

    Re: [Photoshop] Web Header

    Me encanto

  5. #5
    Banned Avatar de EXCESS
    Fecha de Ingreso
    09 mar, 05
    Ubicación
    In a dark place Profecion: Desvirtuador Accesorios: NekoEars
    Mensajes
    6,292

    Re: [Photoshop] Web Header

    me hiciste caso dejaste la loma y pusiste pilas xD


    muy buen tuto ^^

  6. #6
    † DeathWish † Avatar de Ginchin
    Fecha de Ingreso
    15 jul, 06
    Ubicación
    Namek
    Mensajes
    598

    Re: [Photoshop] Web Header

    :O pero que bueno, me gusta mucho ese color tan claro, le da mucha onda
    ~Ginchin-Phantom Summoner of Sentinels- LVL 6x (a mucha honra)-Elwyn Server~

  7. #7

    Re: [Photoshop] Web Header

    este Ansur feo y su Blending Option xD... ta muy bueno

  8. #8

    Re: [Photoshop] Web Header

    Esta exelenteeeee.......
    Lo pondre en practica cuando deje de rendir
    Muy bueno te kedo


Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •