Entradas

Mostrando entradas de abril, 2018

Banner HTML 5

Imagen
Banner snack en editor de banner e gifs online el cual gratuitamente te permite diseñar unos cuántos banner online para que puedas insertarlos en tu página web. Esta página te permite introducir tu trabajo en "Embed" el cual es el código de HTML para insertar unos links conjuntos haciendo que puedas ver online el trabajo que has hecho, como hacemos a continuación: Igual que lo podemos poner en Gifmaker.me: Y esto que estamos viendo, está introducido por HTML, que es el código utilizado para modificación de una página web, que nosotros en la edición de una página web insertamos fácilmente las cosas, pero el trabajo interno es el que importa realmente. Para inspeccionar cierto código, tienes que introducirte en la pestaña "Inspeccionar" la cual te salen links y enlaces de todo lo publicado igual que si están en negrita , cursiva, lineada ...

Gifs Animados Pruebas

Imagen
En la anterior entrada hemos hecho el ejemplo con una chica bailando, en esta entrada pondremos algunos más complicados pero útiles con sus detalles, detalles por ejemplo como un texto después de otro con diferentes letras, colores, etc... y en la otra imagen, imágenes de una marca y texto conjunto en varias capas: Formato: GIF Dimensiones: 720 x 300 Peso: 143 Kb Modo de color: RGB Proceso En esta práctica hemos cojido la imagen del cigarro y hemos copiado la capa con un efecto de difuminación para que sea el fondo un poco movido. Los textos he ido copiando, escribiendo y en algunos metiendo un fondo con efecto para que resalten las palabras y llamen la atención del consumidor o el espectador del banner. Práctica Triodos Bank Formato: GIF Dimensiones: 336 x 280 Peso: 53 Kb Modo de color: RGB Proceso En esta práctica, hemos cojido una imagen en blanco y hemos ido poniendo borde rojo y los elementos a continuación del c...

GIF Animado en Photoshop

Imagen
GIF Animado Un GIF animado es aquella imagen la cual tiene movimiento formado por varias capas en su conjunto haciendo que no pare y tenga el mismo movimiento seguidamente. A continuación, les pondremos un ejemplo de un GIF hecho en Photoshop y el procedimiento de como hacerlo: Formato: GIF Dimensiones:120 x 283 Peso: 16,06 KB  Modo de color: RGB Proceso: Para hacer un GIF animado , tenemos que escoger una imagen (o varias) y hacer varias capas sobre los detalles que queremos cambiar, también para crear de la misma imagen otras del mismo tipo pero enfocada a otro movimiento: Al hacer las varias capas, tenemos que abrir la línea de tiempo y cambiar los detalles puestos, el tiempo en cada imagen, si queremos transiciones, música, crear una capa nueva, etc... Ponerlo en el orden correcto para que las capas enlacen correctamente y no haya errores en los movimientos. Al terminar de hacerlo con las cosas que queremos, es hora de terminar y...

Banners Integrados

Imagen
Banners Estáticos Un banner es una pieza publicitaria que su objetivo es atraer público hacia la web del anunciante, en ciertas ocasiones el banner indicado para cada persona varía según sus registros web (cookies). Su contenido pueden ser videos, animaciones, imágenes, audios, etc... Y pueden ser Estáticos o Animados (Dinámicos) . Las medidas se establecen en su peso y sus pixeles, que suelen rondar por los 40 Kb. A continuación les pondremos 6 banners estáticos y les indicaremos información sobre ellos: Tipo: Leaderboard Dimensiones: 782 x 160 Formato y peso: PNG 25 Kb Modo de color: RGB Tipo: Robapáginas Dimensiones: 640 x 374 Formato y peso: JPG 82 Kb Modo de color: RGB Tipo: Robapáginas Dimensiones: 870 x 420 Formato y peso: JPG 348 Kb Modo de color: RGB Tipo: Leaderboard Dimensiones: 975 x 340 Formato y peso: JPG 242 Kb Modo de color: RGB Tipo: Leaderboard Dimensiones: 466 x 102 Formato y peso: GIF 25...