Entradas

Mostrando entradas de 2018

Herramientas Medios Enriquecidos

Imagen
En todos los PDF siempre hemos visto archivos de todo tipo, imágenes, videos, música... De este modo es más animado el archivo y siempre ayuda a subir visitas por los objetos interactivos en el archivo. Herramientas Medios Enriquecidos Procederemos a abrir un archivo PDF que queramos y en este caso ni iremos a Editar PDF, sino a Medios Enriquecidos, es la pestaña para introducir los archivos multimedia de todo tipo desde el PC o algún enlace. En Medios Enriquecidos, tendremos varias pestañas que tienen misma función pero con distintos tipos de objetos, tendremos la opción de Agregar 3D (nos permitirá introducir archivos con .U3D), Agregar Botón (Con cierto texto que queramos escoger y función), Agregar Sonido (Nos añadirá un sonido de cualquier formato que reproduzca Mp3), Agregar SWF (Un archivo que cierta animación tiene un uso animado) y Agregar Video (Que nos permitirá subir archivos de video). En este caso como en las imágenes a continuación añadiremos un video y un arc...

Transiciones

Imagen
Todos al abrir un programa o archivo solemos desplazarnos entre pestañas, estos movimientos con efectos se les llama transiciones. Cuando creamos un archivo las pestañas se nos desplazan automáticamente y de este modo, podremos editar un PDF para pasar las pestañas una a una con efectos divertidos y animados. Transiciones Primero, elegir un archivo PDF que queramos editar, en la anterior práctica estuvimos jugando con los marcadores, pues el mismo procedimiento usaremos, iremos a "Editar PDF" y seleccionaremos Miniaturas de páginas, nos saldrá un listado de páginas, todas las que tenemos, e iremos a sus Propiedades y en "Transiciones de página" seleccionaremos la transición que queramos, tanto el movimiento, como el efecto, velocidad... Y también seleccionaremos en que páginas queremos que pase esa transición, si en todas, en unas pocas o solo en una. Después de esto, guardar y comprobar que el archivo tiene las transiciones correctas.

Marcadores e Hipervínculos

Imagen
Nos preguntamos que es un archivo PDF, es un documento portátil que se utiliza para presentar e intercambiar documentos de forma viable, independiente del software, el hardware o sistema operativo. Se puede visualizar gratuitamente con el programa Acrobat Reader. Marcadores e Hipervínculos En esta práctica os enseñaré a como introducir Marcadores e Hipervínculos con Adobe en los PDF. Lo primero de todo es que tendremos que elegir un archivo PDF y a continuación darle al botón "Editar PDF" que estará en la pestaña Herramientas. Nos saldrá una barra con varias opciones las cuales nos darán varias opciones de elegir, si no encontramos ninguna que ponga "Marcadores" tenemos que ir a los puntos suspensivos que hay que nos sacará una lista larga y ahí lo encontraremos. Después de meternos en Marcadores, seleccionaremos el texto o imagen que queremos que nos ponga un marcador sobre cierta página que querríamos escoger, y en Propiedades (dando click dere...

Formularios

Imagen
Formularios Un formulario es un documento, ya sea físico o digital, diseñado para que el usuario introduzca datos estructurados (nombres, apellidos, dirección...) en las zonas que corresponden. Esto ayuda a que diferentes instancias, registren datos personales de la persona que los llena para posteriormente ser acreedor al servicio solicitado, siempre y cuando los datos sean llenados correctamente. Suelen ser utilizados con varias pestañas de elección o de escritura... Método para hacer uno: 1-Después de abrir un archivo para su modificación, nos vamos a la pestaña Herramientas que encontraremos a la derecha la cual nos darán varias herramientas con sus distintos usos, esta vez seleccionaremos la opción "Preparar Formulario" , esta herramienta nos permitirá crear los campos necesarios en este trabajo. Después de abrir el archivo o Digitalizar / Crear Documento nuevo, nos saldrá el archivo deseado abierto con distinta vista para editar, y una barra extra...

Cinemagraph

Imagen
Cinemagraph Un Cinemagraph es una imágen animada que resulta la combinación de un video y una foto. Se trata de imágenes estáticas en las que se sustituyen en una porción del video que muestra pequeños movimientos en un bucle. Su intención es sorprender a la gente la cual se asombrará en el primer momento ante una imagen con un movimiento de una parte solo. Para hacer uno tienes, tiene que seguir los  siguientes pasos : 1- Primero tener un video preparado y en buen formato para que lo reconozca, el video tendremos que copiar la capa y subirla encima de la carpeta para que reconozca la capa encima (si sale la interrogación, es que no detecta el origen del video). 2- Después de crear otra capa y seleccionarla encima, hay que editar la máscara y poner de blanco solo la parte quieta y visible de la capa que hemos copiado. Después comprobar mediante la línea tiempo que esté correctamente el video. 3- Después de hacerlo, y ver que sigue igual, es hora...

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...

Introducción al Diseño Web y Banners

De todo lo que hemos dado, haremos un breve resumen de todo en un PDF interactivo online el cual doy un pequeño resumen y en breves palabras de las definiciones de esta evaluación.

Tipos de Páginas Web

Imagen
¿Qué es una página web?  Una página web es un documento a través de la línea que contiene información, imágenes, enlaces... adaptada para la WWW. Pueden ser privadas o públicas, es decir, una página web abierta para todo el mundo o una creada por tal empresa en un servidor privado el cual solo acceden los usuarios o trabajadores de aquella empresa. Hay dos tipos de páginas web la cual podemos encontrar en Internet, a continuación le pondré las más importantes: Página Estática: Es aquella página la cual tiene una pequeña función y solo porta algunos enlaces, imágenes o música, todas realizadas en HTML. Página Animada: Son aquellas que están hechas con FLASH y tienen varias interacciones animadas que hacen a la página más divertida y útil, pero a veces utilizar varios plugins o interacciones nos hace las páginas más lentas y eso afecta tanto a la página como al ordenador. Y hay muchas temáticas para las páginas web como wikis, foros, tiendas online... están hechas de ...