Diseño gráfico
Material 2
Concepto de tipografía
Tipografía es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.
Fuente tipográfica
Es la que se define como estilo o apariencia
de un grupo completo de caracteres, números
y signos, regidos por unas características
comunes.
Familia tipográfica
En tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como, por ejemplo, en el grosor y anchura, pero manteniendo
características comunes. Los miembros que
integran una familia se parecen entre sí, pero
tienen rasgos propios.
Clasificación por familias tipográficas
Con serif
Romana antigua
Romana de transmisión
Romana moderna
Egipcia
Sin serif Grotesca Palo seco o
geométrico Humanística
Características de las familias tipográficas Romana moderna
Se caracteriza por los siguientes pasos
Tienen serif
La serif es lineal
El serif se relaciona angularmente con el baston de la letra
Los trozos son marcadamente variables, mucho mas que en el caso de las romanas antiguas.
Romana antigua
Son letras que tienes serif
Su terminación es aguda y de base ancha
Los trozos son variables y ascendentes finos y descendientes gruesos
La dirección del eje engrosamiento es oblicua
Romana de transición
Tiene serif
El serif es de terminación mucho mas aguda que las antiguas
La dirección del eje de engrosamiento esta mas cerca de ser horizontal que oblicuo
Egipcia
Tiene serif
El serif es tan grueso como los bastores esta es la principal característica que la identifica.
Puede ser cuadrado o bien redondo.
Variables visuales
Definición
Aquellos medios gráficos conformados por símbolos geométricos o figurativos, a color, blanco y negro y que pueden tener una
implantación de carácter puntual, lineal ,área o volumétrica.
Orientación
Se aplica sobre los símbolos puntuales, siempre que estos no presenten simetrías que impidan percibir correctamente la orientación.
Por ejemplo
Para el caso del círculo, resulta obvio que no tiene sentido aplicar la orientación como variable visual. Los símbolos
compuestos por formas
geométricas son adecuados para emplear la orientación.
Tamaño
El tamaño se refiere a la dimensión del símbolo. Para el caso de símbolos puntuales, puede aplicarse sin más que hacer más grande o pequeño el símbolo en sí. En el caso de líneas, el grosor de estas constituye la forma de aplicar la variable tamaño. Al igual que sucedía con la forma, en las superficies va a implicar la modificación de estas, por lo que se emplea únicamente en los cartogramas.
Alineación del texto
El color en la tipografía
CONO CER
COMPRENDER
Las 3 propiedades del color
DENSIDAD
LA ELECCION DEL TIPO DE COLOR EN LA TIPOGRAFIA
Imagen digital
Una imagen digital es , básicamente un tipo de imagen que puede ser manipulada mediante un equipo informático y esta caracterizado por :
Pixel
Resolución
Tamaño
Tipos y formatos de imagen
Profundidad de color
Compresión
Modelos de color
Relación aspecto
Pixel
Un píxel es cada uno de los puntos o elementos más pequeños que forman una
imagen. El color que compone cada píxel se obtiene mediante tres colores. El rojo, el verde y el azul. Este esquema de
colores se conoce como RGB (Red/Green/Blue).
Resolución
La resolución de una imagen digital nos indica el nivel de detalle con el que puede observarse la misma. Este término se utiliza para definir la nitidez de una imagen digital. Tener mayor resolución se traduce en tener una imagen digital con más detalle y calidad visual.
Tamaño
El tamaño de la imagen digital va completamente relacionado con los píxeles de la misma. Cuanto más píxeles tenga una imagen digital, más grande la
podremos hacer. El tamaño de la imagen digital se define con las dimensiones en
píxeles.
Profundidad de color
La profundidad de color de una imagen digital es otra de las características que debes conocer. Simplemente es el número de bits utilizados para almacenar información sobre el color de cada píxel en una imagen digital. También se conoce como la profundidad de color o bits por píxeles (bpp).
Comprensión
Esta característica nos permitirá poder comprimir nuestra imagen digital para poderla guardar, enviar y compartir de manera más rápida, ya que la descarga de la misma será más rápida debido a que el archivo que enviemos será menos pesado.
Modelo de color
El modelo de color es el color de cada píxel
dependiendo del modelo empleado. Como hemos comentado en el tema de los pixeles , el más
habitual es el RGB que, combinando diferentes intensidades de los tres colores (rojo, verde y azul), obtiene toda la gama de colores.
Relación aspecto
La relación es otra de las características de la imagen
digital. Si bien esta característica es más técnica para los
profesionales en el sector fotográfico, vale la pena
conocerla. Simplemente es la
relación entre la anchura y la
altura de una imagen digital. Se
calcula dividiendo la anchura por
la altura y se expresa como X:Y.
Tipos de resolución
¿Qué es ?
El término resolución alude al número de pequeños cuadrados conocidos como pixeles que describen la imagen y establecen su nivel de detalle. La resolución se determina en
dimensiones de pixel o número de pixeles
existentes a lo largo de la anchura y la altura de la imagen.
Tipos de resolución
Resolución de entrada. Hace referencia a la resolución que se obtiene a partir de dispositivos de entrada como cámaras y escáneres.
Tipos de resolución
Resolución de salida. Se refiere a los dispositivos de salida, generalmente impresoras, y es el numero de píxeles por cada pulgada o centímetro que el ordenador envía a un dispositivo (como la impresora) para imprimir.
Tipos de resolución
Resolución de impresión. Es la resolución propia de la impresora, es decir, el número de píxeles que la impresora consigue "pintar" por cada pulgada o centímetro de
papel. Depende de la propia
impresora, de la tinta y del papel empleados.
Profundidad de color
La profundidad de color se refiere al número de bits necesarios
para codificar y guardar la información de color de cada píxel en una imagen. Un bit es una posición de memoria que puede tener el valor 0 ó 1.
Cuanto mayor sea la profundidad de color en bits, la imagen
dispondrá de una paleta de colores más amplia.
Bits Cálculo Colores
1 21 2
2 22 4
4 24 16
8 28 256
24 224 16,7 millones
36 236 68.719,5 millones
42 242 4,3 billones
48 248 281,5 billones
Esta imagen se
corresponde con una profundidad de color de 1 bit. La imagen está formada por píxeles blancos o píxeles negros puros.
Esta imagen maneja el canal negro y permite 256 tonos de gris entre el blanco (00000000) y negro (11111111) puros. Se corresponde con una profundidad de color de 8 bits.
En esta imagen se utiliza una tabla de 256 colores para componer la imagen. Cada una de las 256 combinaciones posibles de unos y ceros es un índice que permite acceder a la tabla. A este tipo de imágenes se la conoce como de color
indexado.
En esta imagen cada color se forma por combinación de tres canales. Si la
profundidad es de 24 bits, tenemos la
posibilidad de manejar millones de colores con la combinación de los tres colores primarios:
rojo, verde y azul, es el llamado modo RGB.
Tratamiento de una imagen
Brillo y contraste Fresco
Tono, luminosidad y saturación Resplandor de neón
Curvas de color Pinceladas
Dar color Espátula
Trabajo con capas. Fotomontaje Plastificado
Ventana de capas Bordes añadidos
Fotomontaje Trazos pastel
Transparencias, mascaras. Manchas
Filtros artísticos Esponja
Lápiz de color Pintar debajo
Cuarteado Color diluido
Película granulada Pincel seco
Pixel Modo de color Resolución Formatos: JPEG, GIF Profundidad de color
Elementos de una imagen
Programas de tratamiento de la imagen PhotoShop
PhotoScape
Diferentes modos de color
Modo RGB (millones de colores)
Modo CMYK (cuatricromía)
Modo indexado (256 colores)
Modo de escala de grises (256 grises)
Modo de mapa de bits (2 colores)
El modo de color o modo de imagen determina la
combinación de los colores en función del número de canales
de un modelo de color.
Modo de color RGB
El modo Color RGB de Photoshop utiliza el modelo RGB y asigna un valor de intensidad a cada píxel.
Además de ser el modo por defecto en las imágenes nuevas de Photoshop, el modelo RGB lo utilizan los monitores de los ordenadores para mostrar los
colores.
Modo de color CMYK
En el modo CMYK, a cada píxel se le asigna un valor de porcentaje para las tintas de cuatricromía. Los colores más claros (iluminaciones) tienen un porcentaje pequeño de tinta, mientras que los más oscuros (sombras) tienen porcentajes mayores.
Modo de color Lab
El modelo de color CIE L*a*b*
(Lab) se basa en la percepción humana del color. Como Lab describe la apariencia del color en lugar de la cantidad de
colorante necesaria para que un dispositivo (como un monitor, una impresora de escritorio o una cámara digital) produzca el color.
Modo de escala de grises
El modo Escala de grises utiliza distintos tonos de gris en una imagen. Los valores de la escala de grises
también se pueden medir como porcentajes de cobertura de la tinta negra (0% es igual a blanco, 100%
a negro).
Modo de mapa de bits
El modo Mapa de bits utiliza uno de los dos valores de color
(blanco o negro) para
representar los píxeles
de una imagen.
Modo Duotono
El modo Duotono crea imágenes en escala de gris monotonos, duotonos (dos colores), tritonos (tres colores) y cuadritonos (cuatro colores) utilizando de una a cuatro tintas personalizadas.
Modo de color indexado
El modo Color indexado produce archivos de
imágenes de 8 bits con un máximo de 256 colores.
Para ediciones extensas es necesario convertir temporalmente al modo RGB. Los archivos de color indexado se pueden guardar en los siguientes
formatos: Photoshop, BMP, DICOM (Digital Imaging and Communications in Medicine), GIF, EPS de Photoshop, Formato de documento grande (PSB), PCX, PDF de Photoshop, RAW de Photoshop, Photoshop 2.0, PICT, PNG, Targa® o TIFF.
Thomas Knoll
Imagen de Photoshop
¿Qué es photoshop?
Adobe Photoshop es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated.
Usado principalmente para el retoque de fotografías y gráficos.
Su nombre en español significa "taller de fotos“.
Ventajas y Cualidades
Efectos y resultados de nivel tan alto que con ningún otro programa lograra alcanzar.
Este programa es completo, fácil de utilizar y permite tener resultados muy buenos e inmediatos.
La interfaz del software permite manejar mas fácil sus herramientas.
Podemos crear formatos GIF y animaciones.
Podemos realizar trabajos en 3D.
EVOLUCIÓN: Primeras versiones
Photoshop 1.0 (1990)
En febrero de 1990 aparece Photoshop 1.0. Tras encontrar diversos errores y corregirlos, aparece la versión 1.0.7.
Photoshop 2.0 (1991)
Se puede empezar a trabajar con trazados
vectoriales. Soporta colores CMYK y la 2.5 es la primera versión que sale para Windows.
Evolución: primeras versiones
Photoshop 3.0 (1994)
Aparecen las famosas paletas tabladas con distintas opciones. Pero sin dudas está versión tiene su especial valor en el hecho de ser la primera que maneja el concepto de capas.
Photoshop 4.0 (1996)
Se sigue evolucionado en el concepto de capas, creándose las ya famosas capas ajustables. Además es la primera vez que se pueden modificar los tipos y tamaños de letra.
Evolución: primeras versiones
Photoshop 5.0 (1998)
El Healing Brush (Pincel reparador) hace su debut en esta versión. La paleta de estilo de capas y algunos filtros más son las principales novedades de esta
versión.
Photoshop 6.0 (2000)
En esta versión la ventana Historia se lleva todo el protagonismo. El poder deshacer y
rehacer libremente otorga una enorme ventaja a los diseñadores.
Evolución: primeras versiones
Photoshop 7.0 (2002)
Se desarrolla un nuevo motor de pintura.
Photoshop CS (2003)
Trabajar con varios grupos de capas, comandos de sombras e iluminaciones, histogramas en tiempo real.
Opción para trabajar con elementos 3D, en el programa versión extendida. En la versión CS4, se podía fusionar capas 2D y
3D.
A partir de la actualización CS3 en el 2007, se lanzó el programa con dos versiones:
básica y extendida.
Versiones PHOTOSHOP CS
CS2 inauguró la función de los Objetos Inteligentes, Punto de Fuga, y soporte para
imágenes dinámicas de alto rango.
Las versiones más tempranas de CS incluyeron por primera vez soporte para
scripts de JavaScript y otros lenguajes.
(2003 – 2012)
Versiones PHOTOSHOP CS
PHOTOSHOP CREATIVE CLOUD (CC)
Programa por suscripción.
Adobe se sumó a la tecnología de
aplicaciones en la nube, lanzando así su paquete Creative Cloud.
Photoshop recibió también mejoras en su rendimiento, en sus herramientas y en el modo de uso.
PHOTOSHOP CREATIVE CLOUD (CC)
Características:
Enfoque suavizado completamente renovado
Aumento de la resolución inteligente
Estabilizador de imágenes de cámara
Adobe Camera Raw 8 y compatibilidad con capas
Paneles de capas y herramientas optimizados
Compatibilidad para ordenadores
Lightroom y más aplicaciones
