Pasos para generar un mockup (maqueta) de playeras
Un mockup de playeras es básicamente una camiseta en blanco en la que se podrá agregar un diseño que sea adecuado en relación al producto.
Existen muchos tipos de plantillas para playeras y pueden llevar marcas de algún modelo, el cual se quiera patrocinar y así ayudar a los clientes a visualizar cómo se vería puesta la imagen de patrocinio o simplemente visualizar la playera sobre un fondo liso.
También se conoce como un una herramienta con la que se podrán personalizar fácilmente un diseño y editar en formato PSD.
Es necesario saber que para proceder a realizar un (mockup) se deben de seguir los siguientes pasos, se generará una versión de la playera personalizada:
Una de las formas más conocidas y cómodas de promocionar tus playeras personalizadas es con un mockup de PlaceIt, recomendado para personas que intentan iniciar su negocio de playeras estampadas, PLACEIT es una herramienta necesaria en el mundo del diseño y es bastante sencilla para utilizar.
Solo debe seleccionar un mockup de playera, cargar el diseño que desea directamente desde el navegador, ajustarlo y descargar los resultados.
De esa manera en muy poco tiempo se obtendrá una imagen en alta resolución preparada para la campaña de promoción.
¿Cómo crear una plantilla de mockup de playeras en formato vectorial, en adobe illustrator?
Lo primero que se debe de hacer es usar la herramienta malla en adobe illustrator para crear una plantilla para mockup de playeras.
- Dibujar la forma de la mitad de la playera con la herramienta pluma (P) y rellenarla del color : #F3F3F3.
- Crear una copia de la forma y se deja aparte ya que será utilizada más adelante.
- Usar una malla tomando la herramienta malla (U) y se comienza una cuadrícula de malla en el objeto, al colocar nodos.
- Seleccionar los nodos en el borde izquierdo de la playera y cambiar su color a #B7B7B7.
- Agregar unos cuantos nodos más y colorear los nodos seleccionados con #F4F4F4 agregando arrugas a la playera.
- continuar coloreando los nodos usando los siguientes colores: #DFDFDF # E3E3E3 #F7F7F7 #B9B9B9.
- Tomar la segunda copia de la playera, ¡se refleja! y se continúa coloreando: #F3F3F3 #B7B7B7 #D9D9D9 #EEEEEE.
- Se debe de terminar la segunda mitad coloreando: #CFCFCF #C4C4C4 #B9B9B9 #E3E3E3
- Se debe de colorear una manga: #EAEAEA #BDBDBD #B6B6B6 #CFCFCF #DADADA #BDBDBD
- Colorear: #E9E9E9 #C0C0C0 #F4F4F4
- Se debe doblar la malla para hacer el cuello con (efecto >deformar> arco) usando (curvar -85%). (objeto>expandir apariencia) del resultado.
- Se debe de dibujar la segunda parte del cuello coloreando. #6A6A6A #979797.
- Combinar las partes del cuello.
- Ensamblar el mockup de playera.
Actualmente hay una cantidad amplia de programas considerados herramientas para la creación de mockup como por ejemplo:
Placeit:
Que tiene muchos modos de beneficiar las ganas de crear un negocio ya que cuenta con un diseñador de logos para la marca de ropa y dibujos de las playeras.
Teniendo banners para que promociones un diseño, además cuenta con una variedad de opciones en el mismo lugar sin necesidad de salir del navegador.
Balsamiq:
Herramienta importante para la creación de los primeros wireframes y mockup.
Lucidchart:
Caracterizada por un interfaz que opera al arrastrar y soltar los elementos para crear el mockup.
MarvelApp:
Una de las virtudes de esta herramienta es su utilidad a través de distintas plataformas como móvil o web.
Moqups:
Es una herramienta fácil de usar al igual que Balsamiq, que gracias a estar bajo HTML5 lo convierte en una plataforma rápida y sencilla.
UXPin:
Una gran herramienta con un montón de opciones para wireframing, con la capacidad de convertir un boceto en un wireframe digital.
Protoshare:
Entre sus virtudes destaca su capacidad para trabajar en equipo, permitiendo discutir todos los proyectos en tiempo real con los demás colaboradores.
Proto.io:
Es una herramienta sumamente fácil de usar y de gran valor para el prototipo con distintas opciones para ios, android y windows phone.
Iphonemockup:
Es una herramienta digital usada para los que no quieren sufrir mucho al pasar una imagen del papel a lo digital.
Wirify:
Es una herramienta que ofrece un script que es capaz convertir un sitio web en un wireframe.
Pidoco:
Se trata de una herramienta destinada a probar los prototipos, al enviar un enlace a los usuarios y comenzar a tomar datos de los mismos.
¿Cómo crear un mockup?
1)Principalmente debe de escoger una imagen o foto que mejor le parezca.
2)Publicar la imagen o foto en una nueva capa llamada MODEL y así diferenciarla de la original, luego recortar el fondo con una máscara de recorte (Alt+Ctrl+6).
Una vez hecho esto, debe de aplicar el color que se ajuste al estilo del diseño.
Crear un footage
Primero que nada debes de crear una forma rectangular (short code U).
El rectángulo debe de ir de forma vertical u horizontal según sea la superficie de la playera que queramos que ocupe el mockup.
Es necesario tener en cuenta que la playera es únicamente vertical, una vez en ese punto, habrá creado un rectángulo de aproximadamente las mismas medidas.
Últimos toques sobre arrugas y texturas
Para generar arrugas y texturas lo primero que debemos de hacer es pinchar la capa MODEL, duplicando (Ctel+J o copiando Crtl+C y Ctrl+V , en una nueva capa).
Así se creará una capa “nombrada arrugas” y que será colocada encima del footage.
Siguiente paso
Ajustar los colores y el contraste la capa de arrugas a su máxima expresión.
Se debe crear una mata de ingredientes de blanco o negro, que solo se ajuste a la capa duplicada.
Además se deben ajustar valores hasta solo tener las formas y la textura de la imagen.
Una vez hecho esto, se debe de fusionar la capa duplicada y la capa de mapa de gradiente (Ctrl+E o se seleccionan ambas capas usando el botón derecho <Cambiar capas>).
Después se debe añadir la capa de arrugas, a él footage (Ctrl+Alt+6) y colocar el modo de fusión en multiplicar.
Finalmente solo se tendría que ajustar su capacidad para conseguir sombras realistas y así es como se crea un mockup de playera fácil y sencillo.