EL TUTO Crear un ícono en alta resolución con Photoshop 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. Paso 1 Abrir 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 2 Con 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 3 Duplica 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 4 Ir a Capa>> Ocultar selección Máscara.
Paso 5 Para crear el efecto de un borde metálico vamos a utilizar estilos de capa ( > Estilos de capa Capa> Sombra paralela) guíate por los valores de la imagen 5, los valores con los que trabajará son: sombra interior, bisel y relieve y color de superposición. Paso 6 Aquí está el efecto que se obtiene después de los estilos de capa.
Paso 7 Agrega otro círculo utilizando la herramienta Elipse (U) . Este será en negro y estará en el centro del borde metálico.
26 USUARIO DIGITAL
EL TUTO Paso 8 Duplica 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 degradado, los colores que vas a usar son # 7a5511 para el marrón claro y # 180f00 de la oscuridad .
Paso 9 Añade una nueva capa sobre el círculo con el gradiente y aplica: Capa> Crear máscara 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 reflejo marrón. Paso 10 Agrega una carpeta en la paleta de capas y cambia el modo de mezcla de esta carpeta a Color Dodge. También haz la máscara esta capa con el área del círculo interno de referencia. Luego, utilizando la herramienta Rectángulo (U) crea una línea muy fina 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 11 Con 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 12 Para este círculo lo primero que debes hacer es cambia la opacidad de relleno a 0 , a continuación, agrega un resplandor exterior, Sombra interior y stroke.
Paso 13 Aquí está el resultado que se obtiene con después de los estilos de capa.
Paso 14 Ahora añade una nueva capa dentro de la carpeta y colorea con la herramienta Pincel (B), usando color blanco dibuja un par de manchas, verás que los círculos tienen un efecto de luz muy agradable.
Paso 15 Añade más elementos para hacerlo más realista.
Paso 16 Crea 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.
Juan Martín Mesía Diseñador gráfico juanmesia@gmail.com
USUARIO DIGITAL 27
EL TUTO Paso 17 Ahora, 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 18 Ir a > Estilos de capa, capa> Opciones de fusión . Cambiar la opacidad de relleno a 0 y luego aplicar superposición de degradado, los valores son 50° de ángulo y 55 de opacidad.
Paso 19 Este es el resultado que obtendrás después de los estilos de capa.
Paso 20 Repite 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 21 Ahora 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 22 A continuación puedes ver el aspecto del borde después de los estilos de capa.
Paso 23 Ahora 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 24 Selecciona todas las capas para crear la interfaz de radar, incluidos los círculos con superposición de degradado, duplica y combina las capas, luego, aplica Filtro> Blur> Gaussian Blur . usa 15 píxeles para el radio . Cambia la opacidad de esta capa a la pantalla en un 50% . La idea de esta capa es aumentar el efecto brillante. Paso 25 Con la herramienta Borrador (E) , elimina las áreas que son oscuras en la interfaz de radar para aumentar el contraste.
28 USUARIO DIGITAL