Cómo Crear una Ilustración de Collage en Adobe Illustrator
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



Hasta ahora he estado haciendo tutoriales estrictamente usando formas vectoriales. Pero en éste tutorial, te mostraré cómo crear un divertido collage digital en Adobe Illustrator al usar texturas de fotos.
Lo Que Necesitarás
En éste tutorial, usaremos fotos que tomé a varios objetos cuyas texturas encontré interesantes: mi suéter de invierno, mis favoritas camisas a cuadros y algunas puertas viejas de madera. Las encontrarás en el archivo comprimido proporcionado en éste tutorial.
También estaré usando dos referencias de stock disponibles para descargar en Pixabay:
Para referencias de stock de mayor calidad, recomiendo usar recursos de stock disponibles para comprar en PhotoDune y GraphicRiver.
1. Dibuja un Personaje Sencillo
Puedes hacer un dibujo en Photoshop o hacerlo de la forma tradicional: en una hoja de papel y luego escanearlo. Si decides ir con la manera tradicional, utiliza un marcador negro. De ésta manera obtendrás bonitas líneas que más adelante serán más fáciles de calcar.
Algunos consejos para dibujar un personaje: tratar de hacerlo en al menos tres etapas:
- Rostro
- Cuerpo
- Detalles
Puedes ver cómo está resultando el diseño del personaje más fácil una vez que estableces los rasgos faciales. Asegúrate de que todas tus líneas estén cerradas. Ésto será muy importante en los pasos posteriores.
2. Crea un Nuevo Documento para Imprimir
Ve a Archivo > Nuevo (Control-N). En el cuadro de diálogo, establece el perfil en Web y establece la Anchura en 800 px y la Altura en 900 px.



3. Importa el Dibujo
Ve a Archivo > Colocar y selecciona el archivo del dibujo. Colócalo en el centro de la mesa de trabajo. Trata de colocar el dibujo un poco más abajo en la parte inferior de la mesa de trabajo, para que tu personaje no se vea como si estuviera cortado a la mitad sino más bien como si apareciera desde la parte inferior de la mesa de trabajo.



4. Calca el Dibujo
Paso 1
Una vez que hayas colocado el dibujo, cálcalo simplemente al seleccionarlo y llendo a Objeto > Calco de Imagen > Crear y Expandir. El dibujo se vectorizará, y también se fragmentará en pedazos.
Para hacer que las cosas se trabajen más fácilmente, necesitaremos desagrupar el dibujo. Haz click en el ahora vectorizado objeto y ve a Objeto > Desagrupar.



Paso 2
Selecciona el espacio blanco alrededor del personaje y elimínalo.



5. Importa el Contenido de la Foto
Podemos comenzar a importar las texturas. Cada parte del personaje será asignado una textura correspondiente. Decidí ir con texturas de madera para el rostro y el cabello, textura de tela a cuadros para el sombrero y la camisa, una textura de lana bordada para la bufanda, y un metal oxidado para el fondo.



Te animo a tomar fotos de motivos que encuentres a tu alrededor: tu suéter favorito, la pared de ladrillo a la vuelta de la esquina, la puerta de madera del vecino, los azulejos de la estación de tren... Motivos están a nuestro alrededor; solo necesitamos verlos mejor.
Paso 1
Comenzaremos con el rostro. Ahora que hemos desagrupado la imagen, necesitaremos combinar unas cuantas partes que pertenecen al mismo grupo, como el rostro y las orejas. Selecciona esas tres partes y ve a Objeto > Trazado Compuesto > Crear. Ésto combinará estas tres formas, y actuarán como una sola. Haz click en ella de nuevo y cópiala (Control-C).



Paso 2
Descarga la textura del rostro.
Ve a Archivo > Colocar y abre la textura descargada. Una vez que la hayas importado, haz click en ella y Pega Delante (Control-F) los ya copiados elementos del rostro.



Paso 3
Selecciona la imagen de la textura y la forma del rostro y haz click-derecho en cualquier parte del área de trabajo. Selecciona la opción Crear Máscara de Recorte.



Una vez que hayas hecho ésto, la Máscara de Recorte será creada y la textura de madera será visible solo en el área del rostro.



Paso 4
Hagamos lo mismo con las otras partes.
Usando la Herramienta Selección Directa (A), selecciona la superficie blanca de la bufanda y cópiala (Control-C).



Paso 5
Importa la textura de la bufanda. Ve a Archivo > Colocar e importa la textura de la foto etiquetada como Scarf (Bufanda).
Pega en el mismo Lugar (Control-F) la copiada forma de la bufanda sobre la textura. Selecciónalos ambos y haz click-derecho en ellos. Del menú, selecciona Crear Máscara de Recorte. También puedes hacer ésto al seguir el menú Objeto > Máscara de Recorte > Crear.



La ilustración debería verse así hasta ahora.



Paso 6
Pasemos a la camisa. Usando la Herramienta Selección Directa (A), selecciona la superficie blanca de la camisa y cópiala (Control-C).



Paso 7
Importa la textura. Ve a Archivo > Colocar e importa la textura de la foto etiquetada como Shirt (Camisa). Colócala sobre la parte del cuerpo, escalándola hacia abajo si es necesario. Pega Delante (Control-F) la copiada forma de la camisa sobre la textura. Selecciónalas y haz click derecho en ellas. Del menú, selecciona Crear Máscara de Recorte.



Podemos ver cómo los motivos lentamente comienzan a rellenar nuestra ilustración y ¡se ve bien!



Paso 8
Tenemos dos objetos más para rellenar con motivos: el cabello y la gorra.
Usando la Herramienta Selección Directa (A), cuidadosamente selecciona las partes del cabello, incluyendo las partes cercanas a las cejas y detrás de las orejas.



