Crear etiquetas de perro de vectores estilizados

En este tutorial, explicaremos cómo crear un objeto realista estilizado con degradados y combinaciones de capas. Aprenderemos cómo usar la herramienta de mezcla, cómo sumar y restar formas y superponerlas. Vamos a saltar y hacer algunas etiquetas de perro vector estilizada en Illustrator.

Vista previa de la imagen final

Echemos un vistazo a la imagen que estaremos creando..

Paso 1

Abra un nuevo documento y dibuje un rectángulo con un ancho de 72 pt y una altura de 115 pt. Puede abrir la paleta de rectángulo seleccionando la herramienta Rectángulo (M) y haciendo clic una vez en la mesa de trabajo.

Paso 2

Rellena el rectángulo con un gris oscuro y coloca guías a su alrededor..

Paso 3

Dibuja una guía vertical en el centro del rectángulo. Si convierte el rectángulo en una selección activa, puede ver su punto central y usarlo como una alineación para la guía. Comience a crear una forma de media elipse con la herramienta Pluma (P). Mantenga el relleno (X) del mismo color gris oscuro y deje el trazo vacío.

Etapa 4

Una vez que haya creado la forma de semicírculo, duplíquela y gírela, y colóquela debajo de la forma de rectángulo. Luego, seleccione las tres formas y seleccione los Modos de Forma de Agregar a Forma que se encuentran en la Paleta de Pathfinder. Esto unirá todas las formas.

Paso 5

Seleccione los dos puntos verticales en el lado izquierdo y haga clic en Comando + Alt + J para abrir la Paleta de promedios. Elija el eje vertical y haga clic en Aceptar. Repite esto con el otro lado del rectángulo..

Paso 6

Antes de continuar, me gustaría mostrar cuántas formas necesitaremos. De la forma que se acaba de crear en el Paso 5, crearemos (de izquierda a derecha) dos objetos de forma de marco, tres formas principales con un agujero y dos formas internas con un patrón de líneas. Todas estas formas juntas formarán nuestra etiqueta de perro.

Paso 7

Haga una copia de la forma principal en la parte superior (Comando + C + F) y bloquee la primera forma. Luego vaya a Objeto> Ruta> Ruta de compensación, y elija -7 pt. Seleccione ambas, la forma de desplazamiento y la original, y elija la opción Dividir en la Paleta de Pathfinder. Esto nos dará dos formas separadas. Luego borra la forma interior.

Paso 8

Seleccione la forma de marco y rellénela con un degradado lineal de negro a blanco. Además, establece el ángulo a 35 grados.

Paso 9

Desbloquee su forma original, haga otro duplicado y luego vuelva a bloquear la forma original. Crea un pequeño círculo y colócalo en la mitad superior de la forma. Seleccione ambos y elija la opción Dividir de la Paleta de Pathfinder. Esto nos dará nuestro agujero..

Paso 10

Rellene la forma con un degradado ligero y mantenga el ángulo a 35 grados.

Paso 11

Duplica esta forma nuevamente en la parte superior (Comando + C + F) y rellénala con un patrón gráfico. Elegí "6 lpi 50%" de Basic Graphic_Lines en la biblioteca Swatch.

Paso 12

Ahora necesitamos restar nuestra forma de marco de la forma llena de líneas recién creada. Hazlo duplicando la forma del marco y luego selecciona ambos. Luego seleccione la opción Dividir de la Paleta de Pathfinder. Eliminar la forma exterior. Luego, cree un círculo pequeño, muévalo ligeramente fuera de la forma alineada y elija la opción Dividir nuevamente.

Alteré un poco el camino para acercarlo al agujero..

Paso 13

Seleccione la forma llena de línea y agregue un Resplandor interno a la misma. Marque los ajustes como Modo en Normal, Color de negro, Opacidad al 100% y Desenfoque en 8 puntos. A continuación, establezca el Modo de fusión de transparencia en Superposición y su opacidad en 42%.

Paso 14

Seleccione la forma gris clara con el orificio debajo de la forma alineada y agregue un Resplandor interior con la misma configuración, solo elija un color gris claro y configure el Desenfoque en 5 puntos.

Paso 15

