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

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

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

Transcripción

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

2 ÍNDICE 3 Edición de imágenes 3.1. Introducción 3.2. Gráficos en la página web Tipos de gráficos: vectorial frente a mapa de bits Formatos de imagen para la web Tamaño de las imágenes frente a tiempo de descarga Obtención de imágenes Optimización para la web 3.3. Macromedia FreeHand: una aplicación para el dibujo vectorial 3.4. Aplicaciones para edición de imágenes Adobe Photoshop Fireworks Paint Shop Pro 3.5. Proceso de creación de una imagen CONCLUSIONES BIBLIOGRAFÍA 2

3 3 Edición de imágenes 3.1. Introducción Las imágenes son un elemento muy importante en el diseño de nuestras páginas web. Por eso dedicaremos esta unidad didáctica al estudio de algunas de las consideraciones más interesantes a la hora de trabajar con imágenes como son: los formatos utilizados en la web, la calidad de las imágenes, los tiempos de descarga, etc. Asimismo, estudiaremos algunas de las aplicaciones de las que disponemos en la actualidad para el procesado de imágenes Gráficos en la página web En el lenguaje informático se le llama gráfico a cualquier imagen que se genera por ordenador. En los primeros pasos de Internet, estos elementos eran poco utilizados, debido a su peso, ya que por pequeño que fuese ralentizaba en exceso las descargas de las páginas web. Con el paso del tiempo, y a medida que avanzaba la tecnología, el aumento de la velocidad de los equipos y de las líneas que los conectan ha hecho posible que los gráficos, sean del tipo que sean, se conviertan en el elemento fundamental de toda web que son actualmente. Los gráficos pueden ser de dos tipos: vectoriales o de mapa de bits. Ambos son útiles en el diseño de páginas web. A continuación analizamos cada tipo de forma individual, para poder estudiar con más detalle algunas de sus características: Gráficos vectoriales: Estos gráficos están compuestos por segmentos rectos y curvos que se definen situando una serie de puntos unidos entre sí rellenos de un color específico y situados en un lugar determinado. Los programas de dibujo vectorial crean curvas definidas mediante puntos de control que nos permiten ajustar las curvas a la forma que deseemos. El formato vectorial, como su propio nombre indica, almacena la información mediante vectores calculados matemáticamente. Esto nos permite escalarlos a cualquier tamaño e imprimirlos a cualquier resolución sin que se pierdan detalles o nitidez. Es importante resaltar que cuando trabajamos con gráficos vectoriales, un cambio en el tamaño de la imagen no implica modificación alguna en el tamaño del archivo que lo contiene. Algunas aplicaciones que nos permiten crear este tipo de gráficos son: Macromedia FreeHand, Adobe Illustrator y CorelDRAW. Gráficos mapa de bits: Tipos de gráficos: vectorial frente a mapa de bits 3

4 Los gráficos de mapa de bits están formados por una serie de puntos a los que llamamos píxeles. Cada píxel contiene información de la imagen, en concreto, el color y la posición donde se sitúa ese píxel en la imagen. En los mapas de bits, al contrario que en los gráficos vectoriales, las dimensiones de la imagen son proporcionales al tamaño del archivo. Con estos gráficos podemos representar imágenes complejas (fotografías, ilustraciones, etc.), aunque hemos de tener en cuenta que un aumento del tamaño de la imagen hace que su calidad se vea mermada, debido a que el número de píxeles se mantiene fijo. Algunos de los formatos que se utilizan para guardar los gráficos de mapa de bits son: PSD, BMP y TIFF. Sin embargo, en el diseño web no se emplea ninguno de estos, debido a que los tamaños (peso) de los archivos son muy grandes, lo que implican tiempos de descarga muy elevados. Los formatos que sí se utilizan en web son los comprimidos: GIF, JPEG y PNG. Vectorial frente a mapa de bits: Una vez conocidas las características de ambos tipos de gráficos, podríamos llegar a la conclusión de que los vectoriales son mucho mejores, debido a que no perdemos calidad al aumentar la imagen, y el peso del archivo no se modifica. Sin embargo, los gráficos vectoriales no son los más extendidos por Internet. El principal inconveniente de este tipo de gráficos es que generalmente no son aceptados por los navegadores, por lo que antes de utilizarlos en la web debemos transformarlos a mapa de bits. Este proceso conlleva una pérdida de calidad, además de todos los problemas que surgen al trabajar con mapas de bits, que ya conocemos, si deseamos aumentar el tamaño de la imagen a posteriori. Pero, como en todo, existe una excepción, ya que los gráficos vectoriales de Flash (SWF) pueden ser descargados desde cualquier navegador. Este es el motivo por el que se han convertido en el estándar de facto para imágenes vectoriales en Internet, con la ventaja de que nos permiten incorporar sonido, movimiento e interactividad con el usuario. Los formatos de imagen más utilizados en el diseño web, que han ganado la batalla al resto gracias a que son archivos de baja resolución y pequeño tamaño, lo que permitirá al usuario descargarlas con mucha más rapidez, son los que siguen: GIF: Formatos de imagen para la web GIF o Graphic Interchange Format es uno de los formatos más utilizados para imágenes web, debido a que utiliza un sistema de compresión que permite que la pérdida de calidad sea mínima. En este formato la información del color se guarda en 8 bits, lo que implica que una imagen con este formato podría contener únicamente 256 (256=2^8) colores distintos. Esta limitación de la paleta de colores hace que sea muy utilizado para imágenes que contienen pocos colores como pueden ser: logotipos, iconos y textos guardados como imagen. Debido a esta misma limitación, se desaconseja su uso para otro tipo de imágenes que necesitan una gama más amplia de colores como son, por ejemplo, las fotografías. El formato GIF tiene una variante que encontramos en gran parte de los elementos animados que pueden aparecer en una página web: GIF animado. Se trata, simplemente, de secuencias de imágenes comprimidas en formato GIF. 4

