Source: https://www.slideshare.net/navarrojx/imgenes-10120978
Timestamp: 2017-08-16 14:30:52+00:00

Document:
Unusual Experience by sophylu94sanchez 204 views
Competencias profesionales1 by Javier Navarro 236 views
Practica en calc by sophylu94sanchez 278 views
Informatica 1 by Javier Navarro 871 views
Principios elementales de maquetaci... by Javier Navarro 897 views
Publicación web by Javier Navarro 402 views
1. Nuevas Tecnologías de la Información y la Conectividad 2010 COMUNICACIÓN VISUALTratamiento de ImágenesDefinición de ImagenTodos tenemos una concepción intuitiva de qué es una imagen. Pareciera que definirla deberíaser algo simple. Pero no. Las polémicas sobre qué es y que no es una imagen son muchas y surevisión excede los objetivos de la materia.Pero, qué es la imagen? nuestro diccionario la define como "figura o representación de una cosa" y, porextensión como la "representación mental de alguna cosa percibida por los sentidos". En realidad, estapalabra, deriva del latín (imago: figura, sombra, imitación), indica toda representación figurada yrelacionada con el objeto representado por analogía o su semejanza perceptiva. Fornasari de Menegazzo (1974)Imágenes: Según su significadoToda imagen es una construcción. No existe representación objetiva de la realidad. Ni aún en lafotografía documental.Esta construcción de mensajes visuales posee siempre una intención comunicativa. Se producenobjetos visuales para comunicar algo a alguien.Cuando utilizamos imágenes para construir mensajes audiovisuales podemos comunicarexperiencias comunes o expresar ideas complejas. Las imágenes muchas veces hablan por sísolas, pero otras veces su sentido debe ser acotado (anclado, epígrafe), cuya función es informaral receptor cómo debe ser leída.Imágenes: según el uso del colorUso del color en fotografíasAunque la mayor parte de las tomas se realizan hoy en colores, existe la opción de presentar lasfotografías en blanco y negro (en realidad, grises) e, inclusive, en blanco y negro real (fotos debit).En algunos casos, las fotografías en blanco y negro o en escalas de grises pueden ser másexpresivas que las de color. Definir si utilizamos una fotografía en color o blanco y negrodependerá del "clima" que se quiere generar en el espectador, y del mensaje que transmite esafotografía (una guerra, flores, atardeceres, una foto que impresione, etc.)Uso del color en lustracionesIlustración, (de ilustrar) sust. Estampa, grabado o dibujo que adorna ó documenta un libro.Componente gráfico que complementa o realza un texto.Las ilustraciones son imágenes asociadas con palabras. Esto significa que podemos producirimágenes que llevan un mensaje. Un aspecto importante de la ilustración es el uso de diseñosbidimensionales, a diferencia de las imágenes pintorescas y espaciales que tratan de captar latercera dimensión.La ilustración puede utilizarse porque no se cuenta con una fotografía (en reemplazo), en cuyocaso el color debe ser lo más realista posible (adecuado al estilo gráfico de la ilustración). Perolas ilustraciones se usan también para simplificar y sintetizar una imagen. En ese caso el colordebe ser usado con prudencia, para mantener la síntesis buscada. Si se trata de identificarelementos, el color de los mismos debe ser el convencional. 1 E.M.P.A.S. – Prof. Irene Denaro
2. Nuevas Tecnologías de la Información y la Conectividad 2010Colores lindos y colores feosQuienes diseñamos documentos multimedia deberíamos borrar del catálogo de preferenciasnuestros "colores bonitos". Desde el punto de vista comunicativo no existen colores lindos o feos.Existen colores adecuados o no para la intención comunicativa. Existen colores que expresanmejor que otros determinado clima, que refuerzan o debilitan el mensaje audiovisual. Los coloresdeberíamos seleccionarlos según este criterio.Imágenes: según su legibilidadLa legibilidad de las imágenes no tiene que ver sólo con su nitidez. Se refiere sobre todo a laposibilidad de percibir (para comprender) su contenido.Una de las cuestiones importantes es la cantidad de detalles que contiene. La regla es ni mucho nipoco: tratar de que las imágenes no contengan información excesiva, ni que resulte insuficiente.Cuando las imágenes (fotos o ilustraciones) contienen demasiada información, dificultandiscriminar la información que se desea transmitir. La atención del lector puede concentrarse enun elemento secundario y no alcanzar a captar lo que se quiso transmitir. La cantidad deinformación en una misma ilustración que puede decodificar el receptor depende de su cultura, essu "entrenamiento" en la lectura de imágenes y de su desarrollo cognitivo.En el caso de una fotografía, dependerá de qué se quiere mostrar o cuál es el mensaje atransmitir, si es un objeto en particular, o el entorno donde está el objeto en particular o una vistaamplia o panorámica. Esto significa que en la fotografía debemos "encuadrar" lo que queremosmostrar, y muchas veces es necesario "anclar" el mensaje (a través de aclaraciones o epígrafes).La elección de la imagen es muy importante para transmitir el mensaje.Cuando se compone una imagen para un proyecto multimedial es importante saber elegir laimagen para transmitir el mensaje específico.Foto de primer plano: muestra La misma foto. Pero da una idea La misma fotografía donde la imagen delal niño, pero no podemos del entorno (está en una calesita) niño se pierde con el fondo.deducir el entorno (lugar)donde fue tomada.En el caso de un gráfico o ilustración, una excesiva simplificación puede eliminar detallesimportantes para la correcta de codificación, como muestra el ejemplo. La figura del bombero de la izquierda está demasiado simplificada. 2 E.M.P.A.S. – Prof. Irene Denaro
3. Nuevas Tecnologías de la Información y la Conectividad 2010Comunicación MultimedialEl lugar de las imágenes en la comunicación multimediaEl lenguaje multimedia es un lenguaje integrador, que combina el lenguaje textual, el visual y elsonoro. Es una forma particular de los lenguajes audiovisuales, con características propias y unsistema de códigos que podríamos llamar "en construcción" pero que tiende a diferenciarse delas metáforas de origen: el libro, los programas informáticos, el video.En un lenguaje multimedia la gráfica y lo visual cumplen roles importantes:1) Lo visual está omnipresente1 en cualquier documento multimedia. Puede no haber sonido. Puede no haber animaciones o video, puede no haber textos. Pero siempre hay una imagen de fondo (aunque sea una pantalla negra).2) Principal sostén de la metáfora. El discurso multimedia se basa en metáforas. Metáforas2 visuales que son parte del desarrollo del argumento. Simulan situaciones, ambientes, historias. Todo esto se sustenta en la gráfica como elemento esencial y decisivo.3) La interface de los documentos multimedia. Mediante la cual el usuario navega e interactúa con el documento, se construye sobre una base gráfica (botones, flechas, textos resaltados).4) Escenario: Todo lo que sucede en un documento multimedia lo hace en un escenario visual. Aún una pieza musical que se ejecuta sobre una pantalla negra o monocroma. Utiliza esa pantalla como escenario. El usuario está mirando mientras escucha.Programas Gráficos de ComputaciónClasificación TIPO ESPECIALIDAD USO PRINCIPAL PROGRAMAS Dibujo Vetorial Corel Draw!Dibujan utilizando líneas curvas o Diseño de folletos, carteles, Dibujo y diseño Adobe Ilustratorrectas que están definidas por material publicitario y gráfico Macromedia Free Handfórmulas matemáticas. Las líneas promocional, ilustración, etc. Top Drawforman figuras que los programas Diseño industrial yreconocen como objetos y que arquitectónico. Producen AutoCadpueden adquirir diferentes atributos: Cad modelo en dos y tres CAD-CAMtipo y color de línea perimetral, tipo dimensiones.y color de relleno, posición queocupa en la página y con respecto a 3D Studio Producen modelos en tresotros objetos (tapa o es tapado por Modelado en Topaz dimensiones para ilustración oellos) 3D CroelDream 3D animación computada. Macromedia Extreme 3D Dibujo y pintura bitmap PaintBrush Permiten crear o editarLos gráficos basados en pixeles Adobe Photoshop gráficos en mapas de puntos:están constituidos por pequeños Live Picture Editores dibujo y pintura digital. Editanpuntos colocados ordenadamente en Corel Photo paint fotografías digitalizadas parauna grilla rectangular, presentando Paint Shop Pro retoque y manipulación.variaciones de luminosidad. Estos KidPixpuntos vistos en conjunto se Para ver en pantalla losconvierten en imágenes. Los gráficos. Muchos de ellosprogramas que permiten editar y permiten modificarmodificar estos gráficos también Visualizadores IrfanView globalmente algunaspueden crearlos desde cero. características (brillo, contraste, intensidad de color)1 adj. Que está presente a la vez en todas partes, atributo solo de Dios.21. f. Ret. Empleo de las palabras en sentido distinto del que propiamente les corresponde que consiste en trasladar el sentido recto de lasvoces a otro figurado, en virtud de una comparación tácita; v. gr.: Las perlas del rocío; la primavera de la vida; refrenar las pasiones. 3 E.M.P.A.S. – Prof. Irene Denaro
4. Nuevas Tecnologías de la Información y la Conectividad 2010Gráficos DigitalesGráficos VectorialesLos vectores son curvas definidas matemáticamente. Existen diversos tipos de vectores. Losdiseñadores de programas de dibujo vectorial dibujan una línea que une dos puntos de control ylos puntos de la curva. El usuario puede arrastrar los puntos de control, modificando la curva entiempo real, como si se tratara de un elástico.Las curvas vectoriales admiten atributos como: ancho y color de línea; si son cerradas, se agreganademás las atributos del relleno: color, gráficos, fractales, bitmap.Las curvas y las figuras cerradas son (informáticamente) objetos. Es decir que pueden editarse ymodificarse sus propios atributos. Además de la posición relativa de las figuras.Ventajas y desventajas: Son excelentes para imprimir dibujos de líneas muy definidas,tipografías y elementos de bordes nítidos y limpios. Sus bordes son artificiales y los dibujosproducidos con este tipo de gráficos son "muy de computadora". Los gráficos vectoriales tienen,por lo general, una dimensión pequeña (en disco y/o memoria). Se utilizan en multimedia paratextos y elementos en los que se requieren líneas definidas. No se usan para representartransiciones suaves de color o tonalidad.Gráficos BitmapLos gráficos bitmap están constituidos por una grilla rectangular de puntos de diferente brillo ocolor.Cada uno de esos puntos se llama pixel. El pixel es la menor unidad de información de losgráficos de ese tipo.Los gráficos basados en pixels no reconocen formas y figuras. Sólo puntos de diferente valorcromático. Ello significa que no es posible editar y modificar independientemente los elementosde un gráfico bitmap.Ventajas y desventajas: Este tipo de gráficos son excelentes para reproducir tonos con suavestransiciones. Por ello son soporte de las fotografías, y toda imagen que presente variacionessutiles de tonos o color. No son buenos para reproducir tipografías pequeñas o líneas muydefinidas. Para esos usos se requiere resoluciones altas, y por lo tanto los gráficos ocupan muchoespacio en disco o memoria. Los gráficos dependen de su tamaño para la impresión.Formatos GráficosFormatos VectorialesCDR Formato de los archivos producidos por CorelDRAW! (gráficos vectoriales)DXF Utilizado por programas CAD y de modelado 3D (gráficos vectoriales)EPS Potscrip Encapsulado. Facilita el intercambio entre programas vectoriales y programas de armado de páginas o editores de imágenes bitmap.WMF Windows Meta File. Formato de prestaciones similares al EPS, aunque es reconocido sólo en ambiente Windows (imágenes pre-diseñadas de Word, Office, etc).Formatos BitmapGIF Formato indexado (llamados también de 256 colores) y comprimido sin pérdida de la información. Destinado a gráficos que circulan por medios electrónicos (Animaciones simples, flechas, emoticon (caritas), gráficos sencillos y de pocos colores).BMP Formato no comprimido, optimizado para su rápido despliegue en pantalla. Su rapidez de carga lo hace indicado para las aplicaciones multimedia. Imágenes de gran tamaño (en Kbytes) según su resolución y tamaño en pixels.PCX Uno de los formatos pioneros. No comprimido.TIF Admite diversas variantes, no sólo en cantidad de colores sino que soporta el modo CYMK, utilizado en la separación de colores de imágenes destinadas a las artes gráficas (impresiones).JPG Formato comprimido con pérdida de la calidad. Permiten obtener archivos de muy pequeño tamaño, por lo que es uno de los más usados en la Web de Internet. Su uso es ideal para fotografías a todo color por la cantidad de colores que soporta (24 bits=16 millones). Cuidado con la compresión. 4 E.M.P.A.S. – Prof. Irene Denaro
5. Nuevas Tecnologías de la Información y la Conectividad 2010PNG PNG nace con la pretensión de ser el nuevo formato de imagen de intercambio en Internet. Admite compresión con menos pérdidas de información, produce transparencias de fondo sin bordes irregulares y soporta los modos RGB, escala de grises y color indexado sin canales alfa. Este formato está siendo utilizado cada vez más para sustituir a GIF en gráficos para web, y cada vez más en imágenes con mayor calidad que antes eran comprimidas con JPEG.Propiedades de los Gráficos Bitmap¿Qué es la resolución?Esta palabra la encontraremos en muchas pantallas y textos referidos al tamaño de los archivosgráficos compuestos por pixeles. La resolución es el valor que establece o mide la cantidad depixeles (o puntos) por pulgada o centímetro que tiene un gráfico (DPI o PPP).Este valor no tiene mucha importancia en gráficos destinados al monitor pero sí la adquierecuando el gráfico debe ser impreso en papel.Mientras mayor sea la cantidad de puntos, más detalles podrá mostrar el gráfico. Pero mayorserá su tamaño informático, ocupando más espacio en el disco y la memoria.Las impresoras tienen entre sus especificaciones la calidad de impresión a color y en B/N.Definición: La resolución, como hemos dicho, es la relación entre el píxel de una imagen y unamedida real, que generalmente es la pulgada.Las resoluciones recomendadas son las siguientes:a) una imagen destinada a una página web: entre 72 y 95 dpi;b) una imagen para ser impresa: el doble de la resolución de la impresora (por ejemplo, parauna impresora de 300 dpi, la imagen debe ser de 600 dpi).Resolución óptica: es el número de puntos individuales capaces de captar un CCD; define loslímites máximos de digitalización de un dispositivo.Resolución interpolada: es una resolución artificial capaz de generar un dispositivo, interpolandopuntos entre los puntos captados en la resolución real.Dimensión de las imágenesEs importante tener en claro la diferencia entre resolución y definición o tamaño de la imagen.Las imágenes, cuando trabajamos en un ambiente gráfico se miden en pixeles (el alto y el ancho).No tiene que ver la resolución, a mayor resolución más grande veremos la imagen.Si vamos a generar imágenes que luego tenemos que imprimir, es conveniente trabajar encentímetros, así tendremos una vista real de cómo quedará la imagen, también aquí esimportante definir la resolución. A mayor resolución mejor calidad de impresión.Si queremos tener una idea cierta de la densidad de píxeles de una imagen y lo que suponesu visualización correcta debemos verla al 100% de Zoom.¿Píxeles o Centímetros?Para conocer las medidas exactas de una imagen abierta basta con acceder al cuadro deTamaño de imagen. Éste ofrece 2 datos de dimensiones de ancho y alto: en píxeles y encentímetros. Nos informa del tamaño de la imagen en pantalla a 100% (píxeles) y del tamañoreal que ocuparía la imagen al imprimirla (en centímetros).Dependiendo de cual vaya a ser el objetivo final de la imagen (salida en papel o verla enpantalla) tomaremos como referencia una dimensión u otra.Modo de ColorCada Modo de color se diferencia en los canales de color que utilizan para crear la informaciónde colores de la imagen.Según sea su "método de creación de colores" podrán llegar a representar más o menos colores,es decir, su espacio de color será más o menos grande.Color RGB (Red, Green, Blue) En castellano a veces se denomina RVA (Rojo, Verde, Azul). 5 E.M.P.A.S. – Prof. Irene Denaro
6. Nuevas Tecnologías de la Información y la Conectividad 2010 Es el Modo de color común en todos los dispositivos de visualización de imagen (escáneres, vídeo, cámaras, monitores, proyectores, etc.). Esto es porque este modo de color produce la representación en pantalla más precisa de los colores de las imágenes. Estas imágenes se componen de 3 canales, uno para cada color. Esto es, una imagen construida con 8 bits/pixel por canal (24 bits en total), o sea: 256 tonos por canal=16.000.000 de colores (2 elevado a 24). Exactamente 16,7 millones de colores distintos, más de los que el ojo humano es capaz de diferenciar. Para trabajar con las imágenes en Photoshop, trataremos de usar siempre este modo.Color CMYK Cian, Magenta, Amarillo (Yellow) y Negro (de Keay, color clave), son los colores usados en la impresión. Al usar 4 canales de color (uno más que el RGB) es el modo de color más pesado. No es el Modo de color que usa el monitor para crear los colores, por lo que es muy posible que haya colores vistos en RGB que sean irreproducibles en Modo CMYK (con las tintas de la impresora)Se recomienda no crear archivos nuevos en este modo. En todo caso, lo convertiremos alfinal, cuando el trabajo se dirija a impresión.Escala de Grises Solo utiliza 1 canal: el negro. Este canal usa un espacio de colores limitado a 256 porcentajes de negro. Es decir, cada píxel de una imagen de escala de grises tiene un valor de brillo que va de 0 (negro) a 255 (blanco). Los valores intermedios corresponden a los puntos en el espectro de la escala de grises. Los valores de escala de grises también se pueden medir como porcentajes de tinta negra (O% es igual a blanco y 100% es igual a negro). Photoshop trabaja rápidamente en Escala de grises porque solamente tiene un canal. Es decir, necesita la tercera parte de la información que se requeriría para una imagen RGB.Mapa de Bits La información de color del píxel se restringe sólo a un bit: puede ser 1 (blanco) o 0 (negro) Es ideal para archivos con ilustraciones lineales en blanco y negro. Debido al uso de solo dos colores, los archivos creados en Mapa de bits tienden a ser muy pequeños.Modo Indexado Dispone de una profundidad de color máxima de 8 bits por píxel. En este modo el número de colores máximo es de 256 (2 elevado a 8). Este modo plantea dos inconvenientes básicos al trabajar con Photoshop: o Muchas de sus potentes herramientas no serán operativas con una paleta de colores tan limitada. o La mayoría de las imágenes del "mundo real" se componen con más de 256 colores.Modo DuotonoImágenes en escala de grises a las que se les puede añadir tintas planas (3 para cada imagen,más el negro), con el fin de colorear distintas gamas de grises.Sólo poseen un canal de color (Duotono, Tritono o Cuatritono, dependiendo del número detintas)Con este método podemos obtener fotos en blanco y negro viradas al color que queramos.Cambiar los ModosCuando queramos cambiar de modo de color, primero deberíamos guardar una copia delarchivo y estar absolutamente seguros del modo que deseemos usar.¡Ley de Oro!No debemos convertir un archivo de RGB a CMYK y volver a RGB otra vez.Pasar de un modo a otro puede destruir los colores utilizados en el documento, porque cadamodo de Photoshop tiene diferentes espacios de color. 6 E.M.P.A.S. – Prof. Irene Denaro
7. Nuevas Tecnologías de la Información y la Conectividad 2010Preparar un documento para la impresión:Al preparar un documento para su impresión debemos pensar en el Modo en el que lo va areproducir: Modo CMYK. Pero, como hemos dicho más arriba, trabajaremos en RGB, así que elcambio a CMYK será el último paso (menú Imagen > Modo > CMYK). Esto producirá un archivocuyo tamaño será un 25% mayor al de su homólogo RGB.Profundidad de colorLa profundidad de bits es una propiedad de los píxeles de una imagen. Es la capacidad decada píxel para almacenar color, que se expresa en bits (la mínima unidad de informacióndigital, es decir, dígitos del código binario: 1 / 0).Cuanto mayor sea la profundidad de bits, tanto mayor será la cantidad de tonos (escala degrises o color) que puedan ser representados. Las imágenes digitales se pueden producir enblanco y negro (en forma bitonal), a escala de grises o a color.Una imagen bitonal está representada por píxeles que constan de 1 bit cada uno, que puedenrepresentar dos tonos, utilizando los valores 0 para el negro y 1 para el blanco. Una imagen aescala de grises está compuesta por píxeles representados por múltiples bits de información, quetípicamente varían entre 2 a 8 bits o más. Ejemplo: En una imagen de 2 bits, existen cuatrocombinaciones posibles: 00, 01, 10 y 11. Si "00" representa el negro, y "11" representa elblanco, entonces "01" es igual a gris oscuro y "10" es igual a gris claro. La profundidad de bitses dos, pero la cantidad de tonos que pueden representarse es 22 ó 4. A 8 bits, puedenasignarse 256 (28) tonos diferentes a cada píxel.A cada píxel se le asigna un valor tonal, en este ejemplo 0 para el negro y 1 para el blanco.Píxeles: Pueden verse los píxeles en forma individual al aumentar una imagen por medio delzoom.Una imagen a color está representada por una profundidad de bits entre 8 y 24 o superior aésta. En una imagen de 24 bits, los bits por lo general están divididos en tres grupos: 8 para elrojo, 8 para el verde, y 8 para el azul. Para representar otros colores se utilizan combinacionesde esos bits. Una imagen de 24 bits ofrece 16,7 millones de valores de color. Pero cada vezmás, los escáneres están capturando 10 bits o más por canal de color, llegando a digitalizarimágenes en 32 bits.Cálculos binarios para la cantidad de tonos representados por profundidades de bits comunes: 1 bit = 2 tonos 2 bits = 4 tonos 3 bits = 8 tonos 4 bits = 16 tonos 8 bits = 256 tonos 16 bits = 65.536 tonos 24 bits = 16,7 millones de tonos 32 bits = 4.294 mill. De tonos¡Ley de Oro!A efectos del trabajo cotidiano en Photoshop siempre trabajaremos en... MODO RGB 8 BITS/canalFuente: Curso de Producción de Multimedia en la Escuela – J. C. Asisten – www.tizaymouse.com Curso de Photoshop CS2 – ADR Formación – http://www.adrformacion.com/cursos/ 7 E.M.P.A.S. – Prof. Irene Denaro
Principios elementales de maquetación WEB
Practica en calc
Moodle1 1

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución