Que son los Mockup´s ෴ Guía para Crearlos

in #spanish6 years ago
En esta oportunidad quiero mostrarles uno de los elementos o recursos gráficos mas prácticos y eficientes que existen a la hora de mostrar un material de diseño a un cliente sin tener que realizarlo en físico, en material real, si no creando a escala en photoshop una maqueta o "mockup" bastante practico y realista que simule las propiedades físicas de un objeto real. En pocas palabras los Mock Ups son fotomontajes que permiten a los diseñadores gráficos y web mostrar al cliente cómo quedaran sus diseños. Además, permiten ahorrar en gastos de impresión y de montajes ya que, gracias a estas maquetas, podemos enseñar a nuestros clientes una idea más aproximada de cómo se vería su diseño en diferentes formatos: papel, páginas web, papelería, rótulos, vinilos, carteles con resultados muy realistas y bastante aproximados a la realidad.

¿Donde puedo conseguirlos o descargarlos?

En la red se pueden encontrar tanto gratuitos como Premium (de pago), y la mayoría ofrecen resultados de calidad y fáciles de editar si tienes conocimientos de Photoshop. En muchas páginas como graphicburger , freepik o freedesignresources podemos encontrar muchos interesantes y realmente bien diseñados y sencillos de utilizar. Al final del post les dejare links de mis web´s favoritas para descargarlos. Si prefieres crear tus propios mockups, a partir de una imagen ya tomada o una imagen propia, puedes hacerlo perfectamente con Photoshop. Aquí en este post les mostrare un tutorial interesante sobre cómo crear un mockup sencillo.

Para comenzar a realizar el diseño, necesitamos conseguir imágenes de texturas para crear el ambiente o escena donde pondremos nuestra maqueta, en este caso busque dos texturas, una de ladrillos blancos para la pared y otra de madera para el suelo, ademas busque un cuadro o portaretratos. Luego de tener todas imágenes que usaremos para la escena comenzamos a aplicarlas sobre en lienzo de trabajo.

1.jpg


Una vez tengamos las imágenes montadas en el lugar que queramos, comenzamos a editar las luces y las sombras de las imágenes para que en verdad parezcan una fotografía de un espacio y no un montón de imágenes colocadas encima de las otras, esto lo hacemos con los estilos de capas y con las herramientas de brillo y contraste, ademas crearemos un cuadro de cualquier color encima del marco que tengamos para luego hacer una mascara de recorte encima de la figura con nuestro arte final.

2.jpg


Por ultimo agregamos unos toque finales a nuestro marco o portaretrato, aplicamos sombra en la parte de abajo para que parezca que esta apoyado en el suelo y si así lo deseamos, podemos darle perspectiva cambiando la forma del marco para que no se vea como una imagen plana. Ya solo faltaría colocar nuestro arte encima y listo! tenemos un mockup elegante y sencillo para mostrar nuestro trabajo sin realizar gastos económicos reales.

3.jpg


Fuentes
http://www.hdfondos.eu/imagen/711508/texturas-madera-pared-1920x1080
https://www.pexels.com/photo/apartment-apple-business-chair-245032/
http://www.oldstonesespacios.com/paneles-de-ladrillo/

Paginas de recursos
https://www.mockupworld.co/
https://graphicburger.com


Recuerden que si les gusto el post y quieren ver mas material como este pueden seguirme y ademas si quieren ver algún tipo de post en especifico pueden comentármelo y lo tendré en consideración para futuras publicaciones, ademas si quieren ver mas de cerca mi trabajo o hacer un pedido para algún diseño en particular pueden contactarme en mis redes sociales o por medio de mi chat de discord! Nos leemos la próxima!

DQmNWGNSdzPGR1bWeuiszgtwAkmxiomyge3jz5NqgodH3Ug.jpg

Sort:  

Excelente información, con cada post tuyo me intereso mas en el diseño gráfico. Ya estoy poniendo en practica todos esos tips. Saludos!

Es un hermoso saber que la información que posteo en verdad sea de ayuda para alguien <3

@terandg. Recibiste el poder de la Mitología. 1er voto por el concurso. "BUSCANDO LA IMAGEN DE ATENA"

"EL PODER ESTÁ EN TI"

Logo minotauro.png

Loading...

Coin Marketplace

STEEM 0.25
TRX 0.11
JST 0.032
BTC 61618.64
ETH 3009.45
USDT 1.00
SBD 3.78