5 Ejemplo: Los banners que encontramos en cualquier página web utilizan este formato. JPEG: El formato JPEG o Joint Photographic Experts Group no es un formato de imagen propiamente dicho, sino que es más bien un formato de compresión. A diferencia del GIF, dispone de 24 bits para almacenar la información del color, lo que nos permite almacenar imágenes de millones de colores (2^24 son más de 16 millones). Por tanto, este formato es ideal para fotografías, texturas y todas aquellas imágenes que demanden una amplia paleta de colores. Además, aunque la compresión es elevada, la pérdida visible de calidad es aceptable. Este formato es idóneo para fotografías, pero no es adecuado para imágenes con pocos colores como dibujos o textos, debido al formato de compresión que utiliza. Casi todos los programas de edición de imágenes nos permiten cambiar el nivel de compresión, mostrándonos de forma interactiva una previsualización de la calidad de la imagen, es decir, nos permiten un control exhaustivo sobre el equilibrio tamaño-calidad. PNG: 1 El formato PNG o Portable Network Graphics fue creado específicamente para la web y ha robado mucho protagonismo al JPEG y al GIF, ya que aúna la ventajas de los dos y es válido tanto para imágenes como para fotografías. Con este formato el rango de colores es, al igual que en JPEG, de millones de colores, lo que nos permite representar las imágenes con una calidad excepcional, pues, a diferencia del JPEG, el algoritmo de compresión que utiliza no produce una pérdida de calidad. Sin embargo, PNG no ha sido capaz de sustituir ni a JPEG ni a GIF, debido a que no permite animaciones, frente al GIF animado, y las imágenes PNG tienen mayor peso que las JPEG. Además, para que se muestre correctamente, en algunas versiones de navegadores, es necesario un plug in. Otros formatos: - EPS (Encapsulated Postscript): es uno de los formatos más adaptables, ya que puede utilizarse tanto para gráficos vectoriales, como para mapa de bits. - WMF (Windows Metafile): este formato fue desarrollado por Microsoft, y como consecuencia está adaptado para trabajar con programas Microsoft. - PSD (Photoshop format): es el formato del programa Adobe Photoshop, y es muy frecuente, ya que la aplicación que lo utiliza es una de las herramientas fotográficas más potentes, gráficamente hablando. - BMP (BitMaP): es el formato de Windows para mapas de bits y, a pesar de que es muy conocido, su compresión es pésima en comparación con la de otros formatos como GIF o JPEG. - TIFF (Tag Image File Format): ha sido muy utilizado debido a que este formato lo admite, prácticamente, la totalidad de las aplicaciones para edición de imágenes. Además, tiene la ventaja de que es compatible con Mac y PC. 1 PNG es el formato nativo de la aplicación de edición Macromedia Fireworks. 5

6 Ejercicio: Haz clic con el botón derecho encima de una imagen que forma parte de una página web, selecciona en el menú desplegable Propiedades y se te mostrará la información sobre el tipo de fichero: dimensiones, nombre y tamaño. El tamaño de las imágenes en el diseño web es un factor determinante, porque de él depende, en gran medida, la velocidad a la que el usuario podrá descargar nuestra página. Encontrar el equilibrio justo entre la calidad de la imagen y el tiempo de descarga es una tarea importante para todo diseñador web, por eso veremos a continuación algunas pautas que nos ayudarán a conseguir ese objetivo. El tamaño de una imagen depende de los siguientes parámetros: - Dimensión: es el número de píxeles de ancho por el número de píxeles de alto. - Número de colores de la imagen: porque en función de la paleta de colores que necesitemos para representar una imagen, tendremos que utilizar un formato u otro, lo que implica un mayor o menor tamaño de fichero. - Resolución: es el número de píxeles por pulgada o puntos por pulgada (dpi). En función de la finalidad a la que se destine, una imagen debe tener una resolución u otra. Las imágenes cuyo fin es ser impresas deberán tener una resolución mayor (sobre 300 píxeles por pulgada), mientras que las que sean implementadas en una web no necesitarán tanta resolución, y podrán ser, por tanto, de 72 píxeles por pulgada aproximadamente. Es posible que necesitemos incluir en nuestra web imágenes con mayor calidad para que puedan ser impresas, lo que haría que el conjunto de nuestro sitio web tuviese mayor peso y aumentase, consecuentemente, el tiempo de descarga. Para evitar esto, debemos colocar imágenes de pequeña calidad con un enlace a las de mayor resolución, de forma que los usuarios sólo esperarán si optan por descargar las imágenes con una mayor calidad. Además del tamaño de las imágenes, existen otros factores que influyen en el tiempo de descarga de nuestra página web: - La velocidad del ordenador. - La velocidad de la conexión. - El tráfico de la red Tamaño de las imágenes frente a tiempo de descarga Aunque en la actualidad están muy en alza las conexiones ADSL y el cable, debemos diseñar nuestro sitio web pensando en todo tipo de usuarios, es decir, en aquellos que disponen de este tipo de conexiones, pero también en los que utilizan, por ejemplo, el módem de su ordenador para conectarse desde su casa. A la hora de diseñar nuestros sitios, también tendremos en cuenta que las imágenes que ya se han descargado una vez quedan guardadas en la memoria caché del ordenador. Esto hace que las próximas veces que se utilicen su descarga será mucho más rápida, puesto que se trata de un acceso a la memoria interna del ordenador). Para garantizar que aprovechamos esta ventaja, debemos tener cautela y guardar las imágenes en la misma ruta y directorio en el servidor, pues si el navegador detecta otra copia de la misma imagen en otra localización, intentará descargársela de nuevo. 6

7 Entre los dispositivos más utilizados para la obtención de imágenes podemos destacar el escáner y la cámara digital, aunque existen otras fuentes de imágenes digitales a las que podemos acudir. A continuación veremos con más de detalle algunas de estas fuentes. Fotografía digital: Obtención de imágenes Las cámaras digitales son dispositivos digitalizadores de imágenes. Este tipo de cámaras ha evolucionado a partir de las analógicas, sustituyendo la parte de impresión en película por circuitería digital, gracias a la aparición de los sensores ópticos CCD. Aunque son digitales, precisan de una óptica, y existe una estrecha relación entre la calidad de la óptica y calidad de la imagen fotográfica tomada. La nitidez de la imagen que se proyecta sobre la superficie de la emulsión sensible (en el caso de las analógicas) o sobre el sensor electrónico (en el caso de las digitales) depende de las lentes que posea nuestra cámara. Este es el motivo por el que las mejores cámaras digitales son aquellas que cuentan con un sistema óptico de prestigio. Ejemplo: Algunas de estas marcas de prestigio para óptica fotográfica son: Nikon, Canon, Olimpus, etc. Las cámaras digitales almacenan las fotografías tomadas en formato JPEG, de forma que apenas ocupan espacio en memoria, aunque esto dependerá de las dimensiones y de la resolución a la que tomemos nuestra fotografía. Estos parámetros son configurables en la mayoría de las cámaras digitales. Escaneado: Un escáner es, al igual que las cámaras digitales, un dispositivo digitalizador que convierte imágenes impresas en un fichero que el ordenador puede utilizar. 7

8 La mayoría de los escáneres nos permiten configurar, además de la resolución a la que deseamos escanear nuestras imágenes, el formato en el que queremos guardarlas. Internet: La red es la fuente más importante de imágenes digitalizadas. Hasta hace poco tiempo cualquier imagen que se encontrase en Internet podía guardarse simplemente a través del menú contextual que surge al hacer clic con el botón derecho del ratón sobre la imagen. Esto vulneraba los derechos de autor de algunas de estas imágenes, por este motivo ha surgido una corriente de licencias de uso, que designan una serie de condiciones que se deben respetar a la hora de descargarse estas imágenes (que aparezca el nombre del autor, por ejemplo) Optimización para la web El hecho de que la página web que hemos creado sea visitada por el mayor número de usuarios posible depende, en gran parte, de una buena optimización y del procesado de las imágenes. Como hemos visto, el tamaño de un fichero gráfico depende del número de colores, del tamaño y de la resolución. Por tanto, la optimización es todo proceso que nos permita recortar estos parámetros, ya que implicará una reducción del tamaño del fichero y también del tiempo de descarga. Antes de comenzar la tarea de optimización, lo primero que debemos hacer es guardar una copia de la imagen original. Esta copia es de vital importancia, ya que si deseásemos recuperar la información original después de la optimización sería imposible. Los formatos originales en los que debemos guardar estas imágenes deben ser: BMP, TIFF, PSD, etc., es decir, todos aquellos en los que no se produzca pérdida de la información de la imagen (colores, resolución y dimensiones). En el caso de que el tratamiento se realizase sobre gráficos vectoriales no tendríamos estos problemas, puesto que no se produce pérdida de información. Antes de insertar una imagen en nuestra web, esta debe cumplir una serie de características. De no ser así, será necesario procesarla para que las cumpla. Entre estas características destacamos las siguientes: Las imágenes para web no deben superar los 72 dpi: Debido a que la resolución de un monitor es de 72 dpi, si cualquier imagen que vaya a ser utilizada sólo para ser vista en una página web cuenta con una resolución mayor que esta, 8

9 será innecesariamente grande, pues la mayor resolución no se apreciará y tardará más en descargarse. Si la imagen es muy grande, dividiremos la imagen en partes: Si la imagen es muy grande (por ejemplo, debe ocupar todo el monitor), podemos utilizar una técnica que consiste en dividir la imagen en partes, optimizando cada una de ellas por separado. Con este método conseguiremos reducir los tiempos de descarga y la diferencia no será apreciable, sólo debemos montar la imagen en una tabla para que se muestre como una única imagen. Reducir el número de colores: Para un formato como el JPEG el número de colores es casi irrelevante, pero para otros como el GIF puede ser un problema importante. Para este tipo de formatos la optimización de los colores puede realizarse de varias formas: - Automáticamente (el editor de imágenes con el que trabajamos elige cómo realizar esta tarea). - Convertir los colores que no existen a los más próximos de la paleta de la que disponemos. - Simular una trama de colores que nos permita aproximarnos al color que nos falta. Por supuesto, estas dos últimas tareas son mucho más tediosas que la primera, pero hay programas con paletas adaptativas que nos permiten llevarlas a cabo de forma cómoda y casi automatizada. Los programas de edición más populares, entre los que podemos destacar: Fireworks, Paint Shop Pro y Photoshop, incluyen herramientas para la transformación a los formatos de compresión y optimizan las imágenes utilizando técnicas muy parecidas Macromedia FreeHand: una aplicación para el dibujo vectorial La herramienta FreeHand, de Macromedia, es un programa de dibujo que nos permite crear todo tipo de gráficos vectoriales. Esta aplicación permite realizar ilustraciones web como logotipos y banners publicitarios, y también puede utilizarse para convertir cualquier gráfico en una animación Flash. 9

10 Los navegadores no pueden mostrar por sí solos los documentos creados con Macromedia FreeHand, por lo que, para mostrarlos en una página web, debemos emplear alguna de las técnicas que indicamos a continuación: - Convertir los documentos creados con FreeHand en documentos HTML, a través de la función Publicar como HTML. - Asignar vínculos URL a los objetos o al texto de un documento creado con FreeHand con el Panel de navegación. De esta forma, al hacer clic sobre uno de estos objetos con URL asignada, se abrirá la página web correspondiente. - Guardar los documentos creados con los formatos web: GIF, JPEG o PNG, con el fin de insertarlos posteriormente en un documento HTML. - Crear películas interactivas, mediante la asignación de acciones Flash a los objetos de los documentos creados con FreeHand. - Exportar los documentos de FreeHand al formato de archivo de Flash (SWF), ya que con la simple instalación de un plugin (actualmente muy extendido) también podrían verse. Otra forma de convertir un documento de FreeHand en una animación Flash es utilizando el Xtra Animar. También es muy útil la ventana de reproducción de Flash que incorpora FreeHand, que nos permite previsualizar y comprobar el funcionamiento de las películas Flash Aplicaciones para edición de imágenes Todo diseñador web necesita una serie de aplicaciones para cubrir sus necesidades gráficas, entre las que destacan: la edición de imágenes, la creación de texto, la creación de animaciones y la optimización de imágenes. 10

11 Aunque, en apartados anteriores, hemos citado algunas de ellas, a continuación las estudiaremos con más detalle Adobe Photoshop Adobe Photoshop es el líder en el mercado para el procesamiento de imágenes, ya que nos proporciona un conjunto muy completo de herramientas para crear, editar y retocar imágenes y fotografías. Esta aplicación, elaborada por la compañía de software Adobe, inicialmente para máquinas Apple, cobró tal importancia y popularidad que no tardó en implementarse para PC. En sus primeras versiones el espacio de trabajo era un bitmap formado por una sola capa, donde se aplicaban todos los efectos y tratamientos a la imagen. 11

12 Actualmente, este software ha evolucionado de forma que el espacio de trabajo se ha convertido en multicapa, se ha incorporado el uso de gráficos vectoriales, permite un mayor control sobre los retoques de color y los efectos creativos, etc. Es el software más utilizado, porque abarca un amplio abanico de disciplinas como el retoque fotográfico, la fotocomposición, el estilismo digital y el diseño web, entre otras Fireworks Esta aplicación de Macromedia nos ofrece un entorno de trabajo integrado para la creación de todos los elementos que componen las páginas web: gráficos, botones, menús, animaciones, etc. Al mismo tiempo, nos permite optimizar y exportar todos esos elementos para conseguir la máxima calidad con el menor tamaño de archivo posible, y automatizar tareas repetitivas para ahorrar tiempo. 12

13 Con el Fireworks podemos crear cualquier gráfico, tanto vectorial como de mapa de bits, sin necesidad de recurrir a otras aplicaciones Paint Shop Pro Las características más destacables de la Suite de Corel Paint Shop Pro son: el ajuste y retoque de imágenes, la creación de fotomontajes, su gran cantidad de filtros y efectos gráficos, y, por último, las herramientas de organización y compartición de imágenes Proceso general para la creación de una imagen Si aglutinamos los conceptos que hemos visto hasta este momento, el proceso de creación de una imagen para la web sería: 13

14 - Crear la imagen con un programa de dibujo vectorial (Illustrator, FreeHand o CorelDRAW) o con uno de edición de imágenes de mapa bits como Photoshop. - Retocar (cambiar los colores, filtros, etc.) con el Adobe Photoshop y optimizar la imagen. - Si necesitásemos imágenes en movimiento, deberíamos utilizar un programa de animación. - Para comprobar, finalmente, que el resultado final es el buscado, debemos visualizar las imágenes creadas en el navegador web. Si no alcanzásemos ese resultado, deberíamos comenzar de nuevo el proceso desde el primer punto. 14

15 CONCLUSIONES En esta unidad didáctica hemos conocido los formatos de imagen más importantes. Además, hemos prestado especial atención aquellos que se utilizan en diseño web y a sus características. También nos hemos familiarizado con alguna de las aplicaciones más completas para la edición y la creación de imágenes. Por último, hemos visto unas pautas generales sobre los pasos a seguir desde la creación de una imagen hasta que se inserta en una página web, analizando con más detalle el proceso de optimización, fundamental para alcanzar un buen equilibrio entre el tamaño de la imagen y su tiempo de descarga. 15

16 BIBLIOGRAFÍA Bibliografía complementaria VALDÉS-MIRANDA, C. y E. RODRÍGUEZ (2005): Creación y diseño Web. Edición 2005, Anaya Multimedia, Madrid. Recursos electrónicos 16

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

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

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 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

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

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

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

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

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

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

ARCHIVOS EN DISEÑO GRÁFICO

ARCHIVOS EN DISEÑO GRÁFICO ARCHIVOS EN DISEÑO GRÁFICO Tipos de archivos en Diseño Gráfico Extensiones:.psd -Photoshop Document- Photoshop es utilizado en todo el mundo por diseñadores, ilustradores, fotógrafos, videógrafos y autores

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

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

Introducción a la imagen digital: Mapa de bits. Vectores

Introducción a la imagen digital: Mapa de bits. Vectores Introducción a la imagen digital: Mapa de bits Vectores Mapa de bits La imagen de mapa de bits, rasterizada o bitmap es una imagen formada por pixeles en una cuadrícula. Los píxeles son los elementos de

Más detalles

INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR

INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR Los programas de diseño gráfico suelen necesitar más memoria y capacidad de proceso que la misma información representada exclusivamente

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

TRATAMIENTO DE IMÁGENES 1. CREAR DIBUJOS E IMÁGENES. 2. ADQUISICIÓN DE IMÁGENES

TRATAMIENTO DE IMÁGENES 1. CREAR DIBUJOS E IMÁGENES. 2. ADQUISICIÓN DE IMÁGENES TRATAMIENTO DE IMÁGENES Si algo ha cambiado en los últimos años por el uso de la informática es el tratamiento de imágenes. Hoy en día casi todo el mundo tiene una cámara digital. Se hacen fotos continuamente

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

CONCEPTOS BASICOS DE IMAGEN DIGITAL

CONCEPTOS BASICOS DE IMAGEN DIGITAL CONCEPTOS BASICOS DE IMAGEN DIGITAL 1- Conceptos Básicos Una imagen analógica es una imagen natural captada con una cámara o cualquier otro instrumento óptico, presenta unas características de sombras

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

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

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

U.D. Tratamiento digital de imágenes (3ª evaluación)

U.D. Tratamiento digital de imágenes (3ª evaluación) U.D. Tratamiento digital de imágenes (3ª evaluación) TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN 1º BACHILLERATO *Fechas orientativas: Lunes Martes Miércoles Jueves Viernes PRUEBA INICIAL 27 28 29

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

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

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

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

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

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

U.D. Tratamiento digital de imágenes (3ª evaluación)

U.D. Tratamiento digital de imágenes (3ª evaluación) U.D. Tratamiento digital de imágenes (3ª evaluación) ÍNDICE IMÁGENES GRÁFICAS 1. TIPOS DE IMÁGENES 2. CALIDAD DE UNA IMAGEN DIGITAL (bitmap) 3. TAMAÑO DE IMAGEN Y TAMAÑO DE ARCHIVO 4. TAMAÑO DE IMAGEN

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

