En el mundo del diseño es imprescindible ser ‘la mas bonita de la fiesta’. Cuidamos al más mínimo detalle cada elemento de nuestro portafolio; los detalles, los colores, la estética, el estilo… Son nuestra carta de presentación, la identidad, el mensaje que transmitiremos y las sensaciones que provocaremos.

Y en este esfuerzo de mostrar nuestros trabajos de la mejor forma posible, el factor audiovisual está ganando protagonismo desde hace unos años. Si una imagen vale más que mil palabras, ¡un vídeo o una animación lo valen aún más! Existen mil formas de presentar un trabajo de manera audiovisual, pero el GIF es tendencia, y es lo que os traemos hoy.

Presentar una página web responsive en formatos de imagen puede ser algo limitado. Creamos un montaje con Photoshop en donde mostramos una versión adaptada al móvil, y siempre nos quedamos con la sensación de que no estamos mostrando todas las funcionalidades de la web, los efectos, las transiciones… Pues bueno, os traemos una solución: Mockups animados en Photoshop. Te descargas el PSD (CS6), añades tus diseños, y voila!

De momento, existen estas cuatro variables de libre descarga, pero seguro que en breve surgirán muchas otras. Y por supuesto, os mantendremos al tanto de ellas.

Mockup animado para APPs.

Mock Up Animado en Photoshop. GIF de aplicación web.

Descargar
Ver tutorial

Mockup animado de Iphone.

Mock Up Animado en Photoshop. GIF de web en móvil, Iphone.

Descargar
Ver tutorial

Mockup animado de Ipad con galería.

Mock Up Animado en Photoshop. GIF de web en tablet, Ipad

Descargar
Ver tutorial

Mockup animado de Ipad con scroll.

Mock Up Animado en Photoshop. GIF de web en tablet, Ipad

 

Descargar
Ver tutorial

Por si sois diseñadores pro que manejás también After Effects, os dejamos ejemplos de presentaciones de proyectos realizados con la herramienta, que seguro que os servirán de inspiración. Poco a poco están surgiendo versiones animadas de mockups de pago de identidad corporativa, tarjetas de visita etc. Nosotros apostamos por los recursos gratuitos, así que cuando estén disponibles, os lo haremos saber ;)

Ejemplos de proyectos animados 1
Ejemplos de proyectos animados 2
Programa para crear animaciones en After Effects 



Erantzun

Zure e-posta helbidea ez da argitaratuko. Beharrezko eremuak * markatuta daude

Ondorengo XHTML etiketa eta atributuak erabil ditzakezu: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Loading

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, haga click en el enlace para mayor información. ACEPTAR

Aviso de cookies
%d bloggers like this: