Si eres diseñador, es muy probable que alguna vez hayas pasado horas haciendo algún prototipo digital, fotomontaje o “mock up de photoshop” para que tu cliente pudiera tener una idea más clara de cómo se vería el diseño en su página web o ya impreso. Pues bien aquí te traemos una increíble alternativa a todas esas horas de trabajo.
Psdcovers ha creado la forma más fácil y ligera de crear previos digitales con calidad de imprenta (300 DPI) y con una sorprendente rapidez. Dentro de sus archivos tenemos los dispositivos de Apple, revistas, libros de pasta dura, folletos, tazas, empaques y una infinidad de posibilidades.
*El diseño aquí presentado fue hecho por EsBrillante
Para crear tu mock up de photoshop vas a necesitar seguir estos pasos:
1.- Descarga el archivo que necesites en www.psdcovers.com
2.- Descomprime los archivos, de esto obtendrás un archivo .atn que es una acción de photoshop (serie de pasos pregrabados).
3.- En Photoshop abre tu lista de acciones y arrastra el archivo .atn a ella. Automáticamente el programa colocará la nueva acción hasta abajo del listado.
Si no encuentras la ventana de acciones, la puedes abrir desde el menú ventana>acciones.
4.- Dale clic al folder de la acción que acabas de instalar. Te van a salir las acciones “step 1” y “step 2”. Ubícate sobre step 1 y dale play. Con esto te creará un nuevo lienzo. Debes colocar tu diseño respetando el área que se te indica para que el fotomontaje quede perfecto.
5.- Ya con tu diseño en su lugar, colócate en el “step 2” y dale play. Automáticamente te abrirá otro lienzo donde la magia comenzará a suceder. Se harán varios pasos y así el prototipo digital tomará forma casi por sí solo. A veces el programa te pedirá que hagas ajustes de sombras y efectos a tu gusto.
Y ¡Listo! No tienes que hacer nada más, ya tienes tu profesional mock up de photoshop separado por capas por si quieres hacer algún otro ajuste.
A diferencia de otros archivos de mock up de photoshop (40MB aprox.), estos archivos son muy ligeros porque son acciones (400 KB aprox.) y sólo necesitas colocar tu diseño en donde la primera acción te lo indique y dar play a la segunda parte, además de que son recursos totalmente gratuitos.
NOTA: En mi caso tengo photoshop en español, por eso a veces me dice cosas como “no se encuentra la capa layer 1” en estos casos sólo hay que oprimir la opción detener, ir a la capa 1 y renombrarla como “layer 1”, lo mismo pasa con background (fondo). Luego sólo se le da play y la acción continúa.
¿Y si busco un editor fotográfico?
En el caso de que más bien quieras editar tus fotos de una manera fácil, accesible y sin costo, te recomiendo esta lista con 11 editores gratuitos. (clic aquí)
Esperamos que esta nueva forma de crear tus prototipos digitales te sea útil. ¡A practicar se ha dicho!
Cuéntanos, ¿Qué te pareció?
Johng13 dice
Hey! Do you know if they make any plugins to help with Search Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains. If you know of any please share. Many thanks! fedkdekbfkgg
Smithd915 dice
Hello to all, the contents existing at this site are in fact remarkable for people knowledge, well, keep up the nice work fellows. fdeebfbfdfdfabed
Melisa Carvantes Barrera dice
Hi! Well, if you are using WordPress there is a plugin called “WordPrees SEO”. Also, we recommend to use your social networks to rank your blog.
Melisa Carvantes Barrera dice
Thank you so much, we are doing our best 🙂