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

Crear y editar formularios con Adobe

Hola a todos.
Esta semana hemos aprendido a realizar formularios y algunas herramientas útiles de Adobe que nos permiten crear, editar y digitalizar cualquier formulario escaneado o digitalizado.
Os dejo con una pequeña explicación y un formulario que he realizado.
Herramientas:
1.Una vez entramos a Adobe Acrobat Pro nos aparece esta ventana donde podemos encontrar una pestaña donde nos pone "Herramientas", aquí empezaremos a configurar nuestro formulario

2. En edición de contenido podremos editar y agregar textos e imágenes. Esta herramienta es esencial cuando se habla de editar formularios ya digitalizados. En el caso de que no lo estén, podremos hacer un reconocimiento de texto OCR a través de la herramienta de acrobat de la imagen inferior.

3. En la pestaña de "Formularios" nos aparecen 4 opciones: 

Crear: Esta herramienta nos permite crear formularios desde cero o a partir de una plantilla.

Editar: Esta herramienta nos permite editar el formulario. Hablaré de esta herramienta en el próximo párrafo.

Distribuir: Nos permite distribuir nuestro formulario a partir de correo electrónico o un servidor interno

Más opciones de formulario: Esta herramienta nos permite más opciones para editar nuestro formulario

4. Herramienta editar formulario: Nos permite agregar campos al formulario donde pueden ser: 

• Campo de texto: Nos permite agregar un campo de texto en nuestro formulario.

•  Casilla de verificación: Nos permite añadir casillas donde el usuario tendrá que clickear la casilla para verificar la opción que desea.

• Botón de radio: Nos permite agregar botones donde habrá opciones y el usuario deberá clickear el botón de la opción que desee.

• Cuadro de lista: Es una lista donde hay varias opciones y el usuario deberá clickear la que desee.

•  Menú desplegable: Es un menú donde se desplegan varias opciones y el usuario deberá elegir la que desee.

• Botón: Nos permite agregar un botón donde habrá diferentes opciones donde el usuario deberá clickear dependiendo de qué haya querido poner el creador del formulario.

(En este caso hemos realizado un botón transparente para cuando clickeen el logo se pueda imprimir el documento)

• Firma digital: Nos permite firmar nuestro documento.

•  Código de barras: Nos permite realizar un código de barras a partir de una serie númerica que pongamos.

Herramienta:

 También nos permite ver los campos que tiene nuestro formulario:

Formulario que hemos realizado: