Banners estáticos

Hola a todos.
Esta semana hemos creado dos banners a partir de una imagen que nos a dado la profesora.
Os dejo los pasos que he seguido:

1.He creado un documento con las dimensiones que la profesora nos a indicado para cada banner
en el caso del banner del tabaco es un Pop Under y en el caso del banner del banco triodos tiene unas dimensiones de 336x280
2.A continuación he creado todos los elementos que no venían en la imagen:

3. He guardado los banners con las dimensiones y los ppp adecuados
Este es el resultado:

Gifs black mirror

Hola a todos.
Esta semana hemos creado unos gifs a partir de una sola imagen que nos daba la profesora.
Os dejo los pasos que hemos seguido:

1. La profesora nos enseñó las secuencias de los gifs y lo apuntamos
2. Nos dió las imágenes iniciales de los gifs
3. Creamos los elementos que faltaban en la imagen para poder hacer los gifs

4. Por cada elemento y movimiento en el gif creamos una capa nueva y la añadimos a la línea de tiempo

5. Una vez montado, exportamos a formato GIF:

Gifs en Photoshop

Hola a todos.
Esta semana hemos realizado una práctica que consiste en realizar gifs a partir de "capas" y la línea de tiempo en Photoshop.
Os dejo con los pasos que he seguido.
Espero que os guste.

1. La profesora nos dió unas imágenes sin movimiento donde tendríamos que hacer que se muevan:

2. Agregé esta imagen a Photoshop y comencé a mover a la bailarina a partir de la herramienta "Transformar" y a crear capas para después ponerlas en la línea de tiempo:

3. Por cada capa que iba haciendo, hacía una capa en la línea de tiempo sólo visualizando la capa que quisiera para después darle movimiento a la bailarina:

4. Finalmente teniendo todas las capas en la línea de tiempo este es el resultado

Siguiendo el mismo proceso he realizado el banner institucional:

Banner Institucional

Hola a todos.
Esta semana hemos creado un banner que promociona a nuestro instituto en el ámbito de artes gráficas para que la gente se matricule.
Os dejo el banner y los pasos que he seguido.
Espero que os guste.

1. He creado un nuevo documento con las medidas que he deseado en Photoshop. Sus medidas son 720x300, por lo tanto es un Pop Under
2. He duplicado este documento 5 veces para poder realizar la portada mas cuatro ciclos.
3. Los he editado en Photoshop añadiendo imágenes y tipos de internet.
4. He ajustado resolución(72ppp) y he cambiado el modo de color a "color indexado" para poder realizar el gif.
5. Finalmente he añadido las imágenes a la app "GIF Maker" y he descargado el gif.

Banners

Hola a todos.
Esta semana hemos aprendido los tipos de banners que hay y los principales formatos de estos.
En esta práctica hemos buscado 6 banners de cada tipo y hemos tenido que definir qué tipo de banners es, sus dimensiones, formato y peso del archivo y su modo de color.
Espero que os guste.

¿Qué son los banners?pieza de publicidad de contenido gráficoque se introduce en cualquier portal online para dar visibilidad a una marca, negocio o campaña de cualquier tipo y puede ser tanto estática como dinámica

Banners Estáticos: Son aquellos banners que no tienen ningún tipo de animación y contienen un breve texto, con enlace a la web.

1.Banner RENAULT:

• Banner estático
• Sus dimensiones son 300x600 px por lo que es "Half-page ad" (Anuncio de media página) y tiene 72ppp
• Está en formato PNG y pesa 196KB
• Tiene modo de color RGB
• Encontrado en https://www.elmundo.es/

2. Banner PEUGEOT

•  Banner estático
• Sus dimensiones son 300x100 px por lo que es "3:1 rectangle" y tiene 72ppp
• Está en formato JPEG y pesa 11KB
• Tiene modo de color RGB
• Encontrado en https://www.elmundo.es/

3. Banner Álvarez

• Banner estático
• Sus dimensiones son 120x60 px por lo que es "Botón" y tiene 72ppp
• Está em formato JPEG y pesa 4KB
• Tiene modo de color RGB
• Encontrado en https://www.elmundo.es/

4. Banner 888

• Banner estático
• Sus dimensiones son 980x90 por lo que es "Leaderboard" y tiene 72ppp
• Está en formato JPEG y pesa 36KB
• Tiene modo de color RGB
• Encontrado en https://www.marca.com/

5. Banner amazon

• Banner estático
• Sus dimensiones son 225x127 por lo que es "cuadrado pequeño" y tiene 72ppp
• Está en formato JPEG y pesa 28KB
• Tiene modo de color RGB
• Encontrado en https://www.marca.com/

6. Banner Spotify

• Banner estático
• Sus dimensiones son 300x250 por lo que es "Rectángulo medio" y tiene 72ppp
• Está en formato JPEG y pesa 100KB
• Tiene modo de color RGB.
• Encontrado en https://www.abc.es/

Banners animados o dinámicos: Son aquellos banners que contienen algún tipo de animación.

1.Banner DIA

