Hola Taringueros.
Hoy quería traerles un post con un tema que al decir verdad desconocía pero que me ha sido y será de mucha ayuda para todos los que viven del diseño o quieren mostrar sus trabajos de forma más creativa y profesional.
Muchas veces veía como algunos diseñadores y profesionales de las artes visuales mostraban sus trabajos en superficies y objetos reales, como si en verdad lo imprimieran o se hubieran tomado el trabajo de realizarlos y tomarles fotografías muy profesionales. Acá unos ejemplos de los que hablo:
Hay que admitir que se ven muy bien y hacen ver mucho más profesional nuestro trabajo, folletos, carteles y logos. Después de una pequeña investigación me encontré con que son un tipo de template fácilmente modificables desde photoshop llamados MOCKUP. Sin embargo muchas personas no son muy ábiles en manejar este tipo de archivos en Photoshop los cuales contienen obejetos inteligentes, capas etc etc. Por eso decidí hacer este pequeño post para ayudar a los taringueros curiosos y que quieren aprender a hacerlo. Todas son capturas propias:
PASO 1. ENCUENTRA TU MOCKUP PREFERIDO.
Es sorprendente la cantidad de mockup gratuitos y libres para descargar que se encuentran en la red, acá les dejo dos páginas con los mejores y mas vistosos según mi juicio.
PASO 2. TENER UNA VERSIÓN NO TAN VIEJA DE PHOTOSHOP.
Casi todos por no decir que todos lo mockup que encontremos, son para abrir y modificar en photoshop, así que obviamente debemos contar con una versión instalada de este en nuestros computadores.
PASO 3. RECONOCIENDO EL TERRENO.
Una vez tengamos descargado y descomprimido nuestro archivo o mockup nos encontraremos con esto:
Para el ejemplo tomé uno de los más complejos y quizás enredados mockup para trabajar , en este caso una revista con tres páginas para mostrar incluida portada. Cómo vemos, casi siempre nos encontraremos con dos archivos a veces tres: imágenes JPG que muestran cómo es el mockup, archivos pdf o de texto con licencias, fondos jpg que hacen parte del mockup y el mas importante es un archivo con extensión .psd, este último archivo es el que nos debe interesar y el que abriremos. Nos encontraremos con esto:
No se asusten, lo único que nos debe interesar por ahora con los cuadros ubicados en la parte inferior derecha , también conocidas como capas. Estas capas son las que debemos editar:
Lo que primero vemos es una capa llamada "deletethis", casi nunca nos encontraremos con este tipo de capas pues solo muestran publicidad , así que en este caso como indica su nombre la borraremos, al hacerlo podremos ver claramente el diseño de la revista que editaremos:
PASO 4. VAMOS AL GRANO, EDITANDO ARCHIVO.
Ahora podemos ver que hay una capa llamada "change this layer", en casi todos los mockup que encontramos en la red, la capa que es editable siempre tendrá un nombre que la delate. En otros casos puede ser: PUT YOUR LOGO HEAR, PUT YOUR DESIGN HERE, YOUR DESIGN HEAR etc. en este caso podemos ver como la capa editable se llama "place your logo hear"
Sin embargo, la forma más fácil para saber cual es la capa que debemos editar con nuestro diseño propio es la que tiene este icono a su lado derecho como vemos acá:
En este caso podemos ver que el icono que demuestra que es la capa que debemos editar, lo tienen las llamadas : Cover, cover extra, page left y page right.
En muchos casos, cuando el diseño tiene mas de una parte como lo sería esta revista que contiene una portada y dos páginas, estarán identificadas con su nombre. Si por ejemplo vamos a editar un mockup de un logo, nos toparemos con una sola capa modificable. Ahora le daremos doble click a la capa que queramos editar, en este caso editaremos primero la capa "COVER"
Podemos ver que ahora tenemos el diseño editable de lo que veíamos en la portada, lo primero que tenemos que hacer es borrar todo lo que este en esta ventana para que podamos editarla a nuestro gusto, para esto simplemente tenemos que borrar todas las capas que estén a la derecha hasta que quede solo una en blanco:
Ahora simplemente importamos la imagen con nuestro diseño y la ubicamos en en esta capa blanca. Para este ejemplo ubiqué uno de mis diseños:
Luego debemos darle a guardar y aceptar todo lo que salga y podremos ver como el archivo principal ha cambiado mágicamente con nuestro diseño:
Ahora deben hacer lo mismo con el resto de capas y luego exportar como JPG y tendrás un portafolio y trabajos expuestos de calidad mucho más profesional. A continuación les dejo algunos de mis trabajos editados y mostrados con varios mockups: