SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
DISEÑO GRÁFICO
Elaborado por:
Estefanía Ruiz
Ingeniería en Marketing
DI SE ÑO
CARRERA:
TEMAS:
 Indique los elementos del diseñador con ejemplos.
 Describa todos los parámetros que debe considerar en la imagen y en el
sonido digital.
 Explique de cuantas maneras se pueden generar imágenes fijas, indicar ocho
formatos de imágenes con sus respectivas características.
 Indique y explique seis elementos que describen una imagen digital.
 Enumere 4 herramientas para la edición de imágenes.
 Indique y explique brevemente 4 sitios gratuitos para diseño de páginas web.
Elementos del diseño gráfico
 Color.
 Líneas.
 Escala.
 Forma.
 Alineación.
 Contraste.
 Espacio.
Color
El ojo humano puede
distinguir entre 10.000
colores.
El círculo cromático nos sirve para observar la organización básica y la
interrelación de los colores. También lo podemos emplear como forma para hacer
la selección de color que nos parezca adecuada a nuestro diseño.
El círculo cromático moderno se compone de tres colores primarios (rojo,
amarillo y azul), que teóricamente se pueden mezclar en diferentes proporciones
para producir colores secundarios e intermedios.
La variedad de colores lo
podemos visualizar por la
combinación de varios
de ellos.
Líneas
Una de las características mas relevantes de este elemento es la “delgadez”,
gracias a esta propiedad, una línea puede sugerir una dirección determinada, al
darle curva genera sensación de movimiento y acercando una con otra puede
producir ilusión de volumen.
Escala
Es la proporción de aumento o
disminución que existe entre las
dimensiones reales y las dimensiones
representadas de un objeto, no es lo
mismo que tamaño. En efecto, para
representar un objeto de grandes
dimensiones, deben dividirse todas sus
medidas por un factor mayor que uno,
en este caso denominado escala de
reducción; y para representar objetos de
pequeñas dimensiones, todas sus
medidas se multiplican por un factor que
uno, denominado escala de ampliación.
Finalmente, deben indicarse sobre el
dibujo las dimensiones del objeto real, y
la escala en que ha sido elaborado. Se
puede usar la escala para crear una
jerarquía visual para un diseño.
Forma
Para nuestra percepción visual, todo lo que nos rodea tiene forma. La forma es el
aspecto exterior de las cosas (objetos, animales, plantas), la podemos describir
trazando su contorno (líneas) o dibujando su silueta (manchas) sobre un plano,
así individualizamos la forma y la diferenciamos del fondo. Contamos con dos
categorías de formas, las formas geométricas, que se definen en proporciones
uniformes perfectas (como un círculo, un cuadrado o un triángulo) y las formas
orgánicas, que tienen bordes menos definidos y proporciones fluctuantes y,
esencialmente, no tienen reglas (como las cosas onduladas o con forma de gota,
que no se ajustan a ninguna categoría real).
Alineación
La alineación nos ayudará a crear orden, o su opuesto, creando conexiones visuales
entre ellos. Cuando una composición está alineada, automáticamente nuestro
cerebro percata cohesión y orden. Puede que existan elementos separados entre sí
pero aún así hay como un lazo invisible que los conecta entre ellos. No importa los
tamaños de los elementos o los colores utilizados, en el fondo hay una relación
entre ellos que aportan un significado global.
Las alineaciones horizontales son imprescindibles para conseguir un diseño en
niveles estables, ya que las líneas horizontales aportan equilibrio.
Las alineaciones verticales, son más comunes a la izquierda, ya que es la normal en
los libros y demás soportes textuales, estando nuestra vista educada para tratar con
ella.
Contraste
El contraste nos ayudará a diferenciar dos elementos, o bien a separar un
elemento del fondo. Es sin lugar a duda, uno de los principios básicos. La falta de
contraste puede provocar que no se diferencien suficientemente todos o algunos
de los elementos de la composición. Pero el contraste no se refiere únicamente al
color, también a la forma o la dirección.
Ejemplo: un conjunto de cuadrados e insertamos un círculo.
Espacio
El espacio es las partes vacías entre una forma dibujo o contorno estos espacios
pueden dar la sensación de distancia e incluso de velocidad. Todas las formas por
mas pequeñas que sean ocupan un espacio, el espacio así mismo puede ser visible
o ilusorio (para dar una sensación de profundidad) el espacio en blanco es
esencial ya que le permite un descanso al ojo mientras recorre la página. Su
propósito es organizar coherentemente las formas y las relaciones espaciales entre
ellas creando puntos de enfoque e interés.
Imagen Digital
La valoración a partir de parámetros
tradicionales es ahora más que
nunca cuantificable. Definición,
tono, color, etc. son valores
numéricos, de lectura matemática y
por tanto modificables y ajustables
con mayor facilidad y sobretodo
precisión. El análisis de la imagen
parte de valores objetivos, aunque
no podemos olvidar su valoración
subjetiva. Centrándonos en los
valores objetivos, éstos pueden ser
mesurables a partir de los
parámetros de resolución,
profundidad, modo de color, etc.
Imagen Digital
Las imagénes digitales se pueden guardar en distintos formatos. Cada uno se
corresponde con una extensión específica del archivo que lo contiene. Los más
utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.
Imagen Digital
La resolución se define como el número de píxeles que componen la imagen y se mide
en píxeles por pulgada (ppi, pixels per inch), o puntos por pulgada (dpi, dots per inch),
cuando se refiere a dispositivos de salida. A mayor resolución, mayor detalle de
imagen y, por tanto, mayor calidad. La tonalidad de la imagen viene dada por
múltiples parámetros y por esta razón será un atributo difícil de valorar.
Principalmente, la tonalidad de la imagen vendrá determinada por la resolución y la
luminosidad o profundidad de color. La luminosidad hace referencia a la información,
el número de bits, que representa cada píxel. 1 bit representa 2 tonos, 8 bits 256 tonos,
24 bits 16 millones de tonos y 32 bits 4.000 millones de tonos. Finalmente, el ruido
consiste en las pequeñas alteraciones aleatorias a la luminosidad del color y sería el
equivalente al grano de la imagen convencional. Un sensor con una alta relación entre
señal y ruido representa una imagen con gran precisión.
Sonido Digital
Los parámetros básicos para describir la secuencia de muestras que representa el
sonido son:
 El número de canales: 1 para mono, 2 para estéreo, 4 para el sonido
cuadrafónico, etc.
 Tasa de muestreo: El número de muestras tomadas por segundo en cada canal.
 Número de bits por muestra: Habitualmente 8 o 16 bits.
Como regla general, las muestras de audio multicanal suelen organizarse en
tramas. Una trama es una secuencia de tantas muestras como canales,
correspondiendo cada una a un canal. En este sentido el número de muestras por
segundo coincide con el número de tramas por segundo. En estéreo, el canal
izquierdo suele ser el primero.
Sonido Digital
Parámetros clave
 Frecuencia de muestreo: Cantidad de muestras de amplitud por segundo
 Resolución: cantidad de información por muestra
Parámetros habituales
 Valor de Bitrate (bits/segundo): Cantidad de información por segundo. Por
ejemplo 128 kbps
 Tipo de bitrate: – CBR (constante) – VBR (variable) – ABR (Media de valor)
Sonido Digital
Formatos digitales sin pérdida
AIFF ● PCM / CDA ● WAV ● MIDI ● FLAC
Formatos digitales con pérdida
● MP3 ● AAC / M4A / ARM ● OGG ● RM ● WMA ● AC3 (Dolby Digital, etc)
Imágenes Fijas
Imágenes Fijas
Existen 41 formas para crear imágenes fijas entre ellas
se encuentran los formatos que los hacen posible
como: art. – bmp. – cin. – cpt. – dpx. – exr. - gif. – etc.
De los cuales hoy ciaremos 8.
Imágenes Fijas
Formato Característica
1. art. Art. Es un formato de imagen propietario usado habitualmente por el software
cliente de AOL. El formato art. Únicamente soporta una imagen fija que ha sido
muy comprimida.
2. fpx. Formato que admite múltiples resoluciones de una imagen. Con o si compresión de
8 a 24 bits de profundidad de color.
3. gif. GIF. es utilizado popularmente en la web. Formato de 8 bits (256 colores máximo)
con soporte de animación por frames. Utiliza la compresión LZW
4. jpeg. Es usado ampliamente para fotografías e imágenes de gran tamaño y variedad de
color en la web y por las cámaras digitales. Es un formato comprimido con pérdida
de calidad, aun que esta se puede ajustar.
5. psd. Formato propietario utilizado por Adobe Photoshop. Posee cantidad de
características extra, como la composición por capas. Poco compatible con
programas externos a la casa Adobe .
6. bmp. La imagen se forma mediante una parrilla de píxeles. El formato BMP no sufre
pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se
desean manipular posteriormente.
7. tif. Almacena imágenes de una calidad excelente. Utiliza cualquier profundidad de
color de 1 a 32 bits. Es el formato ideal para editar o imprimir una imagen.
8. png. Es un formato de reciente difusión alternativo al GIF. Admite la posibilidad de
emplear un número de colores superior a los 256 que impone el GIF.
Elementos que describen la imagen digital
Imagen
 Es el elemento más importante de una aplicación multimedia.
 Se emplea en la construcción de la interfaz como para la ilustración de las
diferentes escenas.
 Las imágenes estáticas pueden ser grandes, pequeñas, o llenar la pantalla, en
color, situadas aleatoriamente, distribuidas geométricamente, etc…
Elementos que describen la imagen digital
 Pixel: Abreviatura de Picture Element, es un único punto en una imagen
gráfica. Los monitores gráficos muestran imágenes dividiendo la pantalla en
miles (o millones) de pixeles, dispuestos en filas y columnas. Los pixeles están
tan juntos que parece que estén conectados.
Mapa de pixeles de una imagen digital
Elementos que describen la imagen digital
 Vóxel: (Volumetric píxel) es una manera de representar objetos volumétricos
como bitmaps tridimensionales en lugar de como vectores. Es decir, es la
unidad cúbica que compone un objeto tridimensional, análogamente a lo que es
un píxel en 2D. Al igual que con los píxeles de un mapa de bits, los vóxeles no
suelen tener su posición (x, y, z) explícitamente codificada junto con sus valores
sino que se deduce basándose en su posición con respecto a otros vóxeles en el
archivo de datos.
Elementos que describen la imagen digital
 Relación de aspecto: La relación
de aspecto es la proporción entre el
ancho y el alto de una imagen.
Típicamente en TV analógica
(NTSC, PAL) es de 4:3, es decir el
ancho es 1.33 veces el alto. En
cambio la relación de aspecto de
HDTV es de 16:9, es decir el ancho
es 1,78 veces el alto. En el cine las
proporciones de aspecto van de 4:3
hasta 2,85:1. En TV las
proporciones son básicamente dos:
4:3 y 16:9. Actualmente estamos
viviendo una transición de modo
que encontraremos ambas
proporciones de aspecto en
distintos televisores.
Elementos que describen la imagen digital
 Resolución de imagen: La resolución
expresa el número de píxeles que forman
una imagen de mapa de bits. La calidad de
una imagen, también depende de la
resolución que tenga el dispositivo que la
capta. El número de píxeles que contenga
una imagen dependen de cuántos píxeles
utilice el sensor CCD de la cámara para
captar la imagen. La resolución de una
imagen digital se expresa multiplicando su
anchura por la altura en pantalla. Por
ejemplo la imagen de 1200 x 1200 píxeles
= 1.440.000 píxeles, expresado en Mp
megapixel es igual a 1,4 Mp.
Elementos que describen la imagen digital
 Resolución de pantalla: La resolución de pantalla es el número de píxeles
que se muestran en nuestro monitor, manifestado a través de la multiplicación
de los píxeles horizontales y los verticales. Entender esto es muy importante
para poder controlar diversas funciones de nuestro equipo. Existen diferentes
tipos de resolución de pantalla, que vendrán establecidas en función de la
capacidad del equipo o la tarjeta gráfica de que dispongamos.
Elementos que describen la imagen digital
 Cuantificación: El
efecto de la
cuantificación viene
dado por la
imposibilidad de tener
un rango infinito de
valores de medida
para la intensidad de
brillo de los píxeles.
Efecto de la
cuantificación: De
izquierda a
derecha, 8 bits, 1
bits y 4 bits.
Herramientas de edición de imágenes
 Microsoft Paint (1985):
Formatos soprotados PNG, BMP,
GIF, TIFF, JPGE.
 Adobe Ilustrator (1987):
Formatos soportados svgz, svg, ai,
ait, eps, epsf, ps, PNG, BMP, GIF,
TIFF, JPGE, entre otros.
 Photoshop (1990): Formatos
soportados: PSD, PDD, PostScript,
EPS, DCS, BMP, GIF, JPEG, PICT,
PIFF, PNG, PDF, IFF, PCX, RAW,
TGA, Scitex CT, Filmstrip, FlashPix.
 Gimp (1996): Formatos
soportados JPG, GIF, PNG, PCX,
TIFF, PDD, PSD, PS, XCF, SVG,
SVGZ, entre otros.
Sitios gratuitos para diseño de páginas web
 Wix: En Wix podemos crear
nuestra página web de forma
sencilla con un resultado
impactante. Wix aloja a más de
26 millones de webs en su
plataforma y se registran más de
30.000 usuarios diarios.
Weebly: Weebly ofrece un poderoso
sistema de «drag and drop» en el editor y
cien plantillas profesionales para crear una
página web. Más de 12 millones de personas
usan actualmente Weebly.
Sitios gratuitos para diseño de páginas web
 000webhost: La transparencia es su
lema, no hay costes ocultos. Las cuentas
gratuitas cuentan con 1.5 GB de espacio
en disco, 100 GB de tráfico. Anuncian
con orgullo que sus servidores han
estado online el 99,9% del tiempo en los
últimos 5 años.
Yola: Permite crear webs con aspecto
profesional en cuestión de minutos sin
ningún tipo de experiencia técnica. Ahora
mismo tiene 7 millones de clientes.

Más contenido relacionado

La actualidad más candente

Creación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resoluciónCreación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resoluciónAplicaciones Gráficas
 
Tratamiento Digital De ImáGenes
Tratamiento Digital De ImáGenesTratamiento Digital De ImáGenes
Tratamiento Digital De ImáGenestecnoeducahoy
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaIkaslan Bizkaia
 
Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3guestd5bd78
 
TRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESTRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESWilliam Arista
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)291992
 
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguana
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguanaActvidad 1 1_diseno_grafico_dayana_guaman_amaguana
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguanaDaya Dzga
 
Creación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapCreación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapAplicaciones Gráficas
 
Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07johana1995insandara
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Raquel Gómez Diago
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteDominqueShema
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteDominqueShema
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digitalmartapotoc
 
Herramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe PhotoshopHerramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe PhotoshopEvelyn Sandoval
 

La actualidad más candente (18)

Creación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resoluciónCreación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resolución
 
Tratamiento Digital De ImáGenes
Tratamiento Digital De ImáGenesTratamiento Digital De ImáGenes
Tratamiento Digital De ImáGenes
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan Bizkaia
 
Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3Tratamiento Digital De Imagenes 3
Tratamiento Digital De Imagenes 3
 
TRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENESTRATAMIENTOS DE IMAGENES
TRATAMIENTOS DE IMAGENES
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguana
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguanaActvidad 1 1_diseno_grafico_dayana_guaman_amaguana
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguana
 
Creación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapCreación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmap
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07Estudio de caso_01_concepto_basico_ev07
Estudio de caso_01_concepto_basico_ev07
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
 
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera ParteEstudio Digital Y FotografíA Publicitaria Pirmera Parte
Estudio Digital Y FotografíA Publicitaria Pirmera Parte
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Herramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe PhotoshopHerramienta Digital: Adobe Photoshop
Herramienta Digital: Adobe Photoshop
 

Similar a Actividad 1.1

Similar a Actividad 1.1 (20)

Ejercicios FOTOGRAFÍA
Ejercicios FOTOGRAFÍAEjercicios FOTOGRAFÍA
Ejercicios FOTOGRAFÍA
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
Características de la Imagen Digital
Características de la Imagen DigitalCaracterísticas de la Imagen Digital
Características de la Imagen Digital
 
Actividad 1.1 Multimedia
Actividad 1.1 MultimediaActividad 1.1 Multimedia
Actividad 1.1 Multimedia
 
Diseño Digital II
Diseño Digital IIDiseño Digital II
Diseño Digital II
 
clase 1.pdf
clase 1.pdfclase 1.pdf
clase 1.pdf
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Elementos de la multimedia
Elementos de la multimediaElementos de la multimedia
Elementos de la multimedia
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Uso de los recursos didácticos
Uso de los recursos didácticosUso de los recursos didácticos
Uso de los recursos didácticos
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Presentacion ing.gabriel 24-08-2014
Presentacion ing.gabriel 24-08-2014Presentacion ing.gabriel 24-08-2014
Presentacion ing.gabriel 24-08-2014
 
Fotografia
FotografiaFotografia
Fotografia
 
Multimedia
MultimediaMultimedia
Multimedia
 
Actividad
ActividadActividad
Actividad
 
Actividad
ActividadActividad
Actividad
 
Edición de imágenes
Edición de imágenesEdición de imágenes
Edición de imágenes
 
Clase 5
Clase 5Clase 5
Clase 5
 
Introducción al video y la edición digital
Introducción al video y la edición digitalIntroducción al video y la edición digital
Introducción al video y la edición digital
 

Más de sebasyestefy2016

Foro.Encarnacion.Orozco.Ruiz
Foro.Encarnacion.Orozco.RuizForo.Encarnacion.Orozco.Ruiz
Foro.Encarnacion.Orozco.Ruizsebasyestefy2016
 
Tc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la esculturaTc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la esculturasebasyestefy2016
 
Tc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la esculturaTc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la esculturasebasyestefy2016
 
F2.ruiz najera.estefania.marketing social
F2.ruiz najera.estefania.marketing socialF2.ruiz najera.estefania.marketing social
F2.ruiz najera.estefania.marketing socialsebasyestefy2016
 
F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.sebasyestefy2016
 
F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.sebasyestefy2016
 
F1.ruiz.najera.estefania.marketing social
F1.ruiz.najera.estefania.marketing socialF1.ruiz.najera.estefania.marketing social
F1.ruiz.najera.estefania.marketing socialsebasyestefy2016
 
Ejercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equipoEjercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equiposebasyestefy2016
 
Ejercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equipoEjercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equiposebasyestefy2016
 
F1.Grupo2.Gestión De Precios
F1.Grupo2.Gestión De PreciosF1.Grupo2.Gestión De Precios
F1.Grupo2.Gestión De Preciossebasyestefy2016
 
F2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda Participación
F2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda ParticipaciónF2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda Participación
F2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda Participaciónsebasyestefy2016
 
F2.Ruiz.Nájera.Estefania.Balanced Scorecard
F2.Ruiz.Nájera.Estefania.Balanced ScorecardF2.Ruiz.Nájera.Estefania.Balanced Scorecard
F2.Ruiz.Nájera.Estefania.Balanced Scorecardsebasyestefy2016
 
F1.ruiz.nájera.estefania.balanced scorecard segunda participación
F1.ruiz.nájera.estefania.balanced scorecard segunda participaciónF1.ruiz.nájera.estefania.balanced scorecard segunda participación
F1.ruiz.nájera.estefania.balanced scorecard segunda participaciónsebasyestefy2016
 
F1.ruiz.nájera.estefania.balanced scorecard
F1.ruiz.nájera.estefania.balanced scorecardF1.ruiz.nájera.estefania.balanced scorecard
F1.ruiz.nájera.estefania.balanced scorecardsebasyestefy2016
 

Más de sebasyestefy2016 (20)

Ensayo
EnsayoEnsayo
Ensayo
 
Foro 2 alianza del valle
Foro 2 alianza del valleForo 2 alianza del valle
Foro 2 alianza del valle
 
Planteamiento 2
Planteamiento 2Planteamiento 2
Planteamiento 2
 
Foro 2
Foro 2Foro 2
Foro 2
 
Foro indicador 2
Foro indicador 2Foro indicador 2
Foro indicador 2
 
Indicador
IndicadorIndicador
Indicador
 
Foro.Encarnacion.Orozco.Ruiz
Foro.Encarnacion.Orozco.RuizForo.Encarnacion.Orozco.Ruiz
Foro.Encarnacion.Orozco.Ruiz
 
Tc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la esculturaTc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la escultura
 
Tc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la esculturaTc.analiis.obras el choclo y el colibri.apreciacion de la escultura
Tc.analiis.obras el choclo y el colibri.apreciacion de la escultura
 
F2.ruiz najera.estefania.marketing social
F2.ruiz najera.estefania.marketing socialF2.ruiz najera.estefania.marketing social
F2.ruiz najera.estefania.marketing social
 
F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.
 
F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.F.1.gabriela.mishell.munoz.sibri.iso27001.
F.1.gabriela.mishell.munoz.sibri.iso27001.
 
F1.ruiz.najera.estefania.marketing social
F1.ruiz.najera.estefania.marketing socialF1.ruiz.najera.estefania.marketing social
F1.ruiz.najera.estefania.marketing social
 
Ejercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equipoEjercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equipo
 
Ejercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equipoEjercicio de propiedad_planta_y_equipo
Ejercicio de propiedad_planta_y_equipo
 
F1.Grupo2.Gestión De Precios
F1.Grupo2.Gestión De PreciosF1.Grupo2.Gestión De Precios
F1.Grupo2.Gestión De Precios
 
F2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda Participación
F2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda ParticipaciónF2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda Participación
F2.Ruiz.Nájera.Estefania.Balanced Scorecard Segunda Participación
 
F2.Ruiz.Nájera.Estefania.Balanced Scorecard
F2.Ruiz.Nájera.Estefania.Balanced ScorecardF2.Ruiz.Nájera.Estefania.Balanced Scorecard
F2.Ruiz.Nájera.Estefania.Balanced Scorecard
 
F1.ruiz.nájera.estefania.balanced scorecard segunda participación
F1.ruiz.nájera.estefania.balanced scorecard segunda participaciónF1.ruiz.nájera.estefania.balanced scorecard segunda participación
F1.ruiz.nájera.estefania.balanced scorecard segunda participación
 
F1.ruiz.nájera.estefania.balanced scorecard
F1.ruiz.nájera.estefania.balanced scorecardF1.ruiz.nájera.estefania.balanced scorecard
F1.ruiz.nájera.estefania.balanced scorecard
 

Último

tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docxtabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docxRoger Garcia
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxBEATickPoco
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxMartnAndrsContrerasL
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Iirenecarmona12
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALPaolaPeguero4
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometrojuanpiorellanodocent
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...jose880240
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoCristianLobo10
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUAlexander VA
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docGeorgeGuerreroNuez
 
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOSTEOFILO65
 
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASctoeduardoalonso
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfNOEMIFONTEROMERO1
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxJUANOSCARVILLARROELA
 

