Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
En el siguiente tutorial, te mostraremos cómo crear una ilustración de pizarra para marcadores utilizando formas básicas, el panel Buscatrazos y Apariencia en Adobe Illustrator. Este es un excelente tutorial para aquellos que no se sienten cómodos con la herramienta Pluma y desean aprender algunas técnicas avanzadas.
Paso 1
Pulsa Comando + N para crear un Nuevo documento. Introduce 600 en las casillas de anchura y altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear nuevos objetos con cuadrícula de píxeles" esté desmarcada antes de hacer clic en Aceptar.
Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar, necesitarás una cuadrícula cada 5px. Simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También deberías abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.
Paso 2
Con la herramienta Rectángulo (M), crea una forma de 430 por 270px, rellénala con R=49 G=89 B=137 y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px, haz clic en OK y ve a Objeto > Trazado > Desplazamiento. Introduce un desplazamiento de -7px y haz clic en Aceptar. Selecciona la forma resultante y céntrate en el panel Apariencia. Primero, reemplaza el azul con R=255 G=222 B=23 y luego abre el efecto Redondear vértices existente y disminuye el radio a 7px. Asegúrate de que esta forma amarilla sigue seleccionada y ve a Objeto > Trazado > Desplazamiento. Introduce un desplazamiento de -3px y haz clic en Aceptar. Selecciona la forma resultante y céntrate en el panel Apariencia. Primero, reemplaza el amarillo con R=241 G=90 B=41 y luego abre el efecto Redondear vértices existente y disminuye el radio a 5px.
Paso 3
Vuelve a seleccionar las tres formas hechas en el paso anterior y ve a Objeto > Expandir apariencia. Selecciona las formas resultantes, abre el panel Buscatrazos y haz clic en el botón Dividir. Ve al panel Capas, abre el grupo de formas resultante y Desagrúpalo (Mayúsculas + Control + G). Al final deberías tener dos trazados compuestos (uno azul y otro amarillo) y una forma naranja simple.
Paso 4
Selecciona el trazado compuesto azul y haz una copia delante (Control + C > Control + F). Elige la herramienta Rectángulo (M), crea cuatro cuadrados de 20px, rellénalos de negro y colócalos como se muestra en la segunda imagen. Selecciona estos cuadrados negros y conviértelos en un trazado compuesto (Objeto > Trazado compuesto > Crear).
Paso 5
Vuelve a seleccionar los dos trazados compuestos realizados en el paso anterior y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona el grupo de formas resultante y conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear). Rellénalo con R=70 G=70 B=70 y céntrate en el panel Apariencia. Añade un trazo de 1pt, alinéalo al interior y establece el color en R=35 G=35 B=35. Vuelve a seleccionar el trazado compuesto azul y céntrate en el panel Apariencia. Primero, reemplaza el azul con R=235 G=235 B=235 y luego añade un trazo de 1pt. Alinéalo al interior y establece el color en R=195 G=195 B=195.
Paso 6
Selecciona el trazado compuesto amarillo y haz una copia delante (Control + C > Control + F). Elige la herramienta Rectángulo (M), crea cuatro cuadrados de 20px, rellénalos de negro y colócalos como se muestra en la segunda imagen. Selecciona todos los cuadrados negros y conviértelos en un trazado compuesto (Objeto > Trazado compuesto > Crear).
Paso 7
Vuelve a seleccionar los dos trazados compuestos realizados en el paso anterior y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona el grupo de formas resultante y conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear). Rellénalo con R=45 G=45 B=45 y céntrate en el panel Apariencia. Añade un trazo de 1pt, alinéalo al interior y establece el color en R=25 G=25 B=25. Vuelve a seleccionar el trazado compuesto amarillo y céntrate en el panel Apariencia. Primero, reemplaza el amarillo con R=210 G=210 B=210 y luego añade un trazo de 1pt. Alinéalo al interior y establece el color en R=185 G=185 B=185.
Paso 8
Selecciona el rectángulo redondeado naranja, céntrate en el panel Apariencia y sustituye el color plano utilizado para el relleno por el degradado lineal que se muestra en la siguiente imagen. Selecciona este relleno en el panel Apariencia y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran a continuación y haz clic en Aceptar. Sigue concentrándote en el panel Apariencia y añade un trazo de 3 puntos para esta forma. Selecciónalo, establece el color en negro, hazlo de 3pt de ancho, alinéalo al interior y baja la Opacidad al 5%. Añade un segundo trazo para esta forma usando el botón Añadir nuevo trazo en la parte inferior del panel Apariencia. Selecciona este nuevo trazo, establece el color en negro, hazlo de 1pt de ancho, alinéalo al interior y baja la Opacidad al 10%.
Paso 9
Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Selecciona el trazado compuesto gris editado en el quinto paso y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Selecciona la forma resultante y haz una copia delante (Control + C > Control + F). Selecciona esta copia y muévela 1px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona el grupo de formas resultante, llévalo al frente (Mayúsculas + Control + ]) y conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear). Selecciona este nuevo trazado compuesto y céntrate en el panel Apariencia. Primero, elimina el color del trazo. A continuación, selecciona el relleno, hazlo blanco y cambia el Modo de fusión a Luz suave.
Paso 10
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la herramienta Rectángulo (M), crea una forma de 430 por 270px y rellénala de blanco. Coloca este nuevo rectángulo como se muestra en la primera imagen, envíalo al fondo (Mayúsculas + Control + [ ) y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Asegúrate de que la forma resultante está seleccionada y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana inferior izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior derecha, haz clic en Aceptar y ve una vez más a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana inferior derecha y haz clic en Aceptar.
Paso 11
Selecciona la herramienta Rectángulo (M), crea una forma de 290 por 10px y rellénala con el degradado lineal que se muestra en la siguiente imagen. Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona este rectángulo y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=200 G=200 B=200.
Paso 12
Vuelve a seleccionar el primer rectángulo hecho en el paso anterior y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=245 G=245 B=245.
Paso 13
Vuelve a seleccionar el primer rectángulo hecho en el undécimo paso y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=155 G=155 B=155.
Paso 14
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y céntrate en el lado derecho de la forma hecha en el paso anterior. Escoge la herramienta Rectángulo (M), crea una forma de 5 por 10px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la primera imagen. Concéntrate en este pequeño rectángulo y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje inferior derecho y arrástralo 5px hacia arriba. Al final tu forma debería ser como en la segunda imagen. Selecciónala, haz dos copias por delante (Control + C > Control + F > Control + F) y desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=155 G=155 B=155.
Paso 15
Vuelve a seleccionar la primera forma hecha en el paso anterior y haz dos copias por delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px a la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=200 G=200 B=200. Enfócate en esta forma delgada, toma la herramienta Eliminar punto de anclaje (-) y elimina el punto de anclaje resaltado en la tercera imagen. Al final tu forma debería verse como la de la cuarta imagen.
Paso 16
Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Vuelve a seleccionar las tres formas hechas en los dos últimos pasos y agrúpalas (Control + G). Selecciona este nuevo grupo y ve a Objeto > Transformar > Reflejar. Marca el botón Vertical y haz clic en el botón Copiar. Esto creará una copia del grupo volteada horizontalmente. Selecciónala, arrástrala hacia la izquierda y colócala como se muestra en la tercera imagen. Ahora, selecciona ambos grupos junto con las formas hechas en los pasos 11, 12 y 13 y agrúpalos (Control + G). Selecciona este nuevo grupo y colócalo como se muestra en la quinta imagen.
Paso 17
A continuación, crearemos los marcadores. En primer lugar, necesitarás una cuadrícula cada 1px. Simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Con la herramienta Rectángulo (M), crea una forma de 70 por 8px y rellénala con el degradado lineal que se muestra en la siguiente imagen. Asegúrate de que esta nueva forma está seleccionada y céntrate en el panel Apariencia. Selecciona el relleno y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Deformar > Arco superior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Al final tu forma debería ser como la de la siguiente imagen.
Paso 18
Vuelve a seleccionar la forma hecha en el paso anterior, enfócate en el panel Apariencia, asegúrate de que el relleno está seleccionado y haz clic en el botón Duplicar seleccionado (señalado por la pequeña flecha azul). Selecciona este nuevo relleno, edita el degradado lineal como se muestra en la siguiente imagen y luego abre el efecto Transformar existente e introduce las propiedades que se muestran a continuación.
Paso 19
Vuelve a seleccionar la forma editada en el paso anterior, céntrate en el panel Apariencia, asegúrate de que el relleno superior está seleccionado y haz clic en el botón Duplicar seleccionado. Selecciona este nuevo relleno, edita el degradado lineal como se muestra en la siguiente imagen y luego elimina el efecto Transformar.
Paso 20
Vuelve a seleccionar la forma editada en el paso anterior, céntrate en el panel Apariencia y añade un cuarto relleno utilizando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul). Selecciona este nuevo relleno, establece el color en R=237 G=28 B=36, cambia el Modo de fusión a Superponer y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 21
Enfócate en el lado derecho de la forma editada en el paso anterior. Usando la herramienta Rectángulo (M), crea un cuadrado de 6px, rellénalo con el degradado lineal mostrado abajo y colócalo como se muestra en la primera imagen. Cambia a la herramienta Selección directa (A) y céntrate en el lado derecho de esta nueva forma. Selecciona el punto de anclaje superior y arrástralo 1px hacia abajo, luego selecciona el punto de anclaje inferior y arrástralo 1px hacia arriba. Asegúrate de que tu forma sigue seleccionada, céntrate en el panel Apariencia, selecciona el relleno y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 22
Vuelve a seleccionar la forma editada en el paso anterior, céntrate en el panel Apariencia, asegúrate de que el relleno está seleccionado y haz clic en el botón Duplicar seleccionado. Selecciona el relleno inferior y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran a continuación y haz clic en Aceptar. Además, edita el degradado lineal utilizado para este relleno como se muestra en la siguiente imagen. Finalmente, envía esta forma al fondo (Mayúsculas + Control + [ ).
Paso 23
Usando la herramienta Rectángulo (M), crea una forma de 6 por 2px y rellénala con el degradado lineal que se muestra a continuación. Coloca este nuevo rectángulo que se muestra en la siguiente imagen y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 1px, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Finalmente, envía esta forma al fondo (Mayúsculas + Control + [).
Paso 24
Vuelve a seleccionar todas las formas creadas y editadas en los últimos siete pasos y agrúpalas (Control + G). Selecciona este nuevo grupo, haz una copia delante (Control + C > Control + F) y arrástrala unos píxeles hacia abajo como se muestra en la segunda imagen. Céntrate en este nuevo grupo, selecciona la forma principal y sustituye el rojo utilizado para el relleno superior por un simple negro. Selecciona este segundo grupo, haz una copia delante (Control + C > Control + F) y arrástrala unos píxeles hacia abajo como se muestra en la tercera imagen. Concéntrate en este nuevo grupo, selecciona la forma principal y sustituye el negro utilizado para el relleno superior por un azul claro (R=39 G=170 B=225). Asegúrate de que este tercer grupo sigue seleccionado y ve a Objeto > Expandir apariencia.
Paso 25
Céntrate en el panel Capas, selecciona los tres grupos hechos en el paso anterior y arrástralos por debajo del grupo hecho en el decimosexto paso. Sigue centrado en los marcadores y colócalos como se muestra en la siguiente imagen.
Paso 26
Vuelve a la opción "Línea de cuadrícula cada 5px". Para ello, ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada. Elige la herramienta Rectángulo (M), crea una forma de 300 por 40px, rellénala con el degradado lineal que se muestra a continuación y baja la Opacidad al 75%. Asegúrate de que esta nueva forma está seleccionada, envíala al fondo (Mayúsculas + Control + [ ) y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 10px y haz clic en OK.
Paso 27
Elige la herramienta Rectángulo (M), crea una forma de 420 por 40px, rellénala con el degradado lineal que se muestra a continuación y baja la Opacidad al 75%. Asegúrate de que esta nueva forma está seleccionada, envíala al fondo (Mayúsculas + Control + [ ) y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 5px y haz clic en OK.
Paso 28
Escoge la herramienta Texto (T) y añade un texto sencillo como se muestra en la siguiente imagen. Puedes utilizar la fuente "Marker SD Italic" con el tamaño establecido en 20pt y el color en R=75 G=75 B=75. Finalmente, para los pequeños trazados rojos necesitarás la herramienta Pincel (B). Utiliza el pincel caligráfico circular de 3pt.
Conclusión
Ya tu trabajo está listo. Así es como debería verse. Espero que hayas disfrutado del tutorial de hoy y puedas aplicar estas técnicas en tus propios proyectos.
By
