() translation by (you can also view the original English article)
En este tutorial mostraremos un sencillo proceso para crear un conjunto de iconos de Halloween utilizando formas geométricas simples, la herramienta Creador de formas y varios efectos de deformación para modificar y transformar los elementos.
Si desea explorar el archivo fuente y ver cómo se hicieron los iconos, puede adquirir el conjunto completo de iconos planos de Halloween en Envato Elements. Como bono extra, obtendrá iconos adicionales de esta colección para su uso personal o comercial!
1. Cómo hacer un icono de caldero mágico
Paso 1
Comience por dibujar un óvalo púrpura oscuro 120 x 30 px utilizando la herramienta Elipse (L). Luego cree un óvalo más pequeño de 100 x 17 px encima de ella y llénela con color naranja.
Paso 2
Ahora creemos el cuerpo de la caldera. Dibuje un círculo de 140 x 140 px color púrpura oscuro. Seleccione los puntos de anclaje laterales con la herramienta Selección directa (A) y arrastre un poco hacia abajo para hacer más plana la parte inferior de la caldera.
Tome la herramienta Borrador (Shift-E), mantenga pulsada la tecla Alt y borre la parte superior del círculo, haciendo que quede oculto por las elipses de arriba.
Paso 3
Vamos a añadir algunos detalles. Copie (Control-C) el cuerpo de la caldera y Pegue en el frente (Control-F). Mueva la copia superior un poco a la izquierda y deje la copia de debajo más oscura.
Seleccione ambas copias y active la herramienta Creador de formas (Shift-M). Mantenga pulsada la tecla Alt y haga clic en la sección del objeto de la izquierda para eliminarlo.
¡Excelente! Ahora tenemos solamente forma de media luna.
Paso 4
Cree otra forma de media luna utilizando la misma técnica y hágala más pequeña. Llene esta forma con un color púrpura más claro para crear un brillo en la superficie del caldero.
Paso 5
Vamos a crear un par de patas. Use la herramienta Elipse (L) para dibujar un óvalo de 9 x 20 px de color púrpura oscuro. Con la herramienta Selección directa (A) mueva sus puntos de anclaje laterales para crear una forma más puntiaguda.
Paso 6
Duplique la pata hacia el lado opuesto del caldero.
Paso 7
Ahora vamos a hacer una burbuja sencilla. Dibuje un círculo naranja, Cópielo y Péguelo en el frente (Control C > Control-F). Mueva la copia superior un poco hacia abajo y llene el círculo de atrás con un color naranja más claro.
Finalmente, utilice la herramienta del Creador de formas (Shift-M) y manteniendo presionada la tecla Alt para eliminar la pieza no deseada en la parte inferior.
FInalice la burbuja añadiendo un pequeño círculo de luz naranja para el brillo.
Paso 8
Ahora podemos Agrupar (Control-G) todas las piezas de la burbuja y dispersarlas en la parte superior del líquido naranja del caldero. Cambie su tamaño y posición para que se vean más naturales.
Paso 9
¡Y eso es todo para nuestro Caldero Mágico! Pasemos ahora al siguiente icono.
2. Cómo diseñar un icono de ataúd de comic
Paso 1
Tome la herramienta Rectángulo (M) y comience con un rectángulo púrpura oscuro de 55 x 155 px. Vaya a Objeto > Trazado > Añadir puntos de ancla para añadir un punto en el centro de cada lado. Necesitamos sólo los puntos de la izquierda y el de la derecha.
Paso 2
Con la herramienta Selección directa (A), seleccione el punto de anclaje izquierdo y presione la tecla Enter para abrir el cuadro de diálogo de opciones de Mover.
Establezca el valor de Posición horizontal a -15 px y Vertical a 0 px.
Haga clic en OK para mover el punto 15 px a la izquierda.
Paso 3
Ahora movamos el otro punto en la dirección opuesta. Esta vez establezca el valor Horizontal en 15 px, y el valor Vertical en 0 px.
Paso 4
Vamos a hacer más estrecho el borde inferior del ataúd. Seleccione ´punto de anclaje inferior izquierdo con la herramienta Selección directa (A) y abra el cuadro de diálogo Mover. Establezca el valor Horizontal en 10 px, y Vertical a 0 px.
Haga lo mismo para el lado opuesto, pero establezca el valor Horizontal en -10 px.
Paso 5
Manteniendo la forma seleccionada, vaya a Objeto > Trazado > Desplazamiento y establezca el valor de Desplazamiento a -7 px.
Aclare el color de la forma superior.
Paso 6
Duplique (Control C > Control-F) la forma superior y establezca el color de Relleno a Ninguno.
Aplique un Trazo naranja claro y abra el panel Trazo (Ventana > Trazo). Establezca el grosor de la línea a 4 pts y alinee el trazo al interior.
Paso 7
Active la herramienta Rectángulo (M) y dibuje una forma naranja de 7 x 50 px . Añada un rectángulo de 33 x 7 px en la parte superior para crear una cruz.
¡Y aquí la tenemos ya! Nuestro icono de ataúd está terminado. ¡Sigamos!
3. Cómo dibujar un icono de fantasma bonito
Paso 1
Comience por crear el cuerpo del fantasma con un rectángulo de 90 x 165 px azul claro.
Seleccione el punto de anclaje izquierdo de abajo y utilice la función Mover para desplazarlo 20 px hacia la izquierda.Haga lo mismo con el punto de anclaje de abajo a la derecha y muévalo en la dirección opuesta, haciendo de esta manera el borde inferior más ancho.
Paso 2
Ahora seleccione ambos puntos de ancla y redoondee la parte superior del cuerpo con la función de vértices interactivos arrastrando lcs marcadores de círculo. También puede ajustar el radio manualmente estableciendo el valor de las esquinas en 50 px en el panel de control en la parte superior.
Paso 3
Hagamos ahora la parte ondulada inferior. Seleccione la herramienta Tijeras (C) y haga clic en los puntos de ancla izquierdo y derecho de la parte inferior izquierda y puntos de anclaje para dividir la forma.. Ahora la línea horizontal de la parte inferior está separada del resto del cuerpo.
Paso 4
Manteniendo la línea seleccionada, vaya a Efecto > Distorsionar y transformar > Zig Zag.
Defina las siguientes Opciones:
- Tamaño: 6 px
- Absoluto
- Crestas por segmento: 5
- Puntos: Suavizar
Y haga clic en OK.
Vaya a Objeto > Expandir apariencia para aplicar el efecto.
Paso 5
Utilice la herramienta Lazo (Q) para seleccionar el punto de anclaje de la parte inferior izquierda del cuerpo junto con el lado izquierdo de la onda. Haga clic derecho con el ratón para Unir los puntos. Repita lo mismo para los puntos opuestos de la parte inferior para cerrar la forma.
Paso 6
Ahora podemos Convertir los puntos de ancla seleccionados en suavizado, utilizando la función Convertir en el panel de control en la parte superior.
Utilice la herramienta Selección directa (A) para mover los manejadores de algunos puntos de ancla, para balancear y suavizar la forma.
Paso 7
Agreguemos detalles.Duplique la forma y mueva la copia superior hacia abajo y hacia la derecha. Utilice la herramienta Creador de formas (Shift-M) mientras mantiene pulsada la tecla Alt para eliminar la pieza no deseada. Use la forma restante para crear un brillo.
Crear una sombra sutil en la parte inferior del fantasma, utilizando la misma técnica.
Paso 8
Ahora vamos a añadir algunas gestos a nuestro fantasmal compañero . Use la herramienta Elipse (L) para hacer a un par de círculos de 11 x 11 px de color púrpura oscuro para los ojos.
Paso 9
Añada una elipse más grande para la boca en el centro de la cara. Active la herramienta Tijeras (C) y haga clic en los dos puntos de anclaje laterales para dividir la elipse.
Borre la mitad superior, dejando sólo el arco de la parte inferior para formar una sonrisa. Establezca el Grosor a 3 pt y el Remate a Extremo redondeado en el panel Trazo.
Paso 10
Termine de dibujar el fantasma añadiendo dos óvalos naranja en las mejillas.
¡Ahí lo tenemos! Vamos a hacer nuestro último icono!
4. Cómo crear un icono de vampiro
Paso 1
Vamos a usar un personaje de otro tutorial como base para nuestro intimidante Drácula. Elegí un avatar de un obrero para hacer esta transformación. También puede crearlo siguiendo las instrucciones de la parte 1, paso 1 y seguir con este tutorial descriptivo:
O siga adelante y adquiera la colección completa de Avatares planos de profesión en Envato Elements o Graphic River.
¡Haga clic derecho sobre el icono, Suelte la máscara de recorte y elimine el círculo y la sombra.
Paso 2
Elimine la ropa y algunos rasgos faciales innecesarios. Seleccione la parte inferior del cuello utilizando la herramienta Selección directa (A) y redondéelas con la ayuda de la función Vértices interactivos:
Paso 3
Ahora vamos a cambiar el color de la piel de nuestro personaje para darle una apariencia pálida de vampiro. Los elementos de la cabeza se llenan de matices de azul claro y hacemos sus ojos y cejas oscuros.
Paso 4
¡Ya se ve bastante terrorífico! Añadir una boca. Dibuje un círculo de 35 x 23 px y divídalo con la herramienta Tijeras (C).
Paso 5
Tome la herramienta Elipse (L) y dibuje dos óvalos de 5 x 10 px blancos para los colmillos. Seleccione los puntos inferiores y Convierta los puntos de ancla seleccionados en vértices desde el panel de control en la parte superior para hacer los colmillos afilados.
Paso 6
Agregue un óvalo naranja para la lengua. Seleccione todos los elementos de la boca y active la herramienta Creador de formas (Shift-M). Mantenga pulsada la tecla Alt y haga clic en las piezas innecesarias para eliminarlas.
Paso 7
Vamos a agregar un peinado y una pequeña barba elegante.
Duplique la forma de la cara. Active la herramienta Elipse (L) y coloque dos elipses grandes que cubran la cara, haciendo que las elipses se superponen. Las partes descubiertas de la cara forman el pelo. Ahora podemos eliminar las piezas no deseadas con la herramienta Creador de formas (Shift-M) y rellenando las piezas de pelo con color oscuro.
Paso 8
También necesitamos cambiar la forma de las orejas. En primer lugar, haga la parte superior de la oreja cuadrada ya sea arrastrando los marcadores de los Vértices interactivos o fijando el valor de las esquinas a 0 px en el panel de control en la parte superior.
Luego seleccione la esquina superior izquierda con la herramienta Selección directa (A) y arrastre hacia arriba, creando así el oído puntiagudo.
Paso 9
Agreguemos un toque final a nuestro vampiro: un cuello alto. Tome la herramienta Polígono y haga clic en cualquier lugar en la mesa de trabajo para abrir la ventana de opciones. Establezca el valor de Lados 3 y cree un triángulo púrpura oscuro, girándolo hacia abajo.
Manteniendo la forma seleccionada, vaya a Efecto > Deformar > Arco y ajuste el valor de Distorsión Horizontal al 20%. Haga clic en OK y vaya a Objeto> Expandir apariencia para aplicar el efecto.
Paso 10
¡Y ahí lo tenemos! ¡Nuestro icono de vampiro está listo!
¡Buuu! ¡Que tenga un espeluznante Halloween !
¡Gran trabajo! Ahora estamos listos para Halloween con nuestro hermoso conjunto de iconos planos! Espero haya disfrutado siguiendo este tutorial y se haya inspirado por estas simples y divertidas técnicas. .
No olvide de revisar la colección completa de iconos planos de Halloween que se puede obtener en Envato Elements para su uso personal o comercial.