Para darle un poco más de profundidad, podemos agregar un Trazo a nuestra forma rellena de línea. Elegí un color gris claro con un peso de trazo de 1 pt.

Paso 16

A continuación, seleccione la forma de marco rellena con degradado y haga un duplicado en la parte superior (Comando + C + F). Luego rellénelo con un gris oscuro y establezca la Transparencia en Pantalla a una Opacidad del 100%.

Paso 17

Seleccione nuestra forma rellena de líneas y haga un duplicado encima de ella (Comando + C + F). Rellénalo con un patrón gráfico básico. Elegí "10 lpi 40%" de la biblioteca Swatch. A continuación, establezca la transparencia para superponer con una opacidad del 42%.

Paso 18

Vamos a añadir una estrella. Elija la herramienta Estrella en la sección de la herramienta Rectángulo y cree una estrella pequeña de 5 puntos y rellénela con un degradado lineal.

Paso 19

Desplace la estrella en 0,25 pt y rellene esta nueva forma agregada con un gris oscuro. Es posible que desee ampliar y luego moverlo un punto hacia la parte inferior derecha. Puedes hacerlo usando las teclas de flecha en tu teclado. Esto le dará a la estrella algo de profundidad..

Paso 20

Seleccione la forma rellena de color gris claro (que ya tiene un Resplandor Interior) y agregue un Resplandor Exterior. Establezca el Modo en Normal, la Opacidad en 75% y el Desenfoque en 2 puntos. Crea una estrella más pequeña con un degradado lineal sobre la estrella más grande.

Paso 21

Vamos a crear la cadena. Dibuja una línea como la que ves en la imagen o algo similar. Establezca el peso del trazo en 0.25 pt y el color del trazo en negro. Haga una copia de él, colóquelo en una nueva capa y ocúltelo, ya que lo necesitaremos más adelante.

Paso 22

Crea un círculo de aproximadamente 4 pt de diámetro. Rellénalo con un degradado radial. Luego haga una copia (Comando + C), péguela en el Art Board (Comando + V) y aléjela del primer círculo. Vaya a Objeto> Fusión> Opciones de fusión, elija Pasos específicos como Espaciado, ingrese el número 15 y haga clic en Aceptar. Nada sucederá todavía. Seleccione ambos círculos y presione las teclas Comando + Alt + B. Esto nos dará nuestros enlaces de cadena..

Como puede ver, es posible que necesitemos más enlaces de cadena. Ya que no hemos ampliado nuestras mezclas, podemos modificarlo fácilmente abriendo las Opciones de mezcla nuevamente e ingresando un número más alto. Esta vez también puede elegir la opción Vista previa, en caso de que desee que los enlaces de la cadena estén más cerca.

Paso 23

Seleccione la combinación de eslabones de cadena y la ruta de la cadena que creamos anteriormente en el Paso 21. Luego llegó a Objeto> Mezclar> Reemplazar lomo. Ahora nuestra cadena está casi lista. Si hay algunos huecos en la cadena, puede llenarlos fácilmente con más cadena círculos agregando puntos de ruta a la columna vertebral. Para hacerlo, simplemente seleccione la herramienta Pluma (T) y haga clic en la columna vertebral. Puedes jugar con las manijas y cerrar los huecos de esa manera.

Paso 24

Mostrar la copia de la ruta de la cadena anterior. A continuación, establezca el peso del trazo a 0,25 pt. Colóquelo detrás de la mezcla del eslabón de la cadena. Y ahí tenemos las cadenas completas.!

Paso 25

Para ocultar partes de la cadena y hacer que parezca que está detrás de la placa de identificación y sale por el agujero, rompí la mezcla sin dilatar e hice una parte más pequeña que simplemente coloqué debajo de la capa de la etiqueta de identificación. Si lo desea, puede agregar un resplandor exterior a la cadena.

Conclusión

Creé un fondo con un degradado radial de color gris oscuro y azul verdoso oscuro y agregué una forma rellena de línea. También duplicé toda la placa de identificación y la giré en sentido contrario a las agujas del reloj. Pequeña punta: las líneas gráficas aplicadas se mantendrán horizontales, por lo tanto, debe ampliar su apariencia antes de rotar. Eso es!