Siga este paso a paso guía a la creación de un icono indicador se detalla en el Photoshop. Vamos a estar usando distintos estilos de capas de Photoshop para crear gradientes y sombras para producir un icono de gran escala detallada y realista, a continuación, modificar y reconstruir el icono en un rango de tamaño de los iconos típicos.
El icono que se creará un indicador de características elegante y colorido situado en un marco cromado biselados con texturas sutiles y los gradientes. La versión más grande y más detallada está en el puesto 256x256px, a continuación, poco a poco está escalado a 128px, 64px, 48px 32px y, cada vez menos detallado, pero ligeramente modificado para trabajar en los tamaños más pequeños.
Empezaremos con el más grande de los iconos. Dibuja un círculo 256px con la herramienta Marco en una nueva capa y la rellenamos de cualquier color. Haga doble clic sobre la capa para abrir las opciones de estilos de capa. Añadir una superposición de degradado alternando entre los grises oscuros y claros para dar un efecto de metal brillante.
Añadir un derrame cerebral delgada 1px con un gris medio entre los dos tonos que se utilizan en el gradiente. Utilización de estilos de capas de Photoshop a través de la creación del icono hace que sea mucho más fácil para reconstruir el icono situado en los tamaños más pequeños, ya que cada efecto se puede cargar y editar rápidamente a través de la capa de estilos de paleta de opciones.
CMD + Haga clic en la miniatura de la capa a cargar la selección circular. Haz clic derecho y elija Transformar selección, luego de bajar a la selección mientras mantiene Shift y Alt. Llene esta nueva selección con negro en una nueva capa.
Abra la ventana de estilos de capa para esta capa y añadir un negro a gris oscuro superposición de degradado vertical para formar la base de la fascia.
En la misma capa, agregar un resplandor interno y el efecto Stroke utilizando los tonos de color gris claro para dar la impresión de una moldura cromada.
Cargar la selección por CMD + clic en la miniatura de la capa, a continuación, rellene una nueva capa con un patrón de repetición. Estoy usando uno de los patrones de los últimos patrones de píxeles regalo de promoción aquí en Line25.Cambiar el modo de fusión Multiplicar para hacer que las áreas blancas transparentes luego reducir la opacidad en torno al 25%.
Cargar otra selección circular, escalar hacia abajo un poco y llenan de color blanco. Cargar la selección de nuevo, de bajar aún más y eliminar esta selección para formar un anillo blanco. Crear una selección cuadrada, haga clic derecho y elegir Transformar selección, permite rotar hasta 45 grados (tecla de mayúsculas) y luego se mueve hacia abajo, por lo que la esquina superior se alinea con el centro del medidor. Eliminar esta selección en el anillo blanco.
Cargue los estilos de capa para esta forma y añadir una superposición de degradado con el arco iris por defecto espectro de colores. Cambiar el estilo de Incline luego modificar la orientación hasta que el gradiente comienza con azul y termina con el rojo. Añadir una sombra interior sutil en el borde superior.
Dibuja un círculo pequeño en el centro del medidor y añadir un estilo de metal superposición de degradado con tonos grises. También agregue una gota de sombra sutil para añadir profundidad y un toque de realismo.
Utilice la herramienta Lazo poligonal para dibujar una forma de la aguja en una capa debajo de la patilla central y añadir una superposición de degradado con tonos rojos oscuros y claros. Alterar el ángulo de gradiente de modo que fluye exactamente en el centro de la aguja. Dar la aguja una gota de sombra sutil para dar la impresión de que se levante de la faz de calibre ligeramente.
El mayor de los iconos se ha completado. Todos los gradientes sutiles ayudan a reproducir la luz y la sombra para crear un icono de diseño más realista. Ahora vamos a reconstruir el icono en las versiones más pequeñas.
Seleccione todas las capas y pulse CMD + T para transformar. Uso de la barra de herramientas superior para entrar en las dimensiones específicas de los iconos más pequeños.
Cuando el icono se escala algunos de los efectos se pierden, o su tamaño sigue siendo demasiado grande para que funcione correctamente en el icono pequeño. Ir a través de los estilos y eliminar los efectos de que ya no son visibles.
Otros efectos como degradados y sombras tendrá que ajustar para acomodar el tamaño de los iconos más pequeños. Ir a través y reducir el tamaño de cada uno de estos efectos.
La gran cosa acerca de los estilos de capa es el contenido de la capa se puede reconstruir por completo, manteniendo los mismos efectos. El pasador central, en particular, se convierte en demasiado pequeño en los iconos pequeños, por lo que rellenar una selección circular más grande en la misma capa - El estilo de capa se añade automáticamente la misma pendiente y las sombras.
El mayor de los iconos cuenta con todas las texturas y detalles, pero como el icono de la escala hacia abajo algunos de estos detalles se pierden. Como en el icono se mueve en el rango de 48px 32px-las proporciones se ajustan de manera que el diseño es todavía reconocible, esto incluye un pin central más grande y la aguja, así como la sustitución de los gradientes de la cromado con un trazo gris claro.
@PrezisoPS
No hay comentarios:
Publicar un comentario