Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo crear un mockup para tus diseños a partir de una fotografía

Cómo crear un mockup para tus diseños a partir de una fotografía

Deja a un lado los mockups prefabricados y aprende a aplicar tus diseños en productos a partir de fotografías

Un diseñador pasa incontables horas trabajando en un proyecto y aunque a sus ojos la aplicación sea muy clara, quizás el cliente no es capaz de proyectar el diseño sobre el producto final de manera tan clara. En estas ocasiones, los mockups se convierten en los mejores aliados de los diseñadores.

Un mockup no es más que un montaje que permite a los diseñadores mostrar al cliente cómo quedara su trabajo una vez producido. Existen mockups de todo tipo de productos, pero su aplicación se hace especialmente relevante en el caso de los patterns, ya que un mismo diseño puede verse completamente diferente en función de si se coloca de una manera o de otra, a mayor o menor tamaño o sobre diferentes productos. Laura Varsky (@lau_varsky) es una experta en el diseño de patrones de repetición y en cómo comercializarlos; ahora comparte con Domestika el mockup de una chaqueta de vestir para que puedas aprender y utilizarlo para tus diseños y nos explica cómo hacer tus propios mockups a partir de una fotografía. 3. Preparar las capas para aplicar el pattern

Para que el efecto sea más realista, Laura crea primero un rectángulo sobre la pieza a la que quiere aplicar el pattern, después lo convierte en objeto inteligente (para ello, haz clic con el botón derecho sobre la capa de la forma y verás la opción "convertir en objeto inteligente"). Con la herramienta de deformación, imita sutilmente la forma del objeto para que el diseño se aplique al producto de manera más natural.

Utilizando las formas que creaste en el punto número 2, crea una máscara de capa para que el pattern solo se aplique al contorno del producto que tú quieres. Para ello selecciona la figura de la prenda (haz clic+cmd sobre la capa que quieres seleccionar) y, situándote sobre el objeto inteligente del rectángulo, haz clic en la opción "Crear máscada de capa" que encontrarás en las opciones inferiores del panel de capas.

1. Encuentra la imagen perfecta

Lo primero que debes tener en cuenta es que la parte de la imagen sobre la que quieres colocar tu diseño debe ser blanca y lo más lisa posible, para que se vea correctamente. Presta atención también a los derechos de uso, la imagen debe estar disponible para su reutilización con modificaciones y tener una buena resolución.

2. Recortar la silueta con Photoshop

Una vez que tengas la imagen seleccionada y descargada, deberás abrirla con Adobe Photoshop. Utiliza la herramienta "Pluma" (tecla"P") para crear formas con la silueta de la prenda. Recuerda que debes crear formas para cada una de las partes de la prenda: por un lado las mangas, por otro el cuerpo, por otro las solapas...

Cuando hayas finalizado tendrás una capa por cada parte de la prenda; ponles nombre para organizarte mejor.

3. Aplica tu pattern al producto

Para finalizar y gracias a que tu rectángulo es un objeto inteligente, solo tendrás que hacer doble clic sobre la capa y se te abrirá una imagen como un nuevo documento en Photoshop. Después solo tendrás que pegar tu pattern en esa imagen, encuadrarlo de la manera que más te gusta y guardarla.

Y voilá! Cuando vuelvas a la imagen del producto podrás ver tu pattern aplicado en él.
La descarga de este archivo estará disponible hasta el 28 de junio. Si después de dicha fecha quieres disponer de él, podrás hacerlo a través del curso Creación y comercialización de patterns vectoriales, que Laura Varsky imparte en Domestika, en el que te enseña a crear patterns originales y te da algunos consejos valiosos para comercializarlos.

También te puede interesar:

- Diseño y composición de patterns textiles, un curso de la casita de wendy.
- Pattern Design analógico y digital, un curso de Juan Díaz-Faes.
- Motivos para repetir, un curso de Moniquilla.
- Creatividad gastronómica y composición de patterns, un curso de Vega Hernando.

Fuente: este post proviene de este blog, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

5 estilos para inspirar tus ilustraciones

Inspírate en el trabajo de estos ilustradores que tienen diferentes musas y estilos para activar ese clic en tu proceso creativo Si estás en medio de un bloqueo creativo o simplemente quieres darle un ...

Conoce el proceso del naming en 5 sencillos pasos

Un buen naming transmite la actividad de la empresa y genera valor de comunicación en el usuario. Descubre su proceso en cinco puntos El naming es el arte de la creación de nombres, su proceso creativ ...

¿Qué es el editorial de moda?

Hablamos con Olivia Meza, editora mexicana, para que nos explique qué es el editorial de moda Olivia Meza de la Orta es editora, periodista y académica de moda. Actualmente dirige su proyecto editoria ...

Etiquetas:

Recomendamos

Relacionado

técnica fotográfica marcos bordes ...

Photoshop: Cómo añadir un marco o borde artístico a tus fotos digitales

