Spanish (Español) translation by Rosario (you can also view the original English article)
En los siguientes pasos aprenderás a crear una sencilla ilustración de un corazón. Es un consejo rápido bastante sencillo que te enseñará a evitar el uso de la herramienta Pluma cuando quieras crear una forma vectorial algo compleja. Empezaremos con dos simples rectángulos. A continuación, utilizando las opciones básicas de Transformar, el efecto Redondear vértices, una pequeña secuencia de comandos, algunas herramientas sencillas y el efecto Deformar, Ojo de pez, construiremos la forma principal del corazón. Pasando a la coloración, utilizaremos el panel Apariencia, varios degradados lineales, las opciones del Buscatrazos además de algunos efectos básicos y técnicas de fusión. Para el toque final utilizaremos un simple efecto de Transformar.
Paso 1
Pulsa Comando + N para crear un Nuevo documento. Introduce 600 en la casilla de la anchura y 400 en la de la altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear con cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar.
Activa la Cuadrícula (Vista > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). Para este tutorial 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
Usando la herramienta Rectángulo (M), crea una forma de 90 por 150px, rellénala con R=235, G=235, B=235 y luego haz una Copia al frente (Control + C > Control + F). Selecciona esta copia y reemplaza el gris claro usado para el relleno con R=238, G=26, B=26. Ve al panel de capas, céntrate en el rectángulo rojo y hazlo invisible haciendo clic en el pequeño icono del ojo. Necesitarás esta forma más adelante, pero por el momento es mejor mantenerla oculta.
Paso 3
Centrémonos en ese rectángulo gris. Selecciónalo y ve a Objeto > Transformar > Rotar. Introduce un ángulo de 45 grados, haz clic en OK y ve a Objeto > Transformar > Reflejar. Marca el botón Vertical y haz clic en el botón Copiar. Obviamente, esto creará una copia horizontal y volteada de la forma gris. Selecciona esta copia y ve a Objeto > Transformar > Mover. Introduce 42,4px en la casilla Horizontal y 0px en la casilla Vertical y luego haz clic en Aceptar. Al final tu rectángulo volteado debe quedar como se muestra en la cuarta imagen. Selecciona los dos rectángulos grises, abre el panel Buscatrazos y haz clic en el botón Unir. Usando la herramienta Rectángulo (M), crea una forma de 125 por 60px y colócala como se muestra en la sexta imagen. Selecciona este nuevo rectángulo junto con la forma gris y haz clic en el botón Intersectar del panel Buscatrazos. La forma resultante debe ser como en el séptimo paso.
Paso 4
Céntrate en el panel de capas y activa la visibilidad de ese rectángulo rojo hecho en el segundo paso. Selecciónalo y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 45px, haz clic en OK y ve a Objeto > Transformar > Rotar. Introduce un ángulo de 45 grados, haz clic en OK y ve a Objeto > Transformar > Reflejar. Marca el botón Vertical y haz clic en el botón Copiar. Selecciona la forma recién creada y ve a Objeto > Transformar > Mover. Introduce 42,4px en la casilla Horizontal y 0px en la casilla Vertical y luego haz clic en Aceptar. Selecciona ambas formas rojas, ve a Objeto > Expandir apariencia y luego haz clic en el botón Unir del panel Buscatrazos. Por último, selecciona la forma roja junto con el triángulo gris realizado en el paso anterior y haz clic en el botón Unir del panel Buscatrazos.
Paso 5
A continuación, necesitarás la Secuencia de comandos Redondear cualquier esquina. Puedes encontrarlo en el artículo de Vectortuts+ 20 secuencias de comandos de Adobe Illustrator gratuitas y útiles. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Selecciona el punto de anclaje superior resaltado en la primera imagen y ve a Archivo > Secuencias de comandos > Otras secuencias de comandos. Abre la Secuencia de comandos Redondear cualquier esquina, introduce un radio de 3px y haz clic en Aceptar. Continúa con la herramienta Selección directa (A), selecciona el punto de anclaje inferior resaltado en la primera imagen y ve de nuevo a Archivo > Secuencias de comandos > Otras secuencias de comandos. Abre la Secuencia de comandos Redondear cualquier esquina, introduce un radio de 8px y haz clic en Aceptar. Cambia a la herramienta Eliminar punto de anclaje (-) y simplemente elimina los puntos de anclaje resaltados en la segunda imagen.
Paso 6
Asegúrate de que tu forma roja sigue seleccionada y ve a Efecto > Deformar > Ojo de pez. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Ve al panel de capas, haz doble clic en esta forma roja y nómbrala simplemente "corazón".
Paso 7
Selecciona "corazón" y haz una copia delante (Control + C > Control + F). Usando la herramienta Elipse (L), crea una forma de 185 por 90px y colócala como se muestra en la segunda imagen. Selecciónala junto con la copia realizada al principio del paso y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona la forma resultante y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -3px y haz clic en OK. Elimina la forma original y céntrate en el trazado vectorial recién creado. Selecciónalo, rellénalo con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 70% y cambia el Modo de fusión a Superponer. El cero amarillo de la imagen del degradado representa el porcentaje de opacidad.
Paso 8
Selecciona "corazón" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -3px y haz clic en OK. Rellena la forma resultante con el degradado lineal mostrado en la segunda imagen, baja su Opacidad al 10% y cambia el Modo de fusión a Multiplicar. Vuelve a seleccionar "corazón" y haz una copia al frente (Control + C > Control + F). Selecciónala, rellénala con el degradado radial mostrado en la cuarta imagen, baja su Opacidad al 75% y cambia el Modo de fusión a Multiplicar. Recuerda que los ceros amarillos de las imágenes del degradado representan el porcentaje de opacidad.
Paso 9
Desactiva la cuadrícula (Vista > Ocultar cuadrícula) y la opción Ajustar a cuadrícula (Vista > 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 "corazón" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo usando la flecha hacia abajo de tu teclado. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 5% y cambia el Modo de fusión a Multiplicar. Selecciona "corazón" y haz una copia delante (Control + C > Control + F). Selecciona esta copia, muévela 2px hacia abajo usando la flecha hacia abajo de tu teclado y luego duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 3px hacia abajo. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 70% y cambia el Modo de fusión a Superponer.
Paso 10
Selecciona la segunda forma hecha en el paso anterior y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en OK. Selecciona la forma resultante y aumenta su Opacidad al 100%. Selecciona "corazón" y haz una copia delante (Control + C > Control + F). Selecciona esta copia, muévela 2px hacia abajo y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 8px hacia abajo. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 40% y cambia el Modo de fusión a Superponer.
Paso 11
Selecciona "corazón" y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia arriba usando la flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 20% y cambia el Modo de fusión a Multiplicar. Selecciona "corazón" y haz una copia en el frente (Control + C > Control + F). Selecciona esta copia, muévela 2px hacia arriba y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 2px hacia arriba. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 40% y cambia el Modo de fusión a Superponer.
Paso 12
Selecciona "corazón" y haz una copia en el frente (Control + C > Control + F). Selecciona esta copia, muévela 4px hacia arriba y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 3px hacia arriba. Vuelve a seleccionar las dos copias realizadas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 5% y cambia el Modo de fusión a Multiplicar.
Paso 13
Selecciona "corazón" y haz una copia en el frente (Control + C > Control + F). Selecciona esta copia, muévela 4px hacia arriba y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 11px hacia arriba. Vuelve a seleccionar las dos copias realizadas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 5% y cambia el Modo de fusión a Multiplicar.
Paso 14
Selecciona "corazón" y haz una copia en el frente (Control + C > Control + F). Selecciona esta copia, muévela 4px hacia arriba y duplícala (Control + C > Control + F). Selecciona esta nueva copia y muévela 18px hacia arriba. Vuelve a seleccionar las dos copias realizadas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen, baja su Opacidad al 5% y cambia el Modo de fusión a Multiplicar.
Paso 15
Selecciona "corazón", céntrate en el panel Apariencia y añade un trazo de 1pt. Selecciónalo, pon el color en negro, alinéalo al interior y baja su Opacidad al 10%. Asegúrate de que tu forma de "corazón" permanezca seleccionada, sigue concentrándote en el panel Apariencia y añade cuatro nuevos trazos utilizando el botón Añadir nuevo trazo (señalado por la pequeña flecha azul). Selecciona la parte superior, el nuevo trazo, hazlo de 14pt de ancho, establece el color en R=162, G=25, B=24, alinéalo al interior y baja su Opacidad al 5%. Pasa al siguiente trazo, selecciónalo, hazlo de 7pt de ancho, pon el color en R=162, G=25, B=24, alinéalo al interior y baja su Opacidad al 15%. Continúa con el siguiente trazo, selecciónalo, hazlo de 3pt de ancho, establece el color en R=162, G=25, B=24, alinéalo al interior y baja su Opacidad al 20%. Finalmente, selecciona el fondo, nuevo trazo, hazlo de 1pt de ancho, establece el color en R=162, G=25, B=24, alinéalo al interior y baja su Opacidad al 25%.
Paso 16
Selecciona "corazón" y céntrate en el panel de Apariencia. Selecciona el relleno y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior izquierda, haz clic en Aceptar y luego añade los otros cuatro efectos de Sombra paralela que se muestran en la siguiente imagen.
Paso 17
Selecciona todas las formas creadas hasta ahora (Control + A) y agrúpalas (Control + G).
Paso 18
Utilizando la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo, rellénala con R=40, G=40, B=40 y envíala al fondo (Mayúsculas + Control + [ ). Asegúrate de que este rectángulo permanece seleccionado, céntrate en el panel Apariencia y añade un segundo 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 negro, baja su Opacidad al 15%, cambia el Modo de Fusión a Multiplicar y ve a Efecto > Artístico > Grano de Película. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 19
Por último, selecciona el grupo realizado en el decimoséptimo paso y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la ventana de la derecha, haz clic en Aceptar y ya está.
Conclusión
Ya tu trabajo está listo. Así es como debería verse. Puedes hacer mucho más con los efectos de Transformar añadidos en el paso final. Simplemente agrega un ángulo diferente para la rotación y el resultado podría sorprenderte.
By
