1. Design & Illustration
  2. Collage

Cómo Crear una Ilustración de Collage en Adobe Illustrator

by
Read Time:8 minsLanguages:
This post is part of a series called Easy Character Design.
How to Create Easy Kawaii Animals in Adobe Illustrator
How to Create a Cute Spring Rabbit in Adobe Illustrator

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

  1. Rostro
  2. Cuerpo
  3. 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.

Create a New Print DocumentCreate a New Print DocumentCreate a New Print Document

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.

Import the drawingImport the drawingImport the drawing

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.

Trace the drawingTrace the drawingTrace the drawing

Paso 2

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

Delete the backgroundDelete the backgroundDelete the background

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.

Photos used for texturesPhotos used for texturesPhotos used for textures

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).

Merge the face partsMerge the face partsMerge the face parts

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.

Make clipping maskMake clipping maskMake clipping mask

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.

previewpreviewpreview

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).

Selec the Scarf areaSelec the Scarf areaSelec the Scarf area

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.

Make a clipping maskMake a clipping maskMake a clipping mask

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

PreviewPreviewPreview

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).

Select the shirtSelect the shirtSelect the shirt

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.

Make a clipping maskMake a clipping maskMake a clipping mask

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

PreviewPreviewPreview

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.

Select the hair partsSelect the hair partsSelect the hair parts

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.

Merge the hair partsMerge the hair partsMerge the hair parts

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.

Paste the copied selectionPaste the copied selectionPaste the copied selection

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.

Make a clipping maskMake a clipping maskMake a clipping mask

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).

Merge the two side panelsMerge the two side panelsMerge the two side panels

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.

Make a clipping maskMake a clipping maskMake a clipping mask

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.

Enter 180 as an angle valueEnter 180 as an angle valueEnter 180 as an angle value

Paso 16

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

Make a clipping maskMake a clipping maskMake a clipping mask

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.

Adjust the textureAdjust the textureAdjust the texture

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).

Merge the two partsMerge the two partsMerge the two parts

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.

Make a clipping maskMake a clipping maskMake a clipping mask

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

PreviewPreviewPreview

Paso 20

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

Add and rotate a backgroundAdd and rotate a backgroundAdd and rotate a background

Paso 21

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

Enter 90 as an angle valueEnter 90 as an angle valueEnter 90 as an angle value

Paso 22

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

Send to back the backgroundSend to back the backgroundSend to back the background

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

PreviewPreviewPreview

Paso 23

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

Select one of the characters eyesSelect one of the characters eyesSelect one of the characters eyes

Paso 24

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

Delete the selected areasDelete the selected areasDelete the selected areas

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.

PreviewPreviewPreview

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.

Create a rectangleCreate a rectangleCreate a rectangle

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.

AlignAlignAlign

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.

Make a clipping maskMake a clipping maskMake a clipping mask

¡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.

Final resultFinal resultFinal result
One subscription.
Unlimited Downloads.
Get unlimited downloads