Crear un icono de binoculares en Adobe Illustrator

En este tutorial, aprenderá cómo crear un diseño de ícono binocular, utilizando los efectos 3D de Adobe Illustrator, los gradientes y los modos de fusión. Así que vamos a entrar en este tutorial.


Paso 1

Abra un nuevo documento, luego seleccione un espacio de trabajo de 800px por 600px. Si te gusta usar otro tamaño, no hay problema, aunque casi siempre tengo estos tamaños. Seleccione la herramienta Rectángulo (M) y cree un rectángulo con este tamaño: 90 px por 190 px. Cree otro rectángulo más pequeño y colóquelo sobre el primer rectángulo. Ahora presione Minus Front en la ventana> panel Pathfinder.


Paso 2

Seleccione la Herramienta de selección directa (A) y seleccione el punto superior derecho. Muévalo a la izquierda con la tecla de flecha izquierda de su teclado. Retire el borde y rellene el objeto con un color..


Paso 3

Ir a Efecto> 3D> Revolución? y use la configuración como ve en la imagen de abajo. Esto creará el tubo en 3D..


Etapa 4

Ahora viene el cuerpo. Cree tres círculos con la herramienta Elipse (L) mientras presiona la tecla Mayús, con este tamaño: 75 px. Colóquelos como se muestra a continuación. Seleccione la herramienta Pluma (P) y cree una forma de polígono para conectar los tres círculos.


Paso 5

Seleccione los tres círculos y la forma del polígono haciendo clic en ellos, mientras presiona la tecla Mayús. Presiona Unite en el panel de Pathfinder. Rellena el objeto con un color y quita el borde..


Paso 6

Vaya a Efecto> 3D> ¿Extrusión y biselado? establezca la rotación alrededor de los tres ejes y establezca la profundidad de extrusión a 30 puntos. Vaya a Objeto> Organizar> Enviar a atrás, para enviar el objeto detrás del primer objeto. Colócalo como creas que se ve mejor..


Paso 7

Seleccione el segundo objeto, cópielo (Comando C), péguelo detrás del objeto (Comando + B) y muévalo hacia arriba con la tecla de flecha arriba.

Insinuación: Si desea mover el objeto más rápido, mantenga presionada la tecla Mayús mientras se mueve con la tecla de flecha.


Paso 8

Con el tercer objeto seleccionado, ve al panel Apariencia, busca el efecto Extrusión y bisel 3D, luego haz clic en él. Ahora puedes editar el efecto aplicado. Cambie el eje Y a 6, el eje Z a -8 y la profundidad de extrusión a 100. Debe reducir el tercer objeto. Para hacer esto, seleccione y mueva un punto de la esquina cuando se seleccione el objeto, y mantenga presionadas las teclas Mayús y Alt..


Paso 9

Seleccione el segundo objeto, copie y pegue en frente (Comando + F), mueva hacia arriba y presione Comando + Mayús + tecla de corchete izquierdo para enviar detrás de los otros dos objetos.


Paso 10

A continuación, crearemos un nuevo objeto y le aplicaremos un efecto 3D. Este objeto se puede crear con la herramienta Pluma (P), o crear un rectángulo y modificarlo como hicimos en el primer objeto. De todos modos, el objeto final tiene este tamaño: ancho = 55 px, altura = 137 px.


Paso 11

Rellénalo con un color y quita el borde. Entonces ve a Efecto> 3D> ¿Revolución? e ingrese estos valores: eje X = 42, eje Y = 0, eje Z = -13.


Paso 12

Mueva el nuevo objeto a su lugar y envíelo a la parte posterior (Comando + Mayúsculas + tecla de corchete izquierdo). Ahora tienes una mitad.

Necesita duplicar y reflejar como se muestra a continuación. Seleccione los tres elementos del medio. Para copiarlos, comience a arrastrar, mientras mantiene presionada la tecla Alt (para copiar) y la tecla Mayús (para moverlos de forma lineal). Ahora necesitas moverlos con las flechas hacia arriba..


Paso 13

Mientras los tres elementos aún están seleccionados, vaya al panel Transformar y seleccione en el menú desplegable la opción Voltear horizontalmente. Necesitas alinearlos nuevamente con las teclas de flecha..


Paso 14

Antes de que empieces a alinearlos, tienes que girar un poco. Mientras estos tres objetos aún están seleccionados, vaya a Objeto> Transformar> Girar, establezca el ángulo en -8 y presione OK.


Paso 15

Necesitas alinearlos con las teclas de flecha..


Paso 16

Ahora seleccione los otros dos objetos, copie como lo hizo con los otros (Arrastre, mientras mantiene presionado Alt + Shift), y colóquelos en la posición correcta. No tienes que voltear horizontalmente porque son objetos cilíndricos..


Paso 17

Cree una nueva forma con la herramienta Pluma (P), puede copiarla desde la imagen de abajo. Vaya a Efecto> 3D> ¿Extrusión y biselado? y usa la configuración, como ves en la imagen..


Paso 18

Duplíquelo (Comando + C, Comando + V), y coloque entre las dos partes de los binoculares.яSeleccione los elementos del frente (1, 2, 3, 4), y traiga al frente (Comando + Mayús + tecla de corchete derecha ), para ocultar el segundo puente?.?


Paso 19

Cree dos círculos con estos tamaños: 1. ancho = 65px, 2. ancho = 10px. Alinearlos de forma vertical. Seleccione los dos círculos, vaya a Ventana> Panel de alineación y presione Centro de alineación horizontal.


Paso 20