Como recordaréis, ayer os ofrecíamos 50 marcos y bordes artísticos gratuitos para vuestras fotos. Pues bien, como nos habéis hecho llegar vuestras dudas acerca de cómo añadirlos y personalizar vuestras tomas, a continuación os explicamos cómo hacerlo en tres sencillos pasos desde Adobe Photoshop. Antes de nada, abre desde Photoshop tanto la fotografía a la que se lo quieras aplicar como el borde ...

10 atajos de teclado esenciales para dominar Adobe After Effects

Sé más eficiente con tu proceso de trabajo en motion graphics y After Effects con estos atajos Para ser más eficientes en los proceso creativos, hay dos pilares principales: tener un buen equipo y conocer los atajos de teclado esenciales. Al igual que en muchos otros programas, existen acciones y métodos que pueden ejecutarse con abreviaciones de teclado, esto ayuda a simplificar varias tareas rep ...

Ediciòn

Guía práctica para sacarle partido a tus fotos con photoshop

Photoshop es el software de retoque fotográfico más famoso del mundo. Esto lo sabe incluso quien nunca ha tomado una cámara de fotos en sus manos y mucho menos ha editado una fotografía en su vida. Pero... ¿Cómo se pueden aprovechar algunas de las potencialidades de este programa para que nuestras fotos sean más bellas y tengan un toque profesional? Seguramente necesitaremos un libro entero para e ...

informática material design desarrollo android

Tutorial para crear un RecyclerView junto a CardViews en Android

¿Aún no sabes usar el RecyclerView en conjunto con CardViews?, ¿Quieres que tus aplicaciones proyecten las nuevas nociones del Material Design en su interfaz?, entonces este tutorial es para ti. Verás cómo crear paso a paso una lista contenedora de tarjetas estilizadas, donde se proyectaran los atributos de elevación y bordes redondeados  para hacer una interfaz novedosa. CONTENIDO Crear lista ...

Tecnologia esmarketingdigital marketing ...

8 Consejos para Crear un Logotipo Eficaz

Un buen Logotipo se reconoce en un abrir y cerrar de ojos. Se hace de una forma instantánea y queda impreso en nuestra retina. Un gran Logotipo debe: Identificar una marca, hacer que destaque y a ser posible, impulsar el interés del cliente y las ventas. A todos nos vienen a la cabeza grandes Logos, pero no es algo fácil de crear. Desde el concepto hasta los colores, hay muchas cosas que tiene qu ...

design teams diseñadora fsn ...

Cómo crear una marca de agua: tutorial

Hola a tod@s! A menudo cuando navego por internet en búsqueda de inspiración, veo unos trabajos de scrap preciosos y algunos los guardo en una carpeta especial en mi ordenador, que se llama "Inspiración":) Cuando la próxima vez abro esta carpeta para inspirarme, al no tener firma en algunas fotos, no sé qué artista haya hecho el proyecto y me resulta bastante incómodo de no tener más ref ...

conceptos básicos trucos y consejos composición ...

Consejos Para Mejorar la Composición Fotográfica

Entender la composición es algo que todo fotógrafo debería hacer. El simple hecho de apreciar los elementos de una buena composición, mejorará tu trabajo fotográfico mucho más que el hecho de invertir en algún equipo costoso. The Lighthouse Built in 1939 por Stuck in Customs  El desarrollo del ojo fotográfico es algo que viene naturalmente a algunos, pero para otros, se necesita tiempo y esfuerzo ...

comunicación mejores entradas beneficios de crear un canal en youtube ...

Cómo crear un canal YouTube profesional para una PYME Caso práctico

¿Quieres conseguir visibilidad para tu PYME (Pequeña Y Mediana Empresa) usando un canal de videos YouTube? ¿Ya sabes el valor que te puede aportar un buen canal de comunicación? Aquí te voy a mostrar los pasos a realizar y te incluyo de ejemplo un caso práctico que he desarrollado con uno de mis clientes, Falcón Abogados, donde se ha renovado su canal de videos y ha conseguido aumentar su visibili ...

Aplicaciones

Cómo crear un canal en YouTube – Guía completa paso a paso (2017)

YouTube, la plataforma de videos propiedad de Google, cuenta con más de 1.000 millones de usuarios, ¡casi una tercera parte de toda la gente que se mueve por Internet! ¡Amig@, YouTube es la vida! Ya sea porque tenemos un negocio y buscamos una nueva vía de promoción, o porque simplemente queremos dar rienda suelta a alguna de nuestras pasiones, la creación de un canal en YouTube siempre es buena i ...

propuestas

Cómo crear un menú a pantalla completa para tu Blog

Hemos visto cómo crear sencillos pero útiles menús para Blogger en Diarios de la nube con los que organizar y exponer los contenidos a nuestros visitantes. Con el tiempo, la forma de mostrar estos menús han ido evolucionando hasta llegar a una nueva presentación que se realiza a pantalla completa. Los menús de pantalla completa están cobrando un fuerte protagonismo en los diseños de presentación d ...