Documentos de Académico
Documentos de Profesional
Documentos de Cultura
TIPOGRÁFICO
Docente: MIGUEL ANGEL RIVERA YUPANQUI
DIAGRAMACIÓN
Maquetación
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial
que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos
casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y
revistas.
DIAGRAMACIÓN
A. Pantone
B. CMYK
C. RGB
D. HTML
MANUAL DE IDENTIDAD
3. LAS TIPOGRAFÍAS
A. Patrón
B. Set de iconos
C. Fotografías
MANUAL DE IDENTIDAD
5. OPCIONALES
A. Aplicaciones
B. Usos incorrectos
C. Moodboard
MANUAL DE IDENTIDAD
CONSEJOS
Es recomendable porque:
Te ahorra tiempo
Ta garantiza consistencia
MANUAL DE IDENTIDAD
EJEMPLO DE
MANUAL DE
IDENTIDAD
http://sepie.es/doc/patrimonio-cultural/guia_visual.pdf
EJERCICIOS
Experiencia laboral:
Agencia consultora Waca
Agencia Go red
Grafinka 2017
DISEÑO TIPOGRÁFICO
Tradicionalmente entendemos que el objetivo de
la tipografía es la lectura.
Stanley Morrison
Medidas tipográficas
CARÁCTER:
es una unidad portadora de una
forma que se imprime, se marca o
se esculpe
CON SERIF o
remateSERIF EN
CON Da un efecto embellecedor
LOSA
PALO SECO
Familias tipográficas
La familia tipográfica es un conjunto de signos alfabéticos y no alfabéticos con características
estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un
mismo sistema. Una familia, desde el punto de vista del diseño, es un programa.
Se clasifican en:
Humanas
Garaldas
Reales
Didonas
Mecanos
Lineales
Incisas
Scriptas
Manuales
Historia de la tipografía
cursiva
por naturaleza
Tipografía fenicia
Lograron incorporar como lengua fenicia, 22 sonidos clave
Alfabeto actual
El alfabeto griego y romano hicieron posible el nacimiento
del grupo de consonantes y vocales para el mundo
Los estilos tipográficos de Europa
Brief:
Desarrollar un Imagotipo para una marca llamada
“NATURAL SPA” y que se mencione que es un “Centro
de Salud”
En el manual de Identidad Corporativa usan el siguiente
color con código #C85F88 y también el color #445962
La Psicología del Color
Color prim
Color 2
Color 3
Color 4
Muchas gracias
CURSO: DISEÑO
TIPOGRÁFICO
Docente: MIGUEL ANGEL RIVERA YUPANQUI
HISTORIA DE FUENTES
TIPOGRÁFICAS
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Verdana
Arial
Monotype para
Microsoft
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Comic Sans
Tahoma
Times New
Roman
Stanley Morison y dibujado por
Víctor Lardent
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Trebuchet
Helvética
1983, Linotype y la
Fundición Stempel
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
TRAJAN
Frutiger
Adrián
Frutiger en 1968
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Myriad
Diseño de Adobe
en el año 1992
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Caslon
Bodoni
aparecido a finales del
siglo XVIII y que supone la
culminación de 300 años de
evolución de
la tipografía romana
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Calibri
Diseñada en 2005 por el holandés
Lucas de Groot
HISTORIA DE LAS FUENTES
TIPOGRÁFICAS
Baskerville
Tipografía diseñada en el siglo XVIII
por John Baskerville
Clasificación de tipografía
Clasificación de fuentes
Clasificación de fuentes
Clasificación de fuentes
Clasificación de fuentes
Voz tipográfica
Voz tipográfica
Voz tipográfica
Voz tipográfica
Tipografía expresiva
Tipografía expresiva
Tipografía expresiva
Tipografía expresiva
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
Como lograr crear una tipografía
A continuación vamos
a realizar el diseño en
Illustrator. Para eso
vamos a abrir el
programa Adobe
Illustrator CC 2018.
Como lograr crear una tipografía
DESCARGAR DE:
http://fabrika3studio.blogspot.com/2016/03/logos-transformados-en-lettering.html
Muchas gracias
CURSO: DISEÑO
TIPOGRÁFICO
Docente: MIGUEL ANGEL RIVERA YUPANQUI
pre-Prensa tipográfica
PRE-PRESS
El píxel
• Pixel es unPRE-PRESS
acrónimo basado en dos
palabras inglesas :
picture y element
• Al contraer ambas palabras surgió ¨pixel
como abreviatura y termino definitivo.
• Es la menor unidad homogénea en color
que forma parte de un imagen digital, ya
sea esta una fotografía, un fotograma de
vídeo o un gráfico.
Los pixeles son la unidad mínima de las imágenes de mapas
de bits, que también son llamadas rastre o bitmapas.
El hecho de que no los percibamos como unidades independientes sino como un conjunto se debe a una
limitación de nuestra visión
que nos da esa sensación de continuidad. Sólo es cuestión de aproximarse lo suficiente o ampliar la imagen
para que podamos llegar a percibir cada uno de estos elementos cuadrados.
CARACTERISTICAS DE
PIXELES QUE
FORMAN LA
IMAGEN DIGITAL
RESOLUCION ESPACIAL: Es el número de píxeles que conforman un mosaico
mosaico y el tamaño de cada uno de ellos.
FORMATOS
Por tanto, cuando hablamos de la resolución de una imagen nos referimos única
y exclusivamente a sus dimensiones expresadas en píxeles de anchura por píxeles
y altura, o bien a la superficie total
La compresión
La compresión es un término
importantísimo en el almacenamiento y
transferencia digital de la información.
1.- Soporte
2.- Película - Lamina
3.- Emulsión
4.- Original tonner - tinta
5.- Papel - Película
6.- Cristal
7.- Fuente de luz
8.- Reflector
PROCESOS DE NEGATIVADO Y POSITIVADO
1.- Soporte
2.- Registros
3.- Original
4.- Cristal
5.- Fuente de Luz
6.- Lente
7.- Trama
8.- Pelicula + -
9.- Emulsión PROCESOS Negativado - Positivado
PROCESOS MECÁNICOS
1.- Ponches
2.- Original mecánico
3.- Negativo
4.- Placa Cyan
5.- Placa Magenta
6.- Placa Amarillo
7.- Placa Negro PROCESOS mecánicos
PROCESOS MECÁNICOS
Los procesos digitales de preprensa son realizados con ayuda
de una computadora y programas de edición de gráficos
Serigrafía Offset
Flexografía
Este método de impresión es una forma de impresión en
relieve. Las áreas de la imagen que están alzadas se entintan y
son transferidas directamente al sustrato.
Flexografía
1.- Plancha
2.- Porta plancha
3.- Papel
4.- Anilox –metal o cerámica
5.- Entintador
6.- Rasero
7.- Impresión
Huecograbado
En este sistema de impresión las áreas de la imagen son grabadas debajo de la superficie.
Todas las imágenes impresas en huecograbado están impresas en un patrón de puntos incluyendo
la tipografía.
Esto produce áreas huecas en los cilindros de cobre.
Se aplica tinta a los cilindros y ésta llena los huecos.
Un rasero quita la tinta de la superficie y con una ligera presión la tinta se transfiere directamente
al sustrato. El producir los cilindros es muy caro, por lo cual el huecograbado sólo se utiliza para
tirajes largos.
Ventajas e inconvenientes
del Huecograbado
1.- Malla
2.- Emulsionado y Revelado
3.- Registro
4.- Entintado
5.- Impresión
Offset
Laser
Inyección de tinta
Sublimación
Corte de Vinil
Matriz de puntos.
Limitantes y características de la Impresión Digital
HIPERMEDIOS
CURSO: DISEÑO
TIPOGRÁFICO
Docente: MIGUEL ANGEL RIVERA YUPANQUI
PREPRENSA
Texto
Existen 5 formas básicas de componerlo Monotipo: Tipos individuales de metal.
Linotipo: Líneas de texto fundidas en metal. Fotocomposición: Texto realizado en
película fotográfica. Adheribles y transferibles: Textos cortados en vinil y otros
substratos. Digital: Impresos en laser, inyección de tinta o en pantalla.
1. TEXTOS monotipia
2. TEXTOS linotipo
3. TEXTOS fotocomposición
4. TEXTOS Adheribles y transferibles
5. TEXTOS Laser
6. TEXTOS En Pantalla
PREPRENSA
Monotipia
Textos
Monotipia
PREPRENSA
linotipo
Textos
linotipo
PREPRENSA
FOTOCOMPOSICION
Desde el 1947 y hasta el 1986 era la forma de componer los tipos. Es un método que
recurre a la fotografía y al fotograbado para “componer en frio”. Se basa en técnicas
fotográficas para guardar los tipos en una imagen.
Los tipos de fotocomposición fueron:
De 1° y 2° Nivel: Usando el negativo -> 28.000-40.000 tipos/hora.
Con tubo CTR (de 3º Nivel): Emitía los caracteres en el papel-> 11
Millones de tipos/hora
Con laser: permitió emitir caracteres e ilustraciones , ya que era capaz
de detectar el color y conseguían separar los 4 colores en minutos y no
en horas, lo que supuso 20 Millones de tipos/hora.
La fotocomposición ayudo al sistema offet en la impresión, y a la
fotomecánica en la impresión de paginas con imagen y texto.
Textos
fotocomposición
Textos
fotocomposición
Textos
Adheribles y
transferibles
Textos
Adheribles y
transferibles
Textos
laser
Textos
laser
Textos
En pantalla
Textos
En pantalla
PREPRENSA
Segundo caso
Los tramados más utilizados en artes gráficas son los siguientes: 133 lpi, y 150 lpi, aunque
pueden usarse tramados menores (hasta de 60 lpi en papeles de mala calidad) o mayores.
Lo importante es encontrar el punto adecuado de relación entre los dpi de resolución
para la imagen y las lpi con que se imprimirá el medio tono. Hay quienes opinan que
la relación debe ser de tres a uno: lpi x 3 = dpi (150 lpi x 3 = 450 dpi).
PREPRENSA
PASOS
PREPRENSA
Fotos digitales resolución de impresión
PASOS
PREPRENSA
IMAGEN
Tono continuo
PREPRENSA
IMAGEN
Línea y pasta
PREPRENSA
IMAGEN
PREPRENSA
IMAGEN
IMAGEN
• SPOT COLOR O TINTAS DIRECTAS Usan tintas de colores predeterminados como las
Pantone.
PREPRENSA
CMYK cuatricromía
PREPRENSA
RGB
PREPRENSA
LAB
PREPRENSA
SIGNIFICANTE
SIGNIFICADO
signos
SIGNO LINGÜISTICO
LA PERCEPCIÓN
signos
SIGNIFICANTE
Es un elemento perceptible
signos
SIGNIFICADO
Es un elemento no perceptible
Es un concepto
Es una idea
signos
SIGNIFICANTE SIGNIFICADO
TENTACIÓN,
UNA MANZANA
SABROSO, SALUD
signos
SIGNIFICANTE SIGNIFICADO
UNA MANZANA
signos
SIGNIFICANTE SIGNIFICADO
- MANZANA
- APPLE
- POMME
Propiedades del signo
Propiedades del signo
Propiedades del signo
Propiedades del signo
Propiedades de los signos
Es mutable e inmutable
valores
Diferencia de valores morales y
universales
Valores
Valores
semas
semas
sememas
culturemas
SON NOCIONES ESPECÍFICAS CULTURALES
DE CADA REGIÓN, PAÍS, O ÁMBITO
TAMBIÉN ESTEREOTIPADAS
culturemas
SON NOCIONES ESPECÍFICAS CULTURALES
DE CADA REGIÓN, PAÍS, O ÁMBITO
TAMBIÉN ESTEREOTIPADAS
culturemas
DENOTACIÓN
CONNOTACIÓN
MITO
RITO
definiciones
SIGNOS
DENOTACIÓN
CONNOTACIÓN
RITO
MITO
RITOS
CONCEPTOS
CONCEPTOS
CONCEPTOS
CONCEPTOS
CONCEPTOS
CONCEPTOS
Muchas gracias
CURSO: DISEÑO
TIPOGRÁFICO
Docente: MIGUEL ANGEL RIVERA YUPANQUI
La tipografia
Tipografia
1. Escribimos el nombre:
Pasos de tipografia