Crear un icono seguro en Adobe Illustrator

En el siguiente tutorial aprenderá a crear un icono seguro. Usaremos una variedad de herramientas y técnicas de Adobe Illustrator para crear este ícono. Aprende a hacer un lugar para esconder tu vector de oro. Se trata de los detalles que pones en este diseño para darle un poco de brillo..


Paso 1

Crea un documento de 300 por 300px. Primero, active la cuadrícula (Ver> Cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). A continuación, necesitará una cuadrícula cada 10px. Vaya a Edición> Preferencias> Guías y cuadrícula, ingrese 10 en el cuadro Cuadrícula y 1 en el cuadro Subdivisiones. También puede abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide reemplazar la unidad de medida por píxeles en Editar> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..


Paso 2

Comience con la herramienta Rectángulo (M). Cree una forma de 185 px por 210 px y rellénela con R = 163, G = 163, B = 163. Crea un segundo rectángulo. Haz que sea de 185 píxeles de ancho y 10 píxeles de alto, llénalo con R = 67, G = 67, B = 67. Ahora colóquelo como se muestra en la siguiente imagen. The Snap to Grid facilitará tu trabajo.


Paso 3

Centrarse en la forma más oscura. Elija la herramienta de selección directa (A). Seleccione el punto de anclaje superior izquierdo y muévalo 25 px a la derecha. Ahora seleccione el punto de anclaje superior derecho y muévalo 25px a la izquierda. Ahora, la forma debe verse como un trapecio.


Etapa 4

Duplica las formas hechas en el paso anterior (Comando + C> Comando + F). Haga invisible la forma original, luego seleccione las copias y haga clic en el botón Unir del panel de Pathfinder. Rellene la forma resultante con R = 203, G = 203, B = 203. Ahora ve a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1,5px, haga clic en Aceptar, luego ciérrelo.


Paso 5

Vuelve a ver las dos formas del paso anterior. Selecciónalos y pulsa la tecla Mayús + Comando + Corchete derecho para traerlos al frente.

Primero, enfócate en el oscuro. Reemplace el color de relleno con el degradado lineal que se muestra a continuación, luego vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.

Ahora, vamos a pasar a la segunda forma. Asegúrese de que esté lleno con R = 163, G = 163, B = 163. Ahora ve a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.


Paso 6

Seleccione la forma grande y gris y vaya al panel Apariencia. Abra el menú desplegable y haga clic en Agregar nuevo relleno. Esto agregará un segundo relleno para la forma seleccionada. Seleccione este nuevo relleno y use el degradado lineal que se muestra debajo de la primera imagen. Observe de cerca la imagen del degradado y verá un texto amarillo sobre los controles deslizantes del degradado. Es sinónimo de opacidad. Esto significa que debe seleccionar esos controles deslizantes y bajar su opacidad a 0%.

Agrega un tercer relleno para esta forma. Esta vez usa el gradiente lineal que se muestra debajo de la segunda imagen. Añadir un relleno final. Selecciónalo y hazlo negro. Baje su opacidad al 10%, cambie el modo de fusión a Multiplicar, luego vaya a Efecto> Artístico> Film Grain. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar.


Paso 7

Desactive la función Ajustar a la cuadrícula, vaya a Edición> Preferencias> General e ingrese 0,5 en el cuadro Incremento del teclado. Haga dos copias de la forma del paso anterior (Comando + C> Comando + F).

Seleccione la copia superior, luego presione la flecha derecha una vez y la flecha abajo dos veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Seleccione la forma resultante y elimine todos los rellenos adicionales (desde el panel Apariencia). Guarde solo un relleno y reemplace el color existente con R = 209, G = 211, B = 212.


Paso 8

Vuelva a seleccionar la forma grande y gris y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese una compensación de -15px y haga clic en Aceptar. Seleccione este nuevo relleno, mantenga el primer relleno (R = 163, G = 163, B = 163) y elimine el resto. A continuación, vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.


Paso 9

Seleccione la forma hecha en el paso anterior y agregue un trazo oscuro (R = 52, G = 52, B = 52). Hágalo 1,5 pts de ancho y alinéelo con el exterior. A continuación, vaya a Objeto> Expandir apariencia. Debería obtener dos formas separadas, una que representa el relleno y la otra el trazo. Seleccione el segundo y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar.


Paso 10

Selecciona la forma gris que hicimos en el paso anterior. Agregue dos nuevos rellenos y use los gradientes lineales que se muestran a continuación. Añadir un relleno final. Selecciónalo y hazlo negro. Baje su opacidad al 10%, cambie el modo de fusión a Multiplicar, luego vaya a Efecto> Artístico> Film Grain. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar.


Paso 11

Haz dos copias de la forma del paso anterior. Seleccione la copia superior, luego presione la flecha derecha y la flecha hacia abajo dos veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Seleccione la forma resultante, elimine los rellenos adicionales, luego rellénela con R = 203, G = 203, B = 203. Haz otras dos copias de la forma del paso anterior..