Aspectos a revisar en la maquetación.

Aspectos a revisar en la maquetación. Aspectos a revisar en la maquetación. Resolución de imágenes de mapa de bits La resolución óptima de las imágenes de mapa de bits depende de la lineatura de impresión: La resolución (ppp) de una imagen

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

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

Ministerio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 9: Importar y exportar

Ministerio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 9: Importar y exportar Ministerio de Educación Diseño de Presentaciones en la Enseñanza Módulo 9: Importar y exportar Instituto de Tecnologías Educativas 2011 Diseño de Presentaciones en la Enseñanza (OpenOffice) Importar y

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

Acercándose a Flash. Capítulo. 1.1 Por qué Flash?

Acercándose a Flash. Capítulo. 1.1 Por qué Flash? Capítulo 1 Acercándose a Flash 1.1 Por qué Flash? F lash se ha convertido en un clásico para el diseño de páginas web y de presentaciones multimedia interactivas. Las características más destacadas de

Más detalles

Draw. Dibujo vectorial

Draw. Dibujo vectorial Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Profundización Introducción Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Inicio Objetivos

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

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

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

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

IMÁGENES DIGITALES. Tipos de imágenes digitales y características

IMÁGENES DIGITALES. Tipos de imágenes digitales y características IMÁGENES DIGITALES Tipos de imágenes digitales y características Formas de adquirir una imagen Crear un dibujo: utilizando algún programa de dibujo como Paint, CorelDraw, OpenOffice Draw, etc. También

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

1. Introducción...3. 2. Qué es Draw?...3. 3. Entorno de trabajo...4. 4. Crear un nuevo documento...9. 5. Preparación de la hoja de dibujo...

1. Introducción...3. 2. Qué es Draw?...3. 3. Entorno de trabajo...4. 4. Crear un nuevo documento...9. 5. Preparación de la hoja de dibujo... Draw Básico Índice del curso 1. Introducción...3 2. Qué es Draw?...3 3. Entorno de trabajo...4 4. Crear un nuevo documento...9 5. Preparación de la hoja de dibujo...12 6. Trabajando con Draw...14 2 Conoce

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

Imágenes y gráficos. Imágenes. Gráficos.

Imágenes y gráficos. Imágenes. Gráficos. Imágenes y gráficos 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 por

Más detalles

Curso de Adobe Illustrator CS4

Curso de Adobe Illustrator CS4 Curso de Adobe Illustrator CS4 El objetivo de este curso es proveer a los alumnos con poco o ningún conocimiento, la habilidad necesaria para trabajar con las herramientas precisas y poder crear gráficos,

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

Para definir una transparencia personalizada mediante una capa de fondo:

Para definir una transparencia personalizada mediante una capa de fondo: 6 Haga clic en OK (Macintosh) o en Aceptar (Windows) para volver al cuadro de diálogo Exportar. 7 Haga clic en Guardar (Windows) o en Exportar (Macintosh) para exportar el documento. Definición de transparencia

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

Taller genmagic: Adobe Flash. Tutorial 6: USO DE LAS IMÁGENES DE MAPA DE BITS EN FLASH I.

Taller genmagic: Adobe Flash. Tutorial 6: USO DE LAS IMÁGENES DE MAPA DE BITS EN FLASH I. LAS IMÁGENES DE MAPA DE BITS EN FLASH. En este tutorial aprenderemos las técnicas básicas de tratamiento de imágenes con Flash. Es un tutorial básico pero obligatorio para poder seguir avanzando en el

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

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

Tutorial de FreeHand MX

Tutorial de FreeHand MX 1 Tutorial de FreeHand MX FreeHand es una aplicación de Macromedia para el diseño de imágenes vectoriales de alta calidad y resolución orientadas tanto a la publicación impresa como al entorno Web. 1.

Más detalles

Draw. Dibujo vectorial Profundización. Glosario. Ministerio de Educación, Cultura y Deporte

Draw. Dibujo vectorial Profundización. Glosario. Ministerio de Educación, Cultura y Deporte Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Profundización Glosario Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Glosario GLOSARIO

Más detalles

CONCEPTOS BASICOS IMAGEN DIGITAL. Por Lic. Sandra M. Perez

