viernes, 12 de abril de 2019

Black mirror Banner




Hola amijos bienvenidos un día mas a otra entrada.




Hoy os voy a enseñar unos gif muy chulis de black mirror. Espero que os gusten UwU 💕





 Computer error




Cuenta atras






Mom movil





October






Password






Program







Y hasta aqui la entrada de hoy. Espero que os haya gustado. Un abraso mijos y hasta la proxima.






Gifs

Hola amijos y bienvenidos un día más.

¿ Quieres presumir delante de tu pandilla de ser el mas pro con photoshop, de hacer gif espectaculares y dejarlos con la boca abierta? No busques más.

Hoy os voy a explicar como hacer un gif en photoshop. Tranquilidad todo el mundo, es mas fácil de lo que parece.


En primer lugar tenemos que elegir la o las imágenes que queramos volver gif. Para hacer el gif tenemos que usar la linea de tiempo. En este caso yo use un fondo rojo con una bailarina que dará vueltas.


Para hacer el efecto de giro tenemos que hacer copias y deformar a la bailarina cada vez más en cada capa. Nunca en una misma capa. Repito. NUNCA. Como lo hagáis, voy a vuestra casa a pegaros.



Tras hacer esto, nos vamos a la linea de tiempo y comenzamos a crear fotogramas con cada capa. luego si eso le cambias la velocidad. 



Truco del almedruco: para seleccionar todos los fotogramas para cambiarle la velocidad y no tener que ir de una en una, pulsa sift y haz click hasta la capa o fotograma que quieras seleccionar y en una de ellas le das en el numero que te aparece debajo de los fotogramas donde se cambia la velocidad.




Después de haber terminado de poner fotogramas podrás ver el resultado y ajustarlo a tu gusto.





Para guardarlo en formato .GIF nos vamos a Menú Archivo --> Exportar --> Exportar para web (heredado) y le pones en formato gif como se ve en la imagen. Importante* pon la opción de infinito porque así no se reproducirá una vez en la página.

   



           


Y ya lo tienes carajo. Tu gif único y especial. No me des la gracia.



Os voy a dejar por aqui un par de ello para que veas el resultado.

                  




Bueno y hasta aquí la entrada de hoy. Espero que os haya gustado. Un abraso mijos y hasta la próxima entrada.






Banners en Photoshop



Hola amijos bienvenidos otro día más.




En esta ocasión vengo a explicaros y daros pequeñas instrucciones para crear un banner vuestro, único y especial en photoshop, usando la linea de tiempo. Si no sabeis dónde encontrarla, que no panda el cunico, menú----> ventana----> Linea de tiempo. ;)





Bueno lo primero es crear las imágenes para nuestro gif en photoshop.



Las mias son estas.

 
 









Una vez creadas nos vamos a ir a una pagina para crear el banner interactivo. La pagina que he usado yo es gifmaker.








En primer lugar subimos y selecionamos las imagenes creadas previamente en Photoshop.



     





Tras subirlas te dará la posibilidad de controlas la velocidad y el orden de las imagenes.






Tras tener el banner a nuestro gusto le daremos a "Create GIF Animation" y después a Download the GIF justo debajo.



                   






Y ya tenemos nuestro banner personal creado ;)










Dejo por aquí el mío para que veáis más o menos el resultado.
















Y bueno, Hasta aqui esta entrada. Espero que os haya gustado. Un abrazo. 





jueves, 21 de marzo de 2019

Banner

Hola amijos, bienvenidos un día más.

En esta ocasión vengo a explicaros que es un banner y dos tipos de los muchos que hay.


Primero. ¿Qué es un banner?
Es un espacio publicitario en una pagina web.

Están los banners estáticos y los dinámicos.

Estáticos: Son simples imágenes que enlazan a la pagina web del anunciante. Puede tener un logo. Se guardan en png. o jpg

Dinámicos: Tienen algún tipo de animación con efecto de texto y/o imagen. Enlaza a la web al igual que los estáticos. Puede tener un logo, texto, un eslogan, etc. Se suele guardar en .gif, flash o HTML5

Aquí os dejo unos ejemplos para que veáis las diferencias.

ESTÁTICOS





















Tipo de banner: Half Page ad
Dimensiones: 319x622
Formato: PNG
Peso: 344 KB
Modo de color: RGB








Tipo de banner: Pop-Under
Dimensiones: 759x90
Formato: PNG
Peso:62 KB
Modo de color: RGB























Tipo de banner: square Pop-on
Dimensiones: 328x277
Formato: PNG
Peso: 188 KB
Modo de color: RGB





Tipo de banner: Leaderboard
Dimensiones: 980x250
Formato: JPEG
Peso: 39 KB
Modo de color: RGB






Tipo de banner: Leaderboard
Dimensiones: 970x250
Formato: JPEG
Peso: 93 KB
Modo de color: RGB





Tipo de banner: 3:1 Rectangle
Dimensiones: 324x113
Formato: PNG
Peso: 63KB
Modo de color: RGB





DINÁMICOS



Tipo de banner: 3:1 Rectangle
Dimensiones(px): 300x100
Resolución: 72 ppp
Formato: GIF
Peso del archivo: 27 KB
Modo de color: RGB
Numero de diapositivas: 9









Tipo de banner: 3:1 Rectangle
Dimensiones(px): 300x100
Resolución: 72 ppp
Formato: GIF
Peso del archivo: 19 KB
Modo de color: RGB
Numero de diapositivas: 3








Tipo de banner: Half page ad
Dimensiones(px): 300x600
Resolución: 72 ppp
Formato: GIF
Peso del archivo: 139 KB
Modo de color: RGB
Numero de diapositivas: 2








Tipo de banner: Square Pop-Up
Dimensiones(px): 300x300
Resolución: 72 ppp
Formato: GIF
Peso del archivo: 28 KB
Modo de color: RGB
Numero de diapositivas: 4








Tipo de banner: 3:1 Rectangle
Dimensiones(px): 300x100
Resolución: 72 ppp
Formato: GIF
Peso del archivo: 30 KB
Modo de color: RGB
Numero de diapositivas: 5






Tipo de banner: Half page ad
Dimensiones(px): 300x600
Resolución: 72 ppp
Formato: GIF
Peso del archivo: 154 KB
Modo de color: RGB
Numero de diapositivas: 5








Y bueno hasta aqui la entrada de hoy. Espero que os haya gustado. Un abrazo.

miércoles, 20 de marzo de 2019

Semana de producción




Hola y bienvenidos un día más. 
En esta ocasión vengo a explicaros que es la semana de producción la cual se celebro la semana pasada del 11 al 17.

La semana de producción consiste en una colaboración entre los alumnos de grado superior con ayuda de algunos alumnos de segundo año de grado medio. Estas actividades son como un trabajo final antes de marchar a las FCT. Los grados que participan son imagen y sonido e impresión.

Los alumnos participantes dieron una pequeña charla en el salón de actos del centro explicando el proceso de los trabajos de impresión y los pequeños videojuegos que crearon para que el resto de alumnos del centro los vieran y probaran. También había un stan donde había cuadernos con diseños de alumnos y podías cojer uno. Y por supuesto impresiones en tazas, posters, camisetas, packaging, etc.











Y hasta aqui esta entrada. Espero que os haya gustado.
Un abrazo y hasta la proxima.




lunes, 18 de marzo de 2019

Stop Motion

Hola y bienvenidos a una entrada más.

En esta ocasión vengo con un proyecto en grupo de Stop Motion. 

Y os preguntareis ¿Que es un Stop Motion??

Un Stop Motion es una técnica de animación que consiste en aparentar movimiento de un objeto estático por medio de fotografías consecutivas.

Para hacer un Stop Motion lo primero es el guión y en este caso hicimos un Story Board como en muchas series y películas de animación, como por ejemplo, Disney.






Seguidamente hicimos las fotos moviendo poco a poco las imágenes. El nuestro fueron de 180 a 200 fotos más o menos. La aplicación que usamos fue Stop Motion Studio.


También hicimos fotos del proceso 



















Os dejo el video final. Lamentablemente no hemos podido poner el audio, pero para que os hagais una idea era Run de BTS, porque pegaba. :v






Y aquí termina esta entrada espero que os haya gustado. Un abrazo.