Photoshop es ideal para crear diseños de iconos de calidad. En este tutorial, te enseñaré cómo hacer un ícono de sombrero de graduación profesional, brillante y limpio. Las técnicas en este tutorial te ayudarán a pasar al siguiente nivel en diseño de iconos.
En primer lugar, cree un nuevo documento y rellénelo con un gris claro (# d6d6d6).
Hagamos la base del ícono usando la herramienta Rectángulo. El color no importa por ahora. Esto va a ser utilizado sólo para la orientación..
Gire la forma con la herramienta Transformar (Comando / Ctrl + T). Luego disminuya su altura usando la herramienta Transformar nuevamente.
Ahora tenemos que establecer el medio de la forma. Utilice el acceso directo (Comando / Ctrl + R) para abrir las Reglas. Configura tus guías como en la imagen de abajo..
Ahora sube con una pauta y establece la parte superior de la pirámide. Luego duplica la forma azul y muévela hacia arriba. A continuación, establezca una guía en la parte superior de la forma duplicada. Luego puedes borrar esa forma que acabas de duplicar..
Crea el lado izquierdo de la pirámide con la herramienta Pluma. Rellénalo con (# feb624).
Crea el lado derecho de la pirámide, tal como hiciste con el lado izquierdo, pero esta vez llénalo con (# e49e11).
Mueve la capa azul sobre las otras capas. Siguiente moverlo hacia arriba como lo hice yo. Luego hazlo más grande usando la herramienta Transformar.
Esta será la parte superior del sombrero. Asígnele el nombre "" Parte superior "" y rellénelo con este color (# ffd931). Entonces duplicalo.
Nombre el duplicado de la "" parte superior "" capa "borde". Rellénelo con el color (# b14f00). Ahora mueva la capa "Parte superior" sobre la capa "borde".
Asegúrate de haber seleccionado la capa de borde. Ahora presione una vez la tecla de flecha hacia abajo en el teclado. Esto moverá la capa un píxel hacia abajo. Luego, presionando Opción / Alt, presione la tecla de Flecha Abajo cuatro veces. Esto duplicará la capa de borde cuatro veces.
Ahora fusiona todas esas capas de borde. Puede desactivar las líneas de guía ahora, ya que no las necesitamos más. Vaya a Ver> Mostrar> Guías y configúrelas para que no se muestren.
Se hace la forma del sombrero. Ahora tenemos que hacer que se vea mejor. Comenzaremos con la parte superior. Seleccione la capa "Parte superior" y cree una nueva capa.
Esto colocará la nueva capa sobre el resto de las capas. Seleccione un color naranja para el primer plano. Comando / Ctrl + Clic en la capa "Parte superior" en la paleta de capas para hacer una selección. Luego, en la nueva capa que acaba de crear, usando la herramienta Degradado, haga clic y arrastre de arriba a abajo.
Ahora resaltamos más los bordes de los reflejos. Usamos la herramienta Pluma para hacer esto, como puede ver en las fotos detalladas a continuación. Además, disminuye la opacidad de esta forma al 30%..
Luego tenemos que trabajar en el lado derecho de la pirámide. Haz una selección del lado derecho de la pirámide. Hacer una nueva capa. Con la herramienta Degradado, con este color (# e37a05), haga clic y arrastre de izquierda a derecha.
Para el lado izquierdo utilizaremos un enfoque diferente. Resalta los bordes de los reflejos. Luego disminuya la opacidad de la forma al 30 por ciento. Mira las imágenes de abajo para más detalles..
Ahora necesitamos agregar un poco más de luz al lado izquierdo. Hacemos esto creando una nueva capa sobre el lado izquierdo de la pirámide. Luego haz una selección del lado izquierdo de la pirámide. Use los siguientes ajustes para la herramienta Degradado. Luego haga clic y arrastre en la sección que he señalado en la siguiente imagen. Finalmente, configure las opciones de fusión para esta capa en Superposición.
Tendremos que hacer una sombra para el lado superior. Esta sombra se lanzará sobre la pirámide. Crea una nueva capa y muévela debajo de la capa de borde. Denomínelo "Shadow 1". Utilice la herramienta Pluma para hacer una selección como la mía. Ajusta la opacidad al 30%..
Vaya a la parte superior y en el medio haga un círculo naranja (# c54400). Luego, hágalo más pequeño y disminuya la altura con la Herramienta de transformación, como lo hizo en el Paso 3.
Ahora haga una forma que se vea como esta con la herramienta Pluma.
Haz un pequeño círculo azul al final de la forma que acabamos de hacer..
Esta será la última cosa que le haremos al sombrero. Aquí utilizaremos la herramienta Pluma y la herramienta Pincel. Comience abriendo una nueva capa detrás del círculo azul que acaba de crear. Con la herramienta Pluma, asegúrese de que la Ruta esté seleccionada y dibuje una ruta como la imagen de abajo.
Use los siguientes ajustes para el pincel y este color (# ee4c05).
Y ahora, con la herramienta Pluma seleccionada, haga clic con el botón derecho en la ruta y seleccione Trazar ruta.
Repita el paso anterior, pero cada vez que realice un nuevo trazo, hágalo en una nueva capa. Además, utiliza diferentes colores. Aquí puedes usar el mismo efecto que usé en mi tutorial de San Valentín aquí en Psdtuts+.
Puedes fusionar todas estas capas que usaste para hacer esta forma que llamo Mot. Todo lo que tenemos que hacer ahora es hacer la sombra de Mot.
Las últimas cosas que debemos hacer ahora son agregar más luces, hacerla más brillante, hacer un reflejo para el sombrero, hacer una sombra para el sombrero y hacer un fondo agradable. Revise las imágenes a continuación para ver las instrucciones de cada paso. Solo uso: la herramienta Pincel, la herramienta Pluma y la herramienta Degradado.
Simplemente puede cambiar el color del icono en unos segundos. Ir dentro de la carpeta de sombrero que desea cambiar los colores a. Haga doble clic en las capas de las formas que desea cambiar y seleccione sus colores. Es la misma técnica que usé en el tutorial de Apple Remote aquí en Psdtuts +. Ver el resultado final de la imagen a continuación..