1. Design & Illustration
  2. Drawing/Illustration
  3. Vectors

Diseñe el Vector de un Icono de Altavoz con Illustrator

Scroll to top

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.

Step 1Step 1Step 1

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.

Step 2Step 2Step 2

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°.

Step 3Step 3Step 3

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.

Step 4Step 4Step 4

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.

Step 5Step 5Step 5

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.

Step 6Step 6Step 6

Paso 7

Con la elipse más pequeña seleccionada, vuelva a desplazar el trazado. Esta vez a -.125 pulgadas.

Step 7Step 7Step 7

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.

Step 8Step 8Step 8

Paso 9

Con el gradiente radial de la elipse seleccionado, desplace nuevamente el trazado y cambie el relleno de color a 50% negro.

Step 9Step 9Step 9

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.

Step 10Step 10Step 10

Paso 11

Otra vez, desplace la última elipse, pero cambie el Desplazamiento a -.125.

Step 11Step 11Step 11

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.

Step 12Step 12Step 12

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.

Step 13Step 13Step 13

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.

Step 14Step 14Step 14

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. 

Step 15Step 15Step 15

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.

Step 16Step 16Step 16

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.

Step 17Step 17Step 17

Paso 18

Con el elipse todavía seleccionado, desplace el trazado a -.125 pulgadas y cambie el relleno a 30% negro.

Step 18Step 18Step 18

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.

Step 19Step 19Step 19

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.

Step 20Step 20Step 20

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.

Step 21Step 21Step 21

Paso 22

Desplace la elipse .03 pulgadas y ajuste el gradiente para que el color más claro esté arriba de la elipse.

Step 22Step 22Step 22

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.

Step 23Step 23Step 23

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.

Step 24Step 24Step 24

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.

Step 25Step 25Step 25

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.

Step 26Step 26Step 26

Imagen Final

¡Debajo está la imagen final completada!

Final ImageFinal ImageFinal Image