Curso de Capacitación Docente

“Lectura, edición y creación de Imágenes educativas.”

Tutor: Ana Yapura

Módulo 3 – Clase 1

Objetivos

• Conocer los distintos programas gráficos de computación.

• Aprender los aspectos básicos de una producción visual.

• Iniciarse en la edición digital de imágenes bitmaps.

Contenidos

1. Editor de imágenes2. Programas gráficos3. Tipos de Imágenes4. Formatos gráficos5. Aspectos básicos de una

producción visual6. Pixlr – Paint.Net

1) Editores de imágenes

Aplicaciones informáticas que permiten el tratamiento y manipulación de imágenes, fotografías y vídeos, de la forma más simple (reducir, ampliar, retocar, recortar, etc.) hasta la más compleja (hacer montajes y arreglos, animar videos y figuras, etc.) para mejorar su presentación.

2) Programas gráficos de computación

Se los puede clasificar en:

• Programas de edición de imágenes vectoriales.

• Programas de dibujos, pinturas y edición de fotografías basadas en pixels.

• Programas de armado de publicaciones.• Programas auxiliares y varios.

PROGRAMAS DE EDICIÓN DE IMÁGENES VECTORIALES

Definición

•Dibujan utilizando líneas rectas o curvas que están definidas por fórmulas matemáticas. •Las líneas forman figuras que los programas

reconocen como objetos y que pueden adquirir diferentes atributos: tipo y color de línea, tipo y color de relleno, posición, etc.•Cada objeto puede ser editado y modificado

en cualquier momento por el programa

ED

ICIÓ

N D

E IM

ÁGEN

ES V

ECTO

RIAL

ES

Programas de diseño gráfico e ilustración

Contienen herramientas que permiten dibujar figuras geométricas y líneas de diversos tipos, que pueden ser modificadas en cualquier momento.

ED

ICIÓ

N D

E IM

ÁGEN

ES V

ECTO

RIAL

ES

Ej.: Ejemplos: Corel Draw, Adobe Ilustrator, Zoner Draw, Inkscape.

Programas CADSon los clásicos programas de dibujo técnico. Se usan en la industria y arquitectura para dibujar planos.

ED

ICIÓ

N D

E IM

ÁGEN

ES V

ECTO

RIAL

ES

Ej.: Autocad, CAD-CAM

Programas de modelado 3DPermiten crear objetos definidos vectorialmente que pueden manipularse en la PC como si realmente tuvieran volumen: se desplazan, rotan, se alejan, se iluminan y proyectan sombras unos sobre otros.

ED

ICIÓ

N D

E IM

ÁGEN

ES V

ECTO

RIAL

ES

Ej.: 3D Studio Max, Lightwave, Maya, Blender, etc.

Programas graficadores de funciones matemáticas

Están orientados a representar gráficamente funciones matemáticas de diversa índole: estadística, científica, comercial. Los más conocidos son los que acompañan las planillas de cálculo.

ED

ICIÓ

N D

E IM

ÁGEN

ES V

ECTO

RIAL

ES

Ej.: Microsoft Excel, Open Office Calc

Programas de animación vectorial

La animación es el proceso que se utiliza para crear una sensación de movimiento a imágenes o dibujos. Estos programas facilitan este proceso.

ED

ICIÓ

N D

E IM

ÁGEN

ES V

ECTO

RIAL

ES

Ej.: Syfing, Adobe Flash

Animación vectorial 2D: el aguaSitio: http://www.youtube.com/watch?feature=player_embedded&v=_QV9WPX7eT0

PROGRAMAS DE DIBUJOS, PINTURAS Y EDICIÓN DE

FOTOGRAFÍAS BASADAS EN PIXELS

Definición

Los gráficos basados en pixels están construidos por pequeños puntos colocados ordenadamente en una grilla rectangular, presentando variaciones de luminosidad. Estos puntos vistos en conjunto se convierten en imágenes. Los programas que permiten editar y modificar estos gráficos son los que pertenecen a este grupo.

ED

ICIÓ

N D

E IM

ÁGEN

ES B

ITM

APS

ED

ICIÓ

N D

E IM

ÁGEN

ES B

ITM

APS Ejemplos

•Básicos: Paint•Intermedios: Paint.Net, Paint Shop Pro•Avanzados: Adobe PhotoShop, Corel Photo

Paint•De código abierto: Gimp•On-line: Pixlr, Phixr

PROGRAMAS EDITORES DE PUBLICACIONES

Programas de armado de publicaciones tradicionales

Permiten armar páginas integrando textos, títulos, ilustraciones y gráficos. El texto puede ocupar varias columnas y se acomoda al espacio asignado.

ED

ICIÓ

N D

E PU

BLIC

ACIO

NES

Ej.: Adobe Page Maker, Adobe InDesign, Publisher

Procesadores de textoAl estilo de Word, que incorporaron funciones que se acercan a los de autoedición: muchas columnas, inserción de gráficos, índices, etc

ED

ICIÓ

N D

E PU

BLIC

ACIO

NES

Programas de armado de publicaciones electrónicas

Las publicaciones electrónicas son aquellas que no tienen como destino el papel. Son los programas que se usan para su diseño y armado.

ED

ICIÓ

N D

E PU

BLIC

ACIO

NES

Ej.: Dremweaver

PROGRAMAS AUXILIARES

Administradores de gráficosPermiten visualizar rápidamente un gráfico y poseen casi siempre la capacidad de mostrar todo lo que se les indique como miniaturas para su visualización.

AU

XILI

ARES

Ej.: Graphics Work Shop, Image Pals

Administrador de tipografíasPermite el manejo de Fuentes o tipografías, ya que permite visualizarlas antes de instalarlas, imprimir hojas de muestras o catálogos de colecciones.

AU

XILI

ARES

Ej.: Printer´s Apprentice, Font Spec Pro, Adobe Type Manager

Trazadores Programas que permiten trazar imágenes, proceso similar a calcarlas dibujando los bordes de los objetos representados en ellos.

AU

XILI

ARES

Ej.: Adobe Streamline, Corel Trace

3) Tipos de imágenesLas imágenes más utilizadas son:

• Imágenes vectoriales• Imágenes bitmaps

Imágenes vectoriales

Imágenes bitmaps

4) Formatos de archivos gráficos

Vectoriales

•CDR•AI•EPS•WMF

Bitmaps

•GIF•JPEG•PNG•BMP•TIFF

5) Aspectos básicos de producción visual

a) Cambiar el tamañob) Profundidad de colorc) Formato de imagend) Seleccionar objetose) Rotar imagen

a) Cambiar el tamaño

1. Recortar las partes sobrantes del gráfico.2. Agrandar la superficie de trabajo del gráfico,

pero sin modificar el tamaño de la imagen que contiene.

3. Achicar o agrandar todo el gráfico. Ampliarlo o reducirlo.

a.1) Recortar partes sobrantes

CAM

BIAR

EL

TAM

AÑO

a.2) Agrandar superficie de trabajo

CAM

BIAR

EL

TAM

AÑO

a.3) Ampliar o reducir C

AMBI

AR E

L TA

MAÑ

O

Ampliar o reducir C

AMBI

AR E

L TA

MAÑ

O

b) Profundidad de color

El tamaño (peso) de los archivos de imágenes está determinado no sólo por sus dimensiones (ancho y alto), sino por la profundidad de color de los mismos: la cantidad de colores que potencialmente puede mostrar.

Colores en la computadora

RGB: Red Green Blue

PRO

FUN

DID

AD D

E CO

LOR

Colores posibles

Color verdadero16.000.000

256 colores

Escala de grises Bitmap

PRO

FUN

DID

AD D

E CO

LOR

Colores posibles

La fotografía en 16

millones de colores.

Pesa 131 Kb

La fotografía en 256 colores.

Indexada.Pesa 44 Kb

La fotografía en escala de

grises.Pesa 44 Kb

La fotografía en blanco y

negro.Pesa 6 Kb P

ROFU

ND

IDAD

DE

COLO

R

c) Formato de imagenPara elegir el formato de una imagen hay que valorar:

• Contenido (fotografía, gráfico, etc.)• Calidad (dependiendo de su destino:

impresión en papel, publicación en web, etc.)• Tamaño del archivo

Formato GIFUna imagen GIF puede contener entre 2 y 256 colores entre 16,8 millones de su paleta. Por lo tanto, dado el número de colores limitado, las imágenes que se obtienen con este formato por lo general son muy pequeñas.

FORM

ATO

DE

IMAG

EN

¿Cuándo es conveniente usar GIF?

• Cuando la imagen es pequeña• Cuando se requiera una animación para ser

utilizada en Internet.• Cuando la imagen tiene 256 colores o se

verá bien con ese número de colores.• Si la imagen contiene altos contrastes o

grandes bloques de color.FORM

ATO

DE

IMAG

EN

Formato JPEGJPEG o JPG soporta 16,7 millones de colores (24 bits) y es el más empleado (y adecuado) para las fotografías.

FORM

ATO

DE

IMAG

EN

¿Cuándo es conveniente usar JPEG?

• Se requieran imágenes con 24 bits (16.7 millones de colores).

• Cuando la imagen es una fotografía o contiene tonos continuos. No realiza su función muy bien con diagramas, capturas de pantalla, comics, dibujos animados u otras imágenes de alto contraste.

• Serán usadas para su distribución en Internet, se quiere por tanto un peso mínimo de las mismas.FO

RMAT

O D

E IM

AGEN

Formato PNG• Desarrollado para superar las limitaciones del GIF,

pues no está sujeto a las patentes que pesan sobre él.

• El formato permite imágenes con color verdadero, escala de grises y paleta de 8 bits.

FORM

ATO

DE

IMAG

EN

¿Cuándo es conveniente usar PNG?

• Trabajar con niveles de transparencia (canal alfa).

• Compresión sin pérdida para imágenes de color de alta resolución y alto contraste.

• Imágenes de alta calidad con compresión sin pérdida.

FORM

ATO

DE

IMAG

EN

¿Más es mejor?• Pareciera existir una creencia de que mientras

mayor es el tamaño de una imagen, mejor. Esto es a la vez verdad y mentira. 

• La adquisición de las imágenes en tamaños generosos, permiten obtener los detalles y variedad de información que nos permitirán posteriormente cualquier uso. Pero...  

• En el momento de utilizarlas (aplicarlas) toda la información excedente es un contrapeso. FO

RMAT

O D

E IM

AGEN

d) Seleccionar objetos

e) Rotar lienzo

5) Programas de edición de imágenes bitmaps

Actividad• Seleccionar una imagen JPEG.• Utilizando Paint.Net o Pixlr:

1. Recortar una parte, de tal manera que cambie el sentido original de la imagen.

2. Ampliar la imagen3. Reducir la imagen4. Realizar rotaciones de 180° y 90° a la derecha e izquierda.5. Borrar el fondo6. Seleccionar un objeto dentro de la imagen y duplicarlo7. Colocar una imagen en blanco y negro

¡Manos a la obra!

Curso de Capacitación Docente. Instituto de Ciencias Empresariales.

Docente: Ing. Ana YapuraEmail: acyapura@gmail.com

Sitio Web del ICE http://www.e-iceweb.com.ar/sitio/

Año 2015