CONCEPTOS BASICOS IMAGEN DIGITAL. Por Lic. Sandra M. Perez CONCEPTOS BASICOS IMAGEN DIGITAL Por Lic. Sandra M. Perez QUÉ ES UNA IMAGEN DIGITAL? Es la representación de una imagen utilizando BITS (unos y ceros). Se obtiene por medios electrónicos (cámaras, escáneres,

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

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

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

Capitulo VIII. Multimedios. En informática, multimedios es la forma de presentar información que emplea

Capitulo VIII. Multimedios. En informática, multimedios es la forma de presentar información que emplea Capitulo VIII Multimedios. En informática, multimedios es la forma de presentar información que emplea una combinación de texto, sonido, imágenes, animación y vídeo. Entre las aplicaciones informáticas

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

REQUISITOS TÉCNICOS PARA ESCANEAR

REQUISITOS TÉCNICOS PARA ESCANEAR RECOMENDACIONES PARA DIGITALIZAR DOCUMENTOS. USO DEL ESCÁNER Unni iddaadd ddee Dooccuumeennt taacci ióónn,, Arrcchhi ivvoo yy Reeggi isst trroo Febrero 2008 Este documento pretende ofrecer información

Más detalles

GIMP, APLICACIONES DIDÁCTICAS

GIMP, APLICACIONES DIDÁCTICAS MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN EDUCATIVA GIMP,

Más detalles

Procesador de texto Apunte N 5

Procesador de texto Apunte N 5 Procesador de texto Apunte N 5 Imágenes, gráficos, formas, organigramas y texto artístico ACLARACIÓN: Estos apuntes están diseñados para enseñar tanto MS Word como OOO Writer. Si es necesario se indicará

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

CREIX AMB INTERNET ILLUSTRATOR: CREACIÓN DE UTILLAJE GRÁFICO E ILUSTRACIÓN

CREIX AMB INTERNET ILLUSTRATOR: CREACIÓN DE UTILLAJE GRÁFICO E ILUSTRACIÓN CREIX AMB INTERNET ILLUSTRATOR: CREACIÓN DE UTILLAJE GRÁFICO E ILUSTRACIÓN Índice: Introducción...pág. 03 1. Creación de un logotipo original......pág.04 2. Vectorizar Ilustraciones y colorearlas a partir

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

DIRECCIÓN GENERAL DE CÓMPUTO Y DE TECNOLOGÍAS DE INFORMACIÓN Y COMUNICACIÓN Dirección de Docencia en TIC FICHA TÉCNICA NOMBRE DEL CURSO

DIRECCIÓN GENERAL DE CÓMPUTO Y DE TECNOLOGÍAS DE INFORMACIÓN Y COMUNICACIÓN Dirección de Docencia en TIC FICHA TÉCNICA NOMBRE DEL CURSO NOMBRE DEL CURSO MÓDULO DE DISEÑO EDITORIAL Y GRÁFICO MODALIDAD PRESENCIAL A QUIEN VA DIRIGIDO Personas que trabajan en el área de diseño gráfico, fotografía o afines y que estén interesadas en la generación

Más detalles

IES DOCTOR MARAÑON. DTO TECNOLOGIA. FOTOGRAFIA

IES DOCTOR MARAÑON. DTO TECNOLOGIA. FOTOGRAFIA FOTOGRAFIA Hoy en día conviven dos formas de práctica fotográfica completamente diferentes en cuanto al modo en que captan y procesan sus imágenes. Junto a la fotografía tradicional o analógica (con un

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

Descubre gnulinex 1. Capítulo 8. Multimedia

Descubre gnulinex 1. Capítulo 8. Multimedia Descubre gnulinex 1 Capítulo 8 Multimedia 2 Descubre gnulinex Qué es multimedia? El término multimedia indica que una información se muestra mediante diferentes tipos de medios. Entre éstos destacan: textos,

Más detalles

IB14 Informática para la construcción. Tema 5. Tratamiento de imágenes digitales

IB14 Informática para la construcción. Tema 5. Tratamiento de imágenes digitales IB14 Informática para la construcción Tema 5. Tratamiento de imágenes digitales Contenidos Fotografía tradicional. Fotografía digital. Procesamiento digital de imágenes. Cómo almacena el ordenador

Más detalles

Creative Suite 6 Design & Web Premium

Creative Suite 6 Design & Web Premium Creative Suite 6 Design & Web Premium Servicios Profesionales Danysoft Novedades en CS6. A continuación te incluimos las novedades que encontrarás en la nueva versión: Trabaje con una creatividad a la

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

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

Photoshop. Conceptos Básicos

Photoshop. Conceptos Básicos Photoshop Conceptos Básicos Qué es Photoshop? Tratamiento de imágenes Retoque fotográfico Pintura Posee gran versatilidad Herramienta de post-producción (separación de colores y medios tonos) La ventana

Más detalles

Operación Microsoft Windows

Operación Microsoft Windows Entornos de red Concepto de red En el nivel más elemental, una red consiste en dos equipos conectados entre sí mediante un cable de forma tal que puedan compartir datos. Todas las redes, no importa lo

Más detalles

PRIMEROS PASOS EN WINDOWS

PRIMEROS PASOS EN WINDOWS 1. EL ESCRITORIO PRIMEROS PASOS EN WINDOWS En Windows el escritorio está prácticamente vacío al principio para que seamos nosotros los que decidamos qué queremos situar en él. De hecho sólo nos encontramos

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

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

DISPOSITIVOS DE CALIBRACIÓN ANDREA HERNÁNDEZ BARRIENTOS GENNY USUGA DOCENTE PREPRENSA DIGITAL PARA MEDIOS IMPRESOS COLEGIO SANTA LEONÍ AVIAT

DISPOSITIVOS DE CALIBRACIÓN ANDREA HERNÁNDEZ BARRIENTOS GENNY USUGA DOCENTE PREPRENSA DIGITAL PARA MEDIOS IMPRESOS COLEGIO SANTA LEONÍ AVIAT DISPOSITIVOS DE CALIBRACIÓN ANDREA HERNÁNDEZ BARRIENTOS GENNY USUGA DOCENTE PREPRENSA DIGITAL PARA MEDIOS IMPRESOS COLEGIO SANTA LEONÍ AVIAT COPACABANA 2012 MEDIOS Y DISPOSITIVOS DE CALIBRACIÓN Cuando

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

DISEÑO FLASH DE RECURSOS MULTIMEDIA PARA LA ENSEÑANZA

DISEÑO FLASH DE RECURSOS MULTIMEDIA PARA LA ENSEÑANZA Edición 2005 Guía del alumn@ DISEÑO FLASH DE RECURSOS MULTIMEDIA PARA LA ENSEÑANZA MATERIALES PARA LA FORMACIÓN A DISTANCIA DEL PROFESORADO Autor: Fernando Posada Prieto Guía del alumn@ Contenidos 1. Objetivos

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

El tamaño de una imagen digital

El tamaño de una imagen digital El tamaño de una imagen digital Apellidos, nombre Vicente Atienza Vanacloig (vatienza@disca.upv.es) Departamento Centro Informática de Sistemas y Computadores (DISCA) Escuela Técnica Superior de Ingeniería

Más detalles

Creación, configuración, formato y visualización de una presentación en Power Point

Creación, configuración, formato y visualización de una presentación en Power Point Módulo 3 Herramientas de Cómputo Creación, configuración, formato y visualización de una presentación en Power Point Cómo crear una diapositiva nueva? Para crear una diapositiva nueva tienes que ir al

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

Tutorial de carga de fotos en www.sonmisamigos.es

Tutorial de carga de fotos en www.sonmisamigos.es Tutorial de carga de fotos en www.sonmisamigos.es Este documento describe paso a paso como cargar un conjunto de fotografías en la web www.sonmisamigos.es Paso 1: Seleccionar las fotos a cargar Antes de

Más detalles

FOTO CLIC Nociones básicas sobre imagen digital

FOTO CLIC Nociones básicas sobre imagen digital FOTO CLIC Nociones básicas sobre imagen digital 1. INTRODUCCIÓN 2. CÁMARAS DIGITALES 2.1. Tipos de cámaras digitales 2.2. Partes de una cámara digital 2.3. Almacenaje de fotografías 2.4. Transferencia

Más detalles

CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL

CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL Índice: Introducción...pág. 03 1. Entorno de Illustrator...pág:04 2. Creación de un nuevo documento...pág: 07 3. Uso de capas...pág: 10

Más detalles

CARRERA OPERADOR EN DISEÑO GRAFICO VISIO

CARRERA OPERADOR EN DISEÑO GRAFICO VISIO CARRERA OPERADOR EN DISEÑO GRAFICO DURACION: 3 MESES DE L-V Requisito: Conocimiento en Windows VISIO FREEHAND COREL DRAW PHOTOSHOP FLASH ILUSTRATOR INDESING VISIO 1 semana 1 semana 1. INTRODUCCIÓN A VISIO

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

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

FOTOGRAFÍA DIGITAL Y RETOQUE FOTOGRÁFICO

FOTOGRAFÍA DIGITAL Y RETOQUE FOTOGRÁFICO 1 FOTOGRAFÍA DIGITAL Y RETOQUE FOTOGRÁFICO Las cámaras digitales no disponen de película tradicional, capturan la luz por medio de una serie de sensores ópticos y la almacenan en forma de puntos luminosos

Más detalles

Licencia Reconocimiento- No comercial- Sin obras derivadas 3.0 España de Creative Commons. http://creativecommons.org/licenses/by- nc- nd/3.

Licencia Reconocimiento- No comercial- Sin obras derivadas 3.0 España de Creative Commons. http://creativecommons.org/licenses/by- nc- nd/3. Universidad Nacional de Educación a Distancia Instituto Universitario de Educación a Distancia Ignacio Quintana Frías No se permite un uso comercial de la obra original ni la generación de obras derivadas.

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

Curso de tratamiento de imágenes con Gimp 2

Curso de tratamiento de imágenes con Gimp 2 Curso de tratamiento de imágenes con Gimp 2 Marcelino Marcos Carrasco Curso 2008/09 Índice: Pág 1- Formatos de imágenes... 3 2- Introducción al Gimp.... 11 3- Gimp: Herramientas de selección.... 13 4-

Más detalles

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Módulo 7: Imágenes Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Imágenes Objetivos

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