Share
El diseño de iconos es un elemento esencial en la caja de herramientas de cualquier diseñador. No importa lo simple o complejo que sea su diseño, un ícono de aspecto agradable casi siempre ayudará a arreglar las cosas. En este tutorial de Photoshop, le mostraremos algunos pasos fáciles para ayudarlo a producir su propio icono brillante Psdtuts + en Photoshop. Estos pasos se pueden modificar fácilmente para producir una familia de iconos para su sitio web.
Comience con un nuevo documento, he usado Ancho - 600px, Altura - 600px. Tome la herramienta Rectángulo redondeado (U), Radio-20px, y dibuje una forma como esta, modifíquela con la herramienta Agregar punto de ancla, luego mueva los nuevos puntos de ancla como se muestra.
Presione Ctrl + Intro para hacer la selección, rellénela con color - # 05b4ba y luego aplique una Superposición de degradado usando un estilo de capa.
Nombre de esta capa "Base", Ctrl + Clic en la miniatura de la capa para crear la selección. Ahora cree un nuevo más tarde y asígnele el nombre "Movimiento exterior". Vaya a Editar> Trazo. Aplicar un trazo de 8px, Ubicación - Centro. (Puedes usar cualquier color).
Ahora necesitamos crear una sombra de la capa "Movimiento exterior". Para hacer esto, deberá duplicar esa capa y arrastrarla debajo de la capa principal "Trazo exterior". Vaya a Capa> Estilo de capa> Superposición de color. Rellénalo con color negro. Ahora ve a Filtro> Desenfoque> Desenfoque gaussiano. Radio - 0.9 px. Cambia su opacidad al 7%. Deberías conseguir algo como esto.
Ahora de nuevo Ctrl + Click en la miniatura de la capa "Base". Crea una nueva capa y llámala "Glow Overlay 1". Rellénelo con color blanco y mueva la selección hacia abajo con la tecla de flecha. Pulse eliminar. Cambia su opacidad al 7%..
Es hora de otra luz brillante. Usa la herramienta Pluma (P) y dibuja una forma como esta. Nombra esta capa "Glow Overlay 2". Cambia su opacidad al 11%..
De nuevo Ctrl + Click en la capa "Base". Crea una nueva capa y llámala "Box Glow". Llénalo de blanco. Vaya a Seleccionar> Modificar> Contrato, contrate 30px. Eliminar esta área. Toma la herramienta Borrador (E), sigue la siguiente imagen.
Opcionalmente, puede agregar sus propios efectos como se muestra..
Nuestro siguiente paso es darle un aspecto vidrioso. Crea una nueva capa y llámala "Vidrio". Tome la herramienta Rectángulo redondeado, Radio - 10px, cambie el modo de fusión de capas a Aligerar. Ver instrucciones en la siguiente imagen..
Ahora necesitamos crear el borde del área temática de vidrio. Dibuje la misma forma usando la herramienta Rectángulo redondeado, presione Ctrl + Intro para hacer la selección, vaya a Edición> Trazo, ancho - 1px, Ubicación - Centro, color - blanco. Cambia el modo de fusión de capas a superposición. Tome la herramienta Borrador (E). Ver la siguiente imagen.
Ahora que se ha escrito el texto, es hora de ajustar algunas de las capas. Cree un nuevo Grupo de Capas, llámelo "Frente de Objeto", y luego coloque todas las capas dentro de él.
Tiempo para ajustar las capas. Crea un nuevo Grupo de Capas, llámalo "Frente de Objeto" y coloca todas las capas dentro de él.
Para crear la parte posterior del objeto, a continuación crearemos una nueva capa en el grupo "Frente del objeto" y la llamaremos "Parte posterior del objeto", crearemos una forma con la herramienta Rectángulo redondeado y luego aplicaremos los siguientes estilos de fusión de capas.
Ahora es el momento de agregar otro brillo en la capa "Object Back". Algo como esto. Use los pasos que describimos en partes anteriores de este tutorial para esto.
Nuestro siguiente paso es aplicar una sombra a nuestro objeto trasero. Ver la siguiente imagen.
Cree un nuevo Grupo de capas, llámelo "Objeto Atrás" y coloque las capas dentro de él. Después de eso, cree el área superior del ícono de la carpeta creando una nueva capa sobre el grupo "Objeto Atrás". Nómbrelo "Head". Comience a usar la herramienta Pluma, siga la siguiente imagen.
Ctrl + Clic en la miniatura de la capa Head, cree una nueva capa y llámela "Head Stroke", vaya a Editar> Trazo, ancho - 1 px, color - blanco. Ahora agregue un poco de brillo en la capa de cabeza, intente crearla usted mismo.
Ahora vamos a crear nuestra etiqueta. Para ello, sigue las instrucciones de la imagen a continuación..
Para crear la cuerda, dibújela con la herramienta lápiz y aplique el Estilo de fusión del orificio. (Utilizado en el paso 17).
Para crear la sombra de la etiqueta, siga los pasos descritos en el Paso 4 y borre las áreas externas. Establece su opacidad al 61%..
Cree una sombra para el icono de la carpeta como esta y coloque la capa en la parte inferior.
Puedes crear una familia de íconos usando técnicas muy similares. ¡Gracias! Espero que hayas disfrutado este tutorial.
Accentsconagua