Share
El diseño de iconos puede ser divertido y desafiante. En el tutorial de hoy, demostraremos cómo crear dos tipos de iconos. El primer tipo de icono que aprenderemos a crear es una caja de cartón grungy. Luego, crearemos tres iconos brillantes de estilo Adobe y los colocaremos dentro de la caja. Empecemos!
Primero, dibuja un rectángulo. Luego transformarlo (Cmd + T) como se muestra a continuación. Para hacer esto, seleccione la casilla inferior derecha Transformación y mientras mantiene presionado Cmd + Shift + Alt, arrástrelo hacia el lado izquierdo.
Agregue un estilo de capa de superposición de degradado para la forma que creamos anteriormente. Seleccione Color oscuro - # ab6808 / Color claro - # f8bf5b y configure los otros parámetros como se muestra a continuación.
Vamos a añadir un poco de suciedad a la caja. Para hacer eso tienes que encontrar una textura de 'papel viejo' de Internet. Ahora colóquelo frente a nuestro rectángulo, cambie su tamaño (si es necesario). Luego, mientras selecciona la capa de textura, haga una selección del Rectángulo. Invertir la selección (Cmd + Shift + I). Luego presione Eliminar (asegúrese de estar en la capa de textura). Ahora hemos corregido el tamaño de la textura para nuestro Rectángulo, cambiando el Modo de fusión de la textura a Luz suave.
Para que se vea más realista, podemos agregar algunos adhesivos a la caja. Usted puede encontrar fácilmente algunos de Internet. Cambia el modo de fusión de los stickers a Hard Light. Ver imagen abajo.
Ahora vamos a hacer la tapa de la caja para el frente. Cree un rectángulo, colóquelo y amplíelo de la misma forma que la imagen de abajo. Aplicar un estilo de capa de superposición de degradado para ello. Use un color rosado para la parte superior (#ffdcaf), y un poco de color amarillento (# ffdc8e) para la parte inferior. Configure los otros parámetros como se muestra a continuación.
Luego haz un Duplicado de ello. Colóquelo detrás del original. Desactivar los estilos de capa de la misma. Cambia el color a gris (# 515151).
Ahora vamos a añadir un poco de suciedad a la tapa de la caja. Consulte el 'paso 3' para esto. Pero cambie el modo de fusión para oscurecer y establezca la opacidad al 57%.
Vamos a añadir una sombra a la tapa del cuadro. Para hacer eso, haga una Nueva Capa, colóquela debajo de la cubierta de la caja frontal. Realice una selección utilizando la herramienta Rectangular Marquee (alrededor del área donde desea la sombra). Con la herramienta Degradado, haga un degradado de arriba a abajo (en el área seleccionada). Los colores son, arriba - # 515151 / inferior - Transparente. Conviértelo como se muestra a continuación y establezca el Modo de fusión en Luz lineal. Ajusta la opacidad al 81%..
Seleccione el primer rectángulo que creamos y haga un duplicado de él. Escala hacia abajo y colócala como se muestra a continuación. No hay necesidad de cambiar el Gradiente..
Ahora vamos a añadir un poco más de suciedad. De nuevo, refiérase al 'paso 3'. Cambie el modo de fusión para multiplicar y establezca la opacidad en 34%.
Seleccione el mapa de textura que acabamos de crear. Duplícalo. Agregue máscara de capa (Capa> Máscara de capa> Revelar todo). Con la herramienta de degradado dibuja un degradado como se muestra en la imagen de abajo. (Redondo con circulo rojo). Ajusta la opacidad al 34%..
En este paso vamos a hacer la contraportada. El proceso es el mismo que en los pasos 5, 6 y 7..
Ahora vamos a hacer la tapa de la caja del lado derecho. Siga los pasos 5, 6 y 7 una vez más, pero cambie el ángulo de superposición de degradado a 171 grados como se muestra a continuación.
Para hacer la cubierta de la caja del lado izquierdo, seleccione todas las capas que creamos en el paso anterior. Duplícalos y transfórmalos como se muestra a continuación.
En este paso vamos a llenar el espacio vacío con algunos rectángulos. Primero, llene el lado derecho, luego dibuje un rectángulo y transforme como se muestra a continuación. Cree un degradado siguiendo los mismos pasos que describimos anteriormente.
Añade el mapa de suciedad también. Cambia el modo de fusión para multiplicar. Ajusta la opacidad al 61%..
Vamos a añadir alguna sombra. Agregará algo de profundidad al gráfico. Este proceso es el mismo que en el 'paso 8' (inicie el gradiente desde la parte inferior). También establece el modo de fusión a la diferencia. Ajusta la opacidad al 75%..
Haz lo mismo en el lado izquierdo vacío también.
Añade un poco de sombra al área media.
Vamos a añadir una sombra a nuestro cuadro. Para hacer esto, dibuja un rectángulo (como se muestra a continuación). Hazlo negro. Establece la opacidad al 88%. Añadir un desenfoque gaussiano a ella. (Filtro> Blur> Gaussian Blur).
Aquí está nuestra caja final.
Ahora que hemos terminado con nuestra caja, comencemos en nuestros iconos de Adobe. Para empezar, dibuja un círculo..
Agrega un degradado a tu círculo usando estilos de capa. Haz los colores como se muestra a continuación. (Azul oscuro - # 004f7f / Azul claro - # 0072b6 / Blanco). Juega con los colores hasta obtener un resultado agradable..
Cambia el ángulo del degradado a -45 grados.
Añadir un trazo al círculo. Cambie el Tipo de relleno a Degradado y haga el degradado como se muestra a continuación (juegue con los colores hasta obtener un resultado deseable).
Cambie el Tamaño del trazo a 21. Cambie el ángulo a -45 grados. Cambia la escala al 100%..
Aplicar una sombra interior. Establezca la opacidad en 59% / ángulo: 120 grados / distancia: 26 px / tamaño: 13 px.
A continuación, agregue un resplandor interior. Establezca el Modo de fusión en Normal / Opacidad: 75% / Color: Negro / Tamaño: 46px.
A continuación, agreguemos un estilo de bisel y relieve a nuestro círculo. Estilo: Stroke Relieve / Profundidad: 113% / Tamaño: 3px / Suavizado: 6px.
Bajo sombreado> Opacidad del modo de resaltado: 100% / Opacidad del modo de sombra: 49% (Use la configuración como se muestra a continuación).
Ahora vamos a convertir nuestro círculo en un objeto inteligente. Para hacerlo, haga clic con el botón derecho en la capa (en la pestaña Capas)> Convertir en objeto inteligente.
De nuevo, aplique un estilo de Biselado y Relieve al objeto convertido. Configure los parámetros como se muestra a continuación.
También aplique una sombra paralela. Configure los parámetros como se muestra a continuación.
En el círculo escribe las letras 'Ps'. Colóquelos como se muestra a continuación.
Añadir una sombra interior a la capa de texto. Configure los parámetros como se muestra a continuación.
Ahora vamos a añadir un efecto brillante a nuestro gráfico. Para ello primero dibuja la forma como se muestra abajo..
Luego haga una Nueva Capa sobre la forma que dibujamos en el Paso 35. Seleccione ambas formas y Combínelas (Cmd + E).
Seleccione la capa fusionada, haga una selección del círculo.
Luego invierta la selección (Cmd + Shift + I) y presione Eliminar.
Ahora configure el modo de fusión de la capa fusionada en Luz suave. Ajusta la opacidad al 45%..
Vamos a añadir más brillo al gráfico. Para hacer eso, dibuja un pequeño círculo como se muestra a continuación. Ajusta la opacidad al 85%..
Ahora dibuja una forma como se muestra abajo con la herramienta Pluma. Ajusta la opacidad al 50%..
Aquí está nuestro ícono final de Adobe.
Crea un par de íconos más cambiando el texto y el color de los degradados utilizados.
Ahora coloque los iconos en el cuadro como se muestra a continuación. Para hacer esto, tendrá que escalar, posicionar y girar los iconos un poco. Por último añadir un degradado al fondo. Afina los colores para que queden bien..
Echa un vistazo a la imagen final a continuación.
Suscríbase a Psdtuts + RSS Feed para obtener los mejores artículos y artículos de Photoshop en la web.
Accentsconagua