View
1.074
Download
0
Category
Preview:
Citation preview
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
Recommended