• Banner dinámico
• Sus dimensiones son 970x250, por lo que es un MegaBanner y tiene 72ppp
• Está en fomato GIF y pesa 108KB
• Tiene un modo de color RGB
• Consta de 4 fotogramas
• Encontrado en https://www.abc.es/

2. Banner FAMILY SEGUROS

• Banner dinámico
• Sus dimensiones son 980x90 por lo que es un "LeaderBoard" y tiene 72ppp
• Está en formato GIF y pesa 11KB
• Tiene un modo de color RGB
• Consta de 3 fotogramas
• Encontrado en https://www.abc.es/

3.Banner UNHCR ACNUR

• Banner dinámico
• Sus dimensiones son 300x100 por lo que es "Rectángulo" y tiene 72ppp
• Está en formato GIF y pesa 33KB 
• Tiene un modo de color RGB
• Consta de 18 fotogramas
• Encontrado en https://www.abc.es/

4. Banner OPENBANK

• Banner dinámico
• Sus dimensiones son 300x100 por lo que es "Rectángulo" y tiene 72ppp
• Está en formato GIF y pesa 30KB
• Tiene un modo de color RGB
• Consta de 4 fotogramas
• Encontrado en https://www.marca.com/

5. Banner EXPERTS MONEY

• Banner dinámico
• Sus dimensiones son 970x250 y tiene 72ppp
• Está en formato GIF y pesa 263KB
• Tiene un modo de color RGB
• Consta de 150 fotogramas
• Encontrado en https://www.abc.es/

6. Banner Herbal Essences

• Banner dinámico
• Sus dimensiones son 300x250 por lo que es "Rectángulo mediano"y tiene 72ppp
• Está en formato GIF y pesa 181KB
• Tiene modo de color RGB
• Consta de 90 fotogramas
• Encontrado en https://www.abc.es/

Semana de producción IES Puerta Bonita

Hola a todos.
Recientemente se ha celebrado la semana de producción en nuestro centro de estudios, el IES Puerta Bonita.
Esta entrada tratará de explicar un poco por encima de qué trata y de los proyectos que se han presentado.
Espero que os guste.

¿Qué es la semana de producción? La semana de producción es un trabajo que se hace durante una semana donde trabajan los cursos de audiovisuales y artes gráficas. Durante una semana se realizan diferentes proyectos que luego serán presentados en una gala final.

Proyectos presentados: 

Tazas: 

Calendario 2020 "La movida Madrileña": 

Packaging de la taza:

Maquetas:

Bolsas:

Carteles:

Portadas de libros: 

Logos para empresas:

Comienzo 3ª Evaluación. Stop Motion

Hola a todos. Estas semanas hemos aprendido a cómo realizar un stop motion a partir de recortables. Os dejo el proceso y los pasos que hemos seguido.
Hemos realizado esta actividad en grupo.

¿Qué es un stop motion?Técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una sucesión de imágenes fotografiadas.
1. Primero pensamos en posibles ideas y realizamos story board. Un story board es la secuencia del stop motion que vayamos a realizar escrita en papel, aquí podremos poner los planos de nuestro stop motion:

2. Imprimimos una vela y diferentes tipos de llama para darle una pequeña animación a esta.
3.Recortamos detalladamente los diferentes tipos de velas y llamas:

4. Hicimos al rededor de 25-30 fotos donde movíamos los elementos de nuestro stop motion poco a poco para que se crease una animación cuando las fuésemos a colocar en orden las fotos y realizar el vídeo en una aplicación específica para realizar stop motion:

Resultado final:

Nombre la aplicación: Stop Motion Maker

PDF interactivo

Hola a todos.
Esta semana hemos realizado 3 PDF interactivos y hemos aprendido las herramientas para que estos sean posibles.
Os dejo con una pequeña explicación de qué herramientas hemos utilizado y ejemplos de PDF interactivos.

Herramientas:
1. Agregar o editar vínculo:

Esta herramienta la encontramos en "Edición del contenido". Nos permite crear un vínculo en nuestro PDF donde podemos elegir a dónde queremos que lleve al usuario. Hay 4 opciones: Ir a la vista de la página, Abrir un archivo, Abrir una página web o Vínculo personalizado.

2. Marcadores:

Esta herramienta la encontramos en la parte izquierda de la pantalla:

Nos permite poner marcadores en cualquier página de nuestro PDF para así cada vez que entremos en esta ventana y clickemos en el marcador de la página donde queramos ir nos lleve directamente a ella.

3. Transiciones de página

Esta herramienta se encuentra en la parte superior izquierda de la página:

 Esta herramienta, como bien dice su nombre, nos permite realizar efectos de modo que cuando pasemos de página en nuestro pdf podremos ver el efecto de la transición que hayamos elegido.

4. Objetos interactivos:

Agregar vídeo: Nos permite agregar el vídeo que deseemos en nuestro pdf

Agregar sonido: Nos permite agregar un sonido que deseemos en nuestro pdf

Agregar swf: Nos permite agregar un archivo SWF(Flash) en nuestro pdf

Agregar 3D: Nos permite agregar un archivo 3D en nuestro pdf