top of page
  • Nayda Cruz

Crea "mockups" realistas en Adobe Illustrator



Crea "mockups" realistas en Adobe Illustrator

¡Muestra tu visión!

Una excelente manera de mostrarle al mundo el producto en el que visualizas tu patrón es usando "mockups".


Hay diferentes formas de crear "mockups". Es posible que hayas notado que algunos se ven realistas y otros, simplemente no.


Hay muchos lugares para comprar "mockups" de alta calidad, como en Creative Market. Por lo general, son un documento de Adobe Photoshop con "layers" específicas en donde colocas tus diseños y, como por arte de magia, se ajustan en perspectiva y transparencia para que parezca que el producto ya está producido.


Adobe ofrece sus programas como suscripción. Lo que significa que siempre que pagues la suscripción, mensual o anual, tendrás acceso a sus programas. Puedes pagar una suscripción de todos sus programas o solo pagar uno en específico.


En este blog, le mostraré cómo crear "mockups" realistas con tus patrones para superficie utilizando solamente Adobe Illustrator. ¡Sí, es posible!


Lo primero que deberás buscar es una imagen del producto en el que deseas colocar su arte, con una superficie blanca.


Te sugiero que evites los motores de búsqueda como Google o Bing, para encontrar tus fotos. Intenta sitios web que ofrecen imágenes gratuitas con el permiso de los fotógrafos. Mi favorito es Unsplash porque casi siempre encuentro que que busco rápidamente.


También puedes comprar fotos en Adobe Stock o iStock.


Solo asegúrese de que donde sea que obtengas su foto, leas la información de la licencia para saber qué se permite o no hacer con esa foto.


Y, por supuesto, siempre puedes tomar tus propias fotos. Solo necesitas un lugar bien iluminado y el producto de tu preferencia.


Vayamos paso a paso para crear nuestro "mockup" en Adobe Illustrator.


1. Busca tu imagen y descárgala


Uno de mis productos favoritos para colocar mis diseños de patrones de superficie son los cojines. Así que hice una búsqueda por "white throw pillow" y encontré esta imagen de Mediamodifier. Justo debajo de la foto puedes confirmar el acuerdo de licencia.


Selecciona y descargua tu imagen de Unsplash.

Siempre descargo la imagen en el tamaño original. Porque una vez que tienes algo en alta calidad, siempre puedes exportarlo en una calidad inferior. Pero si tu imagen es de baja calidad, no podrás mejorarla por más trucos que intentes.


Además, siempre es bueno decir gracias al creador de la imagen. En mi caso lo hago a través de Twitter.


Da las gracias al contribuidor.

2. Coloca tu imagen en un documento nuevo en Adobe Illustrator y "lock it".


Coloca tu imagen en Adobe Illustrator.

3. Usa el "Pen Tool" para trazar el borde del objeto en el que deseas colocar tu diseño.


Tendrás que seleccionar "non" tanto para el "fill como para el "stroke" y acercarte lo más que puedas para poder ver mejor el borde que estás trazando.


Traza tu imagen con el Pen Tool.

4. Selecciona el patrón que quieres usar en el cojín, o cualquier otro producto, del panel de "swatches".


Con el trazo seleccionado y el "fill" arriba, abre tu panel de "swatches" y selecciona tu patrón.


Aplica tu patrón.

En este punto quizás necesites hacer unos ajustes en tu trazo.


Arregla su trazado con el Pen Tool.

5. ­­­­Ajusta la transparecia


Selecciona la forma de tu patrón y ve al panel de "transparency". En el menú, selecciona el modo "multiply". Si lo necesita, también puede ajustar la transparencia del patrón.


Al instante verás cómo las texturas de la superficie blanca se muestran a través del patrón y se ven realistas.


Aplica transparencia a tu patrón.

Antes y después

6. ¡Exporta tu imagen!


¡Eso es todo! Solo exporta tu imagen para utilizarla en tu portfolio, red social o website.


Imagen final

Lo que no debe faltarte...

Es posible crear "mockups" realistas en Adobe Illustrator. Solo necesitas una superficie blanca y algo de paciencia.


Si no entiendes cómo usar el "Pen Tool" tengo una clase de Skillshare llamada "Create Vector Art from Photos: All the Tools to Vectorize in Adobe Illustrator" que te enseña cómo usar todas las herramientas de dibujo/trazo dentro de Illustrator. Si no tienes una cuenta de Skillshare, a través de ese enlace puedes obtener 1 mes gratis para verla.


Espero que este blog te sea útil. ¡Nos vemos!

 

Este blog es un espacio para aprender sobre el diseño y cómo se entrelaza con la vida; y también sobre aspectos técnicos. Te invito a unirte a mi lista de correo electrónico. Así recibirás un mensaje cada vez que publique un nuevo blog. Respeto tu privacidad y nunca compartiré tu información personal.

bottom of page