Share
En el siguiente tutorial, te mostraré cómo crear una ilustración de marcador. Este tutorial incluye habilidades de creación de formas vectoriales intermedias en Illustrator para crear los marcadores, junto con algunas capas y el uso de scripts para crear los efectos de texto. Empecemos.
Cree un documento RGB de 700 px por 630 px. 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 2px. Vaya a Edición> Preferencias> Guías y cuadrícula, ingrese 2 en la cuadrícula cada casilla y 1 en la casilla 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..
Vamos a empezar con el marcador. Elija la herramienta Rectángulo (M) y cree una forma de 64px por 172px. Cambie a la Herramienta de selección directa (A) y céntrese en los puntos de anclaje inferiores. Seleccione el punto de anclaje izquierdo y muévalo 8px hacia la derecha y luego seleccione el punto de anclaje derecho y muévalo 8px hacia la izquierda. The Snap to Grid debería facilitar su trabajo. Al final, su forma debe verse como la segunda imagen que se muestra. Selecciónelo, duplíquelo y haga esta copia invisible. Lo necesitarás unos pasos más tarde..
Seleccione la forma visible restante y vaya a Efecto> Deformación> Ojo de pez. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia. Vuelva a seleccionar la herramienta Rectángulo (M) y cree una forma como la gris que se muestra en la segunda imagen. Selecciónelo junto con la forma expandida y haga clic en el botón Intersectar del panel Pathfinder.
Vuelve a ver la forma hecha en el segundo paso. Selecciónelo y vaya a Efecto> Deformación> Ojo de pez. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y luego vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 5px, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia. Seleccione la forma resultante junto con la forma realizada en el paso anterior y haga clic en el botón Unir del panel de Pathfinder.
Ahora debería tener solo una forma en su mesa de trabajo y debería verse como la primera imagen a continuación. Vamos a hacer un pequeño ajuste para este camino. Desactive la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula) y luego tome la herramienta Eliminar punto de ancla (-). Retire los dos puntos de anclaje resaltados en la primera imagen y luego rellene la forma resultante con R = 152, G = 220 y B = 98.
Ahora vamos a agregar algunos nuevos rellenos para esta forma verde. Selecciónelo y vaya al panel Apariencia. Abra el menú desplegable y haga clic en Agregar nuevo relleno. Obviamente esto agregará un segundo relleno para su forma. Selecciónelo en el panel Apariencia y rellénelo con el degradado lineal superior izquierdo que se muestra a continuación. El cero amarillo de la imagen de gradiente representa el porcentaje de opacidad.
Use la misma técnica para agregar un tercer relleno para esta forma y use el gradiente lineal superior derecho que se muestra a continuación. Ahora, agreguemos un cuarto relleno para esta forma usando una técnica diferente. Vuelva a seleccionar esta forma, vaya al panel Apariencia, seleccione el relleno superior y haga clic en el botón Duplicar elemento seleccionado del panel Apariencia. Obviamente, esto agregará una copia del relleno seleccionado..
Seleccione este nuevo relleno. Primero, reduzca su opacidad al 80% y luego reemplace el gradiente lineal existente con el gradiente inferior, izquierdo, que se muestra a continuación. Los números blancos de la imagen de degradado representan el porcentaje de ubicación. Eso significa que debes seleccionar ese pequeño ícono de diamante y arrastrarlo hacia la izquierda al 30%. Finalmente, agregue un quinto relleno para su forma y use el gradiente lineal inferior derecho que se muestra a continuación. No olvides seleccionarlo desde el panel de Apariencia y bajar su Opacidad al 80%..
Vuelva a encender el Snap to Grid. Coge la herramienta Rectángulo (M) y enfócate en el área superior. Cree una forma de 64 px por 6 px, rellénela con el degradado lineal que se muestra a continuación y luego colóquela como se muestra en la primera imagen. A continuación, debe agregar un efecto de redondez discreta para los puntos de anclaje superiores de esta forma. The Round Any Corner Script será útil para esto.
Guárdalo en tu disco duro. Ahora agarra la herramienta de selección directa (A). Seleccione los puntos de anclaje superiores (resaltados en la primera imagen) y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 3px y haga clic en Aceptar. Al final, su forma debe verse como la segunda imagen mostrada..
Manténgase enfocado en el área superior y elija la herramienta Rectángulo (M). Cree una forma de 56 px por 4 px, rellénela con el degradado lineal que se muestra a continuación y colóquela como se muestra en la primera imagen.
Nuevamente, use la herramienta Rectángulo (M) para crear una forma de 56px por 44px. Colóquelo como se muestra en la primera imagen y luego tome la Herramienta de selección directa (A). Seleccione el punto de anclaje izquierdo y muévalo 20 px a la derecha, luego seleccione el punto de anclaje derecho y muévalo 20 px a la izquierda. Ahora, tu forma debe verse como un trapecio. Selecciónelo y vaya a Efecto> Warp> Squeeze. Ingrese los datos que se muestran a continuación, haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia.
Ahora, vamos a editar la forma hecha en el paso anterior. Elija la herramienta Rectángulo (M) y cree dos formas negras que se muestran en la primera imagen. Selecciónelos junto con la forma hecha en el paso anterior y haga clic en el botón Frontal Inferior del panel de Pathfinder. La forma resultante debe verse como la segunda imagen mostrada..
Vuelva a seleccionar la forma realizada en el paso anterior, rellénela con R = 32, G = 31 y B = 35. Ahora elige la herramienta de selección directa (A). Seleccione los puntos de anclaje superiores y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. De nuevo, abra el script Round Any Corner, ingrese un radio de 2px y haga clic en Aceptar. Al final, su forma debe verse como la segunda imagen mostrada..
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. Seleccione la forma editada en el paso anterior y haga una copia al frente (Control + C> Control + F). Seleccione esta copia, presione la flecha izquierda cinco veces y luego duplíquela. Nuevamente, seleccione esta nueva copia y presione la flecha izquierda cinco veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 147, G = 149 y B = 152.
Seleccione la forma editada en el undécimo paso y haga una copia al frente (Control + C> Control + F). Seleccione esta copia, presione la flecha derecha seis veces y luego duplíquela. Nuevamente, seleccione esta nueva copia y presione la flecha derecha cuatro veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 109, G = 110 y B = 113.
Seleccione la forma hecha en el doceavo paso, vaya a Efecto> Desenfoque> Desenfoque gaussiano, luego ingrese un radio de 3px y haga clic en Aceptar. Seleccione la forma realizada en el paso anterior, vaya a Efecto> Desenfoque> Desenfoque gaussiano, luego ingrese un radio de 2.5 píxeles y haga clic en Aceptar. Vuelva a seleccionar estas formas borrosas y agrúpelas (Control + G).
Seleccione la forma editada en el undécimo paso, haga una copia al frente y rellénela con blanco. Selecciónelo, junto con el grupo realizado en el paso anterior, y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad..
Habilitar el complemento a la cuadrícula. De nuevo, seleccione la forma editada en el undécimo paso y haga una copia al frente. Ahora elija la herramienta Rectángulo (M) y cree una forma como la que se muestra en el segundo paso. Seleccione esta nueva forma junto con la copia nueva y haga clic en el botón Intersectar del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la tercera imagen y colóquelo al frente (Shift + Control + tecla de corchete a la derecha).
Elija la herramienta Rectángulo (M), cree una forma de 12px por 20px, colóquela como se muestra en la primera imagen y luego tome la Herramienta de selección directa. Seleccione el punto de anclaje superior, izquierdo y muévalo 6px hacia abajo. La forma resultante debe verse como la segunda imagen de abajo..
Selecciónelo y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia. Rellene la forma resultante con el degradado lineal que se muestra a continuación, envíelo a la parte posterior (Shift + Control + tecla de corchete izquierdo) y luego duplíquelo..
Elija la herramienta Elipse (L), cree una forma de 12px por 22px, y colóquela como se muestra en la primera imagen. Tome la Herramienta de selección directa (A), seleccione el punto de anclaje izquierdo y muévalo 6px hacia abajo. Ahora su forma debe verse como la segunda imagen que se muestra. Selecciónelo junto con la copia realizada en el paso anterior y haga clic en el botón Intersectar del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la cuarta imagen.
Desactiva el complemento a la cuadrícula. Seleccione la forma realizada en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia inferior, 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. Rellene la forma resultante con el degradado lineal que se muestra en la tercera imagen y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 0.5px y haga clic en OK.
Duplica las formas hechas en los pasos diecisiete y dieciocho. Seleccione estas copias y haga clic en el botón Unir del panel de Pathfinder. Rellene la forma resultante con blanco y colóquela en frente (tecla Mayús + Control + derecha del corchete). Selecciónelo junto con la forma borrosa realizada en el paso anterior, abra el menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad.
Duplica todas las formas creadas hasta ahora, excepto las enmascaradas. Seleccione todas estas copias y haga clic en el botón Unir del panel de Pathfinder. Rellene la forma resultante con ninguno y agregue un punto negro, alineado con el trazo exterior. Selecciónelo y vaya a Objeto> Expandir, luego complete la ruta resultante con el degradado lineal que se muestra en la siguiente imagen.
Nuevamente, duplique todas las formas creadas hasta el momento, espere las enmascaradas. Seleccione estas copias y haga clic en el botón Unir del panel de Pathfinder. Envíe la forma resultante a la parte posterior (Shift + Control + tecla de corchete izquierdo), rellénela con blanco, luego vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar. Ahora tu creador está completo. Seleccione todas las formas creadas hasta el momento y agrúpelas (Control + G).
Seleccione el grupo de marcadores, duplíquelo y muévalo a la izquierda. Hagámoslo rosa. Seleccione el cuerpo del marcador y vaya al panel Apariencia. Primero, reemplace el plano verde con el rosa plano que se muestra a continuación, luego reemplace los gradientes existentes con los que se muestran en la siguiente imagen.
Ahora, vamos a la parte superior del marcador. Use el primero, dos gradientes lineales para las formas superiores, el tercer gradiente para la forma borrosa y el cuarto gradiente para el trazo expandido.
Haga una copia del marcador rosa y reemplace los colores que salen con los que se muestran en las siguientes imágenes.
Continuemos con el resto de la ilustración. Comience con el fondo. Elija la herramienta Rectángulo (M), cree una forma del tamaño de su mesa de trabajo y rellénela con blanco. Luego, tome la Herramienta de cuadrícula rectangular, haga clic en su mesa de trabajo, ingrese los datos que se muestran a continuación y haga clic en Aceptar. Una cuadrícula grande debería aparecer en tu mesa de trabajo. Agregue un trazo de 0.5 pts (R = 28, G = 117 y B = 188), baje su opacidad al 20% y luego colóquelo sobre el rectángulo blanco. Finalmente, bloquea esta cuadrícula y el rectángulo blanco. De esa forma no seleccionarás ni moverás la forma accidentalmente..
Elija la herramienta de tipo (T), agregue su texto e intente usar una fuente manuscrita. Usaremos este texto como modelo, no será parte de la ilustración final. A continuación, necesitas un simple pincel caligráfico. Vaya al panel Pinceles (Ventana> Pinceles), abra el menú desplegable y haga clic en Nuevo pincel. Verifique el pincel caligráfico, haga clic en Aceptar, ingrese los datos que se muestran en la imagen final y haga clic en Aceptar.
Ahora, use este nuevo pincel junto con la herramienta Pincel (B) para dibujar las rutas a lo largo de su texto, con los colores que se muestran a continuación. Ciertamente, no se verá perfecto. Deberá usar la Herramienta de selección directa y algunas de las herramientas de punto de ancla (Herramienta de agregar punto de ancla, Herramienta de eliminar punto de ancla y Herramienta de selección de conversión) para editar estas rutas.
Gire los marcadores verde y rosa y colóquelos como se muestra en la primera imagen. Ahora, seleccione las rutas verdes hechas en el paso anterior y vaya a Objeto> Expandir apariencia. Seleccione el grupo de formas resultante y haga clic en el botón Unir del panel de Pathfinder, luego vaya a Objeto> Ruta compuesta> Crear.
Vuelva a seleccionar la ruta realizada en el paso anterior y agregue un segundo relleno. Haz que sea negro, baja su opacidad al 3%, cambia el modo de fusión a Multiplicar, luego ve a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran a continuación, haga clic en Aceptar, luego vuelva a seleccionar la ruta completa y cambie su modo de fusión a Multiplicar.
Vuelva a seleccionar la ruta editada en el paso anterior y haga una copia al frente (Control + C> Control + F). Selecciona esta copia y pulsa el botón D. Esto agregará las propiedades predeterminadas (relleno blanco y 1 pt, trazo negro) para su forma. Elimine el trazo, luego seleccione la forma blanca restante, junto con la forma editada en el paso anterior, y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad..
Muévete a los caminos rosados. Expándalos, une los caminos resultantes, conviértelos en un camino compuesto, luego agrega los mismos efectos y técnicas utilizadas para el camino verde..
Vuelva a seleccionar la ruta verde y haga una copia al frente (Control + C> Control + F). Seleccione esta copia, reemplace el verde con R = 107, G = 208 y B = 255. Ahora pulsa la flecha derecha y la flecha hacia arriba cinco veces. Además, gire el marcador azul y colóquelo como se muestra en la segunda imagen.
Coge la herramienta Pincel (B) y usa el mismo pincel caligráfico para agregar las rutas que se muestran en la primera imagen. Expándalos y conviértalos en rutas compuestas, luego agregue las técnicas y el efecto utilizados para las rutas de texto..
La imagen final está abajo..
Accentsconagua