Crear un MockUp sencillo
Crear un MockUp sencillo puede resultar un poco «agobiante»cuando empezamos con los MockUps, por lo que hoy os proponemos ver cómo haríamos una portada de libro!
Antes de empezar con ello, debemos definir qué es un “MockUp”. Los MockUp son fotomontajes que permiten a los diseñadores gráficos y web mostrar al Cliente cómo quedarán sus diseños. Con lo cual, podemos vender mejor nuestro trabajo.
También, comentaros que para este Ejercicio, lo ideal sería que tuvieseis nociones medias de Photoshop!
Así, para hacer un MockUp sencillo, los pasos a seguir serían:
1. Primero de todo, lo que debemos hacer es elegir una imagen de internet de más de 1000px de resolución como tamaño mínimo (si puede ser una foto tomada por nosotr@s mism@s, mejor todavía!). Tened en cuenta el tema de Derechos de Autor, si la persona cede la fotografía en cuestión o, cuanto menos, dejad el link en alguna parte para que la gente pueda saber quién es la/el autora/autor. En mi caso, he elegido una Fotografía, sacada de la web “www.libroantiguosevilla.es/“, aunque os dejaré el enlace al final de todo.
2. Cuando ya tengamos la imagen que queremos usar cuya portada queremos sustituir, la abriremos en Photoshop y trabajaremos los aspectos básicos de cualquier fotomontaje: ordenar y renombre nuestras capas y trabajar Máscaras de Capa y Capas de Ajuste para sombrear o hacer algún ajuste necesario. En mi caso, quitamos el fondo de la imagen, para trabajarle nosotros mismos el sombreado, y pusimos un fondo blanco simple:
Esta sería la Portada original, con las Capas ya trabajadas y organizadas.
Esta sería la Composición de Capas.
3. Con esto, ahora tocará colocar nuestro Diseño, que será otro Archivo de Photoshop, el cual traeremos usando el Menú [Archivo>Colocar elemento Incrustado…] y elegimos nuestro archivo de Photoshop con nuestro Diseño.
Yo hice un apaño rápido con una de las fotos usadas en la Práctica 2 del Campus y un Concepto de arte de Dragón de un videojuego llamado “God of War” (más de uno lo conoceréis!).
Artista: Stephen Oakley
Tened en cuenta, que este es sólo un ejemplo, trabajado de manera rápida, pero vosotros debéis trabajar correctamente las Capas, las Capas de Ajuste y sus Máscaras de Capa.
4. Al traer imágenes con la opción de [Colocar elemento incrustado…], Photoshop nos trae la imagen en calidad de Objeto Inteligente, lo cual nos fue perfecto, por que si tengo que modificar cualquier cosa del montaje original, simplemente le daríamos doble click y listo!
5. Saliendo del Objeto Inteligente, colocaremos en perspectiva el Obj. de la Portada, recuerda trabajar una Máscara de Capa para ocultar las áreas sobrantes, quedando algo así:
6. Y por último, simplemente tendremos que trabajar las Capas de Ajuste para terminar de integrar el contenido al escenario que usamos para nuestro MockUp.
Y eso sería todo! Con esto, ya sabemos cómo crear correctamente nuestro MockUp. Este ejemplo, bien se puede aprovechar para portadas de libro, como hemos visto, o CArteles, paredes, etc. Cualquier superfície plana! (Tened en cuenta de que en caso de ser un Cartel de parada de Bus o Metro, tendríamos que añadir al menos 1 Capa de píxel con la imagen que reflejaría en el cristal!)
¡Espero que este micro-tutorial para Crear un MockUp sencillo, os sirva de ayuda para vuestros proyectos con MockUps!
¡Nos vemos en el próximo articulo!