Diseñe el Vector de un Icono de Altavoz con Illustrator
Spanish (Español) translation by Viviana Brito (you can also view the original English article)



En este tutorial intermedio, le mostraré cómo crear un vector de icono de altavoz. Cuando separe los elementos se dará cuenta que es bastante fácil. Utilizaremos algunas elipses con gradientes, la Herramienta de Cuadrícula y la Herramienta de Malla para crear este diseño de icono.
Paso 1
Cree un nuevo documento de 8.5 pulgadas de ancho por 11 pulgadas de alto. Luego use la Herramienta de Elipse (L) y dibuje una elipse de 6 por 6 pulgadas.
Paso 2
Con la elipse seleccionada, cree un Gradiente Linear desde el Panel de Gradientes. Añada otra muestra al Control Deslizante de Degradado haciendo clic justo debajo del deslizador. Cambie la primera muestra a 57% negro, la segunda a 12% negro y la tercera muestra a 57% negro.
Paso 3
Con la Herramienta Gradiente (G), ajuste el gradiente haciendo clic y sosteniendo la tecla Shift, arrastre de arriba a la derecha del círculo hacia abajo y a la izquierda. Ahora, el gradiente debería lucir como si estuviese a un ángulo de 45°.
Paso 4
Con el elipse seleccionado, vaya a Object > Path > Offset Path para traer la ventana de díalogo del offset o desplazamiento. Cambie el Offset a -.125 pulgadas.
Paso 5
Cambie la primera muestra de la elipse de desplazamiento a 50% negro la segunda a 4% negro y la última muestra a 50% negro.
Paso 6
Con la elipse más pequeña seleccionada, desplace el trazado de nuevo. Esta vez ajuste el desplazamiento a -.3 pulgadas y cambie el relleno a 60% negro.
Paso 7
Con la elipse más pequeña seleccionada, vuelva a desplazar el trazado. Esta vez a -.125 pulgadas.
Paso 8
Con la nueva elipse, cree un Gradiente Radial desde el Panel de Gradientes y cambie la primera muestra a blanco y la segunda muestra a 100% negro.
Paso 9
Con el gradiente radial de la elipse seleccionado, desplace nuevamente el trazado y cambie el relleno de color a 50% negro.
Paso 10
Desplace una vez más la elipse, pero esta vez cambie el desplazamiento a -.05 pulgadas y cambie el relleno de color a 90% negro.
Paso 11
Otra vez, desplace la última elipse, pero cambie el Desplazamiento a -.125.
Paso 12
Cree un Gradiente Linear con tres muestras como los primeros elipses. Cambie la primera muestra a 82% negro la segunda a 34% negro y la última a 82% negro. Al igual que el primer par de Gradientes Lineares, ajuste el gradiente a un ángulo de 45 grados.
Paso 13
Con la Herramienta de Grilla Rectangular (localizada debajo de la Herramienta de Segmento Linear en el Panel de Herramientas) haga clic en el artboard para que aparezca la ventana de Opciones de la Herramienta de Grilla Rectangular. En la ventana, cambie el Ancho y Altura a 5 pulgadas y modifique los divisores Horizontal y Vertical a 80.
Paso 14
Asegúrese de que la grilla tenga un trazo negro de 1 punto sin relleno. Luego expanda el trazo de la grilla en Object > Path > Outline Stroke. Si no hace el contorno de la cuadrícula, va a obtener resultados inesperados cuando proceda con el siguiente paso.
Paso 15
Con su cuadrícula seleccionada, vaya a Effects > Warp > Twist para traer la ventana de diálogo de la Opción Warp. Cambie del efecto Bend a Twist a 50. Ahora, expanda la apariencia del efecto en Object > Expand.
Paso 16
Acomode la grilla de manera que esté centrada sobre las elipses. Copie (Command + C) desde la segunda a la última elipse (la que tiene 90% de relleno de negro) y Pegue al Frente (Command + F). Seleccione la elipse copiada y la grilla, presione Intersect Shape Areas en el Panel Pathfinder.
Paso 17
Seleccione la elipse justo debajo de la grilla (puede ser más fácil seleccionar la elipse al bloquear (Command + 2) el objeto grilla). Luego Desplace el trazado a -1.25 pulgadas. Traiga la elipse hacia el frente y cambie el gradiente de manera que sólo tenga dos muestras. Modifique la primera muestra a 50% negro y la segunda a 4% negro. Ajuste el gradiente de modo que el color más oscuro quede arriba del gradiente.
Paso 18
Con el elipse todavía seleccionado, desplace el trazado a -.125 pulgadas y cambie el relleno a 30% negro.
Paso 19
Con la Herramienta de Malla (U), haga clic entre la parte superior y el centro del elipse del medio. lo que crea un Mesh Point. Con el Mesh Point todavía seleccionado, cambie el color en el Panel de Color a blanco. Ahora, use Mesh Tool nuevamente para crear un Mesh Point haciendo clic en la línea vertical desde el primer Mesh Point hacia la parte de abajo de la elipse. Cambie este Mesh Point a 40% negro.
Paso 20
Seleccione la elipse por debajo de la elipse de malla y Copie (Command + C) y Pegue al Frente (Command + F). Con la Herramienta de Selección (V), estire la elipse copiada hacia abajo desde el punto de anclaje inferior-medio.
Paso 21
EL siguiente par de pasos se relacionan a los tornillos del borde del altavoz. Cree un elipse de 16 por 16 pulgadas. Luego dibuje un Gradiente Linear con las mismas muestras que la elipse del centro del altavoz (no la elipse de malla). Ajuste el gradiente de manera que el color más oscuro esté arriba de la elipse.
Paso 22
Desplace la elipse .03 pulgadas y ajuste el gradiente para que el color más claro esté arriba de la elipse.
Paso 23
Copie (Command + C) y Pegue (Command + V) estas dos elipses así tenga un total de cuatro tornillos. Coloque los tornillos alrededor del borde del altavoz.
Paso 24
Dibuje una elipse de 4 por 4 pulgadas y cree una Mezcla Radial. Cambie el gradiente para que la primera muestra sea negra y la segunda, blanca.
Paso 25
Estruje la elipse con Gradiente Radial con la Herramienta de Selección Directa (V). Coloque la elipse detrás del otro artwork. También alinee el centro de la elipse con la parte inferior del altavoz.
Paso 26
¡Eso sería todo! Si desea agregar un fondo de color, asegúrese de la sombra del objeto esté configurada para multiplicarse en el Panel de Transparencia. Para mi fondo, he creado un rectángulo del tamaño de mi documento, y usé un Gradiente Radial con 75% negro como mi primera muestra y un 100% negro para mi segunda muestra.
Imagen Final
¡Debajo está la imagen final completada!