Duplique el círculo más pequeño y colóquelo en la parte inferior del círculo más grande. Vaya a Objeto> Transformar> Girar y establezca el ángulo en 30. Marque la casilla Vista previa para ver los resultados. Pulse Copiar. Para repetir los pasos anteriores, presione Comando + D cuatro veces.


Paso 21

Selecciona todos los círculos. Ve al panel de Pathfinder y presiona Minus Front. Ahora para la parte 3D: Vaya a Efecto> 3D> Extruir y biselar. Utilice la configuración como se muestra a continuación.


Paso 22

Coloque este objeto en los prismáticos. Una vez que encuentre su lugar, debe colocar los otros objetos delante. Seleccione los objetos numerados (1, 2, 3, 4, 5) y presione la tecla Comando + Mayús + Derecha para poner en primer plano los elementos seleccionados.


Paso 23

Ahora para el objeto final. Cree una elipse con la herramienta Elipse (L), use este tamaño: ancho = 60 px y alto = 40 px. Cree un rectángulo: ancho = 22 px y alto = 15 px. Coloque el rectángulo en la elipse, como se ve a continuación, y presione Intersec en el panel de Pathfinder. Vaya a Efecto> 3D> ¿Extrusión y biselado? y usa la configuración que se muestra a continuación.


Paso 24

Coloca este objeto en los binoculares..


Paso 25

Seleccionar todos los objetos. Vaya a Objeto> Expandir apariencia. Transformaste los objetos 3D en grupos separados. Seleccione un grupo. Comencé con las lentes.

Presione el botón derecho del mouse y aísle el grupo seleccionado (o haga doble clic con el botón izquierdo). Para manipular aún más la forma, primero deberá ir a Objeto> Desagrupar. Después de expandir los objetos 3D, obtienes algunos objetos ocultos que no necesitas. Para eliminarlos, seleccione todas las formas visibles haciendo clic en ellas mientras mantiene presionada la tecla Mayús.

Cuando hayas terminado, utiliza la herramienta Rectangular Marquee (mientras mantienes presionada la tecla Shift) y crea un cuadro alrededor del diseño. Al hacerlo, deseleccionará todos los elementos que necesite y seleccionará todas las formas que no necesite. Presione eliminar. Si ve que falta algo, vaya a Editar> Deshacer y repita la selección hasta obtener los resultados correctos.


Paso 26

Ahora selecciona una forma y presiona Unir en el panel de Pathfinder. El resultado será una forma realmente simple sin máscara de recorte, nada. Solo una forma. Dale un color (noяmatterяwhat), para que puedas identificarlo más fácilmente más tarde. Repita este paso con cada objeto dentro del grupo.


Paso 27

Repita los pasos anteriores con todos los elementos, hasta que tenga solo las formas necesarias (simples). Al final, verás algo como esto..


Paso 28

Es hora de decidir dónde está la fuente de luz. Prefiero cuando la luz viene de la izquierda. Esto significa que el lado derecho de los binoculares es más oscuro. Usé un color degradado para lograr este efecto, como se ve en la siguiente imagen. Reposicione el degradado para que sea lo más realista posible (G).


Paso 29

Puede usar los mismos gradientes en los otros objetos, con una modificación menor en las direcciones de los gradientes (G). Puede copiar estos colores desde la primera forma. Seleccione la forma que desea rellenar, presione la tecla I (Selector de color) y haga clic en la primera forma que ya llenó.


Paso 30

Algunas partes (los verdes) necesitan un degradado simple. Coloréalos con un degradado simple de gris a negro, o puedes jugar con las posibilidades.


Paso 31

Para un mejor realismo necesitamos sombras y reflejos. Duplica los dos tubos frontales (Comando + C, Comando + F). Rellénalos con un degradado radial, blanco a negro. Después de configurar la dirección del degradado, vaya a Ventana> Panel de transparencia y configure el modo de fusión en Multiplicar.


Paso 32

Para crear la sombra en la parte central de los binoculares, duplique ese lado (Comando + C, Comando + F), cree un círculo grande con la herramienta Elipse (E), vaya al panel de Pathfinder, y seleccione Minus Front.яFill the resultante Forma con un degradado radial, blanco a negro. Después de configurar la dirección del degradado, vaya a Ventana> Panel de transparencia y configure el modo de fusión en Multiplicar.


Paso 33

Repita esto en los tubos frontales. Copie, pegue al frente, circule, Minus Front, rellene con un degradado y luego el modo de fusión.


Paso 34

Para crear un reflejo en una lente, duplíquelo y muévalo hacia arriba. Duplica la segunda forma (Comando + C, Comando + F). Crea un círculo e intersecta (panel Pathfinder) con la lente duplicada. Para colocar esto,? Dentro? el tubo, córtelo (Comando + X), seleccione la lente haciendo clic en él y péguelo en el frente (Comando + F) desde el portapapeles.


Paso 35

Elija un color azul hermoso y rellene las lentes con un degradado radial. Quizás quieras probar esto: 1. C = 45, M = 0, Y = 0, K = 0 y 2. C = 100, M = 50, Y = 0, K = 65.


Paso 36

¡Como paso final vamos a dar un poco de brillo a los binoculares! Seleccione el darkяobjectяnear el tubo, haga una copia del mismo (Comando + C) y rellénelo con un degradado que vaya del blanco al negro. Colócala de forma que la parte blanca quede en el centro..


Paso 37

Pegue la forma copiada en su lugar (Comando + F), y muévala un poco hacia abajo con las teclas de flecha. ¡Ya está listo! Espero que todo haya sido claro y detallado, siéntase libre de hacer preguntas en los comentarios.


Imagen final

La imagen final está abajo..