26 USUARIO DIGITAL

EL TUTO

A menudo necesitamos iconos para asignar a aplicaciones, para incorporarlo a alguna interface o simplemente para aplicarlo sobre algún diseño o composición. Aunque en los 2 primeros casos no e s necesario un dibujo con una resolución tan alta, lo ideal es tener nuestra galería de iconos con la mayor resolución posible, para así poder sacar el máximo provecho de ellos.A continuación aprenderemos a dibujar un ícono con forma de radar usando los estilos de Photoshop.

Crear un ícono en alta resolución con Photoshop

Paso 1Abrir un nuevo documento en Photoshop, el que estoy usando es 1024x1024 píxeles, le he añadido un fondo de lino descargado de internet para hacerlo más elegante.

Paso 2Con la herramienta Elipse (U) crear un círculo en el centro del documento. Puedes crearlo con 500x500 píxeles o en función del tamaño de ícono que quieras.

Paso 3Duplica ese círculo y luego cambiar su tamaño para crear un círculo interior, la idea es crear el borde de nuestro ícono. Una vez que se cambia el tamaño haz clic con el botón derecho del ratón sobre el ícono de la capa en el panel Capas y selecciona “Seleccionar Pixel” para crear un recuadro de selección.

Paso 4Ir a Capa>> Ocultar selección Máscara.

Paso 5Para crear el efecto de un borde metálico vamos a utilizar estilos de capa ( > Estilos de capa Capa> Sombra parale-la) guíate por los valores de la imagen 5, los valores con los que trabajará son: sombra interior, bisel y relieve y co-lor de superposición.

Paso 6Aquí está el efecto que se obtiene después de los estilos de capa.

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

USUARIO DIGITAL 27

EL TUTO

Juan Martín MesíaDiseñador grá� co

juanmesia@gmail.com

Paso 9Añade una nueva capa sobre el círculo con el gradiente y aplica: Capa> Crear más-cara de recorte . Ahora, con la herramienta Pincel (B) pinta con un pincel muy suave con 7a5511for # en la parte superior del círculo (1), luego agrega una nueva capa de pintura una vez más con el mismo color pero con 5% de opacidad en el borde metálico para crear un re� ejo marrón.

Paso 8Duplica el círculo y cambiar su tamaño para hacerlo un poco más peque-ño que el círculo negro, aplícale > Estilo de capa> Superposición de de-gradado, los colores que vas a usar son # 7a5511 para el marrón 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. También haz la máscara esta capa con el área del círculo in-terno de referencia. Luego, utilizando la herramienta Rectángulo (U) crea una línea muy � na en color blanco, asegúrate de que está dentro de la carpeta con el color en el que estamos trabajando, aplica Filtro> Blur> Gaussian Blur, utiliza 0,5 píxeles para el radio. Después cambia la opacidad al 70%. Duplica esta línea y girarla 90 º.

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

Paso 12Para este círculo lo primero que debes hacer es cambia la opacidad de re-lleno a 0 , a continuación, agrega un resplandor exterior, Sombra interior y stroke.

Paso 13Aquí está el resultado que se obtiene con después de los estilos de capa.

Paso 14Ahora añade una nueva capa dentro de la carpeta y colorea con la herra-mienta Pincel (B), usando color blanco dibuja un par de manchas, verás que los círculos tienen un efecto de luz muy agradable.

Paso 15Añade más elementos para hacerlo más realista.

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

28 USUARIO DIGITAL

EL TUTOPaso 17Ahora, con la herramienta Lápiz (P) crea una forma que cubra el área de un cuadrante, siguiendo el rectángulo que giramos 45 º en el paso anterior.

Paso 18Ir a > Estilos de capa, capa> Opciones de fusión . Cambiar la opaci-dad de relleno a 0 y luego aplicar superposición de degradado, los valores son 50° de ángulo y 55 de opacidad.

Paso 19Este es el resultado que obtendrás después de los estilos de capa.

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

Paso 21Ahora vamos a aplicar más estilos de capa para añadir un aspecto más metálico a nuestro diseño. Usar la imagen 21 para los valores.

Paso 22A continuación puedes ver el aspecto del borde después de los es-tilos de capa.

Paso 23Ahora crea un círculo con el mismo diámetro de los elementos del radar, aplica un degrado de superposición 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 círculos con superposición de degradado, duplica y com-bina las capas, luego, aplica Filtro> Blur> Gaussian Blur . usa 15 píxeles 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.