Interfaces y skins

Publicado en 'Diseño Gráfico' por MijT, 14 Oct 2006.





  1. MijT

    MijT Miembro de bronce

    Registro:
    12 Oct 2006
    Mensajes:
    1,106
    Likes:
    63




    Este es un tutorial ke hace algun tiempo publike en mi web y me gustaria compartirlo con todos aki en el foro. Pues, les mostrare como crear interfaces o skins para un reproductores de mp3 con photoshop, es muy sensillo de hacer.

    Para hacer la tarea mas facil y no rompernos la cabeza haciendo los efectos a las capas y objetos les dejo un link para ke se descarguen 5 styles para photoshop

    Descargar Styles

    Empezamos:

    1. Lo primero ke tenemos ke hacer sera crear un nuevo documento en blanco de 250 x 350 pixels y sobre ella cojemos la herramienta rectangulo redondeado y dibujamos sobre el lienzo creado la pintamos de negro y rasterizamos la capa, ahora nos vamos al panel de estilos y cargamos los estilos (ke hasta este momento supongo ya han descargado) y le aplicamos el stilo "soft metal" y nos kedara mas o menos asi:

    [​IMG]

    2. Luego con la misma herramienta Rectangulo redondeado dibujamos un recuadro de manera ke kede como una pekeña pantalla, rasterizamos dicha capa y le aplicamos el style stuff y nos kedara asi:

    [​IMG]

    3. Seleccionamos dicha capa con Ctrl + Click nos vamos al menu Seleccion/Modificar/Contraer y le ponemos de valor 2 pixels, con la seleccion aun cargada insertamos una nueva capa la llamamos screen con la herramienta bote de pintura la pintamos de negro y le aplicamos el style screen y nos kedara asi:

    [​IMG]

    4. Insertamos una nueva capa, con la herramienta Marco eliptico dibujamos una elipse debajo de la pantalla, la pintamos de negro y le aplicamos el style stuff, seleccionamos dicha capa con Ctrl + Click y nos vamos al menu Seleccion/Modificar/Contraer y le damos valor 2, insertamos una nueva capa la pintamos de negro y aplicamos el style green button y nos kedara asi:

    [​IMG]

    5. Tomamos la herramienta Marco rectangular y trazamos un un finisimo rectangulo vertical de manera ke dividamos en dos mitades el boton y presionamos la tela Supr. hacemos lo mismo con la mitad izquierda pero esta vez en forma horizontal, hasta ke nos kede de esta forma:

    [​IMG]

    6. Para finalizar ya seria cuestion de gustos de cada kien el ponerle un ecualizador, texto en la pantalla ke indike el titulo de la cancion y el artista, un logo, etc. eso ya keda a imaginacion suya, mi trabajo final es este no es nada del otro mundo pero asi lo aprendi:

    [​IMG]

    Mejorable?? Sí, pueden poner sus muestras aki mismo.

    Espero ke les sea de utilidad, cualkier duda ya saben...

    Un saludo :)
     


  2. The Ghost

    The Ghost Miembro maestro

    Registro:
    23 Set 2006
    Mensajes:
    299
    Likes:
    4
    Muy bueno ah...lo probaré

    Saludos
    The Ghost