Banners

Hola a todos hoy os traigo una nueva práctica de Ensamblado de Publicaciones Electrónicas sobre los banners.

¿Qué son los banners?

Un banner es una forma de publicidad en Internet que consiste en incluir una pieza publicitaria gráfica dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión. Hay distintos formatos de archivo que se usan en los banners.

Los banners estáticos normalmente suelen estar en .jpg o .png y los banners dinámicos suelen estar en .gif, .swf y tambien java script.

Ejemplos de banners estáticos:

1 - www.gabriela-h.com:

Dimensiones(px) y resolución:735 x 1200 y 72ppp
Formato y peso del archivo: .jpg y 152 KB
Modo de color: RGB
2 - www.elmundo.es:

Dimensiones(px) y resolución:300 × 600 y 72ppp
Formato y peso del archivo: .png y 205 KB
Modo de color: RGB
3 - www.elmundo.es:

Dimensiones(px) y resolución:970 × 250 y 72ppp
Formato y peso del archivo: .jpg y 74 KB
Modo de color: RGB
4 - www.larazon.es:

Dimensiones(px) y resolución:120 × 600 y 72ppp
Formato y peso del archivo: .jpg y 25 KB
Modo de color: RGB
5 - www.abc.es:

Dimensiones(px) y resolución:300 × 250 y 72ppp
Formato y peso del archivo: .jpg y 41 KB
Modo de color: RGB
6 - www.elmundo.es:

Dimensiones(px) y resolución:728 × 90 y 72ppp
Formato y peso del archivo: .jpg y 90 KB
Modo de color: RGB

Ejemplos de banners dinámicos:

7 - www.g2a.com:

Dimensiones(px) y resolución:1170 × 297 y 72ppp
Formato y peso del archivo: .gif y 508 KB
Modo de color: RGB
Número de fotogramas: 30
8 - www.abc.es:

Dimensiones(px) y resolución:970 × 250 y 72ppp
Formato y peso del archivo: .gif y 156 KB
Modo de color: RGB
Número de fotogramas: 5
9 - www.abc.es:

Dimensiones(px) y resolución:970 × 250 y 72ppp
Formato y peso del archivo: .gif y 266 KB
Modo de color: RGB
Número de fotogramas: 150
10 - www.elmundo.es:

Dimensiones(px) y resolución:728 × 90 y 72ppp
Formato y peso del archivo: .gif y 70 KB
Modo de color: RGB
Número de fotogramas: 2
11 - www.abc.es:

Dimensiones(px) y resolución:300 × 100 y 72ppp
Formato y peso del archivo: .gif y 37 KB
Modo de color: RGB
Número de fotogramas: 18
12 - www.elconfidencial.com:

Dimensiones(px) y resolución:141 × 280 y 72ppp
Formato y peso del archivo: .gif y 41 KB
Modo de color: RGB
Número de fotogramas: 4

Semana de producción

Hola a todos, recientemente se realizo la semana de producción en nuestro instituto, IES Puerta Bonita y quería comentaros algo sobre esta ocasión.

¿Qué es la Semana de producción?

La semana de producción es una semana en la que alumnos de 2º curso de grado medio y grado superior hacen una exposición sobre trabajos de producción realizados a base de conocimientos y habilidades desarrolladas y obtenidas a lo largo de la formación, son trabajos en los que se aplican condiciones de trabajo reales.

Trabajos realizados:

Calendario:

Revista:

Diseño de camiseta:

 Carteles:

 Diseño de caja de taza:

 Catálogo de la movida de los 80':

 Libro:

Stopmotion

Hola a todos hoy os traigo una practica nueva de Ensamblado de Publicaciones Electrónicas sobre un Stopmotion que hicimos en clase en grupo Yo, Cristina Donoso y Daniel Samuel Balmos.

¿Qué es Stopmotion?

Stop Motion es una 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. El movimiento del objeto estático se construye, fotograma a fotograma, manipulando el objeto entre tomas.

Para realizar esta técnica hemos seguido una serie de procedimientos, que son:

1. Lo fundamental es saber el tema de la animación y los recursos que se usaran para poder crearlo. En nuestro caso solo podíamos usar material recortado a partir de papel. Es muy recomendable tener un tripode para la cámara que usaremos ya que esto evitara que la imagen se vea movida entre fotogramas.
2. El segundo paso es crear un storyboard que podrá ser simple o complejo dependiendo de la animación que vayamos a hacer.
   
3. Luego de crear el storyboard debemos hacer las imágenes que luego serán los fotogramas que usaremos para la animación. De nuevo, es muy recomendable usar tripode. Estas imágenes se pueden editar o retocar en aplicaciones como Adobe Photoshop si es necesario.
   
4. Al tener las imágenes listas, es hora de hacer la animación. Para esto podemos usar cualquier programa de creación y edición de videos.
5. Finalmente se exporta la animación al formato que queremos usar y listo, tenemos una animación con la técnica de Stopmotion.