Una vez más, seleccione la copia superior. Esta vez pulsa la flecha derecha y la flecha hacia abajo solo una vez. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Seleccione la forma resultante, elimine los rellenos adicionales, luego rellénela con R = 230, G = 231, B = 232.


Paso 12

Habilite el ajuste a la cuadrícula y haga una copia de la forma del paso anterior. Elija la herramienta Rectángulo (M) y cree una forma como la roja que se muestra en la primera imagen. Coge la herramienta Eliminar punto de anclaje (-) y haz clic en el punto de anclaje superior izquierdo. Ahora, el rectángulo debe convertirse en un triángulo. Selecciónelo junto con la copia y haga clic en el botón Intersectar del panel de Pathfinder. Rellena la forma resultante con negro y baja su opacidad al 2%..


Paso 13

Ahora, vamos a crear las bisagras. Elija la herramienta Rectángulo (M), cree una forma de 20 por 10 px y colóquela como se muestra en la siguiente imagen. Rellénelo con cualquier color y luego aplique Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1,8 px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.


Paso 14

Seleccione la forma realizada en el paso anterior. Primero, rellénelo con el gradiente lineal que se muestra a continuación y agregue un golpe de 0,75, alineado con el exterior (R = 67, G = 67, B = 67). A continuación, agregue un segundo relleno. Selecciónalo y hazlo negro. Baje su opacidad al 5%, cambie el modo de fusión a Multiplicar, luego vaya a Efecto> Artístico> Film Grain. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar.

Haz dos copias de esta forma. Seleccione la superior y presione la flecha derecha y la flecha hacia abajo una vez. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Seleccione la forma resultante. Elimine el trazo y el relleno adicional y luego reemplace el color del relleno existente con R = 203, G = 203, B = 203. Seleccione estas dos formas y agrúpelas (Comando + G).


Paso 15

Seleccione el grupo realizado en el paso anterior y haga dos copias. Mueva estas copias como se muestra en la siguiente imagen. Una vez más, Snap to Grid facilitará su trabajo..


Paso 16

Para el siguiente paso necesitará una cuadrícula cada 1px. Vaya a Edición> Preferencias> Guías y cuadrícula e ingrese 1 en la casilla de cuadrícula de cada cuadro. Ahora agarra la herramienta Elipse (L). Mantenga presionada la tecla Mayús y cree una forma de 57 px por 57 px. Rellénelo con R = 159, G = 159, B = 159. Ahora agregue un segundo relleno y use el degradado lineal que se muestra en la segunda imagen. Vuelva a seleccionar la ruta completa y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 17

Seleccione la forma realizada en el paso anterior y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese un desplazamiento de -1px y haga clic en Aceptar. Seleccione la forma resultante. Elimine el efecto de sombra en el segundo relleno, luego seleccione el relleno restante y reemplace el color existente con negro. Seleccione esta forma negra y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de -4px y haga clic en Aceptar.

Seleccione la ruta resultante, rellénela con ninguno y agregue un trazo blanco. Hazlo de 3 puntos de ancho y alinéalo con el exterior. Seleccione este trazo y abra el panel Trazo (Ventana> Trazo). Marque la casilla Línea discontinua y luego muévala hacia abajo. Ingrese 0,5pt en el cuadro de guión y 13pt en el cuadro de espacio. Ahora su forma debe verse como se muestra en la tercera imagen a continuación. Duplícalo. Seleccione la copia, regrese al panel Trazo e ingrese 2,2pt en el cuadro de espacio. Ahora, tu copia debe verse como la cuarta imagen de abajo.


Paso 18

Seleccione una de las últimas formas hechas en el paso anterior. Vaya a Objeto> Ruta> Ruta de compensación, ingrese una compensación de -3px y haga clic en Aceptar. Usaremos esta forma para escribir en ella. Elija la herramienta Type on a Path, haga clic en el borde de esta forma y agregue su texto blanco. Usé la fuente Myriad Pro con un tamaño de 3 puntos, pero puedes probar otra fuente si lo prefieres.

Ahora que agregó el texto, vuelva a seleccionar una de las formas trazadas (realizada en el paso anterior). De nuevo, vaya a Objeto> Ruta> Ruta de desplazamiento, esta vez ingrese un Desplazamiento de -4px y haga clic en Aceptar.

Seleccione la forma resultante, rellénela con R = 67, G = 67, B = 67. Ahora dale un golpe negro de 3 puntos, alineado con el interior. Seleccione este trazo (desde el panel Apariencia) y baje su opacidad al 10%. Finalmente, agregue dos nuevos rellenos para esta forma y use los gradientes lineales que se muestran en las últimas dos imágenes.


Paso 19

