Sei sulla pagina 1di 19

Tratamiento de la Imagen

Competencias Informáticas
Juan Felipe Muñoz Fernández

₪Carlos Andrés Galvis


₪Johan Andrés Flórez
₪Julián Andrés Córdoba
₪Pablo Robledo
Formatos de imágenes

Teoría del color

Índice
Reglas de composición

2/19
Formatos de imágenes
Mapas de bits y vectoriales
Diferencia entre imagen Vectorial y Mapa de Bits

• las imágenes vectoriales o


vectorizadas son creadas
• Las imágenes de mapa de mediante vectores, que
bits o rasterizadas son están compuestos de líneas
imágenes con puntos que y formas escalables. Por
se van distribuyendo en una ello, un gráfico vectorial no
cuadrícula, llamados píxeles. pierde calidad por mucho
que amplíes, y se adaptan
a la resolución de cualquier
dispositivo de salida.
4/19
JPEG Imágenes en mapa de bits

• Formato de imagen JPEG / JPG


La extensión de imagen .jpg o .jpeg es de lo más usados, sobretodo
en internet, en fotografías o en gráficos web. Es un formato de imagen
con pérdidas y pesa poco.

• Formato de imagen PNG


La extensión de imagen .jpg o .jpeg es de lo más usados, sobretodo
en internet, en fotografías o en gráficos web. Es un formato de imagen
con pérdidas y pesa poco.

• Formato de imagen RAW


Es el que habitualmente utilizan los fotógrafos profesionales,
ya que ofrece la calidad más alta, puesto que los demás formatos
PNG que comprimen con alguna pérdida de información, siempre degradan
ligeramente la imagen.
5/19
Imágenes vectoriales
EPS
• Formato de imagen AI
El formato AI es de Adobe Illustrator, programa de gráficos vectoriales.
Es el formato que más utilizo a nivel vectorial, ya que es el que viene
por defecto cuando guardas tus proyectos en el programa.

• Formato de archivo de imagen EPS


Normalmente cuando bajamos imágenes vectorizadas de internet,
vienen en formato EPS, (encapsulados PostScript) listos para
imprimir, pudiendolo abrirlos ya sea en Photoshop, Illustrator
o cualquier otro programa de diseño.

• Formato de imagen SVG


Actualmente podemos utilizar SVG (Scalable Vector Graphics), en
el propio navegador, ya sea Chrome, Safari o Firefox, siendo un
archivo de imagen no muy pesado, sin perder calidad, e incluso
podemos incluir animaciones en la propia imagen.
6/19
tamaño de imagen,
resolución y peso para web • En web hablamos de ppp (puntos por pulgada) debemos
olvidarnos de los centímetros.
Debemos tener claro que una cosa es
el tamaño de la imagen y otra la resolución, • 96ppp: Esta es la resolución perfecta para Internet, es decir
entre ambas configuran el peso del archivo. para visualizarlo en una pantalla. No hace falta más. Todo lo
que sea más que esto será exceso de peso para la web y por
tanto lentitud (y por tanto visitas que se marchen).

• 300ppp: Esta es una resolución de imprenta para diseño


gráfico.

• El peso de una imagen para subir al contenido de una


pagina web debe aproximarse 150kbs como máximo.

• Algunos programas para editar peso y resolución son


Photoshop y paginas web que hacen la conversión como:
Optimizilla

7/19
Formatos de imágenes
Teoría del color
El color es todopoderoso

No solo influencia los sentimientos, sino también


las acciones de las personas. La psicología del color puede
ayudar a fortalecer tu marca, conseguir ventas y guiar a las
visitas a páginas o a acciones concretas dentro de tu web.
Muchos estudios han mostrado que las personas se deciden
por un producto en menos de 90 segundos, y que el 90% de
esa decisión está basada en el color

9/19
¿Qué colores utilizar según tu perfil WEB?

Profesional

Los azules son de una personalidad


observadora, analítica y fija en sus
ideas. El color ideal para un
currículum arquitecto, un empleo
como técnico

10/19
¿Qué colores utilizar según el perfil WEB?

Los tonos rojizos son colores


recomendados
para puestos ejecutivos, por ejemplo,
para un directivo. Los rojos son más
llamativos y denotan más fuerza,
decisión, pasión y enfoque en los
resultados.

11/19
¿Qué colores utilizar según el perfil WEB?

De negocio
• Asociado con salud, tranquilidad y naturaleza,
también con dinero y personas (marcas) ricas.
• Se usa en tiendas para relajar a los visitantes.
• Frecuentemente usado para promover temas
ambientales.
• El verde estimula la armonía en el cerebro y
facilita el balance entre cuerpo y emociones.

12/19
Reglas de Composición
Básicas de la Fotografía
Regla de tercios
La regla de los tercios es una de las
reglas de composición más famosas
dentro del mundo de la fotografía.

Esta regla parte de una


simplificación del la proporción
aurea.
14/19
¿En que consiste la regla de
Consiste en coger una
tercios? imagen e imaginariamente
dividirla en tres tercios
horizontales y tres tercios
imaginarios, formando así
nueve piezas iguales.

Donde se interceptan las


semirrectas imaginarias son
puntos de interés.
15/19
Otras reglas básicas de composición

• Regla de los Impares


16/19
• Regla de Horizontes

• Regla de la mirada
17/19
Lentes (mm)
• Ojo de pez: 15mm
• Gran angular: 17mm – 35m
• Fijo: 50mm
• Zoom: 24-50mm; 18-70mm, 24-70mm y 25-105mm.
• Telefoto o teleobjetivo: 135mm – 400mm
• Macro: 60 mm

18/19
Gracias ;)

• https://www.modelocurriculum.net/blog/que-color-es-el-mas-indicado-para-mi-curriculum
• https://www.jimdo.com/es/2015/02/10/psicolog%C3%ADa-del-color-en-el-dise%C3%B1o-web-parte-1/
• https://www.pinterest.pt/pin/481533385157252445/
• http://www.danvojtech.cz/blog/2016/07/amazing-how-focal-length-affect-shape-of-the-face/
• https://www.crehana.com/co/blog/fotografia/tipos-de-lentes-para-tu-camara-fotografica/
• https://www.youtube.com/watch?v=WjIYMRIjJI4
• https://www.youtube.com/channel/UCuGDZXrIoVxRQCFaao1wuRw

Cibergrafía