Transición de video.

Hola a todos.
Hoy vengo a hablaros de la transición de video, incluso a añadirle una pista de audio, todo en Photoshop.
Primero deberemos crear un nuevo documento, abrir la linea de tiempo de video.

Luego poco a poco iremos montando las imágenes una tras otra, ponerlas en la misma linea de tiempo nos hara todo más comodo que tenerlo en escalera.

Colocamos las imágenes y le adjuntamos transiciones y movimiento.


Después de eso solo nos quedara añadir la pista de audio de manera muy sencilla.

Lo acoplamos como queramos y lo guardamos dandole a interpretar video para guardarlo, le ponemos la calidad que queramos y ya tendríamos el video montado.

Eso ha sido todo por hoy, os dejare aquí un par de videos que he montado en clase para que lo veáis.
Espero que os haya sido de ayuda.
Un saludo.

Linea del tiempo con Photoshop

Hola a todos.
Hoy vengo a hablaros de como hacer una linea de tiempo de video con Photoshop.
Primero debemos crear el documento, colocar las imágenes que vamos a usar, abrir la herramienta de linea de tiempo y asegurarnos de que ponga linea de tiempo de video.


Después de eso nos saldrá la linea de tiempo del video.


Allí debemos ir a la opción de posición y crear un frame clave tras otro mientras movemos la figura que queramos usar.


Eso hará que photshop vaya creando frames hasta el punto donde has movido la imagen en el siguiente frame clave.



Con eso tendremos montado todo.
Para guardarlo deberemos darle a interpretar video.

Se nos abrirá una ventana de opciones y ahí ya lo ponemos a nuestro gusto para luego darle a interpretar.

Y eso seria todo.
Espero que os haya gustado y aquí dejo un par que he hecho yo en clase.
Un saludo.

HTML

Hola a todos.
Hoy vengo a contaros como hacer un banner en HTML5 maker.
El HTML5 es un lenguaje informatico

Primero debes meterte en la pagina y darle a crear uno nuevo.
Elegimos el tamaño o cogemos una de las plantillas, en mi caso lo empece de nuevo y poco a poco fui creandolo.


Podemos elegir como pasar de una a otra con las animaciones.
Agregar imagenes.

Podemos agregar texto y alli tambien poner un codigo url.



Y por ultimo para guardarlo debemos darle a Upload, lo guardamos y para copiar el HTML5 debemos darle a Empotrar.

Os dejo aquí el Banner que he hecho que lleva a la pagina de una compañera de clase. Espero que os guste.
Un saludo.

Banner Black mirror

Hola a todos, os vengo a enseñar unos banners que hemos montado en clase con la técnica de la entrada anterior, de temática de la serie Black Mirror.

El primero es uno titulado Computer.


El segundo es una cuenta atrás.


El tercero es una llamada de teléfono.



El siguiente se titula October



El quinto es Password


Y el ultimo es Program.


Espero que os haya gustado. 
Un saludo

Creación de Gif con Photoshop

Hola a todos.
Hoy os voy a explicar como crear un Gif en photoshop.

Para ello debéis elegir de que hacerlo, en mi caso de una bailarina y el banner de la entrada anterior.

Primero creamos el archivo en photoshop o arrastramos el que ya tenemos para abrirlo.
Una vez esto nos vamos a arriba del todo a ventana y seleccionamos linea de tiempo

Nos saldra algo asi.

Le daremos a crear cuadro de animación e iremos poco a poco creando más copias de cuadro de animación y modificándola.
Tendremos que ir seleccionando y deseleccionando las capas que queramos que salgan en esos cuadros en el orden que queramos.


Ahora solo nos quedara comprobar que esta bien y guardarlo.
Para ello debemos ir a archivo, exportar y guardar en web (heredado)

Una vez hecho eso nos aseguraremos que lo estemos guardando en Gif y le damos a guardar.

Y ya esta. Ya tendríamos nuestro Gif creado con facilidad. 
Os dejare aquí un par de ejemplos para que los veáis.
¡Un saludo!

Creación de Banner con Gif Maker

Hola  todos.
Hoy vengo a hablaros de como crear un banner con un pagina llamada Gif Maker. En mi caso ha sido sobre mi centro de estudios.

Para ello necesitaremos elegir las imagenes para crear el gif que sera nuestro banner, luego en photohop las editamos a nuestro gusto y del tamaño del Banner que deseemos

En mi caso ha sido 300x600pp

Despues de editar todas las imagenes guardamos un nativo y uno en jpg o png, en mi caso png. Buscamos la pagina web y subimos ahi los archivos.

Despues ajustaremos las opciones a nuestro gusto y crearemos el GIF para luego descargarlo.

Y asi tendriamos nuestro banner dinamico en formato GIF. 
Os dejo aqui mi ejemplo. 
Un saludo.

Tipos de Banners

Hola a todos.
Hoy vengo a hablaros de los Banners.
Se tratan de espacios publicitarios en paginas web

Os hablare de los estáticos y los dinámicos.
Estático: Se trata de un banner sin movimiento que solo consta de una imagen, guardada en png o jpg.
Dinámico: Es uno más complejo que consta con varias imagenes, haciendo asi un banner con movimiento. Se guarda en gif, flash y html5

Ahora os pondré unos ejemplos de cada uno.

Estatico

Tipo:Full Banner
Dimensiones:980x50pp
Formato:jpg
Modo de color:RGB
Peso:50.586 bytes
Sitio:El Pais

Tipo:Half Page ad
Dimensiones:300x600pp
Formato:png
Modo de color:RGB
Peso:195.821 bytes
Sitio:El Mundo

Tipo:Medium Rectangle
Dimensiones:300x250pp
Formato:Png
Modo de color:RGB
Peso:36.930 bytes
Sitio:El Mundo

Tipo:Half-Page ad
Dimensiones:300x600p
Formato:png
Modo de color:RGB
Peso:76.113 bytes
Sitio:El Mundo

Tipo:Half-page ad
Dimensiones:300x600pp
Formato:png
Modo de color:RGB
Peso:56kb
Sitio:20 Minutos

Tipo:Vertical banner
Dimensiones:120x600pp
Formato:jpg
Modo de color:RGB
Peso:23kb
Sitio:20 Minutos

Dinamico

Tipo:Half-Page ad
Dimensiones:300x600pp
Formato:gif
Modo de color:RGB
Fotogramas:3
Peso:143KB
Sitio:El Pais

Tipo:Square pop-up
Dimensiones:300x300pp
Formato:gif
Modo de color:RGB
Fotogramas:2
Peso:43kb
Sitio:El Mundo

Tipo:Rectangle
Dimensiones:300x100pp
Formato:gif
Modo de color:RGB
Fotogramas:3
Peso:7.448 bytes
Sitio:El Mundo

Tipo:Square pop-up
Dimensiones:480x480pp
Formato:gif
Modo de color:RGB
Fotogramas:105
Peso:43kb
Sitio:El Mundo Today

Tipo:Half-page ad
Dimensiones:300x600pp
Formato:Gif
Modo de color:RGB
Fotogramas:3
Peso:90kb
Sitio:El Mundo Today

Tipo:Half-page ad
Dimensiones:300x600pp
Formato:Gif
Modo de color:RGB
Fotogramas:3
Peso:115kb
Sitio:El Mundo Today




Espero que todos estos ejemplos de Banners os hayan servido.
Un saludo