Deshabilite el ajuste a la cuadrícula y habilite las guías inteligentes. Escoja la herramienta Pluma (P) y cree las dos formas de triángulos hechas en las siguientes imágenes. Llene el primero con R = 46, G = 46, B = 46 y el segundo con blanco. Ahora, seleccione ambos y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 15px y haga clic en OK.

A continuación, necesita enmascarar estas dos formas. Primero, agrúpelas (Comando + G) y luego duplique la segunda forma hecha en el paso anterior. Seleccione esta copia, rellénela con blanco y muévala sobre el grupo (en el panel Capas). Abre el panel de Transparencia. Vuelva a seleccionar la forma blanca junto con el grupo, abra el menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad. Ahora, tu grupo debería verse como en la imagen de referencia final..


Paso 20

Seleccione la segunda forma realizada en el paso 18 y vaya a Objeto> Ruta> Ruta de compensación. Ingrese una compensación de -8px y haga clic en Aceptar. Seleccione la forma resultante y muévala sobre el grupo creado en el paso anterior.

Primero, rellénelo con el degradado lineal y luego agregue dos trazos. Hágalos de 0,75 pts de ancho y alinéelos con el exterior. Llene el primero con R = 159, G = 159, B = 159 y el segundo con negro.

Ahora, concéntrate en el trazo negro. Selecciónelo, muévalo al panel Trazo, marque la casilla Línea discontinua y luego ingrese 1pt en el cuadro de guión. Vuelva a seleccionar la ruta completa y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar. Al final, su forma debe verse como la imagen de referencia..


Paso 21

Duplica la forma hecha en el paso anterior. Elija la herramienta Rectángulo (M), cree una forma como la roja que se muestra en la primera imagen. Coge la herramienta Eliminar punto de anclaje (-) y haz clic en el punto de anclaje superior izquierdo. Una vez más, obtendrá un triángulo. Selecciónelo junto con la copia y haga clic en el botón Intersectar del panel Pathfinder. Rellene la forma resultante con R = 52, G = 52, B = 52 y baje su Opacidad al 10%.


Paso 22

Seleccione las formas hechas en los últimos seis pasos y agrúpelas (Comando + G). Seleccione este grupo y colóquelo como se muestra en la siguiente imagen.


Paso 23

Deshabilite las guías inteligentes y habilite el ajuste a la cuadrícula. Para el siguiente paso necesitarás una cuadrícula cada 2,5px. Vaya a Edición> Preferencias> Guías y cuadrícula e ingrese 2,5 en la casilla de cuadrícula de cada cuadro. Elija la herramienta Ellipse (L) y cree una forma de 25px por 25px. Primero, rellénelo con el gradiente lineal y luego agregue un 0,25pt, alineado al trazo exterior (R = 98, G = 98, B = 98).

Vuelva a seleccionar la ruta completa y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar. Duplique este círculo y luego elija la herramienta Rectángulo (M) y cree una forma como la roja que se muestra en la siguiente imagen.

Elija la herramienta Eliminar punto de anclaje (-) y haga clic en el punto de anclaje superior izquierdo. Seleccione la forma resultante, junto con la copia, y haga clic en el botón Intersectar del panel de Pathfinder. Rellene la forma resultante con R = 52, G = 52, B = 52 y baje su opacidad al 20%.


Paso 24

Elija la herramienta Polar Grid, mantenga presionada la tecla Mayús y luego haga clic y arrastre. Presione la flecha hacia abajo para disminuir el número de círculos a uno y luego la flecha izquierda para disminuir el número de líneas a tres. Cree una cuadrícula de 80px por 80px y colóquela como se muestra en la primera imagen. Seleccione el círculo y elimínelo, y luego concéntrese en las líneas. Aumente el tamaño del trazo a 5 puntos y luego abra el panel de trazo y haga clic en el botón de tapa redonda. Ahora, tus formas deben verse como la tercera imagen de referencia. Vuelva a seleccionarlos y vaya a Objeto> Expandir.


Paso 25

Centrémonos en las tres formas hechas en el paso anterior. Seleccione el de abajo. Rellénelo con el degradado lineal, agregue un trazo de 0,05 pts (R = 52 G = 52 B = 52) luego vaya a Efecto> Estilizar> Sombra paralela. Ingrese los datos que se muestran a continuación y luego haga clic en Aceptar. Repita el mismo efecto para las otras dos formas, pero modifique el ángulo de degradado.


Paso 26

Desactivar Snap to Grid. Elija la herramienta Elipse (L), cree una forma de 12px por 12px y colóquela como se muestra en la siguiente imagen. Rellénelo con R = 110, G = 110, B = 110 y agregue una carrera de 0,5 pts, alineada con el interior (R = 106, G = 106, B = 106).


Paso 27

Seleccione las formas hechas en los últimos cuatro pasos y agrúpelas (Comando + G). Seleccione este grupo y colóquelo como se muestra en la siguiente imagen.


Paso 28

Finalmente, seleccione la forma grande y gris (hecha en el sexto paso) y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y listo..


Conclusión

La imagen final está abajo..