tuto icono

Download Tuto Icono

Post on 21-Mar-2016

216 views

Category:

Documents

2 download

Embed Size (px)

DESCRIPTION

Tutorial de enero 2011

TRANSCRIPT

  • 26 USUARIO DIGITAL

    EL TUTO

    A menudo necesitamos iconos para asignar a aplicaciones, para incorporarlo a alguna interface o simplemente para aplicarlo sobre algn diseo o composicin. Aunque en los 2 primeros casos no e s necesario un dibujo con una resolucin tan alta, lo ideal es tener nuestra galera de iconos con la mayor resolucin posible, para as poder sacar el mximo provecho de ellos.A continuacin aprenderemos a dibujar un cono con forma de radar usando los estilos de Photoshop.

    Crear un cono en alta resolucin con Photoshop

    Paso 1Abrir un nuevo documento en Photoshop, el que estoy usando es 1024x1024 pxeles, le he aadido un fondo de lino descargado de internet para hacerlo ms elegante.

    Paso 2Con la herramienta Elipse (U) crear un crculo en el centro del documento. Puedes crearlo con 500x500 pxeles o en funcin del tamao de cono que quieras.

    Paso 3Duplica ese crculo y luego cambiar su tamao para crear un crculo interior, la idea es crear el borde de nuestro cono. Una vez que se cambia el tamao haz clic con el botn derecho del ratn sobre el cono de la capa en el panel Capas y selecciona Seleccionar Pixel para crear un recuadro de seleccin.

    Paso 4Ir a Capa>> Ocultar seleccin Mscara.

    Paso 5Para crear el efecto de un borde metlico vamos a utilizar estilos de capa ( > Estilos de capa Capa> Sombra parale-la) guate por los valores de la imagen 5, los valores con los que trabajar son: sombra interior, bisel y relieve y co-lor de superposicin.

    Paso 6Aqu est el efecto que se obtiene despus de los estilos de capa.

    Paso 7Agrega otro crculo utilizando la herramienta Elipse (U) . Este ser en negro y estar en el centro del borde met-lico.

  • USUARIO DIGITAL 27

    EL TUTO

    Juan Martn MesaDiseador gr co

    juanmesia@gmail.com

    Paso 9Aade una nueva capa sobre el crculo con el gradiente y aplica: Capa> Crear ms-cara de recorte . Ahora, con la herramienta Pincel (B) pinta con un pincel muy suave con 7a5511for # en la parte superior del crculo (1), luego agrega una nueva capa de pintura una vez ms con el mismo color pero con 5% de opacidad en el borde metlico para crear un re ejo marrn.

    Paso 8Duplica el crculo y cambiar su tamao para hacerlo un poco ms peque-o que el crculo negro, aplcale > Estilo de capa> Superposicin de de-gradado, los colores que vas a usar son # 7a5511 para el marrn claro y # 180f00 de la oscuridad .

    Paso 10Agrega una carpeta en la paleta de capas y cambia el modo de mezcla de esta car-peta a Color Dodge. Tambin haz la mscara esta capa con el rea del crculo in-terno de referencia. Luego, utilizando la herramienta Rectngulo (U) crea una lnea muy na en color blanco, asegrate de que est dentro de la carpeta con el color en el que estamos trabajando, aplica Filtro> Blur> Gaussian Blur, utiliza 0,5 pxeles para el radio. Despus cambia la opacidad al 70%. Duplica esta lnea y girarla 90 .

    Paso 11Con la herramienta Elipse (U) agrega un crculo en medio del radar, el color aqu no importa porque vamos a utilizar estilos de capa para cambiarlo.

    Paso 12Para este crculo lo primero que debes hacer es cambia la opacidad de re-lleno a 0 , a continuacin, agrega un resplandor exterior, Sombra interior y stroke.

    Paso 13Aqu est el resultado que se obtiene con despus de los estilos de capa.

    Paso 14Ahora aade una nueva capa dentro de la carpeta y colorea con la herra-mienta Pincel (B), usando color blanco dibuja un par de manchas, vers que los crculos tienen un efecto de luz muy agradable.

    Paso 15Aade ms elementos para hacerlo ms realista.

    Paso 16Crea un nuevo rectngulo con la herramienta Rectngulo (U) y luego gira 45 . Este rectngulo debe estar dentro de la carpeta que creamos en el paso 10.

  • 28 USUARIO DIGITAL

    EL TUTOPaso 17Ahora, con la herramienta Lpiz (P) crea una forma que cubra el rea de un cuadrante, siguiendo el rectngulo que giramos 45 en el paso anterior.

    Paso 18Ir a > Estilos de capa, capa> Opciones de fusin . Cambiar la opaci-dad de relleno a 0 y luego aplicar superposicin de degradado, los valores son 50 de ngulo y 55 de opacidad.

    Paso 19Este es el resultado que obtendrs despus de los estilos de capa.

    Paso 20Repite lo mismo que hicimos en el paso 2-4 y crea otro crculo para usarlo como borde. Este nuevo borde estar entre el cristal del radar y el crculo negro.

    Paso 21Ahora vamos a aplicar ms estilos de capa para aadir un aspecto ms metlico a nuestro diseo. Usar la imagen 21 para los valores.

    Paso 22A continuacin puedes ver el aspecto del borde despus de los es-tilos de capa.

    Paso 23Ahora crea un crculo con el mismo dimetro de los elementos del radar, aplica un degrado de superposicin sobre l, con blanco para el inicio y el final, pero con opacidades diferentes, ( 0 para el inicio y 100 para el final).

    Paso 24Selecciona todas las capas para crear la interfaz de radar, inclui-dos los crculos con superposicin de degradado, duplica y com-bina las capas, luego, aplica Filtro> Blur> Gaussian Blur . usa 15 pxeles para el radio . Cambia la opacidad de esta capa a la panta-lla en un 50% .La idea de esta capa es aumentar el efecto brillante.

    Paso 25Con la herramienta Borrador (E) , elimina las reas que son oscu-ras en la interfaz de radar para aumentar el contraste.

    262728