GUIA 3 Tema: Optimización de imagenes y recursos para la web.

Tamaño: px
Comenzar la demostración a partir de la página:

Download "GUIA 3 Tema: Optimización de imagenes y recursos para la web."

Transcripción

1 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de imágenes y generador de contenido para la Web. Contenidos La importancia de la optimización de imágenes Gráficos para la Web Introducción a Adobe Fireworks Materiales y Equipo Guía 3 previamente leída. Hoja de evaluación correspondiente a la guía 3. Storyboard para un banner Web animado. Elementos gráficos para realizar el banner web. La Importancia de la Optimización de Imagenes Generalmente, las imágenes representan entre el 60 y 80% del contenido de un sitio web, el porcentaje restante corresponde a lenguaje de programación (HTML, CSS, java, entre otros). La premisa anterior, se traduce en que el componente gráfico es de vital importancia dentro de un sitio. Si recordamos los principios de la usabilidad, nos encontramos con la idea de que un sitio Web debe cumplir con tres aspectos fundamentales resumidos en el siguiente esquema: Eficacia Satisfacción Eficiencia La Usabilidad implica: eficacia, es decir, que el visitante consiga lo que buscaba. También Satisfacción al navegar por la web y eficiencia al conseguir lo que quiere rápidamente.

2 Diseño Digital V. Guía 3 23 Esto se resume en que el cliente puede estar satisfecho de navegar en nuestro sitio con solo encontrar lo que buscaba, sin embargo, esta idea a veces no es suficiente sino lo encuentra rápidamente. La rapidez de carga de un sitio está determinada por diversas situaciones como la cantidad de imágenes utilizadas o los recursos flash como: banners, animaciones, videos, etc. Pero más que la cantidad de imágenes o recursos visuales utilizados, la variable realmente influyente en el tiempo de carga de un sitio es la calidad y el peso de las imágenes o recursos. Muchas veces los sitios Web con altos atractivos visuales tardan mucho tiempo en cargar, lo que puede derivar en pérdida de clientes, usuarios y negocios importantes. Un sitio Web puede contener tanto recurso visual como sea posible, el problema como anteriormente se menciona no es la cantidad, sino la calidad de este material. Por esta razón el concepto de optimización es casi uno de los más importantes, dentro de la usabilidad al diseñar para la Web. Básicamente la optimización consiste en obtener una imagen lo menos pesada posible con la mejor calidad. Imagenes y gráficos para la Web Las imágenes son una parte importante de la Web. De hecho, la mayoría de las páginas Web distribuyen su espacio entre texto e imágenes. Éstas añaden una nota de color a los sitios y si se usan correctamente, ayudan al usuario a entender la temática de la que se habla. Los formatos de imágenes Web más usados son.gif,.jpg y.png, a continuación se detalla cada uno de ellos: GIF GIF es el acrónimo de Graphic Image File Format. Fue desarrollado para el intercambio de imágenes en Compuserve y tiene como particularidad que el algoritmo de compresión es propietario, aunque se permite el uso a cualquier persona. Las características de esto formato son: Número de colores: 2, 4, 8, 16, 32, 128 ó 256 de una paleta de 24 bits. Animación simple. JPEG JPEG es el acrónimo de Joint Photographic Experts Group. Fue diseñado para la compresión de imágenes fotográficas, basándose en el hecho de que el ojo humano no es perfecto y no es capaz de

3 24 captar toda la información que se puede almacenar el una imagen de 24 bits. El formato JPEG intenta eliminar la información que el ojo humano no es capaz de distinguir, por eso se dice que posee un formato de compresión con pérdida, porque elimina información. Las características de este formato son: Número de colores: 24 bits color o 8 bits B/N No permite trasparencia, ni canal alfa. No permite animación. PNG PNG es el acrónimo de Portable Network Graphics. Fue diseñado para reemplazar al formato GIF por ser este último más simple y menos completo. El objetivo de este formato es proporcionar un formato compresión de imágenes sin pérdida para cualquier tipo de imagen. Las características de este formato son: Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel. Canal alfa. (Transparencia variable) No permite animación. Las imágenes para la web pueden ser optimizadas y guardadas en cualquiera de los tres formatos expuestos anteriores, sin embargo deben tener una resolución máxima de 72 dpi, y modo de color RGB. El tipo de formato a escoger va a depender del objetivo a cumplir por la imagen. Así por ejemplo si la imagen posee colores planos el formato gif puede ser el más recomendable, pero si se trata de una imagen con mucho color y detalles, el formato jpg puede ser el más indicado por su alta compresión y mínima perdida de calidad. Ejemplo de la compresión en los diferentes formatos visto desde Adobe Fireworks CS5: JPG GIF PNG

4 Diseño Digital V. Guía 3 25 El peso recomendado de una imagen para la web puede variar sin embargo con un peso entre 5kb-30kb se obtendrá un optimo funcionamiento en la web. Otro aspecto a tomar en cuenta son los gráficos animados; si bien es cierto que los recursos flash ofrecen una calidad y vistosidad excepcional, el peso de los.swf muchas veces no resulta óptimo para ser utilizados en la Web. Se recomienda que los recursos flash tengan un peso entre 70kb y 120 kb. Si a pesar de las opciones de optimización y compresión que flash ofrece al publicar el SWF no se obtiene un peso dentro de este rango, existen otras opciones como los gif animados, que aunque no son visualmente tan complejos como los archivos de flash, pueden dar solución al dinamismo que se necesita en web. Entre las ventajas que ofrecen los gif animados, podemos enumerar las siguientes: No necesita plugins para correr Es compatible con todos los navegadores Carga rápidamente Se tiene control sobre el peso del gif animado Existen diversos software como Adobe PhotoShop y Adobe Fireworks que ofrecen al usuario la optimización imágenes así como crear animaciones sencillas para ser utilizadas en la Web. Adobe Fireworks Adobe Fireworks es un programa versátil para crear, editar y optimizar gráficos Web. Entre las ventajas de Fireworks es que permite crear y editar imágenes de mapa de bits y vectoriales, diseñar efectos Web, como rollovers y menús emergentes, recortar y optimizar elementos gráficos para reducir su tamaño de archivo y automatizar tareas repetitivas para ahorrar tiempo. Es posible exportar o guardar un documento como un archivo JPEG, un archivo GIF o un archivo de otro formato. Estos archivos pueden guardarse junto con archivos HTML que contengan tablas HTML y código JavaScript para facilitar su uso en Internet. Optimización de imágenes de Adobe Fireworks Adobe Fireworks permite además de editar y crear gráficos, optimizar imágenes. La ventaja de Fireworks es que permite al usuario poder previsualizar la imagen optimizada en diferentes ventanas, cada una de ellas con especificaciones distintas de formato, paleta de color, calidad, etc. De manera que se puedan comparar diferentes opciones de optimización de una sola imagen y poder escoger la

5 26 que presente una mejor calidad con el mínimo peso, tal como se muestra a continuación: Interfaz de trabajo Adobe Fireworks CS5 Como se observa en la imagen anterior, Fireworks previsualiza en cuatro o dos ventanas, las diferentes opciones de optimización de una misma imagen. Debajo de la previsualización, que es la forma en la que la imagen se verá en el navegador, aparece el formato de archivo, el peso y el tiempo de descarga en el navegador, además de la paleta de colores en el caso de los formatos GIF y PNG, o el porcentaje de calidad, en el caso del formato JPG. Con los botones de la vista previa puede cambiar las opciones de previsualización a modo dos copias, modo 4 copias o una sola vista previa. Gif animados en Adobe Fireworks Una animación GIF está formada por una serie de imágenes fijas que aparecen de forma consecutiva a gran velocidad, lo que permite percibirlas como una imagen en movimiento. Al crear una animación en Adobe Fireworks, cada imagen se sitúa en un fotograma distinto. A continuación, todas las imágenes de una animación se exportan en un archivo GIF animado. Hacer un GIF en Fireworks es similar a la animación cuadro a cuadro de Flash, es decir, que se deben crear todos los fotogramas de la animación.

6 Diseño Digital V. Guía 3 27 Para crear la animación cuadro a cuadro en Adobe Fireworks se utiliza el panel de estados, que hasta la versión CS3 se denominaba fotogramas : Panel de Estados A. Papel cebolla B. Bucle de animación GIF C. Distribuir en estados D. Estado Nuevo/ Duplicado E. Eliminar estado. Imagen en el Estado 1 Imagen en el Estado 2 B C Imagen en el Estado 3 AD A E Panel Estados Adobe Fireworks CS5 Como se menciona anteriormente, Las animaciones se producen creando estados, cuyo contenido aparece en el panel Estados. Se puede asignar un nombre a cada estado, reorganizarlos, establecer de forma manual los tiempos de animación y mover objetos de un estado a otro. Ya en el proceso de animación, existen diversas maneras de crear los estados, una forma puede ser: traer cada uno de los cuadros desde Photoshop o si lo prefiere, puede crear imágenes vectoriales en Fireworks y modificarlas en cada estado. Una vez realizada la animación, se exporta el GIF, tomando en cuenta que en el panel de optimización debe escoger la opción de GIF Animado.

7 28 Procedimiento Basado en el boceto del banner web, y los gráficos que previamente diseñó coloque los elementos en el archivo nuevo de fireworks. 1. Si trae los cuadros de su animación en capas acopladas, haga clic en el botón distribuir en estados del Panel de Estados. Si va a realizar la animación con objetos vectoriales, deberá agregar estados y hacer las modificaciones que considere pertinentes. 2. Disponga las especificaciones de bucle de animación y exporte el GIF, tomando en cuenta las opciones predeterminadas de optimización. 3. Guarde el PNG, junto con el GIF Animado en su carpeta personal. 4. Realice en una misma imagen la optimización en JPG 50%, PNG 24 bits y GIF 16 colores, guarde una captura de pantalla de cada formato ejercicio y entregue al instructor la hoja de cotejo correspondiente a la guía 3.

Tema: Estructura de HTML5 y optimización de imágenes.

Tema: Estructura de HTML5 y optimización de imágenes. Diseño Digital V. Guía 3 1 Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Tema: Estructura de HTML5 y optimización de imágenes. Objetivos Contenidos Introducir al

Más detalles

GUÍA 9 Tema: Creación de layouts para Web y optimización de imágenes.

GUÍA 9 Tema: Creación de layouts para Web y optimización de imágenes. 73 GUÍA 9 Tema: Creación de layouts para Web y optimización de imágenes. Contenidos Optimización de Imágenes: Guardar para Web y dispositivos. Creación de páginas Web en Photoshop Objetivo Específico Que

Más detalles

GUÍA 10 Tema: Creación de Galerías WEB y PDF, Gif animados.

GUÍA 10 Tema: Creación de Galerías WEB y PDF, Gif animados. 89 Edición Fotográfica. Guía 10 Facultad: Ciencias y Humanidades Escuela: Comunicaciones Asignatura: Edición Fotográfica. GUÍA 10 Tema: Creación de Galerías WEB y PDF, Gif animados. Contenidos Uso de otras

Más detalles

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Diseño Web El diseño web es la actividad que permite que los elementos visuales se integren de manera efectiva

Más detalles

Imagen ::: Conceptos básicos de imagen digital Diseño de materiales multimedia. Web 2.0. 2.1 Conceptos básicos de imagen digital

Imagen ::: Conceptos básicos de imagen digital Diseño de materiales multimedia. Web 2.0. 2.1 Conceptos básicos de imagen digital 2. Imagen 146 2.1 Conceptos básicos de imagen digital 147 2.1 Conceptos básicos de imagen digital Antes de estudiar los procedimientos más habituales de optimización y tratamiento de imágenes es conveniente

Más detalles

Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes:

Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: ARCHIVOS GRAFICOS Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: Imágenes vectoriales: se definen matemáticamente en forma de series de puntos unidos

Más detalles

Qué es Fireworks? Los mapas de bits

Qué es Fireworks? Los mapas de bits Qué es Fireworks? Macromedia Fireworks MX es una aplicación para diseñar elementos gráficos que van a utilizarse en la web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan

Más detalles

PRODUCCIÓN DIGITAL I Wenceslao Zavala

PRODUCCIÓN DIGITAL I Wenceslao Zavala PRODUCCIÓN DIGITAL I Wenceslao Zavala 09/05/2013 www.producciondigitalup.com.ar Convenciones Web Diseño Web El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla del usuario promedio)

Más detalles

CONVENCIONES DEL DISEÑO WEB

CONVENCIONES DEL DISEÑO WEB CONVENCIONES DEL DISEÑO WEB El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla del usuario promedio) El Color: Colores seguros para la Web (colores hexadecimales) Colores de pantalla

Más detalles

Definición, características y usos

Definición, características y usos Definición, características y usos En qué difieren unas de otras? Al capturar una imagen con cámara digital, escanearla o crear una imagen de cualquier tipo estas se crean con algún formato de archivo.

Más detalles

PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT

PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT Acerca de los gráficos vectoriales: PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT Los gráficos vectoriales (a veces denominados formas vectoriales u objetos vectoriales) están compuestos de líneas y curvas

Más detalles

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Paso 1 de 10 Una vez que hemos creado una película Flash, sea una animación, un juego, un recurso educativo, etc., el último paso

Más detalles

La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y unos).

La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y unos). Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y

Más detalles

Tratamiento de la Imagen Digital

Tratamiento de la Imagen Digital Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos electricos discretos basados en un sistema binario (ceros y

Más detalles

GUÍA 8 Tema: Optimización y uso de diversos formatos.

GUÍA 8 Tema: Optimización y uso de diversos formatos. Publicidad 2. Guía 8 106 GUÍA 8 Tema: Optimización y uso de diversos formatos. Contenidos Manipulando la imagen acorde al soporte. Objetivos Específicos Que el estudiante comprenda las diversas formas

Más detalles

Diseño de páginas web Unidad 3. Edición de imágenes

Diseño de páginas web Unidad 3. Edición de imágenes Diseño de páginas web Unidad 3 Edición de imágenes ÍNDICE 3 Edición de imágenes 3.1. Introducción 3.2. Gráficos en la página web 3.2.1. Tipos de gráficos: vectorial frente a mapa de bits 3.2.2. Formatos

Más detalles

2. Encuadre y redimensionado

2. Encuadre y redimensionado 2. Encuadre y redimensionado Al crear un documento nuevo se definen características como la resolución, el tamaño y el modelo de color, todo esto visto con anterioridad. También al guardar un archivo definimos

Más detalles

INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER

INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER CIUDAD AUTÓNOMA DE CEUTA.CONSEJERÍA DE EDUCACIÓN, CULTURA Y MUJER. UNIVERSIDAD DE GRANADA. VICERRECTORADO DE ENSEÑANZAS DE GRADO Y POSGRADO. AULA PERMANENTE DE FORMACIÓN ABIERTA. PROGRAMA UNIVERSITARIO

Más detalles

Colegio Agustiniano Campestre Amor y Ciencia: Educamos la mente y el corazón

Colegio Agustiniano Campestre Amor y Ciencia: Educamos la mente y el corazón Colegio Agustiniano Campestre Amor y Ciencia: Educamos la mente y el corazón La mejor alternativa de Formación Integral GUIA DIDÁCTICA AGUSTINIANA PGA FR 08 Versión 06 2014 08 23 ÁREA Y/O ASIGNATURA: TENOLOGÍA

Más detalles

Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD

Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD Formatos de Imagen Los archivos gráficos, o archivos de imagen, son los archivos utilizados para crear, almacenar y manipular imágenes mediante un computador

Más detalles

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web.

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web. DISEÑO WEB, DREAMWEAVER, FLASH, FIREWORKS. Curso destinado al Diseño Web, con los tres programas más utilizados DreamWeaver, Flash y Fireworks, todos de la marca Adobe/Macromedia. Con este curso el alumno

Más detalles

EDUCASTUR BLOG. Comunidad Educativa de Blogs. Edición de imágenes

EDUCASTUR BLOG. Comunidad Educativa de Blogs. Edición de imágenes Comunidad Educativa de Blogs Edición de imágenes Edición de imágenes 2007. Educastur y Servicios Educativos en Línea. Consejería de Educación y Ciencia del Principado de Asturias blog@educastur.princast.es

Más detalles

Capítulo II La Imagen Digital

Capítulo II La Imagen Digital Definición Clasificación de las imágenes digitales Imágenes Vectoriales Imágenes Ráster Formatos de Imágenes Ráster TIFF BMP GIF JPEG PNG Tipos de Imágenes Digitales RGB Indexadas Escala de grises Binarias

Más detalles

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. PARA QUÉ NECESITAMOS OPTIMIZAR LAS IMÁGENES? Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. Dos cosas sacan usualmente de las casillas a un usuario de

Más detalles

Diseño de imágenes para incluirlas en reactivos de opción múltiple

Diseño de imágenes para incluirlas en reactivos de opción múltiple ANEXO Diseño de imágenes para incluirlas en reactivos de opción múltiple 23 de marzo de 2011 Elaboró: Mtra. Teresa Zamudio Flores Las Imágenes como elemento de un reactivo de opción múltiple Los reactivos

Más detalles

GUÍA 10 Tema: Animación.

GUÍA 10 Tema: Animación. Diseño Digital II. Guía 10 80 GUÍA 10 Tema: Animación. Contenidos Creación de animaciones. Objetivo Específico Que el estudiante conozca las herramientas y proceso para realizar gif animados. Materiales

Más detalles

DIPLOMADO EN DISEÑO DE SITIOS WEB

DIPLOMADO EN DISEÑO DE SITIOS WEB DIPLOMADO EN DISEÑO DE SITIOS WEB Dirigido a: Público en general que tenga conocimientos básicos en computación y esté interesado en crear un Sitio Web profesional y de calidad. En este plan de estudios

Más detalles

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web Página 1 de 12 Fecha Elaborado / Perfeccionado por 25 de Mayo 2010 Sección Web Revisión Nº 00 Revisado por Rodrigo Almonacid Arismendi Aprobado por Waldo

Más detalles

DISEÑO MICROCURRICULAR

DISEÑO MICROCURRICULAR DISEÑO MICROCURRICULAR Código: F-GAC-03D Versión: 01 Edición: 18/02/2009 Nombre del Programa DISEÑO Y DESARROLLO WEB I Facultad articulada: Tipo de Evento: Duración: Comunicación Curso 50 Horas Objetivo

Más detalles

INFORMÁTICA Tema: PÁGINA WEB

INFORMÁTICA Tema: PÁGINA WEB INFORMÁTICA Tema: PÁGINA WEB Mucha información se guarda en nuestra computadora, si recorremos las carpetas de nuestro disco duro encontraremos multitud de archivos o ficheros de distinta naturaleza que

Más detalles

CURSO DE DISEÑO DE PÀGINAS WEB

CURSO DE DISEÑO DE PÀGINAS WEB CURSO DE DISEÑO DE PÀGINAS WEB Fireworks CS3 DREAMWEAVER CS3 FLASH CS3 Objetivo: Aplicar los conocimientos aprendidos en el diplomado para desarrollar sitios web atractivos con navegación sencilla, interactiva

Más detalles

Crear, abrir e importar un documento

Crear, abrir e importar un documento Creación de un documento nuevo Crear, abrir e importar un documento Cuando se crea un documento nuevo en Fireworks, se crea un documento PNG (Portable Network Graphic), PNG es el formato de archivo propio

Más detalles

PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS. Por: Eylem Epifanía Bran Vargas. Docente: Genny Usuga

PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS. Por: Eylem Epifanía Bran Vargas. Docente: Genny Usuga PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS Por: Eylem Epifanía Bran Vargas Docente: Genny Usuga COLEGIO SANTA LEONI AVIAT GRADO: DÉCIMO COPACABANA 2015 ACTIVIDAD DEL SENA 1. Defina las características principales

Más detalles

DIGITALIZACION DE DOCUMENTOS IMPRESOS

DIGITALIZACION DE DOCUMENTOS IMPRESOS DIGITALIZACION DE DOCUMENTOS IMPRESOS Lima, Mayo 2007 Temario I. Introduciendo conceptos básicos sobre el tema de digitalización. Qué es digitalizar? Imágenes digitales. El escáner. Formatos gráficos.

Más detalles

Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2

Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2 Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2 Clase 3 y 4:Introducción a gráficos por computadora: gráficos de vector y gráficos bitmaps. Combinando vectores y bitmaps.

Más detalles

GUÍA 10 Tema: Importación, exportación y almacenamiento de ilustraciones.

GUÍA 10 Tema: Importación, exportación y almacenamiento de ilustraciones. 101 Diseño Digital I. Guía 10 GUÍA 10 Tema: Importación, exportación y almacenamiento de ilustraciones. Contenidos Almacenamiento de ilustraciones en diversos formatos. Creación de documentos PDF. Objetivo

Más detalles

Un píxel es, pues, cada uno de los puntos que compone la matriz de una imagen digital. Es la unidad mínima de visualización de una imagen digital.

Un píxel es, pues, cada uno de los puntos que compone la matriz de una imagen digital. Es la unidad mínima de visualización de una imagen digital. La imagen digital Una imagen es una representación de la realidad. Una imagen digital es, básicamente, un tipo de imagen que puede ser manipulada mediante un equipo informático. Desde este punto de vista

Más detalles

Capitulo 2: Introducción a RAW de cámara

Capitulo 2: Introducción a RAW de cámara Capitulo 2: Introducción a RAW de cámara Acerca de los archivos RAW de cámara Los archivos RAW de cámara contienen datos de imágenes en escala de grises sin procesar ni comprimir del sensor de imagen de

Más detalles

TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III

TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III Eliana Altamirano Existen dos categorías principales de imágenes: * imágenes de mapa de bits: (también denominadas imágenes raster): son imágenes

Más detalles

Guadalinex Básico Impress

Guadalinex Básico Impress 1 IMPRESS: Editor de Presentaciones Impress es un programa con el que podemos crear diapositivas, transparencias y presentaciones con una variada gama de efectos sin demasiadas complicaciones. Objetivos:

Más detalles

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA DISEÑO MULTIMEDIALES Y WEB I-A INTRODUCCIÓN AL DISEÑO GRÁFICO FUNDAMENTOS DEL DISEÑO: DEFINICIÓN

Más detalles

La interfaz de GIMP TUTORIAL. Cómo se crea una imagen NUEVA en GIMP? Cómo empiezo a dibujar con GIMP?

La interfaz de GIMP TUTORIAL. Cómo se crea una imagen NUEVA en GIMP? Cómo empiezo a dibujar con GIMP? La interfaz de GIMP Cómo se crea una imagen NUEVA en GIMP? Cómo empiezo a dibujar con GIMP? Desde el menú principal de GIMP, entra en Archivo y selecciona la opción Nuevo (o pulsa control + N) Siempre

Más detalles

Utilización de Fireworks con otras aplicaciones

Utilización de Fireworks con otras aplicaciones Utilización de Fireworks con otras aplicaciones Tanto si se crea contenido Web o contenido multimedia, Macromedia Fireworks MX 2004 es un componente esencial de la caja de herramientas de cualquier diseñador.

Más detalles

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a 1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos

Más detalles

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet.

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet. Imágenes en la web Uno de las principales decisiones a la hora de incluir gráficos en la Web será elegir el formato correcto para cada tipo de imagen de manera que se logre una correcta relación entre

Más detalles

GRADO: DÉCIMO FECHA: Enero 30 de 2013

GRADO: DÉCIMO FECHA: Enero 30 de 2013 INSTITUCIÓN EDUCATIVA NORMAL SUPERIOR RIO DE ORO CESAR ÁREA: TECNOLOGÍA E INFORMÁTICA GRADO: DÉCIMO FECHA: Enero 30 de 2013 TEMA: INTRODUCCIÓN A MACROMEDIA FIREWORKS Macromedia Fireworks 8 es una aplicación

Más detalles

COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN

COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN Copyright P. Batlle, 2000 QUIENES SOMOS BATLLE IMAGEN DIGITAL es una novedosa empresa venezolana dedicada a la digitalización, restauración de fotografías antiguas

Más detalles

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12 ÍNDICE DE CONTENIDOS Índice de contenidos. / 2 Sesión de fotografía. / 3 Creación de una carpeta de trabajo. / 3 Abrir Digital Imagen 2006. / 3 Área de trabajo. / 4 Abrir imágenes para editarlas. / 5 Recortar

Más detalles

GUÍA 11 Tema: Creación de Galerías WEB y PDF.

GUÍA 11 Tema: Creación de Galerías WEB y PDF. 89 Edición Fotográfica. Guía 11 Facultad: Ciencias y Humanidades Escuela: Comunicaciones Asignatura: Edición Fotográfica. GUÍA 11 Tema: Creación de Galerías WEB y PDF. Contenidos Uso de otras acciones

Más detalles

Pinchamos sobre la capa deseada y la modificamos. Seleccionamos Imagen > Ajustes y probamos todos.

Pinchamos sobre la capa deseada y la modificamos. Seleccionamos Imagen > Ajustes y probamos todos. 1 ADOBE PHOTOSHOP Para abrir o crear una imagen realice una de las acciones siguientes: Seleccione Archivo > Abrir, busque y seleccione el archivo de imagen que desea. Seleccione Archivo > Nuevo. Escriba

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

FUNDAMENTACIÓN: OBJETIVO GENERAL:

FUNDAMENTACIÓN: OBJETIVO GENERAL: CARRERA: ANALISTA EN DISEÑO MULTIMEDIAL ASIGNATURA: PROCESAMIENTO DE IMAGENES DEPARTAMENTO/AREA: CIENCIAS DE LA INFORMACION CUATRIMESTRE: III HORAS CATEDRA SEMANALES: 4 AÑO: 2010 DOCENTE: VERONICA TELLO

Más detalles

Aprovecha! Si necesitas guías de corte para elementos, seleccionalos y usa la opción: filter>create>crop marks. Filtros

Aprovecha! Si necesitas guías de corte para elementos, seleccionalos y usa la opción: filter>create>crop marks. Filtros Filtros Illustrator Pág. 62 Crop marks / marcas de recorte A diferencia de Crop area, estas, no eliminan la forma original, y además quedan independientes de la misma forma. Otra diferencia, es que se

Más detalles

Formación de la imagen digital

Formación de la imagen digital Formación de la imagen digital La trayectoria que sigue la cámara para formar la imagen digital es la siguiente: La luz que detecta el objetivo de la cámara llega hasta el sensor de imagen, denominado

Más detalles

ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO

ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO Unidad 2 ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO Vectores Mapa de bits» Profundidad de color» Tamaño y resolución» Alisado» Formatos y compresión Filmación y animación En el cine existe

Más detalles

DISEÑO WEB CON FLASH MX Y FIREWORKS MX

DISEÑO WEB CON FLASH MX Y FIREWORKS MX DISEÑO WEB CON FLASH MX Y FIREWORKS MX Duración en horas: 20 1. FLASH MX OBJETIVOS: Aprenda a diseñar sus sitios Web con el software más revolucionario y dinámico para la creación de páginas Web. Flash

Más detalles

Imagen ::: Optimización de imágenes Diseño de materiales multimedia. Web 2.0. 2.3 Optimización de imágenes

Imagen ::: Optimización de imágenes Diseño de materiales multimedia. Web 2.0. 2.3 Optimización de imágenes 161 2.3 Optimización de imágenes 162 2.3 Optimización de imágenes 2.3.1 Conversión de formatos El propósito de esta actividad es familiarizarse con el uso de GIMP para convertir una imagen de un formato

Más detalles

EDICIÓN, VIDEO Y MULTIMEDIA

EDICIÓN, VIDEO Y MULTIMEDIA EDICIÓN, VIDEO Y MULTIMEDIA CURSOS PARA NIÑOS, JÓVENES Y ADULTOS INFORMATIVO DEL CURSO TABLA DE CONTENIDO Introducción...3 Objetivos Específicos:...3 RECURSOS...3 1. Humanos...3 2. Físicos...3 3. Didácticos...3

Más detalles

Tratamiento de la Imagen Digital

Tratamiento de la Imagen Digital Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos electricos discretos basados en un sistema binario (ceros y

Más detalles

Herramientas de Mapa de Bits

Herramientas de Mapa de Bits Herramientas de Mapa de Bits SESIÓN 2 CAPACIDADES EN ESTA SESIÓN El participante al final de esta sesión estará en capacidad de: Explicar las diferentes herramientas de mapas de bits para poder elaborar

Más detalles

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web 01. Conociendo Adobe Dreamweaver CS5 01.1. Introducción a Adobe Dreamweaver 01.2. Novedades de Dreamweaver CS5 01.3. Requerimientos técnicos 01.4. Editar páginas Web 01.5. Cómo tener una página en Internet

Más detalles

www.maclearn.mx Maclearn Centro de Capacitación Digital [ 53 63 71 39 ] [ 46 33 20 22 ]

www.maclearn.mx Maclearn Centro de Capacitación Digital [ 53 63 71 39 ] [ 46 33 20 22 ] Maclearn Centro de Capacitación Digital [ 53 63 71 39 ] [ 46 33 20 22 ] Circuito Médicos # 3, Segundo Piso Ciudad Satélite, C.P. 53100 Naucalpan Estado de México contacto@maclearn.mx Curso de Adobe Fireworks

Más detalles

2. Aplique los ajustes de optimización. Optimizar imágenes para Internet: Tutorial

2. Aplique los ajustes de optimización. Optimizar imágenes para Internet: Tutorial Tutoriales Optimizar imágenes para Internet Si es la primera vez que crea gráficos Web, puede resultarle útil comprender cómo se guarda una imagen para Internet. Hay tantos factores que entran en juego

Más detalles

TUTORIAL BÁSICO DE GIMP

TUTORIAL BÁSICO DE GIMP TUTORIAL BÁSICO DE GIMP Rossana Marqués Javier Acuña Pilar Barbeira Departamento de Formación Plan Ceibal Introducción GIMP 1 - GNU Image Manipulation Program - es un programa de edición de imágenes digitales

Más detalles

Al finalizar el curso los participantes serán capaces de manejar el programa de retoque fotográfico Adobe Photoshop 7.0.

Al finalizar el curso los participantes serán capaces de manejar el programa de retoque fotográfico Adobe Photoshop 7.0. ADOBE PHOTOSHOP Horas de formación: 50 horas de teleformación Requisitos Trabajadores en activo del sector. OBJETIVO GENERAL Al finalizar el curso los participantes serán capaces de manejar el programa

Más detalles

6.2 Importar una imagen desde Flash

6.2 Importar una imagen desde Flash Capítulo 6 Importar recursos 6.1 Introducción L as películas de Flash admiten el empleo de ilustraciones creadas en otras aplicaciones. Puedes importar gráficos vectoriales, mapas de bits, vídeos, sonidos,

Más detalles

Curso de Diseño y Animación Con Flash 8 http://www.dominaflash.com. PROGRAMA DE FORMACIÓN PROFESIONAL EN VÍDEO CURSO DE DISEÑO y ANIMACIÓN CON FLASH 8

Curso de Diseño y Animación Con Flash 8 http://www.dominaflash.com. PROGRAMA DE FORMACIÓN PROFESIONAL EN VÍDEO CURSO DE DISEÑO y ANIMACIÓN CON FLASH 8 PROGRAMA DE FORMACIÓN PROFESIONAL EN VÍDEO CURSO DE DISEÑO y ANIMACIÓN CON FLASH 8 OBJETIVOS DEL CURSO El curso garantiza la mejor preparación para la realización de animaciones interactivas y realización

Más detalles

SEMANA NO.1. GUIA No.1 INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3

SEMANA NO.1. GUIA No.1 INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3 TEMATICA OBJETIVO GUIA No.1 INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3 Reconocer el ambiente de trabajo de Diseño Web Con Adobe Dreamweaver Cs3 identificando sus herramientas básicas y a través

Más detalles

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

Más detalles

Optimización de imágenes para la web. Manual de iniciación

Optimización de imágenes para la web. Manual de iniciación Optimización de imágenes para la web Manual de iniciación Índice Índice... 2 1. Conceptos básicos... 3 2. Instalación de IrfanView... 4 3. Conversión de formatos... 7 4. Reducción de la paleta de colores...

Más detalles

POWER POINT. Iniciar PowerPoint

POWER POINT. Iniciar PowerPoint POWER POINT Power Point es la herramienta de Microsoft Office para crear presentaciones que permiten comunicar información e ideas de forma visual y atractiva. Iniciar PowerPoint Coloque el cursor y dé

Más detalles

POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE

POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE (1) Juan A. Juanes Méndez; (2) Alberto Prats Galino, (3) Mª José Rodríguez Conde; (4) Sandra y David Martínez-Juanes (1)Dpto. de Anatomía Humana. Facultad

Más detalles

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar

Más detalles

CUADERNIA 2.0. CÓMO INSTALAR CUADERNIA 2.0 Para instalar Cuadernia debemos seguir los siguientes pasos:

CUADERNIA 2.0. CÓMO INSTALAR CUADERNIA 2.0 Para instalar Cuadernia debemos seguir los siguientes pasos: CUADERNIA 2.0 Se trata de una herramienta fácil y funcional que nos permite crear de forma dinámica ebooks o libros digitales en forma de cuadernos compuestos por contenidos multimedia y actividades educativas

Más detalles

CURSOS Y DESCRIPCIÓN 29-0623 DREAMWEAVER BÁSICO I 29-0623 / 29-0627 FLASH

CURSOS Y DESCRIPCIÓN 29-0623 DREAMWEAVER BÁSICO I 29-0623 / 29-0627 FLASH 29-0623 DREAMWEAVER BÁSICO I Descripción General: Estudia las técnicas y recursos para estructurar los contenidos de cualquier proyecto web, con el fin de poder decidir cuáles programas y lenguajes de

Más detalles

Uso de ADOBE FIREWORKS CS5

Uso de ADOBE FIREWORKS CS5 Uso de ADOBE FIREWORKS CS5 Avisos legales Avisos legales Para avisos legales, consulte http://help.adobe.com/es_es/legalnotices/index.html. iii Contenido Capítulo 1: Novedades Mejora del rendimiento y

Más detalles

DREAMWEAVER CS6. Curso de Iniciación. Diego Rovira

DREAMWEAVER CS6. Curso de Iniciación. Diego Rovira DREAMWEAVER CS6 Curso de Iniciación Diego Rovira 1 Dreamweaver CS6. Curso de Iniciación DREAMWEAVER CS6. Curso de Iniciación Diego Rovira De la edición: INFORBOOK S, S.L. Se ha puesto el máximo interés

Más detalles

Taller Introducción Gimp

Taller Introducción Gimp GIMP Retoque y Manipulación de Imágenes Guadec-es 2007 Granada 12 de julio de 2007 Versión 1.1 Índice 1 De qué va esto? 2 Quién soy yo? 3 Qué es Gimp? 4 El Entorno 5 Herramientas 6 Selecciones 7 Capas

Más detalles

Comenzando a trabajar con videos.

Comenzando a trabajar con videos. Producción Comenzando a trabajar con videos. El término vídeo se refiere comúnmente a varios formatos: los formatos de vídeo digital, incluyendo DVD, QuickTime, DVC y MPEG-4 y las cintas de vídeo analógico,

Más detalles

P á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2.

P á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2. TRABAJO AUTONOMO DEL ESTUDIANTE P á g i n a 1 Manual 1 P á g i n a 2 TRABAJO AUTONOMO DEL ESTUDIANTE 1. Conceptos Básicos de Editores Gráficos. 1.1. Qué es un Editor Grafico? Un editor grafico es un programa

Más detalles

DISEÑO GRÁFICO Y MAQUETACIÓN

DISEÑO GRÁFICO Y MAQUETACIÓN MÓDULO I ADOBE PHOTOSHOP CS5 01. INTRODUCCIÓN A ADOBE PHOTOSHOP CS5 02. BARRA DE HERRAMIENTAS DE ADOBE PHOTOSHOP 03. TAMAÑO Y RESOLUCIÓN DE LA IMAGEN 04. CAPAS El entorno y la barra de opciones en Adobe

Más detalles

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8 MANUAL DE USUARIO Diseño básico para elaboración de banners en Macromedia Fireworks 8 Pág. 1 de 13 ÍNDICE 1. INTRODUCCION... 3 2. EL ESPACIO DE TRABAJO DE FIREWORKS... 3 3. CREAR UN NUEVO DOCUMENTO...

Más detalles

Optimización de imágenes para su publicación web. Manual de Iniciación

Optimización de imágenes para su publicación web. Manual de Iniciación para su publicación web Manual de Iniciación ÍNDICE 1. Conceptos básicos... 3 2. Instalación de IrfanView... 5 3. Conversión de formatos... 7 4. Reducción de la paleta de colores... 9 5. Reducción de la

Más detalles

Plantilla Video. Versión 2.1. Revisión 1

Plantilla Video. Versión 2.1. Revisión 1 Plantilla Video Versión 2.1 Revisión 1 Índice 1. Introducción... 3 2. Páginas... 6 2.1 Página de contenido... 7 2.2 Contenedor de widgets... 7 3. Componentes... 9 3.1 Cabecera del curso... 9 3.2 Sección...

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL

IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL 1 IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL IMAGEN DIGITAL DIGITAL Digitalizar es hacer que cierta información pase a ser de carácter numérico; es decir, a expresarse

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

INICIANDO CON FLASH ESPACIO DE TRABAJO

INICIANDO CON FLASH ESPACIO DE TRABAJO ESPACIO DE TRABAJO INICIANDO CON FLASH Teniendo instalado el programa podemos ejecutarlo desde el botón de inicio, buscando la carpeta de adobe, dentro de ella seleccionamos el programa de Flash CS4 (básico

Más detalles

Objetivo: Que el alumno(a) entienda, comprenda y maneje el programa (Flash )

Objetivo: Que el alumno(a) entienda, comprenda y maneje el programa (Flash ) INFORMÁTICA (Flash) Objetivo: Que el alumno(a) entienda, comprenda y maneje el programa (Flash ) Desarrollo o proceso: Realizar equipos para el análisis y entendimiento del vocabulario con respecto a los

Más detalles

Objetivo Usar el programa para crear ilustraciones tales como logotipos y anuncios, que incluyen tipografía y gráficos.

Objetivo Usar el programa para crear ilustraciones tales como logotipos y anuncios, que incluyen tipografía y gráficos. ADOBE ILLUSTRATOR Descripción Adobe Illustrator es un programa de gráficos sofisticados capaz de crear ilustraciones complejas y atractivas. En el se crean logotipos, anuncios y otras ilustraciones. En

Más detalles

www www.generacion21.com Banners

www www.generacion21.com Banners www.generacion.com Banners Un banner es un formato publicitario en Internet que consiste en incluir una pieza publicitaria dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio

Más detalles

IES Nuestra Señora de la Almudena Curso Pizarras digitales Mª Jesús Saiz PRESENTACIONES: CONVERSIÓN A FLASH Y FORMATOS DE VIDEO

IES Nuestra Señora de la Almudena Curso Pizarras digitales Mª Jesús Saiz PRESENTACIONES: CONVERSIÓN A FLASH Y FORMATOS DE VIDEO PRESENTACIONES: CONVERSIÓN A FLASH Y FORMATOS DE VIDEO 1 CONVERTIR PRESENTACIONES DE POWER POINT A FLASH CON ISPRING Este complemento (agregado) para PowerPoint, pequeño y gratuito, te permite convertir

Más detalles

IMAGEN DIGITAL. Florentino Marugán. Florentino Marugán 1

IMAGEN DIGITAL. Florentino Marugán. Florentino Marugán 1 Florentino Marugán Florentino Marugán 1 Todas las imágenes se representan, procesan y guardan utilizando diferentes técnicas de codificación. Hay dos tipos básicos de imágenes en dos dimensiones (2D) generadas

Más detalles

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados Clase Tema Actividad en casa 20% Evaluación 1 Introducción: Descripción del programa Webliografía y bibliografía Lista de programas vectoriales diferentes a illustrator (Pc, Mac, Linux, otros). Formas

Más detalles

Imágenes y gráficos. 1 Introducción

Imágenes y gráficos. 1 Introducción Imágenes y gráficos 1 Introducción Hoy en día un documento para que sea considerado como un buen documento debe incluir, siempre que sea necesario, gráficos o imágenes, sobre todo si se va a distribuir

Más detalles

MANUAL DE USUARIO Administradores de contenidos de Pagina Web en Oracle Portal

MANUAL DE USUARIO Administradores de contenidos de Pagina Web en Oracle Portal Departamento de Evaluación, * Departamento de Expedido Enero 30 de 008 Sept. 0 de 013 ÍNDICE 1. Instructivo para Administrar los Contenidos en la Página Web.. 1.1. Solicitud de Cuenta de Acceso para el

Más detalles

MÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1

MÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1 MÓDULO 4 2013-2014 www.dianarodriguezcursos.com 1 DIANA RODRÍGUEZ Capacitaciones y Servicios de información digital Planificación y gestión de Bibliotecas Digitales Módulo 4 (Resumen) 2013-2014 www.dianarodriguezcursos.com

Más detalles

FORMATOS. paisaje.jpeg. Nombre de archivo extensión

FORMATOS. paisaje.jpeg. Nombre de archivo extensión FORMATOS Para qué es un formato? Un formato es la manera particular que tiene cada archivo de tener almacenada su información. Hay diferentes tipos de formatos para diferente tipo de información. Sin embargo,

Más detalles