Aquí os dejo unas imágenes de mi grupo haciendo la práctica:

PDFs multimedia y interactivos

Hola a todos hoy os traigo una práctica de Ensamblado de Publicaciones Electrónicas sobre las herramientas para crear y editar PDFs multimedia y interactivos.

¿Qué son los PDFs multimedia y interactivos?

Son archivos PDF que han sido modificados de tal manera para que puedan contener y reproducir archivos de video, audio, 3d, flash... etc. Estos PDFs permiten interactividad entre el usuario y el PDF para permitir una experiencia mas profesional.

Herramientas para editar y crear estos PDFs:

• Edición del contenido:
  

1. Editar texto e imágenes permite editar las cajas de texto e imágenes del PDF.
2. Agregar texto permite añadir texto al PDF.
3. Agregar imagen permite añadir imágenes al PDF.
4. Exportar archivo a... permite exportar el archivo a un formato especificado.
5. Agregar o editar vínculo permite agregar diferentes elementos como enlaces al PDF.
6. Agregar marcador permite agregar marcadores de página al PDF.
   
7. Adjuntar un archivo nos permite insertar archivos diversos al PDF.

• Objetos Interactivos:
  

1. Agregar botón sirve para para crear un botón dentro del PDF al que le podemos asignar diversas acciones.
2. Agregar vídeo sirve para agregar un video en el PDF y nos ofrece varias opciones de personalización.
3. Agregar sonido sirve para meter un archivo de audio dentro del PDF y tambien nos permite modificar algunas opciones para el momento de la reproducción del audio.
4. Agregar SWF sirve para agregar archivos .swf o Flash dentro del PDF.
5. Agregar 3D sirve para añadir un archivo 3D admitido por Adobe Acrobat dentro del PDF.
6. Seleccionar objeto sirve para seleccionar los objetos interactivos del PDF y manipularlos a nuestro gusto.

Formularios

Hola a todos hoy os traigo una práctica de Ensamblado de Publicaciones Electrónicas sobre algunas herramientas de Adobe Acrobat Pro de la edición y creación de formularios.

Herramientas y sus usos:

• Campo de texto: los campos de texto aceptan valores introducidos por el usuario: caracteres alfabéticos, numéricos, o ambos.
  
• Casilla de verificación: las casillas de verificación están para servir como campos de verificación.
  
• Botón de radio: crea un grupo de botones de radio si desea que el usuario seleccione sólo una opción del conjunto de opciones. Todos los botones de radio de un grupo comparten el mismo nombre aunque cada botón tiene un valor de botón diferente.
  
• Cuadro de lista: muestra las opciones que estarán disponibles en la lista.
  
• Menú desplegable: abre una lista de opciones para seleccionar.
  
• Botón: sirve como botón al que se le puede asignar una acción.
  
• Firma digital: sirve para crear un campo que se podrá firmar con la firma digital del usuario.
  
• Código de barras: sirve para insertar un código de barras en el formulario.
  

Ejemplo de un formulario:

Efecto Flip-Page con InDesign

Hola a todos hoy os traigo una nueva práctica de Ensamblado de Publicaciones Electrónicas sobre otro método para crear el efecto flip-page.

¿Qué es el efecto flip-page?

Es un efecto de software que muestra visualmente una representación de un periódico, libro o folleto como páginas de papel virtual que se pueden voltear manualmente.

Proceso para crear el efecto flip-page con InDesign:

1. Creamos un documento nuevo en InDesign con la opción de páginas opuestas/enfrentadas marcada.
   
   
   
   
2. Personalizamos las páginas a nuestro criterio.
   
3. Para agregar la numeración de las páginas seleccionamos las páginas maestras, agregamos en las dos páginas cajas de texto y vamos a Insertar carácter especial > Marcadores > Número de página actual.
   
   
   
   
   
4. Para finalizar exportamos el archivo en formato swf con el efecto de doblez de página (efecto flip-page).
   
5. Debería quedar así:

Flipsnack

Hola a todos hoy os traigo una nueva practica de Ensamblado de Publicaciones Electrónicas sobre Flipsnack.

¿Qué es Flipsnack?

Flipsnack es una herramienta muy útil para publicar documentos en PDF convirtiéndolos en un recurso en flash con aspecto de revista o libro digital.

Proceso para hacer un Flipsnack:

1. El primer paso obviamente es tener el .pdf listo y registrarse en https://www.flipsnack.com 
   
2. El segundo paso es subir el .pdf a flipsnack y editarlo como mejor nos parezca. 
   
   
   
   
3. El tercer paso es guardar el .pdf con el efecto de flipsnack y conseguir el codigo embedido o el tipo de salida que usaremos en nuestra página web.
   
   
   
   
4. Así es como debería quedar.