Último (16)

tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docxtabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
tabla-de-organelos-celulares-de-celulas-eucariotas-y-procariotas.docx
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docx
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptx
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..doc
 
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
 
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
 

Actividad 1.1

  • 1. DISEÑO GRÁFICO Elaborado por: Estefanía Ruiz Ingeniería en Marketing DI SE ÑO CARRERA:
  • 2. TEMAS:  Indique los elementos del diseñador con ejemplos.  Describa todos los parámetros que debe considerar en la imagen y en el sonido digital.  Explique de cuantas maneras se pueden generar imágenes fijas, indicar ocho formatos de imágenes con sus respectivas características.  Indique y explique seis elementos que describen una imagen digital.  Enumere 4 herramientas para la edición de imágenes.  Indique y explique brevemente 4 sitios gratuitos para diseño de páginas web.
  • 3. Elementos del diseño gráfico  Color.  Líneas.  Escala.  Forma.  Alineación.  Contraste.  Espacio.
  • 4. Color El ojo humano puede distinguir entre 10.000 colores. El círculo cromático nos sirve para observar la organización básica y la interrelación de los colores. También lo podemos emplear como forma para hacer la selección de color que nos parezca adecuada a nuestro diseño. El círculo cromático moderno se compone de tres colores primarios (rojo, amarillo y azul), que teóricamente se pueden mezclar en diferentes proporciones para producir colores secundarios e intermedios. La variedad de colores lo podemos visualizar por la combinación de varios de ellos.
  • 5. Líneas Una de las características mas relevantes de este elemento es la “delgadez”, gracias a esta propiedad, una línea puede sugerir una dirección determinada, al darle curva genera sensación de movimiento y acercando una con otra puede producir ilusión de volumen.
  • 6. Escala Es la proporción de aumento o disminución que existe entre las dimensiones reales y las dimensiones representadas de un objeto, no es lo mismo que tamaño. En efecto, para representar un objeto de grandes dimensiones, deben dividirse todas sus medidas por un factor mayor que uno, en este caso denominado escala de reducción; y para representar objetos de pequeñas dimensiones, todas sus medidas se multiplican por un factor que uno, denominado escala de ampliación. Finalmente, deben indicarse sobre el dibujo las dimensiones del objeto real, y la escala en que ha sido elaborado. Se puede usar la escala para crear una jerarquía visual para un diseño.
  • 7. Forma Para nuestra percepción visual, todo lo que nos rodea tiene forma. La forma es el aspecto exterior de las cosas (objetos, animales, plantas), la podemos describir trazando su contorno (líneas) o dibujando su silueta (manchas) sobre un plano, así individualizamos la forma y la diferenciamos del fondo. Contamos con dos categorías de formas, las formas geométricas, que se definen en proporciones uniformes perfectas (como un círculo, un cuadrado o un triángulo) y las formas orgánicas, que tienen bordes menos definidos y proporciones fluctuantes y, esencialmente, no tienen reglas (como las cosas onduladas o con forma de gota, que no se ajustan a ninguna categoría real).
  • 8. Alineación La alineación nos ayudará a crear orden, o su opuesto, creando conexiones visuales entre ellos. Cuando una composición está alineada, automáticamente nuestro cerebro percata cohesión y orden. Puede que existan elementos separados entre sí pero aún así hay como un lazo invisible que los conecta entre ellos. No importa los tamaños de los elementos o los colores utilizados, en el fondo hay una relación entre ellos que aportan un significado global. Las alineaciones horizontales son imprescindibles para conseguir un diseño en niveles estables, ya que las líneas horizontales aportan equilibrio. Las alineaciones verticales, son más comunes a la izquierda, ya que es la normal en los libros y demás soportes textuales, estando nuestra vista educada para tratar con ella.
  • 9. Contraste El contraste nos ayudará a diferenciar dos elementos, o bien a separar un elemento del fondo. Es sin lugar a duda, uno de los principios básicos. La falta de contraste puede provocar que no se diferencien suficientemente todos o algunos de los elementos de la composición. Pero el contraste no se refiere únicamente al color, también a la forma o la dirección. Ejemplo: un conjunto de cuadrados e insertamos un círculo.
  • 10. Espacio El espacio es las partes vacías entre una forma dibujo o contorno estos espacios pueden dar la sensación de distancia e incluso de velocidad. Todas las formas por mas pequeñas que sean ocupan un espacio, el espacio así mismo puede ser visible o ilusorio (para dar una sensación de profundidad) el espacio en blanco es esencial ya que le permite un descanso al ojo mientras recorre la página. Su propósito es organizar coherentemente las formas y las relaciones espaciales entre ellas creando puntos de enfoque e interés.
  • 11.
  • 12. Imagen Digital La valoración a partir de parámetros tradicionales es ahora más que nunca cuantificable. Definición, tono, color, etc. son valores numéricos, de lectura matemática y por tanto modificables y ajustables con mayor facilidad y sobretodo precisión. El análisis de la imagen parte de valores objetivos, aunque no podemos olvidar su valoración subjetiva. Centrándonos en los valores objetivos, éstos pueden ser mesurables a partir de los parámetros de resolución, profundidad, modo de color, etc.
  • 13. Imagen Digital Las imagénes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.
  • 14. Imagen Digital La resolución se define como el número de píxeles que componen la imagen y se mide en píxeles por pulgada (ppi, pixels per inch), o puntos por pulgada (dpi, dots per inch), cuando se refiere a dispositivos de salida. A mayor resolución, mayor detalle de imagen y, por tanto, mayor calidad. La tonalidad de la imagen viene dada por múltiples parámetros y por esta razón será un atributo difícil de valorar. Principalmente, la tonalidad de la imagen vendrá determinada por la resolución y la luminosidad o profundidad de color. La luminosidad hace referencia a la información, el número de bits, que representa cada píxel. 1 bit representa 2 tonos, 8 bits 256 tonos, 24 bits 16 millones de tonos y 32 bits 4.000 millones de tonos. Finalmente, el ruido consiste en las pequeñas alteraciones aleatorias a la luminosidad del color y sería el equivalente al grano de la imagen convencional. Un sensor con una alta relación entre señal y ruido representa una imagen con gran precisión.
  • 15. Sonido Digital Los parámetros básicos para describir la secuencia de muestras que representa el sonido son:  El número de canales: 1 para mono, 2 para estéreo, 4 para el sonido cuadrafónico, etc.  Tasa de muestreo: El número de muestras tomadas por segundo en cada canal.  Número de bits por muestra: Habitualmente 8 o 16 bits. Como regla general, las muestras de audio multicanal suelen organizarse en tramas. Una trama es una secuencia de tantas muestras como canales, correspondiendo cada una a un canal. En este sentido el número de muestras por segundo coincide con el número de tramas por segundo. En estéreo, el canal izquierdo suele ser el primero.
  • 16. Sonido Digital Parámetros clave  Frecuencia de muestreo: Cantidad de muestras de amplitud por segundo  Resolución: cantidad de información por muestra Parámetros habituales  Valor de Bitrate (bits/segundo): Cantidad de información por segundo. Por ejemplo 128 kbps  Tipo de bitrate: – CBR (constante) – VBR (variable) – ABR (Media de valor)
  • 17. Sonido Digital Formatos digitales sin pérdida AIFF ● PCM / CDA ● WAV ● MIDI ● FLAC Formatos digitales con pérdida ● MP3 ● AAC / M4A / ARM ● OGG ● RM ● WMA ● AC3 (Dolby Digital, etc)
  • 19. Imágenes Fijas Existen 41 formas para crear imágenes fijas entre ellas se encuentran los formatos que los hacen posible como: art. – bmp. – cin. – cpt. – dpx. – exr. - gif. – etc. De los cuales hoy ciaremos 8.
  • 20. Imágenes Fijas Formato Característica 1. art. Art. Es un formato de imagen propietario usado habitualmente por el software cliente de AOL. El formato art. Únicamente soporta una imagen fija que ha sido muy comprimida. 2. fpx. Formato que admite múltiples resoluciones de una imagen. Con o si compresión de 8 a 24 bits de profundidad de color. 3. gif. GIF. es utilizado popularmente en la web. Formato de 8 bits (256 colores máximo) con soporte de animación por frames. Utiliza la compresión LZW 4. jpeg. Es usado ampliamente para fotografías e imágenes de gran tamaño y variedad de color en la web y por las cámaras digitales. Es un formato comprimido con pérdida de calidad, aun que esta se puede ajustar. 5. psd. Formato propietario utilizado por Adobe Photoshop. Posee cantidad de características extra, como la composición por capas. Poco compatible con programas externos a la casa Adobe . 6. bmp. La imagen se forma mediante una parrilla de píxeles. El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente. 7. tif. Almacena imágenes de una calidad excelente. Utiliza cualquier profundidad de color de 1 a 32 bits. Es el formato ideal para editar o imprimir una imagen. 8. png. Es un formato de reciente difusión alternativo al GIF. Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.
  • 21. Elementos que describen la imagen digital Imagen  Es el elemento más importante de una aplicación multimedia.  Se emplea en la construcción de la interfaz como para la ilustración de las diferentes escenas.  Las imágenes estáticas pueden ser grandes, pequeñas, o llenar la pantalla, en color, situadas aleatoriamente, distribuidas geométricamente, etc…
  • 22. Elementos que describen la imagen digital  Pixel: Abreviatura de Picture Element, es un único punto en una imagen gráfica. Los monitores gráficos muestran imágenes dividiendo la pantalla en miles (o millones) de pixeles, dispuestos en filas y columnas. Los pixeles están tan juntos que parece que estén conectados. Mapa de pixeles de una imagen digital
  • 23. Elementos que describen la imagen digital  Vóxel: (Volumetric píxel) es una manera de representar objetos volumétricos como bitmaps tridimensionales en lugar de como vectores. Es decir, es la unidad cúbica que compone un objeto tridimensional, análogamente a lo que es un píxel en 2D. Al igual que con los píxeles de un mapa de bits, los vóxeles no suelen tener su posición (x, y, z) explícitamente codificada junto con sus valores sino que se deduce basándose en su posición con respecto a otros vóxeles en el archivo de datos.
  • 24. Elementos que describen la imagen digital  Relación de aspecto: La relación de aspecto es la proporción entre el ancho y el alto de una imagen. Típicamente en TV analógica (NTSC, PAL) es de 4:3, es decir el ancho es 1.33 veces el alto. En cambio la relación de aspecto de HDTV es de 16:9, es decir el ancho es 1,78 veces el alto. En el cine las proporciones de aspecto van de 4:3 hasta 2,85:1. En TV las proporciones son básicamente dos: 4:3 y 16:9. Actualmente estamos viviendo una transición de modo que encontraremos ambas proporciones de aspecto en distintos televisores.
  • 25. Elementos que describen la imagen digital  Resolución de imagen: La resolución expresa el número de píxeles que forman una imagen de mapa de bits. La calidad de una imagen, también depende de la resolución que tenga el dispositivo que la capta. El número de píxeles que contenga una imagen dependen de cuántos píxeles utilice el sensor CCD de la cámara para captar la imagen. La resolución de una imagen digital se expresa multiplicando su anchura por la altura en pantalla. Por ejemplo la imagen de 1200 x 1200 píxeles = 1.440.000 píxeles, expresado en Mp megapixel es igual a 1,4 Mp.
  • 26. Elementos que describen la imagen digital  Resolución de pantalla: La resolución de pantalla es el número de píxeles que se muestran en nuestro monitor, manifestado a través de la multiplicación de los píxeles horizontales y los verticales. Entender esto es muy importante para poder controlar diversas funciones de nuestro equipo. Existen diferentes tipos de resolución de pantalla, que vendrán establecidas en función de la capacidad del equipo o la tarjeta gráfica de que dispongamos.
  • 27. Elementos que describen la imagen digital  Cuantificación: El efecto de la cuantificación viene dado por la imposibilidad de tener un rango infinito de valores de medida para la intensidad de brillo de los píxeles. Efecto de la cuantificación: De izquierda a derecha, 8 bits, 1 bits y 4 bits.
  • 28. Herramientas de edición de imágenes  Microsoft Paint (1985): Formatos soprotados PNG, BMP, GIF, TIFF, JPGE.  Adobe Ilustrator (1987): Formatos soportados svgz, svg, ai, ait, eps, epsf, ps, PNG, BMP, GIF, TIFF, JPGE, entre otros.  Photoshop (1990): Formatos soportados: PSD, PDD, PostScript, EPS, DCS, BMP, GIF, JPEG, PICT, PIFF, PNG, PDF, IFF, PCX, RAW, TGA, Scitex CT, Filmstrip, FlashPix.  Gimp (1996): Formatos soportados JPG, GIF, PNG, PCX, TIFF, PDD, PSD, PS, XCF, SVG, SVGZ, entre otros.
  • 29. Sitios gratuitos para diseño de páginas web  Wix: En Wix podemos crear nuestra página web de forma sencilla con un resultado impactante. Wix aloja a más de 26 millones de webs en su plataforma y se registran más de 30.000 usuarios diarios. Weebly: Weebly ofrece un poderoso sistema de «drag and drop» en el editor y cien plantillas profesionales para crear una página web. Más de 12 millones de personas usan actualmente Weebly.
  • 30. Sitios gratuitos para diseño de páginas web  000webhost: La transparencia es su lema, no hay costes ocultos. Las cuentas gratuitas cuentan con 1.5 GB de espacio en disco, 100 GB de tráfico. Anuncian con orgullo que sus servidores han estado online el 99,9% del tiempo en los últimos 5 años. Yola: Permite crear webs con aspecto profesional en cuestión de minutos sin ningún tipo de experiencia técnica. Ahora mismo tiene 7 millones de clientes.