Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Julia Socorro
Juliettaschool.com
Juliettaschool.com
Introduccin
Juliettaschool.com
Juliettaschool.com
Juliettaschool.com
[1]
[2]
[3]
[1] Toulose-Lautrec, (1881-1897). Le Chat Noir. El cartelista francs, destac en la ilustracin de la vida nocturna
parisiense del siglo XIX. Movimiento el Postimpresionimo.
[2] Robert Capa, 1948. Pablo Picasso, Francoise Gilot y Javier Vitat, sobrino de Picasso. Golfe-Juan. Costa Azul.
Fotgrafo de guerra.
[3]J.Mallorqu, 1946. Canciones de la abuelita libro-juguete-musical.
Juliettaschool.com
Introduccin
La formacin que va a recibir de este curso, titulado: Primeros pasos hacia
la comunicacin visual le va a servir para iniciarse en el diseo y lo haremos
tambin aprendido tres herramientas: Adobe Illustrator, Adobe Photoshop y
Adobe InDesing.
La formacin est basada en el aprendizaje de las nuevas tecnologas ya que copa
el mercado laboral emergente gracias a la globalizacin e internet.
Dirigido a los adultos que deseen redisear su currilum vitae basndose en las
necesidades de los negocios web. Las unidades didcticas estn pensadas para los
jvenes y los mayores que deseen tener presencia en internet.
Juliettaschool.com
Pierre Bzier
Juliettaschool.com
herramienta pluma. Los puntos de control se activan sobre cada uno de los
puntos de ancla, una vez terminada la curva, haciendo clic sobre ellos (0,1,2).
Los puntos de control nos muestran un segmento de control. Este permite
modificar la curva, subiendo o bajando dichos puntos de control.
En Illustrator vectorizamos gracias al motor matemtico que posee el
software. La gran ventaja de trabajar con vectores es que estos son escalables.
Ser escalable en Illustrator permite no perder nitidez, por ej.: si hemos
vectorizado un Sol, al estar vectorizado lo dibujas una sola vez y lo usas en un
posters, en un cartel o en una pantalla de cine. No pierde nitidez la imagen
escalada de menor a mayor.
Juliettaschool.com
10
FOTOGRAFA QUMICA:
La introduccin a este taller virtual de retoque fotogrfico y pintura la
haremos hablando de la fotografa qumica.
Juliettaschool.com
11
Almacena(
Juliettaschool.com
12
13
Juliettaschool.com
FOTOGRAFA DIGITAL:
La fotografa digital se capta desde varios aparatos tecnolgicos: como son
la tablet, el smartphone, el ordenadores o la cmara fotogrfica compacta.
14
Juliettaschool.com
Descodica*
Lenguaje binario!
0 1 0 1 0
En las pantallas hay unos focos de luz que sumndose nos proporcionan
colores.
Juliettaschool.com
15
[6] Apple II
Juliettaschool.com
16
Juliettaschool.com
17
18
[8] http://www.warhol.org
(debajo de la fotografa de Andy Warhol) Marilyn Monroe, serie serigrafiado en varios colores por Andy Warhol.
(A la izquierda de Andy Warhol) Ray Ban, campaa publicitaria de gafas. Serie con variedad de modelos y colores.
Fotgrafo: Tomas Ruch. Imgenes creadas por Sebastian Onufszak y Sakke Sioni. Las modelos fueron pintadas.
Juliettaschool.com
Maquetar. Qu es maquetar?
Nos iniciaremos en el concepto
de
maquetar con la siguiente idea: ordenador imgenes y textos en un espacio
(papel).
19
[9] II futuro della Citt: slow o fast? La citt su misura, Rossella Bertolazzi
[10] http://www.stern.de/
Juliettaschool.com
20
Juliettaschool.com
Objetivo General:
Introducir al alumno en la enseanza de la comunicacin visual y los talleres
virtuales para producir dichos diseos.
Desarrollar los primeros pasos hacia la comunicacin visual y acercarnos al
entorno de los talleres virtuales.
Emprender con el alumno una visin general del sencillo aprendizaje de la
comunicacin visual y su aprovechamiento de la comunicacin visual,
buscando el posicionamiento de la marca creada o a crear.
21
Juliettaschool.com
22
Autor: Daro
Juliettaschool.com
Juliettaschool.com
24
Hoy en la pantalla del ordenador encontramos los iconos que nos permitirn
realizar las tareas fsicas de ayer. Ayer trabajbamos con nuestras manos
directamente y hoy lo hacemos a travs de prtesis como son el ratn o el
teclado. Accedemos a los iconos de cada barra de herramienta que contiene:
silueta de tijera, crculo en sustitucin del comps, pluma, lpiz, colores,
formatos de papel, etc.
En la pantalla del ordenador al encenderlo, tenemos lo que conoce como el
escritorio:
Cuando cliqueamos sobre el icono de un taller virtual como puede ser Adobe
Illustrator y realizamos la apertura del programa informtico, accedemos al
entorno de trabajo.
Por qu llamar al software un taller virtual? En los talleres reales, se
construyen las ideas a partir del uso de herramientas con nuestras manos. En
un taller real nosotros introduciramos los dedos en los ojos de la tijera y
cortaramos el papel. La accin sera real.
Juliettaschool.com
25
Bien, en este caso son talleres virtuales, porque desde una prtesis como es
el ratn, el lpiz ptico o el teclado accedemos a la misma herramienta
virtual, a la tijera y tambin cortamos.
Aparentemente la tarea es ms mental que fsica. Sin embargo, el trabajo se
va a reproducir en un medio fsico como pueda ser la imprenta y si el trabajo
se reprodujera en un entorno como es internet, nos va a transmitir la
sensacin y el sentimiento de un papel cortado.
Juliettaschool.com
26
Juliettaschool.com
27
S, mira ms abajo indica mam con su voz lejana desde otra habitacin.
Juliettaschool.com
abajo de ella
-
28
Nos suele pasar muchsimo algo similar con las rutas de los iconos en los
talleres virtuales. Por suerte siempre hay personas en nuestro entorno de
trabajo que encuentra la ruta donde estn todos los iconos guardados y nos
facilitan las tareas.
Es necesario aprender los nombres de las barras de herramientas y sus
ubicaciones porque aprovecharemos y rentabilizaremos el tiempo.
En casi todas las ocasiones para realizar una prctica, habr que indicar una
ruta y hemos de empezar con el nombre de la barra. Incluso, interactuaremos
de una barra a otra para aplicar paso a paso alguna tcnica.
1.3.- Creando un archivo nuevo
Cuando abramos por primera vez el taller virtual para acceder a Adobe
Illustrator, en el men Archivo hemos de cliquear en Nuevo... y se nos
abrir un men flotante:
Juliettaschool.com
29
Juliettaschool.com
1.3.2.- Perfil
Cul es el perfil del documento?
30
Juliettaschool.com
31
Juliettaschool.com
32
Juliettaschool.com
33
Juliettaschool.com
34
Juliettaschool.com
Rojo?
Verde?
Azul?
Negro
Blanco
Juliettaschool.com
35
36
RGB asigna un valor de intensidad a cada pxel que oscile entre 0 y 255.
Las limitaciones tcnicas con las que se disean los ordenadores fundamentan
dichos cdigos.
Los microchips actuales no se pueden desarrollar para usar ms de dos
Estados, como la electricidad, que tiene dos estados: encendido y apagado.
Todo se basa en la posicin de apagado y encendido. Si apagas la luz es 0, si
enciendes la luz es 1. Los microchips se basan en microinterruptores y por lo
tanto en estos dos estados.
Prctica 2: Crear tres colores.
Solicite los archivos de las prcticas:
https://juliettaschool.com
Juliettaschool.com
37
Mapa de bits
Vectores
Juliettaschool.com
38
Efecto de lpiz
Crculo vectorizado
Juliettaschool.com
39
Juliettaschool.com
1.4.- Resumen
. Somos grafistas desde la infancia. Todos tenemos la capacidad de ser
creativos.
. El taller virtual es el entorno de trabajo.
. El escritorio funciona como una estacin, es un espacio donde realizamos
intercambios. El escritorio nos presta un servicio.
. La interfaz de un taller virtual nos permite producir un bien, un producto
final.
. Un men flotante lo podemos mover por toda la interfaz cliqueando sobre
el rea donde est su nombre, en Illustrator, en la zona gris clara, en la parte
superior del men hace clic, mantenemos presionado el botn y movemos el
ratn. A la vez se mover el men flotante.
. Un men fijo no se puede mover de su sitio predeterminado.
. Perfil del documento: son las caractersticas del documento. Indicamos las
medidas, las unidades, los modos de color, si es para imprimir, si espera
pelcula o para web, etc.
. Plantillas: Adobe Illustrator nos trae unas plantillas de cada perfil con unas
medidas estndar para que podamos iniciar tareas desde ellas. Tambin
podemos modificar estas plantillas y adaptarlas a nuevas necesidades de
diseo.
. Modo de color RGB: RGB (Red, Green, Blue) Rojo, verde, azul. RGB es el
modo de color de las pantallas en general. El 0 es el negro y el 255 es el
blanco.
. Efectos de rasterizado: Los efectos de rasterizado generan pxeles en vez de
datos vectoriales. Estos efectos afectarn a la resolucin final de la
ilustracin. Cuanto ms alto sea el valor, ms calidad tendrn.
. Rasterizado es igual a mapa de bits. Antes de comenzar a trabajar con
efectos en Illustrator hay que revisar la cantidad de pxeles por pulgada que
hemos configurado al inicio en los efectos de rasterizado.
. No deberamos usar el trmino resolucin y si el trmino concentracin,
pues cuando hablamos de resolucin en realidad nos referimos a la densidad
de pxel, sea, a la concentracin de pxel en un rea.
Juliettaschool.com
40
41
Juliettaschool.com
42
Juliettaschool.com
Dentro de todas las marcas y logotipos existe un esquema que agrupa a cada
diseo, segn tipos:
Logotipo
Tipografa sin icono. La versin de
diseo grfico establece el nombre
de la marca. Asociamos el nombre
con
una
identificacin
visual
diseada.
Imagotipo
Texto e imagen estn separados. La
suma de la imagen refuerza al
logotipo. El texto se pone a un lado.
El texto se pone abajo.
Isotipo
Reconocimiento de la marca sin
necesidad de texto. Es igual ver el
logotipo que ver el isotipo, ambos te
llevan a reconocer la marca. El texto
puede funcionar slo y la imagen
puede funcionar sola.
Isologo
Logotipo + Isotipo estn fundidos en
un solo elemento. No se puede
concebir de forma indivisible. El
texto y la imagen han sido diseados
para funcionar en unin.
La marca identifica un producto, servicio o institucin a travs de signos y
valores. Se usan tipografas, imgenes y se conceden derechos exclusivos para
Juliettaschool.com
43
empresa.
En la web de Nestle podemos observar todos los productos que tiene Nestle
y, cada nombre de producto tambin tiene su marca. Ej.: Kit-Kat como marca.
La marca tiene su diseo.
Juliettaschool.com
44
publicitarias.
Cuando diseamos, creamos identidad.
Hoy todas estas marcas tienen suficientes me gusta como para ser
empresas loables y vivir del ordeo de la vaca.
El ordeo de la vaca es una tarea propia de la vida ganadera. La leche es un
producto natural. Lo que se ha construido es un mensaje visual que de
confianza al consumidor para que desde el estante de un supermercado usted
le de valor a esa vida ganadera. Si la imagen de la empresa est bien diseada.
El consumidor se afianzar a esa marca y lo fidelizar. En los supermercados
no hay vacas, hay diseo. Usted quiere conseguir sus me gusta?
Prctica 1: Identificacin de logotipos, imagotipos, isotipos e isologos. .
Solicite los archivos de las prcticas:
https://juliettaschool.com
Juliettaschool.com
45
46
Logotipos
Imagotipos
Isotipos
Isologos
Autocorreccin:
Logotipos: Tipografa sin icono. La versin de diseo grfico establece el
nombre de la marca. Asociamos el nombre con una identificacin visual
diseada.
Qu tipografas tenemos sin icono?
PayPal y Binter Canarias, seguro. Estas dos son respuestas acertadas.
Juliettaschool.com
FedEx lleva implcito entre la E y la x una flecha blanca, forma parte del
diseo de la propia tipografa. Sin embargo una flecha, es un smbolo. Cmo
lo interpretamos? Tipografa sin icono? o cmo tipografa con icono que no
estn separados?
Ex
l vio la posibilidad de una flecha. La flecha como smbolo promueve los
conceptos de velocidad y precisin. As que decidi incrustar la flecha.
El diseador tom las mejores caractersticas de las tipografas Univers 67
(Bold) y Bold Futura y combin una nueva forma de letra. Cre una nueva
tipografa con un poder oculto (la flecha).
Si lo que prevalece es el creacin de una nueva tipografa, es un logotipo
excelente.
Por otra parte si lo que prevalece es la flecha Podra ser un isologo?
Sabemos que la flecha surge de forma intencionada y es un smbolo
reconocible que comunica como hemos apuntado anteriormente: velocidad y
Juliettaschool.com
47
48
Juliettaschool.com
49
Juliettaschool.com
Juliettaschool.com
50
51
Juliettaschool.com
Alicia en el Pas de las Maravillas del autor Charles Lutwidge Dodgson. Sin
embargo, Tim Burton es reconocible por sus cinfilos con un cdigo nico del
director de cine.
52
Galatea en las esferas, 1952 y La persistencia de la memoria, 1931
Juliettaschool.com
Juliettaschool.com
53
Web http://www.unizar.es/sg/doc/3.manual_once_.pdf
Si usted ya ha recorrido visualmente este manual habr podido observar
cmo se potencia la imagen corporativa en uniformes, logos, papelera, etc.
Sepa que unos de los objetivos de la marca es que se fije la misma en la
mente y que se memorice a largo plazo. Se cuida todo detalle! El diseo
tiene que estar en todo elemento fsico y virtual que interviene en la empresa.
La pregunta es: Por qu unas marcas tienen xito y otras fracasan? La
respuesta es: El Manual de Identidad Corporativa. Antes de poner en
marcha una lnea de negocio recuerde: Vsteme despacio que tengo prisa.
Los competidores que se posicionan logrando la personalidad de la empresa
son recordados y admirados.
El Manual de identidad corporativa es el libro que recoge todos los datos de
diseo de la imagen corporativa de la empresa ya sean pantone, pruebas de
CMYK, diseo Web, etc. Todo el protocolo de diseo de la imagen de la marca
est en este manual.
Si una edificacin tiene que tener un libro del edificio y unos planos. Sepa
usted que una marca, tiene que tener un manual de identidad corporativa que
la fortalezca.
Una empresa sin manual de identidad corporativa es como un edificio sin
planos. Las grandes firmas lo saben y es por ello que son las grandes. Un
buen diseo, en una poca en la que se consumen signos y valores, se hace
tan necesario como el aire para respirar.
RECUERDE: Los grandes no eran nadie su da cero. Eran Ninguno.
http://pequelia.es/24756/historias-de-ninguno-de-pilar-mateos/
Si las grandes marcas estn hoy en Top-Ten es porque reflexionaron,
investigaron y colaboraron.
Actualmente se nos bombardea con: Empieza hoy mismo, Emprende. S,
cree en ti y se tu propio jefe. Es ms, hazlo reflexionando, aprendiendo y
busca colaboraciones sociales con otros emprendedores. Quiero decir que si tu
Juliettaschool.com
54
NACE LA EMPRESA:
FUSIN:
Cuando exista una fusin como ha sido la fusin de los bancos y cajas. Sirva
el ejemplo de Bankia. Este es la imagen corporativa rediseada.
Juliettaschool.com
56
MODERNIZACIN:
Es el caso de Mac que se moderniza en el ao 1998
POSICIONAMIENTO:
Otras empresas ofrecen productos y servicios parecidos.
Juliettaschool.com
CAMBIO DE DUEO:
Fadesa Inmobiliaria se vende y se redisea la marca a: Martinsa Fadesa.
57
Moviestar empieza a ofrecer algo ms que la lnea fija telefnica que haba
establecido en Espaa desde 1924, ya que sus productos hoy tambin son
telefona mvil, internet y televisin por cable.
UN
INTEGRAR
IMPACO:
Juliettaschool.com
Juliettaschool.com
58
Juliettaschool.com
59
Autocorrecin:
1.- Se habla de la historia de la institucin? S, se inicia en la pgina 13
2.- Se sitan en el manual los Pantone? S, podemos ver un ejemplo en la
pgina 40
3.- Se han diseado fondos de escritorio? S, en la pgina 91 podemos verlo
60
Juliettaschool.com
2.5.- Resumen
. Logotipo: tipografa sin icono.
. Imagotipo: texto e imagen estn por separados y pueden funcionar por
separado aunque la suma de las dos refuerza la imagen.
. Isotipo: icono sin texto
. Logotipo + Isotipo: estn fundidos en un solo elemento. No se puede
concebir de forma indivisible.
. La marca identifica un producto, servicio o institucin a travs de signos y
valores. Se usan tipografas, imgenes y se conceden derechos exclusivos para
la explotacin de dicha marca.
. Una de las mayores fuerzas de la imagen corporativa est en el estilo.
. La imagen corporativa se refiere a la percepcin que tenemos de una
marca. Si la marca o el producto se afianza en la mente del consumidor,
hemos logrado que la imagen corporativa funcione.
. El Manual de identidad corporativa es el libro que recoge todos los datos
de diseo de la imagen corporativa de la empresa ya sean pantone, pruebas
de CMYK, diseo Web, etc. Todo el protocolo de diseo de la imagen de la
institucin est en este manual y con este manual la empresa a la que se le ha
prestado el servicio de diseo debe ser independiente.
Juliettaschool.com
61
Juliettaschool.com
3.1- Packaging
El Packaging es algo ms que el embalaje de un producto pues habla de la
imagen corporativa de la institucin.
Dividimos en tres partes el Packaging y tenemos:
. El packaging terciario: las cajas, la paletizacin, los portes
63
Juliettaschool.com
64
El packaging secundario fue durante mucho tiempo la cesta de mimbre y
posteriormente se diseo el cartn de huevos. El huevo, al ser un alimento natural
tiene su fecha preferente y no tiene etiqueta nutricional.
Juliettaschool.com
65
Juliettaschool.com
66
Juliettaschool.com
Juliettaschool.com
67
3.4.- Resumen
. El Packaging se divide en tres partes:
. El packaging terciario: son cajas, la paletizacin, los portes
. El packaging secundario: son los envoltorios de un grupo de productos.
Son los paquetes que se organizan y las estanteras.
Juliettaschool.com
68
69
Julies Chret
Toulouse-Lautrec
Juliettaschool.com
70
Juliettaschool.com
0+1+1+2+3+5+8+13+21 infinito
El crecimiento de las plantas que gira en busca del Sol muestra el nmero de
Fibonacci.
71
Girasol
Tuno
Juliettaschool.com
Elemento
A = pi x r2
Diseo
72
Gases
Juliettaschool.com
73
Tenemos que aprender esttica y tica. Cules son las limitaciones de las
mquinas de impresin del cartel? Qu tamaos de papel estndar tenemos
en el mercado de la imprenta? Conoceremos las tipografas y la cuatricroma
(CMYK). Gestionaremos la psicologa del color, la imagen y organizaremos
palabras e imgenes en el espacio de papel.
Juliettaschool.com
cartel.
4.5.- Introduccin al cartel
En cualquier diseo que realicemos estamos siempre proporcionando
medidas para ordenar imgenes y textos. No caen al azar como si fuera un
efecto aleatorio en el papel.
El mensaje visual se construye por ejemplo: para un publico de una edad y
de unos gustos. El publico percibe la vida segn su forma de pensar. El cartel
ha de manifestar en el diseo, la intencin de la comunicacin visual.
Observemos este cartel. El Estudio Social Desing cre este cartel para la obra
de ballet londinense de Romeo y Julieta.
Juliettaschool.com
74
75
Juliettaschool.com
76
El cartel est formado por una primera imagen fotogrfica y por lo tanto es
una imagen rasterizada. Sobre dicha imagen se sitan el resto de los
elementos que necesitamos para expresar el mensaje del ballet y, tambin
para comunicar cmo llegar a ver este evento.
La fotografa se trabajara en Photoshop. El cartel en s en Illustrator.
Prctica 1: Vamos a tomar nota de los mensajes tipogrficos. Realizamos
la tarea juntos.
Solicite los archivos de las prcticas:
https://juliettaschool.com
Juliettaschool.com
77
Juliettaschool.com
Juliettaschool.com
4.6.- Resumen
. El nmero Phi est representado en la naturaleza con caracteres
matemticos. Nos lo encontramos constantemente en la espiral que surge en
la naturaleza en busca del Sol.
. Las formas simples definen elementos de la naturaleza. La mente humana
siempre busca encajar todo en formas sencillas como puede ser el crculo, el
cono, etc.
. Existe un microuniverso alrededor del diseo del cartel el cual tenemos
que aprender. Entre estos parmetros est: la esttica, la tica, las
limitaciones de las mquinas, los tamaos estndar de papel, la tipografa, el
blanco y negro, los colores, la imagen y la gestin de espacio y papel.
. El cartel que se imprime para estar a pie de calle, tiene que facilitar la
informacin acorde con la tecnologa y as poder captar al cliente del instante.
Juliettaschool.com
79
80
Juliettaschool.com
81
Juliettaschool.com
1.2.- la interfaz
Interfaz de Photoshop.
82
Juliettaschool.com
Juliettaschool.com
83
Juliettaschool.com
84
CMYK que es el que usan las imprentas. Por otra parte, hay modos de color
creados por empresas profesionales como Kodak. Los profesionales desean
ms otros modos de color como el de Kodak.
Adobe RGB (1998) nos lo trae Photoshop y la cmara digital. En este curso
de introduccin nos acercamos a los conceptos bsicos de sRGB y Adobe RGB.
sRGB tiene menor rango de colores y a cambio ofrece ms contraste en
colores bsicos y mejor brillo. sRGB es el formato de los laboratorios
generales y no profesionales. Es el formato de las pantallas de ordenador, de
los navegadores web.
Adobe RGB es el modo de color de la impresin de calidad y del retoque
fotogrfico profesional. Quizs veamos los colores ms apagados en el monitor
con Adobe RGB, aunque podemos calibrar el monitor para verlas en este
formato perfectas, simulando la calidad final.
Si sacamos una fotografa en JPEG en sRGB o en Adob RGB los resultados van
a ser muy diferentes. Lo realmente interesante si queremos sacar fotografas
de alta calidad es sacarlas en formato RAW. Sobre todo porque nos
despreocupamos de sRGB y AdobeRGB de cara a su uso en un futuro. Siempre
que queramos emprender con nuestro material fotogrfico personal.
Prctica 1: Abrir una fotografa sRGB para usarla en internet
Solicite el video y los archivos para realizar esta prctica suscribindose
en:
Solicite los archivos de las prcticas:
https://juliettaschool.com
1.3.2. El pxel
La fotografa digital evoluciona en la forma de capturar la imagen. En la
fotografa qumica la imagen se capta en un soporte fotosensible de origen
qumico que se conoce como pelcula. Es esta pelcula, la que capta la luz.
En la fotografa digital la captacin de luz se hace sobre un sensor
fotosensible. El CCD convierte la luz en informacin digital, es un tipo de
chip fotosensible. Tambin tenemos sensores de captadores de luz digital
CMOS. En ambos existe el filtro de Bayer. La matriz de colores rojo, verde y
Juliettaschool.com
85
azul ordenada en el espacio de forma regular cada pxel. Tenemos dos veces
el verde, una vez el rojo y una vez el azul.
Los millones de cuadrados que registran la luz y crean los llamados pxeles,
son los fotositos. El tamao de los fotositos est entre 4 y 25 micras.
El filtro de Bayer usa el doble de verde, porque el ojo humano es ms
sensible al verde que a otros colores debido a su evolucin humana y su
relacin visual con la naturaleza.
Observe en la Matriz de Bayer, en la parte superior: fila 1: azul + verde, fila
2: rojo + verde. Conclumos por tanto que por cada uno de azul y rojo hay dos
de verde.
Cada pxel slo reacciona ante uno de los tres colores. Se mezclan gracias a
la matriz de Bayer que registra un proceso de interpolacin de los colores de
cada pxel con sus vecinos.
El resultado final es una imagen cuadriculada de rojos, verdes y azules.
Al interpolarse estos cuadritos se realizan clculos matemticos para hacer
un promedio del pxel ms adecuado que formar dicha imagen. Un impulso
elctrico interpretar el circuito electrnico de la cmara.
Los pxeles captan la luz de la imagen pero no el color. Registran la
intensidad de la luz en una escala de grises de 256 tonos que van del blanco al
negro puros.
Juliettaschool.com
86
Juliettaschool.com
87
Juliettaschool.com
Juliettaschool.com
89
Juliettaschool.com
90
1.4.- Resumen
. El taller virtual de Photoshop contiene un taller fotogrfico y un taller de
pintura.
. Todo dispositivo de captacin de imgenes tiene una capacidad distinta
para reproducir el color. Adobe RGB (1998) es un perfil que proporciona una
gama de colores grande y equilibrada.
. sRGB y Adobe RGB (1998) son dos perfiles de color de Photoshop y que
tambin tenemos la opcin de escoger en nuestra cmara fotogrfica.
. sRGB es un modo de color que se usa para productos finales en pantalla, en
la Web y similar.
. Adobe RGB (1998) es un perfil de color para productos finales que se vayan
a imprimir. La conversin a CMYK estar mejor procesada con este modo de
color.
. La imagen web hay que trabajarla en modo sRGB ya que no todos los
navegadores, van a interpretar correctamente otros modos de color. Nos
podemos econtrar con la sorpresa de que la imagen a color, en otro
navegador, no reproduzca los colores deseados.
. Actualmente tenemos dos sensores de luz para la fotografa digital el CCD
y el CMOS
. La matriz de Bayer capta el color en el sensor.
. El mapa de bits de 2 a 8 bits tiene una profundidad en escala de grises del
0 que es el negro al 1 que es el blanco.
. El mapa de bits de 16 bits tiene una alta calidad de color
. El mapa de bits de 32 bits se utiliza para imprimir en modo CMYK
. El aspecto de relacin de pxel o la proporcin de aspecto de imagen sigue
una frmula que nos permite obtener los aspectos para televisin. Conocemos
los formatos 4:3 de pantalla estndar y el 16:9 de pantalla panormica. El
Juliettaschool.com
91
92
Juliettaschool.com
93
Juliettaschool.com
2.1.- El sensor
El sensor de la cmara fotogrfica es la gua de la luz con la cual vamos a
escribir la imagen. El sensor de las cmaras digitales es fijo, no como el
carrete de la cmara analgica, que lo cambibamos. En el sensor
proyectamos y en la tarjeta de memoria, almacenamos.
Si hablamos de calidad ptica nos referimos a los objetivos, pero si no
tenemos un buen sensor, el objetivo poco podr hacer por nosotros.
El sensor es un chip con millones de componentes sensibles a la luz,
llamados pxeles. Siempre estn a oscuras. Si les entra luz, ellos capturan luz.
En la actualidad los sensores tienden a ser CMOS ya que consumen menos
batera y es ms econmico de fabricar que el CCD. CMOS ha alcanzado hoy la
calidad la calidad del CCD de ayer. Los anlisis para compararlos son
complicados entre CMOS y CCD y la tecnologa est siempre avanzando.
Juliettaschool.com
94
http://www.youtube.com/watch?v=nxUDHcZl1uo&feature=related
La tecnologa con la que se capta la luz nos pone de manifiesto las ventajas
y desventajas de CCD y CMOS. Un comparativo entre CCD y CMOS nos aporta
la siguiente informacin:
CMOS
Los sensores CMOS responden antes
que los CCD en su trabajo de
captacin de luz y utilizan menos
batera.
CCD
Juliettaschool.com
95
Tamao (mm)
36 x 24
28,7 x 19
23,6 x 15,7
22,2 x 14,8
20,7 x 13,8
Juliettaschool.com
96
Los Dpi son puntos por pulgada. Se usa para impresoras. Es el nmero de
puntos que un sistema de impresin puede poner en una pulgada. No guardan
relacin con los lpi. Lo que se aproxima siempre son pruebas.
Los Ppi son pxeles por pulgada. Los escner y las cmaras digitales trabajan
con pxeles y no con puntos. Los fabricantes de revistas informticas usan dpi
en las caractersticas de los escner y esto es un error porque los escner usan
Ppi.
Los Ppi s se relacionan matemticamente con los Lpi. La relacin es la
mitad. Un escaneo de 300 ppi se resolvera con 150 lpi.
Juliettaschool.com
97
Los ppp debemos usarlos slo para referirnos a impresoras porque nos
referimos a puntos por pulgada y no a pxeles por pulgada.
2.3.- Resolucin y medidas para imprimir una fotografa digital
Si tenemos una fotografa que mide 1225 x 805 pxeles y la queremos
imprimir en una medida de 14,85 x 10,5 cms, realizamos la siguiente
operacin:
1225 pxeles : 14,85 cms = 82,49
(82,49) x 2,54 = 209,53 pxeles por pulgada
1 = 2,54 cms
Prctica 1: Convertir una imagen tras el clculo a las nuevas medidas en
Solicite los archivos de las prcticas:
https://juliettaschool.com
Juliettaschool.com
98
2.4.- Resumen
. El sensor es un chip con millones de componentes sensibles a la luz,
llamados pxeles.
. Los sensores CCD han sido los mejores hasta hace poco tiempo con unas
grandes ventajas sobre el sensor CMOS. El avance de la tecnologa actual ha
permitido a CMOS mejorar aquellos aspectos donde estaba quedando obsoleto.
. Las cmaras fotogrficas semiprofesionales de hoy eran las profesionales
de hace una dcada. Incluso las cmaras compactas, ya incorporan sensores
profesionales.
. Los Ppi son pxeles por pulgada. Los escner y las cmaras digitales
trabajan con pxeles y no con puntos.
. Los Dpi son puntos por pulgada. Se usa para impresoras.
. Los Lpi son lneas de pulgada. Se usa para papel.
Juliettaschool.com
99
100
Juliettaschool.com
101
Juliettaschool.com
Juliettaschool.com
102
103
Juliettaschool.com
Juliettaschool.com
104
105
Venus sobre la concha tiene una luz suave, con sombras suavizadas sobre su
cuerpo. La luz es la protagonista y nos cuentan las sombras del personaje. Se
ha desdibujado el contorno, se ha abandonado la forma plana. El hombre
denota un rea de oscuridad. El suelo es oscuro y las hojas de los rboles
terminan de dar ese peso de oscuridad a la escena. Ella, Venus, es la que
tiene la piel ms blanca y apenas denota pliegues.
3.3.2.- El barroco
Movimiento artstico y cultura que se inicia en el ao 1600 y hasta principios
del S.XVIII. Esta pintura dramatiza la escena usando el efecto lumnico del
claroscuro.
Juliettaschool.com
106
La luz acta como un foco que descubre el sentimiento del anciano. San
Jernimo est iluminado de forma violenta sobre un fondo oscuro.
Juliettaschool.com
107
Juliettaschool.com
108
La niebla confunde las formas. El Sol se refleja en las aguas del Tmesis.
Tenemos azul oscuro, violetas y anaranjados rosceos. El Sol despide los
reflejos rojos que tie el ro. Es la teora de la reflexin. El Sol se proyecta y
se refleja en el agua del mar. A su vez los colores se entremezclan y se
distribuyen. Hasta ahora la fotosntesis no se ha denotado en la pintura. Es
bello por ello el impresionismo y por ms secretos que guarda.
Aprender ms sobre luces y sombras nos ayudar a sacarle partido al taller
de retoque fotogrfico.
Prctica 1: Adobe Photoshop
Solicite los archivos de las prcticas:
https://juliettaschool.com
Juliettaschool.com
109
Juliettaschool.com
Juliettaschool.com
110
111
Juliettaschool.com
112
Juliettaschool.com
3.6.- Resumen
. La fotografa de ayer se llevaba a un estudio de revelado. Hoy nuestro
estudio de revelado es nuestro taller virtual de fotografa en el ordenador.
. La escala de Munsell nos proporciona una gama de grises desde el blanco
hasta el negro.
. El blanco, negro y gris producen sensaciones y reacciones. Son colores
acromticos.
. Los cuerpos reciben la luz produciendo zonas de luz, penumbra, sombra
propia, reflejo y sombra arrojada.
. La sombra propia es la que el cuerpo opaco produce en su propio cuerpo.
. La sombra arrojada es la que el cuerpo opaco proyecta sobre otros cuerpos
o sobra una superficie.
. Penumbra es casi sombra, es sombra dbil. Existe entre la luz y la
oscuridad.
. La sombra reflejada simula que el cuerpo se apoya en una superficie.
. La luz es la que nos permite ver los cuerpos.
. Si queremos estudiar la composicin de un cuadro debemos empezar
hacindolo en escala de grises. El color nos puede producir distraccin.
Juliettaschool.com
113
114
Juliettaschool.com
115
Juliettaschool.com
1.2.- La interfaz
Indicamos la situacin de las barras de herramientas que tenemos que
aprender para situarnos en el taller virtual.
116
Juliettaschool.com
117
1.3.1.- Calidad
Las calidades que nos ofrece el men flotante de la creacin de nuevo
documento son: Web, imprimir y Publicacin digital.
En InDesing podemos exportar documentos tipo Flash para realizar
documentos interactivos. Les propongo visitar la siguiente Web.
http://flashlarevista.com/
Imprimir: En formatos A4, A3, A5, A medida, entre otros. El formato A4 es
el formato de folio que adquirimos para impresora domstica. El formato A5
es la mitad del folio y el formato A3 es el doble del folio. Visitar la web.
Juliettaschool.com
http://www.osce.org/es/odihr/elections/14304
Publicacin digital: cuando escogemos esta opcin el tamao de pgina, no
se adapta para crear formatos para los dispositivos que tiene previsto el taller
virtual: iPad, iPhone, Android, Kindle, A4 y A medida.
Se definen las unidades en pxeles (px), que es la unidad que usamos para
ver los formatos en pantallas digitales del tipo informticas. Este documento
de La Biblioteca Cervantes que ha sido escaneado, se ha actualizado a una
posible forma de libro electrnico.
Web.
http://bib.cervantesvirtual.com/servlet/SirveObras/platero/0147054108901
4040757857/ima0008.htm
Juliettaschool.com
118
1.3.4.- Sangra
En la imprenta es normal que el papel se mueva y sufra desajustes. Siempre
se establecen 2 3 milmetros de sangrado. El sangrado es un espacio
perimetral a los mrgenes y se deja para que en la imprenta se pueda cortar
el papel, en caso de movimiento.
Prtica 1: Preparar formato para importa novela de Word a InDesing
Solicite los archivos de las prcticas:
https://juliettaschool.com
Juliettaschool.com
119
1.4.- Resumen
. Las calidades que nos ofrece el taller virtual de maquetacin son: Web,
Imprimir y Publicacin digital.
. Podemos exportar documentos tipo Flash para crear documento
interactivos como son revistas, prensa, libros y otros.
. Exportaremos tambin libros electrnicos para dispositivos como iPad,
iPhone, Kindle, Android, etc.
. El tamao de la pgina hace referencia al tamao del papel que vamos a
usar para maquetar los libros, las revistas, los Ebooks, etc.
. Los mrgenes de la pgina son el espacio en blanco perimetral de cada
caja de texto.
. En la imprenta es normal que el papel se mueva y sufra desajustes.
Siempre se establecen 2 3 milmetros de sangrado. El sangrado es un espacio
perimetral a los mrgenes y se deja para que en la imprenta podamos cortar
el papel, en caso de movimiento.
Juliettaschool.com
120
121
http://www.youtube.com/watch?v=IPg05uCE608
Juliettaschool.com
Vean este video pues el siguiente epgrafe se entiende habiendo visto este
contenido.
2.1. Tipografa
Del video visto extraigo las partes que an hoy nos interesan en la
maquetacin, aunque la hagamos en un taller virtual:
00:43 Bien tallados estos tipos
Qu son los tipos? Qu quiere decir Gutenberg?
Sabemos que antes de la tecnologa digital, el diseo de palabras impresas
se ya estaba desarrollado.
El tipo es el diseo de un caracter, y la tipografa responde a la combinacin
de un grupo de caracteres.
El tipo y el caracter se realiza siguiendo unas pautas de diseo para ese
caracter. Se tiene en cuenta la relacin de ese tipo con otros tipos.
Juliettaschool.com
122
123
G, F, T, R, V, X
Observen que los adornos son los pies de apoyo en la F, en la T, en la R, en la X y,
tambin hay lneas exageradas que embellecen en la G, F, T, V y en la parte superior de la
X Adems, todas las tipografas con Serif forman una familia tipogrfica
a) Las tipografas sin adornos (tipografa de palo seco)
La tipografa de palo Seco, en este caso Helvtica, no tiene nada de adornos,
observe:
G, F, T, R, V, X
La familia de tipografas de palo seco se distinguen por no tener adornos, son
Juliettaschool.com
Observamos el tipo A, diseado sobre las medidas del cuerpo humano, segn
las proporciones del cuerpo humano de Leonardo Da Vinci.
07:00 Los intentos para abaratar el proceso de copia y sobre todo para
garantizar la exactitud de los textos
Juliettaschool.com
125
Juliettaschool.com
sean ledos.
126
Juliettaschool.com
tipografas que dan mejor resultado para leer en prensa o para leer en
12:07 Los impresores corrigen los textos antes de imprimirlos para crear un
estndar que fije la lengua en la que imprimen
20:14 El pueblo llano no sabe o no se atreve a soar el mundo como lo hace
el lector ilustrado [] con la imprenta el pensamiento popular se recoge en
pliegos de cordel
Juliettaschool.com
127
128
Juliettaschool.com
El proceso de lectura visual fue estudiado por primera vez en torno 1900. Se
hace un seguimiento al ojo del lector.
La lectura pone en marcha en el ser humano la vista y el pensamiento.
Proponemos un ejemplo de un texto sin espacios en blanco poco legible:
LacaadeazcarseconocedesdepocasmuyremotasyaquedesdeelsigloIIIseprod
ucaenlaIndia.Suexpansinestligadaconladelosrabes,puesexistenpruebasdesu
explotacinenEgipto,ChipreySicilia.
Un ejemplo del mismo texto con espacios en blanco y legible:
La caa de azcar se conoce desde pocas muy remotas ya que desde el
siglo III se produca en la India. Su expansin est ligada con la de los rabes,
pues existen pruebas de su explotacin en Egipto, Chipre y Sicilia.
El mismo texto con un orden aleatorio, ilegible:
La caa
de azcar se
conoce desde
pocas muy
remotas ya que
desde el siglo III se
produca en la
India. Su
expansin est ligada
con la
de los rabes, pues
existen pruebas
de su explotacin
en
Egipto,
Chipre
y
Sicilia.
Maquetamos para que el texto sea legible y que no se produzca ni el efecto
visual de los caracteres pegados, ni el efecto visual de los caracteres tan
separados. Si queremos que nos lean tenemos que maquetar con mximo
cuidado, pues si la mente se fatiga, no lee.
2.3. Facilidad de lectura
Facilidad de lectura o dificultad de lectura. Desde el punto de vista del
diseador cuenta el tamao de la letra, el formato del tipo, el estilo del tipo.
SI
sepa que en la
Juliettaschool.com
129
Incluso la facilidad de lectura sigue una frmula para la Web y otra frmula
para las impresiones de papel.
Prctica 2: Importar la novela. Vamos a Adobe InDesing.
Solicite los archivos de las prcticas:
https://juliettaschool.com
Empezamos por el libro:
Tengan un libro a mano. Abran ese libro. Acercarse su mirada al lomo del
libro, por la parte interior.
Juliettaschool.com
130
131
El aspecto total del papel doblado debe ser similar a este si lo abrimos.
Juliettaschool.com
132
Juliettaschool.com
133
Doblado dos
Juliettaschool.com
134
Doblado 3
Juliettaschool.com
135
Juliettaschool.com
136
Juliettaschool.com
Juliettaschool.com
137
138
La zona que he marcado en rojo son los dos cortes que he realizado.
Cerramos otra vez el documento.
Ya estamos en el 50% de esta prctica. Ahora viene la parte ms divertida.
Vamos a enumerar las pginas del fascculo.
Juliettaschool.com
Paso 3:
139
Juliettaschool.com
Paso 4:
El documento est en vertical. Lo giramos en horizontal y tenemos que leer
en la posicin correcta los nmeros del 8 al 5. Voy a enumerar las pginas en
la zona central de cada doblez. Vuelvo a girar el papel y enumero del 1 al 4.
Os pongo el ejemplo terminado en la siguiente pgina.
140
Juliettaschool.com
141
Juliettaschool.com
Paso 5:
Cerrado el pliego o fascculo, grapamos el lomo. Traten que la grapa est lo
ms cerca posible de la lnea de doblez, ms o menos como usted ve en esta
imagen.
142
Cuando ya tenemos las grapas, recortamos los otros tres lados perimetrales.
Vindolo en vertical: recortamos la lnea horizontal superior e inferior y la
lnea vertical paralela al lomo. Metemos las tijeras y recortamos las
longitudes completas. Os acordas del concepto de sangra? Os lo recuerdo.
Epgrafe 1.3.4.- Sangra
En la imprenta es normal que el papel se mueva y sufra desajustes. Siempre
se establecen 2 3 milmetros de sangrado. El sangrado es un espacio fsico
perimetral que bordea a los mrgenes y se deja para que en la imprenta
podamos cortar el papel en caso de movimiento.
Esto es la simulacin de un pliegue de imprenta.
Juliettaschool.com
2.4. Resumen
. Al leer conocemos palabras completas de memoria y por ello hoy en da
leemos oraciones completas aunque tengan una tipografa inadecuada.
. Cuando hablamos de tipo nos referimos al diseo de un caracter.
. Los tipos se dividen actualmente hoy en dos grandes grupos:
. Las tipografas con adornos (tipografas con Serif)
. Las tipografas sin adornos o de palo seco
. Las tipografas con serif forman una familia tipogrfica y las tipografas de
palo seco forman una familia tipogrfica distinta.
. Los diseadores de tipografas siguen unas directrices para que se produzca
el efecto de facilidad de lectura y buena legibilidad.
. Se han realizado estudios cientficos que demuestran como leemos y cuales
son las mejores tipografas para nios y adultos. Tambin hay tipografas que
dan mejor resultado para leer en prensa o para leer en internet. Debemos ser
conscientes de ello si queremos tener xito. sea, si queremos que nos lean.
. Gutenberg al crear la imprenta, pone en marcha el libro, el nico
documento que permiti registrar, conservar y transmitir el conocimiento
para llegar a la mayor cantidad de personas.
. La lectura pone en marcha en el ser humano la vista y el pensamiento.
. Maquetamos para que el texto sea legible y, que no se produzca ni el
efecto visual de los caracteres pegados ni el efecto visual de los caracteres
tan separados. Si queremos que nos lean tenemos que maquetar con mximo
cuidado pues si la mente se fatiga, no lee.
Juliettaschool.com
143
Aprender los conceptos bsicos del Ebook y los primeros pasos para
realizarlo en InDesing
Introducir al alumno en la maquetacin de Ebook
Mostrar al alumno cmo se inician los pasos para crear un Ebook
144
Juliettaschool.com
3.1.eBooks
La versin electrnica del libro es lo que conocemos como EBook, libro
digital o ecolibro.
Los Ebooks ofrecen libros de texto con imgenes en su gran mayora, ya que
la tablet an hoy est avanzando haca el video incorporado en el libro
electrnico. El Ipad s permite la lectura del Ebook con audiovisuales
incorporados. Aunque las tecnologas avanzan tan rpidamente que maana
mismo pueden haber otros fabricantes que la igualen.
Los DRM (Digital Rights Management) aplican restricciones a los archivos
adquiridos en formato de libro electrnico para proteger dichos documentos
de ser copiados e impresos. As quedan limitadas el nmero de copias.
Los formatos digitales se propagan por la red y se distribuyen los contenidos
en espacio y tiempo ms all de los lmites propuestos por los editores.
Algunas editoriales slo imprimen sus libros en formato de papel.
Volviendo al DRM. Este controla la parte fsica (el hardware) y la
programacin (software). Se han creado unos usos, permitidos al titular, que
han adquirido la obra digital. Al igual, se han creado otros usos no permitidos
sobre la obra, aunque se haya comprado. La OMPI (Organizacin Mundial de la
Propiedad Intelectual) y la CE ratifican los Derechos de autor en Internet
El DRM en las bibliotecas limita el tiempo del prstamo del libro electrnico.
Esto quiere decir que pasado el tiempo concertado, el libro se bloquea o
desaparece.
Con el DRM el comprador queda limitado en la copia privada, as como con
intercambio de formato para usuarios.
Hasta ahora la compra del libro fsico no solicitaba la identificacin del
usuario y con el libro digital se hace necesaria la identificacin. Un aspecto
positivo de este registro, es que cuando la tablet es cambiada por otra, al
existir un registro de compradores, el usuario puede volver a descargar de
manera gratuita los libros electrnicos adquiridos. Aunque siempre ser bueno
tener copia de la compra de dichos libros electrnicos, pues no se sabe si las
bases de datos algn da se puedan perder.
Juliettaschool.com
145
Juliettaschool.com
146
http://www.adobe.com/es/products/digital-editions.html
Lo descargamos e instalamos si no lo tenemos an en nuestro ordenador.
147
En la parte de la derecha nos sale leemos: Descargar ahora, pues clic en ese
texto.
Juliettaschool.com
148
Juliettaschool.com
3.2. Resumen
. La versin electrnica del libro es lo que conocemos como eBook, libro
digital o ecolibro.
. Los DRM (Digital Rights Management) aplican restricciones a los archivos
adquiridos en formato de libro electrnico para proteger dichos documentos
de ser copiados e impresos.
. El ISBN es el nmero estndar internacional de libros. El ISBN expresa datos
como son el pas de origen, la lengua de origen, el editor del libro, etc. La
obra queda legalmente registrada.
Bibliografa
La fotografa paso a paso un curso completo, Michael Langford.
Historia de la fotografa, Beamont Newhall.
Imagen digital conceptos bsicos, Hugo Rodrguez.
Andy Warhol ,Stan Barets, Martine Desoille y Malt Wrbican
Publicidad on line: Las claves del xito en Internet, Rafael Ordozgoiti de la Rica, Daniel
Rodrguez del Pino, Antonio Olmos Hurtado y Jse Antonio Miranda Villaln.
El elemento, Ken Robisson.
La imagen corporativa, Norberto Chaves
Existe una hormiga de seis pisos? Claves de la creatividad, Ivan Gauriloff, Bruno Jarroson.
Desingt ET Packaging Promotionnel, Cristian Campos
La proporcin urea, Mario Livio
Comprender el arte y entender su lenguaje, Maria Carla Prette y Alfonso De Giorgis.
Los maestros de la pintura occidental, Ingo E.Wather.
Todo Mafalda, Quino.
Madam Bovary, Gustave Flaubert.
www.adobe.es
Juliettaschool.com
149