Paso 9
Abre el panel Buscatrazos y haz click en el comando Unificar. Luego ve a Objeto > Trazado Compuesto > Crear, o simplemente usa la versión del atajo de teclado Control-8.



Paso 10
Una vez que hayas asegurado que están unidas todas las partes del cabello, podemos importar la textura designada para ésta área. Igual que en los pasos de antes, vamos a Archivo > Colocar e importa la textura de la foto etiquetada como Hair (Cabello). Colócala sobre la parte del cabello, escalándola hacia abajo para que encaje en el área.
Pega Delante (Control-F) la copiada selección delante de la textura de la foto.



Paso 11
Selecciona ambas, la textura de la foto y la forma del cabello vectorizada y haz click derecho en ellas. Del menú, selecciona Crear Máscara de Recorte.



Paso 12
Una vez que terminemos con el cabello, pasemos a la última parte, la gorra. La dividiremos en dos grupos: los paneles como el primero, el grupo principal, y el pico junto con el botón como un segundo grupo.



Primero, comenzaremos con los paneles laterales. Usando la Herramienta Selección Directa (A), selecciona los dos paneles laterales y combínalos, usando el comando Unificar del panel Buscatrazos. También, ve a Objeto > Trazado Compuesto > Crear. Cópialos (Control-C).



Paso 13
Importa la textura etiquetada Cap 1 y colócala sobre la parte de la gorra. Pega Delante (Control-F) los paneles laterales. Selecciónalos y haz click derecho en ellas. Del menú, elige Crear Máscara de Recorte.



Paso 14
Para el panel central de la gorra, de nuevo importaremos la misma textura, únicamente ésta vez la rotaremos 180 grados para que podamos obtener una diferentes posición de los cuadros.
Así que una vez más, copia el panel central (Control-C) e importa la textura. Ve a Archivo > Colocar y selecciona la textura etiquetada Cap 1. Haz click-derecho en ella y ve a Transformar > Rotar.



Paso 15
Un cuadro de diálogo aparecerá. Solo ingresa 180 como un valor de Ángulo y haz click en OK.



Paso 16
Pega delante (Control-F) el panel central y haz click-derecho en él. Del menú, elige Crear Máscara de Recorte.



Paso 17
Usndo la Herramienta Selección Directa (A), haz click en el panel de en medio y ajusta la textura de una forma en la que sea diferente del resto de los paneles. De ésta manera tenemos la misma textura sólamente yuxtapuesta de forma diferente para que podamos distinguir visualmente las tres partes del panel.



Paso 18
Finalmente, agregaremos textura a la última parte vacía de nuestra ilustración: el botón y el pico de la gorra. Usa la Herramienta Selección Directa (A) para seleccionarlos. Abre el panel Buscatrazos y usa el comando Unificar. Luego, ve a Objeto > Trazado Compuesto > Crear (Control-8). Copia los objetos combinados (Control-C).



Paso 19
Importa (Archivo > Colocar) la textura etiquetada Cap 2. Colócala para que cubra toda la parte de la gorra. Escala hacia abajo el tamaño si es necesario. Selecciona la textura y la forma vectorizada pegada y haz click-derecho en ellas. Del menú, elige Crear Máscara de Recorte.



La ilustración hasta ahora debería verse así. Asignamos una textura a cada parte de la ilustración. Agreguemos un fondo a ella.



Paso 20
Descarga la textura de fondo. Importa (Archivo > Colocar) la textura descargada. Haz click-derecho en ella y ve a Transformar > Rotar.



Paso 21
Un cuadro de diálogo aparecerá. Ingresa 90 como un valor de Ángulo y haz click en OK.



Paso 22
Selecciona el archivo de la textura de fondo y haz click-derecho en él. Ve a Organizar > Enviar detrás.



¡Tenemos un fondo espacial! Casi terminamos-agreguemos algunos toques finales.



Paso 23
Usando la Herramienta Selección Directa (A), selecciona uno de los ojos del personaje.



Paso 24
Ve a Selección > Mismo > Color de relleno. Todo el color negro de la ilustración, incluyendo el contorno, será seleccionada.



Paso 25
Ahora solo presiona Eliminar. Cada línea y contorno vectorizado deberían desaparecer, dejando el fondo oscuro para rellenar esos espacios. Ésto únicamente funcionará con fondos oscuros porque más claros podrían causar confusión.



Paso 26
Pongamos todo ésto en un bonito marco que encaje en nuestra mesa de trabajo de 800 x 900 pixeles.
Selecciona la Herramienta Rectángulo y haz click una vez en cualquier parte en el área de trabajo. Un cuadro de diálogo aparecerá. Ingresa 800 px como un valor de Anchura y 900 px como un valor de Altura. Haz click en OK.



Paso 27
Un rectángulo blanco aparecerá. Abre el panel Alinear (Ventana > Alinear). De la opción Alinear con, selecciona Alinear con Mesa de Trabajo. Luego usa los comandos Centrar y Centrar Vertical para alinear el rectángulo perfectamente con nuestra mesa de trabajo.



Paso 28
Para el paso final, Selecciona todo lo que tengas en tu área de trabajo y haz click-derecho en ello. Selecciona Crear Máscara de Recorte.



¡Sensacional Trabajo! ¡Terminaste!
Espero que te hayas divertido mientras hacías éste collage digital. Usando texturas es una buena idea no sólamente en ilustración, sino también en otros campos, como diseño gráfico o diseño web. Incluso puedes imprimirlo y encontrar un bonito lugar para él en tu recámara.
Ahora, trata de hacerlo con tu propio dibujo y texturas de foto y muéstranos los resultados en los comentarios abajo.


