Recursos Diseño Gráfico, Tutoriales de Diseño

Crea increíbles prototipos digitales con sólo 2 clics. Herramienta gratis

 

mock up de photoshop

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.

Mailing_Liverpool

*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.

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.

how-step05

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.

how-step10

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.

Esperamos que esta nueva forma de crear tus prototipos digitales te sea útil. ¡A practicar se ha dicho!

Cuéntanos, ¿Qué te pareció?

Acerca de Melisa Carvantes Barrera

Siempre me han calificado como una persona creativa y con dotes de liderazgo, cosa que agradezco a quienes ven esas cualidades en mi.Soy Lic. En diseño gráfico desde el 2011 aunque empecé a trabajar como diseñadora desde antes, calculo haber empezado en el 2008. He tenido todo tipo de trabajos en esa rama; he estado en Agencias de Diseño Outsourcing (En la agencia de diseño en la que trabajé se hacía mucho diseño para Noruega), he sido Diseñadora “Inhouse” en una casa de empeño, he sido Diseñadora por Igualas, Diseñadora Freelance, Diseñadora gráfica en Imprentas y más recientemente he trabajado como Socia Fundadora en la Agencia de Diseño “EsBrillante”.Me encanta escribir y compartir todo lo que he aprendido en mi camino. Tengo la firme creencia de que con compromiso y aprendiendo de los errores cualquier negocio puede ser exitoso.

Publicaciones relacionadas

5 comentarios en “Crea increíbles prototipos digitales con sólo 2 clics. Herramienta gratis

  1. 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

  2. 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

  3. 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.

  4. Thank you so much, we are doing our best 🙂

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *