Guía Completa de Imágenes Vectoriales y Mapas de Bits
Guía Completa de Imágenes Vectoriales y Mapas de Bits
Ilustrator
Por Daniel V. the beastboy
No. 24
DICIEMBRE 2014
En la Impresin
Un punto clave de las imgenes vectoriales es su prctica puesta a punto en el momento de la impresin ya que
es posible escalarlas y aumentar su definicin de forma ilimitada. Por ejemplo: se puede tomar el mismo logo
vectorizado imprimirlo en una tarjeta personal, y despus, agrandarlo e imprimirlo en una valla manteniendo en
ambas imgenes el mismo nivel de calidad. Los ejemplos ms populares de formato de documentos que se deban imprimir son PDF y PostScript.
Otra aplicacin donde los grficos vectoriales son importantes es el Plotter de corte o impresora de corte de vinilo, ya que ste, como su nombre indica, corta reas de color diseadas por el usuario a partir de un archivo digital. Estas figuras estn
construidas a partir de vectores que son interpretados por el plotter
Imagenes Vectoriales
como las lneas lmite por donde debe pasar la cuchilla que corta el
por una serie de puntos que tienen unas manecillas con las que se
puede controlar la forma de la lnea que crean al estar unidos entre
s. Los principales elementos de un vector son las curvas Bizer (cur
Las imgenes de mapas de bits, denominadas tcnicamente imgenes rasterizadas, utilizan una cuadrcula rect-
angular de elementos de imagen (pxeles) para representar imgenes. A cada pxel se le asigna una ubicacin y
bits, se editan los pxeles, en lugar de los objetos o las formas. Las
las imgenes de tono continuo, como fotografas o pinturas digitales, puesto que pueden representar de manera ms eficaz degra-
perder detalle y aparecer dentadas si se cambia la escala a grandes ampliaciones en pantalla o si se imprimen
con una resolucin inferior que aqulla para la que fueron creadas.
Ejemplo de una imagen de mapa de bits con diferentes niveles de ampliacin
la curva deseada.
Formatos vectoriales:
Al utilizar los formatos vectoriales coordenadas matemticas para formar imgenes concretas, la resolucin de
ilidad de la misma se vea afectada, ni en pantalla ni a la hora de imprimir. Ms adelante veremos que este es el
Las imgenes de mapa de bits contienen un nmero fijo de pxeles, que se suelen
medir en pxeles por pulgada (ppp). Una imagen de alta resolucin contiene ms
pxeles y, por consiguiente, ms pequeos, que una imagen de las mismas dimensiones pero de baja resolucin.
Por ejemplo, una imagen de 1 por 1 pulgada con una resolucin de 72 ppp contiene un total de 5184 pxeles (72
pxeles de ancho por 72 de alto = 5184). La misma imagen con una resolucin de 300 ppp contendra un total de
90.000 pxeles.
SEGUIR
LEYENDO
www.impressa.com.mx
No. 24
DICIEMBRE 2014
Para imgenes de mapa de bits importadas, la resolucin viene determinada por el archivo de origen. Para los
efectos de mapa de bits, puede especificar una resolucin personalizada. Para determinar la resolucin de imagen a utilizar, tenga en cuenta el medio de distribucin final de la imagen.
A travs de los ojos, los seres humanos somos capaces de distinguir distintas amplitudes de onda en la luz que
En la Impresin
nos llega, lo que forma los colores. Dependiendo de la intensidad de las distintas amplitudes, obtenemos una
La impresin requiere imgenes de 150 a 300 ppi (o ms), en funcin de la imprenta (ppp) y la lineatura de trama
(lpp) que est utilizando; consulte siempre a su proveedor de servicios de preimpresin antes de tomar deci-
siones de produccin. Dado que la impresin comercial requiere imgenes de gran tamao y alta resolucin, que
como negro.
tardan ms tiempo en visualizarse cuando se trabaja con ellas, se recomienda utilizar versiones de baja resolu-
Colores RGB
Los dispositivos, como monitores, televisores, telfonos mviles, pantallas
en cmaras digitales, etc. tienen una fuente de luz propia. Pensemos en
cada uno de los pxeles de la pantalla de un monitor. Cada pxel est
dividido en tres subpxeles con los colores aditivos primarios: rojo, verde
Una diferencia es la que un mapa de bits pierde resolucin al ser ampliados en cambio la imagen vectorial no.
Otra y muyimportante es el tamao entre las imgenes. Las imgenes vectoriales, en general, tienen menos
y azul.
Para obtener el resto de colores, basta con mezclar un haz de color de uno
peso. Aunque tambin menor realismo. Al estar formadas por informacin de ngulos, lneas, superficies y colo-
res,prcticamente no pierden calidad al ser ampliadas. Es el sistema preferido por los ilustradores.As podemos
dibujar crculos, cuadrados, tringulos y miles de formas. Los trazados (lneas curvas orectas propias de un dibujo vectorial) se pueden modificar fcilmente, se almacenan en muy poco espacio y adems son independientes
de la resolucin, ya que no dependen de una retcula dada y basndoseen que cualquier operacin geomtrica
el modelo de color RGB (del ingles red, Green, Blue; rojo, verde, azul). Este
es multiplicable o divisible en su conjunto sin que eso afecte al aspecto del resultado, sino slo a su tamao
final.
SEGUIR
LEYENDO
www.impressa.com.mx
COLORES PANTONE
Pantone fue fundada en 1962 por Lawrence Herbert. Al comienzo, Pantone era un pequeo negocio que comer
ciaba tarjetas de colores para compaas de cosmticos. Herbert pronto adquirira Pantone, creando el primer
Colores CMYK
Cuando queremos dar color a un objeto sin luz propia, usamos tintas o pinturas. Se trata de sustancias diseadas
para que absorban todos los colores excepto el que queramos
es rojo porque absorbe toda la luz que le llega, excepto la roja,
El sistema se basa en una paleta o gama de colores, las Guas Pantone, de manera que muchas veces es
posible obtener otros por mezclas de tintas predeterminadas que proporciona el fabricante. Por ejemplo, es un
sistema muy empleado en la produccin de pinturas de color por mezcla
de tintes. Estas guas consisten en un gran nmero de pequeas tarjetas
(155 cm aproximadamente) de papel estucado o no estucado, sobre las
que se ha impreso en un lado muestras de color, organizadas todas en
un abanico de pequeas dimensiones. Por ejemplo, una pgina concreta
Los
colores
primarios
bacin.
aplicar el color: M para acabado mate, C y CP para papel estucado (Coated), EC para estucado segn el estn
yellow y key (el negro, color clave). Aunque el negro se puede obtener combinando
dar europeo (Euro Coated), U y UP para papel texturado (Uncoated), TC y TCX para tejidos (Textil Color eXtend
ed), TPX para papel (Textil Paper eXtended), Q para plsticos opacos (opaQue), T para plsticos transparentes
ms puro, y ahorrar tinta. Con este sistema, representamos cada color como cuatro
(Transparent).
La ventaja de este sistema es que cada una de las muestras est numerada y una vez seleccionada es posible
recrear el color de manera exacta. Para hacernos una idea, es algo parecido a las cartas de colores que miramos
El modo de color CMYK se utiliza siempre que el trabajo realizado est diseado para una salida en imprenta. Debe
Pantone ha ampliado su sistema a otros sectores que tambin trabajan con el color, como el diseo web, los
tenerse en cuenta que el resultado de un trabajo impreso nunca ser igual, en cuanto a colores, a lo que el usuario
textiles, los plsticos, el interiorismo y la pintura, creando distintas gamas de colores: solid, pastels&neons, me
ve en la pantalla. Sin embargo, al trabajar en modo CMYK habr menos sorpresas cuando se imprima el diseo.
ashion+Home.
Practica
Practica
1: 1:
Forma
Forma
de poli
de poli
lineas
lineas
Accederemos
Accederemos
solosolo
a la aconfiguracin
la configuracin
de cuadricula.
de cuadricula.
Herramienta:
Herramienta:
Herramienta
Herramienta
segmento
segmento
de lnea
de lnea
Objetivo:
Objetivo:
Crear
Crear
forma
forma
bsica
bsica
concon
lneas,
lneas,
editar
editar
entorno
entorno
ya sea
ya sea
agregando
agregando
cuadriculas
cuadriculas
y editar
y editar
las medidas
las medidas
y apariencia
y apariencia
Utilizar
Utilizar
el men
el men
parapara
reflejar,
reflejar,
duplicar
duplicar
y cambiar
y cambiar
tamao.
tamao.
Paso
Paso
1 1
DarDar
clic clic
derecho
derecho
a la amesa
la mesa
de trabajo
de trabajo
y seleccionar
y seleccionar
la opcin
la opcin
"mostrar
"mostrar
cuadricula"
cuadricula"
(Figura
(Figura
1) 1)
Como
Como
pueden
pueden
notar
notar
nosnos
cambia
cambia
nuestro
nuestro
espacio
espacio
de trabajo
de trabajo
a cuadricula
a cuadricula
peropero
un cuadro
un cuadro
grande
grande
concon
varios
varios
Figura 1
Ah Ah
tendremos
tendremos
las opciones
las opciones
de: de:
-color:
-color:
en esta
en esta
opcin
opcin
tendremos
tendremos
la libertad
la libertad
de cambiar
de cambiar
el color
el color
a nuestra
a nuestra
cuadricula
cuadricula
ya que
ya que
al principio
al principio
aparece
aparece
en blanco
en blanco
y y
negro
negro
-estilo:
-estilo:
en esta
en esta
opcin
opcin
cambiamos
cambiamos
el estilo
el estilo
si ser
si ser
cuadricula
cuadricula
o o
puntos
puntos
(si jugaron
(si jugaron
el juego
el juego
timbiriche
timbiriche
serser
algoalgo
parecido),
parecido),
dejemos
dejemos
en cuadricula
en cuadricula
parapara
estaesta
prctica.
prctica.
-lnea
-lnea
cuadricula
cuadricula
cada:
cada:
ah cambiaremos
ah cambiaremos
la medida
la medida
de ladecuadrila cuadriculacula
a 1cm
a 1cm
o 10omm
10 mm
(las (las
unidades
unidades
deben
deben
de configurarse
de configurarse
de de
preferencia
preferencia
antes
antes
de abrir
de abrir
el documento)
el documento)
-subdivisiones:
-subdivisiones:
son son
los cuadros
los cuadros
queque
aparecen
aparecen
dentro
dentro
de los
de los
cuadros
cuadros
de nuestra
de nuestra
cuadricula
cuadricula
en este
en este
casocaso
los dejaremos
los dejaremos
en 0.en 0.
UnaUna
vez vez
queque
se hicieron
se hicieron
los cambios
los cambios
le damos
le damos
aceptar
aceptar
y cambia
y cambia
nuestra
cuadricula
parecida
a la adelauna
libreta.
nuestra
cuadricula
parecida
de una
libreta.
Figura 2
Cuadros
pequeos
queque
lo dividen(
figura2).
Cuadros
pequeos
lo dividen(
figura2).
Paso
2: 2:
Paso
parapara
estaesta
prctica
necesitamos
cambiar
la medida
de la
color
de cuadricula(al
gusto)
prctica
necesitamos
cambiar
la medida
decuadricula,
la cuadricula,
color
de cuadricula(al
gusto)
Y quitar
los cuadros
pequeos
queque
dividen
los cuadros.
Y quitar
los cuadros
pequeos
dividen
los cuadros.
ParaPara
acceder
a estos
cambios
nosnos
vamos
al men
(para
Windows)
acceder
a estos
cambios
vamos
al men
(para
Windows)
Edicin/preferencias/guas
y cuadricula
(figura3),
parapara
MacMac
seria
"Illustrator/preferences/guides
andand
grid".
Edicin/preferencias/guas
y cuadricula
(figura3),
seria
"Illustrator/preferences/guides
grid".
UnaUna
vez vez
dentro
del del
men
tendremos
dosdos
secciones
unauna
parapara
configurar
guas
y otra
parapara
la cuadricula
dentro
men
tendremos
secciones
configurar
guas
y otra
la cuadricula
Figura 3.
Esta opcion en mac la hayamos en
el menu illustrator/preferences/guides
and grid.
Paso
Paso
3: 3:
ya una
ya una
vez vez
queque
tengamos
tengamos
la cuadricula
la cuadricula
configurada
configurada
utilizaremos
utilizaremos
la herramienta
la herramienta
segmento
segmento
de lnea
de lnea
EstaEsta
herramienta
herramienta
nosnos
creacrea
lneas
lneas
recta
recta
presionando
presionando
el clic
el clic
del del
mouse
mouse
y dejndolo
y dejndolo
presionado
presionado
se crea
se crea
unauna
lnea
lnea
a "mano
a "mano
alzada"
alzada"
ParaPara
estoesto
haremos
haremos
dosdos
lneas
lneas
unauna
horizontal
horizontal
y otra
y otra
vertical
vertical
queque
midan
midan
cada
cada
unauna
15 cuadros.
15 cuadros.
PasoPaso
4: cuando
4: cuando
tengamos
tengamos
las lneas
las lneas
horizontal
horizontal
y y
vertical
vertical
conectadas
conectadas
como
como
si fuera
si fuera
un plano
un plano
cartesiacartesiano con
no con
la misma
la misma
herramienta
herramienta
de segmento
de segmento
de lnea
de lnea
crearemos
crearemos
msms
lneas
lneas
PeroPero
trazamos
trazamos
de este
de este
modo:
modo:
Creamos
Creamos
unauna
lnea
lnea
queque
conecte
conecte
el ltimo
el ltimo
cuadro
cuadro
de de
la lnea
la lnea
vertical
vertical
concon
el primer
el primer
cuadro
cuadro
de la
delnea
la lnea
horizontal(figura4)
horizontal(figura4)
Despus
Despus
el penltimo
el penltimo
cuadro
cuadro
vertical
vertical
concon
el segunel segundo horizontal
do horizontal
(Figura
(Figura
5)as5)as
sucesivamente,
sucesivamente,
dndodndo-
Figura 6
Figura 4
Figura 5
Figura 7
al final
forma.(figura
nos nos
al final
estaesta
forma.(figura
6) 6)
PasoPaso
5: 5:
Agrupar
las formas
la herramienta
de -selecAgrupar
las formas
con con
la herramienta
de -seleccomo
si trazramos
un rectngulo
cin-cincomo
si trazramos
un rectngulo
con con
la la
herramienta.
Dndole
clic derecho
y darle
herramienta.
Dndole
clic derecho
y darle
la la
PeroPero
en este
en este
casocaso
cambia
cambia
de lugar
de lugar
y duplica.
y duplica.
(figura8)
(figura8)
PasoPaso
7: 7:
una una
vez duplicado
vez duplicado
vamos
vamos
a reflejarlo
a reflejarlo
dndole
dndole
clic derecho
clic derecho
a la forma
a la forma
que que
copiamos
copiamos
y seleccionamos
y seleccionamos
la la
opcin
opcin
transformar
transformar
y deyah
deaah
reflejo(figura
a reflejo(figura
9). Dentro
9). Dentro
del men
del men
reflejo
reflejo
primero
primero
hay hay
que que
seleccionar
seleccionar
la la
opcin
opcin
pre visualizar
pre visualizar
parapara
poder
poder
ver nuestros
ver nuestros
cambios,
cambios,
despus
despus
seleccionamos
seleccionamos
la opcin
la opcin
vertical
vertical
parapara
que que
Figura9
opcin
agrupar
(group
en ingls)
(figura
7) 7)
opcin
agrupar
(group
en ingls)
(figura
PasoPaso
6: 6:
Duplicar
estaesta
forma
agrupada
de cualquier
modo
ya sea
copiar
y pegar
(ctrl(ctrl
(Cmd
en Mac)C C
Duplicar
forma
agrupada
de cualquier
modo
ya con
sea con
copiar
y pegar
(Cmd
en Mac)parapara
copiar
y ctrly (cmd
en Mac)V) V)
copiar
ctrl (cmd
en Mac)OtroOtro
modo
es seleccionar
el objeto
y dejar
presionado
la tecla
ALT ALT
hasta
que que
aparezca
una una
flecha
en en
modo
es seleccionar
el objeto
y dejar
presionado
la tecla
hasta
aparezca
flecha
colorcolor
blanco
cuando
aparece
podemos
mover
la forma
como
si la si
cambiramos
de lugar
blanco
cuando
aparece
podemos
mover
la forma
como
la cambiramos
de lugar
Figura10
Figura11
Figura 8
solosolo
se refleje
del lado
vertical(
Figura
10) 10)
se refleje
del lado
vertical(
Figura
despus
la unimos
con con
la anterior(figura
11). 11).
despus
la unimos
la anterior(figura
PasoPaso
8: 8:
seleccionar
la forma,
agruparla
y duplicarla
como
seleccionar
la forma,
agruparla
y duplicarla
como
la anterior
peropero
ahora
en transformar
y reflejo
la anterior
ahora
en transformar
y reflejo
cambiaremos
la posicin
ahora
en horizontal
una una
cambiaremos
la posicin
ahora
en horizontal
vez hecho
el cambio
agrupamos
todotodo
vez hecho
el cambio
agrupamos
Quedando
estaesta
forma
al final.(figura
12) 12)
Quedando
forma
al final.(figura
Figura 12
Para finalizar
1. para quitar la cuadricula sin tener ningn objeto seleccionado, damos clic derecho a nuestro espacio
de trabajo y seleccionar la opcin ocultar cuadricula (Figura 12)
2. cambiamos el tamao de la figura seleccionndola y con seleccin cambiamos de tamao dejando
presionado la tecla shift para que respete la proporcin de la figura
3. para alinearla o centrarla en la hoja nos vamos a men ventana seleccionamos alinear y nos da este
men en mac ser Window/ align.
Ocuparemos solo los de la primera fila pero para editar bien le damos clic en la parte superior derecha
de este men para que nos d ms opciones(figura 13)
4. una vez que nos muestra ms opciones en donde dice alinear a.. Seleccionamos a mesa de trabajo o
art board, esto nos permite centrar nuestro objeto a nuestra hoja(figura 14).
5. para alinear seleccionamos el objeto (siempre y cuando se haya agrupado antes) y en el panel de
alinear seleccionamos la opcin de centrar horizontal y la otra centrar vertical mente.(figura 15)
Y as logramos una forma ya agrupada y alineada a nuestra mesa de trabajo
Herramientas:
Herramienta rectngulo
Herramienta seleccin
Objetivo: interpretar la figura de Mario bross por medio de rectngulos, aprender y configurar las
propiedades de relleno y trazado, aprender a como importar e incrustar una imagen y la importancia de
esto.
Paso 1
Primero veremos cmo colocar una imagen , una vez que abrimos nuestro archivo nos vamos al men
archivo/file y le damos en la opcin colocar/place ah nos pide la imagen a colocar en este caso Mario
bross confirmamos y colocamos la imagen en nuestra mesa de trabajo/artboard. (Figura 1)
Figura 1
figura 14
figura 13
figura 15
Antes de cualquier cambio hay ver primero la diferencia entre imagen incrustada e imagen enlazada
La imagen enlazada est conectada pero permanece independiente del documento, por lo que el
tamao de ste es menor. Puede modificar ilustraciones enlazadas utilizando los efectos y herramientas
de transformacin; Sin embargo, no puede seleccionar y editar componentes individuales de la ilustracin. Puede usar el grfico enlazado muchas veces sin aumentar de forma significativa el tamao del
documento. Tambin puede actualizar todos los enlaces a la vez. Cuando exporta o imprime, el grfico
original se recupera, con lo que se crea el resultado final a partir de la resolucin completa de los originales.
Si este archivo de imagen se borra o cambia de ubicacin al abrir el archivo pedir de nuevo la imagen
y en este caso hay q reemplazarlo con la misma imagen pero siguiendo otra ubicacin
Las imagenes incrustadas se copian en el documento a resolucin completa, por lo que el tamao del
Documento es mayor. Puede actualizar el documento cuando quiera. Siempre y cuando la ilustracin
est incrustada, el documento ser independiente.
Fuente:https://helpx.adobe.com/es
Paso
Paso
2 2
Despus
Despus
de ver
de esto
ver esto
nos nos
queda
queda
parapara
estaesta
prctica
prctica
incrustar
incrustar
estaesta
imagen
imagen
parapara
que que
la imagen
la imagen
se guarde
se guarde
ya en
yaelen
archivo.
el archivo.
ParaPara
incrustar
incrustar
seleccionamos
seleccionamos
La imagen
La imagen
y enyelen
panel
el panel
de control
de control
hallamos
hallamos
la opcin
la opcin
"incrustar/embed(en
"incrustar/embed(en
ingls)
ingls)
y le damos
y le damos
clic aclic
esaa esa
opcin
opcin
parapara
confirmar,
confirmar,
si nosiest
no est
marcada
marcada
la opcin
la opcin
incrustar
incrustar
o embed
o embed
quiere
quiere
decirdecir
que que
el programa
el programa
automticamente
automticamente
lo incrusto.Despus
lo incrusto.Despus
de esto
de esto
se acopla
se acopla
al tamao
al tamao
de lade
hoja
la hoja
parapara
ver cada
ver cada
detalle.
detalle.
figura
figura
2 2
cuando una imagen esta vinculada
aparece la opcion de incrustar
resaltado
Paso
Paso
4: 4:
UsarUsar
la herramienta
la herramienta
rectngulo
rectngulo
parapara
trazar
trazar
estaesta
imagen
imagen
rectngulo
rectngulo
por rectngulo
por rectngulo
(con(con
la opcin
la opcin
de de
relleno
relleno
activado
activado
y sinycontorno),
sin contorno),
si faltan
si faltan
cosas
cosas
por rellenar
por rellenar
solosolo
hay hay
que que
cambiar
cambiar
el tamao
el tamao
del rectndel rectngulogulo
parapara
evitar
evitar
las "zanjas
las "zanjas
sin relleno.(figura
sin relleno.(figura
4) 4)
No necesariamente
No necesariamente
tienetiene
que que
ser Mario
ser Mario
bross
bross
puede
puede
ser cualquier
ser cualquier
personaje
personaje
al gusto
al gusto
tomando
tomando
como
como
referencia
referencia
estaesta
imagen(figura
imagen(figura
5) 5)
Figura 4
Figura 2.
Cambiar el tamao a la
imagen e incrustarla
Figura 5
Relleno
Paso
Paso
3 3
En elEn
panel
el panel
de capas
de capas
abrimos
abrimos
las subcapas
las subcapas
(que(que
en este
en este
casocaso
estest
la imagen)
la imagen)
y la bloqueamos
y la bloqueamos
parapara
no no
moverla
moverla
ni borrarla
ni borrarla
por accidente.
por accidente.
Al bloquear
Al bloquear
solosolo
la subcapa
la subcapa
nos nos
permite
permite
trabajar
trabajar
en laen
misma
la misma
capacapa
peropero
si essiales
gusto
al gusto
propio
propio
se puede
se puede
trabajar
trabajar
por capas
por capas
cadacada
cosa.Fig
cosa.Fig
3 3
contorno
propiedades de relleno/contorno
1
Fig 3
1. Relleno/contorno uniforme
2.Relleno degradado
3.sin relleno/contorno
esto se aplica ya sea al contorno o al relleno depende el panel que este seleccionado
al frente en este caso el amarillo, si es cambiar relleno solo hay que presionar
la tecla X para cambiar el panel de relleno a contorno al frente y viceverza
capa/layer
subcapa
Objetivos:
Objetivos:
- trazar
- trazar
leon leon
con curvas
con curvas
con lacon
herramienta
la herramienta
pluma
pluma
- corregir
- corregir
trazados
trazados
con seleccion
con seleccion
directa
directa
, convertir
, convertir
punto
punto
de ancla,
de ancla,
aadir
aadir
punto
punto
de ancla
de ancla
y restar
y restar
punto
punto
de ancla
de ancla
Una de
Una
lasdecosas
las cosas
mas escenciales
mas escenciales
en laen
utilizacion
la utilizacion
de cualquier
de cualquier
programa
programa
vectorial
vectorial
(ya sea
(yacorell,
sea corell,
illustraillustratoro autocad)
toro autocad)
es el es
manejo
el manejo
de lasdecurvas
las curvas
de bezier.
de bezier.
Se denomina
Se denomina
curvas
curvas
de Bzier
de Bzier
a un asistema
un sistema
que se
que
desarroll
se desarroll
haciahacia
los aos
los aos
19601960
para para
el trazado
el trazado
de de
dibujos
dibujos
tcnicos,
tcnicos,
en elen
diseo
el diseo
aeronutico
aeronutico
y en el
y en
deel
automviles.
de automviles.
Su denominacin
Su denominacin
es enes
honor
en honor
a Pierre
a Pierre
Bzier,
Bzier,
quienquien
ide ide
un mtodo
un mtodo
de descripcin
de descripcin
matemtica
matemtica
de lasdecurvas
las curvas
que se
que
comenz
se comenz
a utilizar
a utilizar
con xito
con xito
en losenprogramas
los programas
de CAD.
de CAD.
(fuente
(fuente
Wikipedia)
Wikipedia)
Para Para
construir
construir
una curva
una curva
de bezier
de bezier
con lacon
pluma
la pluma
es darle
es darle
clic para
clic para
agregar
agregar
un nodo
un nodo
(fig1)despues
(fig1)despues
se se
define
define
la posicion
la posicion
de lade
linea
la linea
y en el
y en
siguiente
el siguiente
clic seclic
mantiene
se mantiene
presionado
presionado
el cliceldel
clicmouse
del mouse
esto hace
esto hace
que nuestra
que nuestra
linealinea
rectarecta
en linea
en linea
curva.
curva.
Fig 1
Fig.2
Fig 2
Al momento de trazar con la pluma pueden aparecernos aun lado del icono de
la pluma algunos simbolos.
Pluma: es la herramienta que ocuparemos para crear curvas o rectas
Cortar manecilla : esta opcion la ocupamos despues de trazar una curva al trazar una curva
crea manecillas que transforman la primer linea en curva y la segunda linea en curva.
El cortar manecillas sirve para que la segunda linea sea recta o sea una curva con otra
direccin, para que funcione esta opcin despus de crear una linea curva seleccionamos el
nodo que se convirtio en curva sin dar clic, se da clic hasta que aparesca una figura parecida
a un pico ya una vez que aparece podemos darle clic y se vuelve recta y esta linea puede
ser curva hacia otra direccion
Si dejaste un trazo sin cerrar y quieres continuarlo es posible, usando la pluma y seleccionando
el ltimo nodo o ancla hasta que aparesca una diagonal aun lado de la pluma, esto permite
volver a comenzar en algun nodo suelto
Cuando aparece un circulo debajo del icono de la pluma quiere decir que podemos cerrar
el trazado creando cualquier figura, esto aparece despus de crear nodos o anclas en varios
lados y terminar en el punto en donde se comenz el trazado
paso 2:
ocupar la herramienta pluma para ir trazando
el leon y corregir con las herramientas antes
vistas
recomendable trazar solo con la casilla de
trazado con algun color y la de relleno desactivado.
Final:
puedes seleccionar y agrupar las formas y al final duplicarla y reflejarla (vease en practica 1)
Esto nos
Estoabre
nos abre
el panel
el panel
de degradado,
de degradado,
este panel
este panel
se compone
se compone
de: de:
Herramientas:
Herramientas:
Pluma
Pluma
Relleno
Relleno
degradado
degradado
Degradado
Degradado
Cuentagotas
Cuentagotas
Objetivo:
Objetivo:
CrearCrear
relleno
relleno
degradados
degradados
a partir
a partir
de muestras
de muestras
creadas
creadas
con elcon
canal
el canal
HSB yHSB
conymuestras
con muestras
copiadas
copiadas
de una
de una
imagen.
imagen.
Analizar
Analizar
que esta
que herramienta
esta herramienta
se puede
se puede
usar para
usar para
creacin
creacin
de logos
de logos
e ilustraciones.
e ilustraciones.
Hay que
Hay tener
que tener
en cuenta
en cuenta
que existen
que existen
tres tipos
tres tipos
de degradado:
de degradado:
Degradado
Degradado
en claro
en claro
oscuro
oscuro
Degradado
Degradado
en mezcla
en mezcla
Degradado
Degradado
con transparencia
con transparencia
Degradado
Degradado
en claro
en claro
oscuro:
oscuro:
es cuando
es cuando
partimos
partimos
de undecolor
un color
claroclaro
a un acolor
un color
oscuro
oscuro
pero pero
en este
en este
caso caso
no llegamos
no llegamos
al negro
al negro
si no sia no
un acolor
un color
oscuro
oscuro
derivado
derivado
del color
del color
que habamos
que habamos
escogido
escogido
(fig. 1).
(fig. 1).
Degradado
Degradado
de mezcla:
de mezcla:
es cuando
es cuando
agregamos
agregamos
dos colores
dos colores
distintos,
distintos,
esto crea
esto como
crea como
resultado
resultado
una una
transicin
transicin
de colores
de colores
del cual
del si
cual
vemos
si vemos
en medio
en medio
del degradado
del degradado
los dos
loscolores
dos colores
se mezclan(fig2).
se mezclan(fig2).
Degradado
Degradado
con con
transparencia:
transparencia:
este degradado
este degradado
se crea
se seleccionando
crea seleccionando
un color
un color
pero pero
este no
este no
tendr
tendr
ningn
ningn
colorcolor
que degradar,
que degradar,
si no sique
no este
que nos
esteda
nos
undaefecto
un efecto
de transparencia
de transparencia
(Fig.3).
(Fig.3).
5
4
Cuando tenemos una figura con relleno degradado , podemos maniplar el degradado al tamao y
direccion del degradado con la herramienta Gradient/degradado en la barra de herramientas.
Cuando es un relleno lineal solo cambia direccion horizontal o vertical, cuando es radial el manipulador sera circular
Herramienta Gradient/degradado
Fig. 1
Fig. 2
Fig. 3
obtener
la opcin
de relleno
degradado
seleccionamos
en: ventana/degradado
( en WinMac WinPara Para
obtener
la opcin
de relleno
degradado
seleccionamos
en: ventana/degradado
( en Mac
Fig.4Fig.4
.
.
dow/gradient)
dow/gradient)
Fig.4
Cuando es relleno lineal
Para Para
degradar
degradar
ya sea
yaasea
color
a color
o a un
o adegradado
un degradado
en claro
en claro
oscuro
oscuro
vamos
vamos
a seleccionar
a seleccionar
un regulador
un regulador
de losde los
que habamos
que habamos
creado
creado
antes;antes;
cuando
cuando
escogemos
escogemos
un regulador
un regulador
de degradado
de degradado
el panel
el panel
de color
de color
se activa
se activa
en HSB
en ah
HSBmismo
ah mismo
regularemos
regularemos
tonotono
(si es(si
que
es haremos
que haremos
una transicin
una transicin
de tono)
de tono)
o Brillo
o Brillo
(para(para
crearcrear
un un
degradado
degradado
en claro
en claro
oscuro)
oscuro)
, ah notaremos
, ah notaremos
que se
que
crea
se un
creadegradado
un degradado
con un
concolor
un color
al gusto.
al gusto.
Para Para
crearcrear
un degradado
un degradado
con transparencia
con transparencia
solo seleccionamos
solo seleccionamos
un regulador
un regulador
de degradado
de degradado
y su opaciy su opacidad lo
dad
dejamos
lo dejamos
en 0.en 0.
Para Para
empezar
a crear
muestras
de color
empezar
a crear
muestras
de color
abriremos
primero
la ventana
de color
abriremos
primero
la ventana
de color
para para
esto nos
a ventana/color
(en (en
estovamos
nos vamos
a ventana/color
mac window
/color)
y nosyabrir
la la
mac window
/color)
nos abrir
ventana
de color,
ah encontraremos
ventana
de color,
ah encontraremos
variasvarias
muestras
de color
pero pero
debemos
muestras
de color
debemos
sabersaber
regularlas
para para
esto nos
a la a la
regularlas
estovamos
nos vamos
parteparte
superior
izquierda
del panel
y
superior
izquierda
del panel
y
seleccionamos
la opcin
de mostrar
seleccionamos
la opcin
de mostrar
opciones/show
options
y nosyaparecer
opciones/show
options
nos aparecer
un regulador
por defecto
ya sea
RGB
un regulador
por defecto
yaen
sea
en oRGB o
CMYK,
pero pero
esta vez
esos esos
CMYK,
estano
vezocuparemos
no ocuparemos
reguladores
para para
cambiar
regulador
reguladores
cambiar
regulador
seleccionamos
en donde
mostramos
las las
seleccionamos
en donde
mostramos
opciones
y vendr
las opciones
RGB, RGB,
opciones
y vendr
las opciones
CMYK,
HSB yHSB
grises,
seleccionamos
el el
CMYK,
y grises,
seleccionamos
regulador
en HSB.
regulador
en HSB.
empezar
a crear
degradados
el regulador
HSB creamos
un color
al gusto
y la muestra
Para Para
empezar
a crear
degradados
con elcon
regulador
HSB creamos
un color
al gusto
y la muestra
la la
jalamos
al panel
de degradado
(no importa
si en
est
en blanco
y negro),
esta ,muestra
ya parte
ser parte
jalamos
al panel
de degradado
(no importa
si est
blanco
y negro),
esta ,muestra
ya ser
de de
nuestro
degradado(fig
5) , despus
volvemos
jalar
la misma
muestra
al panel
de degradado(pero
nuestro
degradado(fig
5) , despus
volvemos
a jalara la
misma
muestra
al panel
de degradado(pero
en en
nuestra
muestra
aparecer
degradado
as debajo
que debajo
la opcin
aparecer
el ultimo
que
se us)
nuestra
muestra
aparecer
degradado
as que
de lade
opcin
aparecer
el ultimo
colorcolor
que se
us)
dos reguladores
de degradado
el mismo
an quedan
los colores
blanco
y negro
para para
tenertener
dos reguladores
de degradado
con elcon
mismo
color,color,
si ansiquedan
los colores
blanco
y negro
hay borrarlos
que borrarlos
jalando
las muestras
al icono
de bote
de basura.
Entonces
tendremos
en lugar
solo solo
hay que
jalando
las muestras
al icono
de bote
de basura.
Entonces
tendremos
en lugar
un relleno
degradado,
un relleno
slido(Fig.6).
de underelleno
degradado,
un relleno
slido(Fig.6).
fFig.5
ltimo color
Fig.6
Paso Paso
1 1
Para Para
practicar
usaremos
un hongo
de Mario
bros.bros.
comocomo
en todas
las practicas
abrimos
un nuevo
practicar
usaremos
un hongo
de Mario
en todas
las practicas
abrimos
un nuevo
archivo
en tamao
cartacarta
y colocamos
la imagen
(sin olvidar
incrustarla)
ah bloqueamos
la subcapa(archivo
en tamao
y colocamos
la imagen
(sin olvidar
incrustarla)
ah bloqueamos
la subcapa(comocomo
lo hemos
hecho
con lacon
prctica
del len
y el Mario
Bross.Bross.
lo hemos
hecho
la prctica
del len
y el Mario
Paso Paso
2 2
Vamos
trazando
parteparte
por parte
pero pero
en este
Vamos
trazando
por parte
en orden
este orden
1 Gorro
del hongo
(no importa
si no sitrazan
exactamente
alrededor
de lade
cara)
1 Gorro
del hongo
(no importa
no trazan
exactamente
alrededor
la cara)
2 cara2 del
(esta(esta
si debe
de ser
exactamente)
carahongo
del hongo
si debe
detrazado
ser trazado
exactamente)
3 ojos3 (estos
los sacamos
en dostrazados
uno para
el ojoelyojo
otroy para
el brillo)
ojos (estos
los sacamos
en dostrazados
uno para
otro para
el brillo)
4 crculos
del gorro
4 crculos
del gorro
cuando
trazamos
todotodo
hacemos
nuestros
trazados
aun lado
del original
y conycuenta
gotasgotas
copiamos
cuando
trazamos
hacemos
nuestros
trazados
aun lado
del original
con cuenta
copiamos
los tonos
que tiene
el hongo
para para
separarlos
solamente
por plastas
de color
los tonos
que tiene
el hongo
separarlos
solamente
por plastas
de color
1
2
3
4
Paso 3
Aplicamos relleno degradado en cada parte a partir del tono que copiamos ocupando el regulador de
degradados y el canal HSB.
Los rellenos degradados estarn compuestos de este modo
transparencia
Paso 4 (plus)
4.1 ocultamos la imagen del hongo (original) despus agrupamos todo el hongo que vector izamos y
abrimos una capa nueva y la colocamos debajo de la capa del hongo a esta capa la renombraremos
como fondo y crearemos un rectngulo del tamao de la hoja y lo rellenamos de cualquier color.fig.7
4.2Despues duplicamos el hongo y lo reflejamos Horizontalmente que vallan quedando uno debajo de
otro ya despus lo acomodamos por capas el que esta boca abajo queda debajo de la capa del hongo
que est en posicin normal.fig.7
4.3 colocamos un rectngulo del mismo color y posicionamos debajo del hongo principal y arriba del
hongo que reflejamos para que quede encima y aplicamos un relleno degradado pero de transparencia para que quede como un reflejo.
Fig.7
Final
Paso Paso
1: 1:
Para Para
crearcrear
un objeto
un objeto
con malla
con malla
empezaremos
empezaremos
con una
configura
una figura
sencilla
sencilla
que ser
que una
sermanzana,
una manzana,
igualigual
que que
en lasenprcticas
las prcticas
anteriores
anteriores
colocamos
colocamos
la imagen
la imagen
y le cambiamos
y le cambiamos
el tamao
el tamao
al tamao
al tamao
de lade
mesa
la mesa
de de
trabajo
trabajo
despus
despus
la incrustamos
la incrustamos
y bloqueamos
y bloqueamos
la subcapa.
la subcapa.
Primero
Primero
definamos
definamos
que es
que
unesobjeto
un objeto
con malla,
con malla,
Un objeto
Un objeto
de malla
de malla
es unesobjeto
un objeto
multicolor
multicolor
en elen
que
el que
los colores
los colores
pueden
pueden
fluir en
fluir
diversas
en diversas
direcciones,
direcciones,
con una
contransicin
una transicin
suavesuave
entreentre
sus puntos.
sus puntos.
Al crear
Al crear
un un
objeto
objeto
de malla,
de malla,
variasvarias
lneaslneas
denominadas
denominadas
lneaslneas
de malla
de malla
entrecruzan
entrecruzan
el objeto
el objeto
y permiten
y permiten
manipular
manipular
fcilmente
fcilmente
las transiciones
las transiciones
de color
de color
del objeto.
del objeto.
Moviendo
Moviendo
y editando
y editando
los puntos
los puntos
de lasdelneas
las lneas
de malla,
de malla,
puede
puede
modificar
modificar
la intensidad
la intensidad
de undematiz
un matiz
de color
de color
o cambiar
o cambiar
la extensin
la extensin
de underea
un coloreada
rea coloreada
del del
objeto.
objeto.
Paso Paso
2: 2:
Despus
pasamos
a trazar
la manzana
en dos
uno para
el cuerpo
y otroy para
la rama
Despus
pasamos
a trazar
la manzana
entrazados
dos trazados
uno para
el cuerpo
otro para
la rama
Paso Paso
3 3
Creamos
una nueva
mesamesa
de trabajo
(Artboard)
. Para. Para
hacerhacer
esto nos
al panel
de lasdecapas
y auny aun
Creamos
una nueva
de trabajo
(Artboard)
estovamos
nos vamos
al panel
las capas
lado lado
aparecer
esta opcin,
si no siaparece
podemos
buscar
esta opcin
en ventana
y seleccionar
mesamesa
aparecer
esta opcin,
no aparece
podemos
buscar
esta opcin
en ventana
y seleccionar
de trabajo
(en Mac
Window
y despus
Artboard)
Fig.1.Para
crearcrear
un nuevo
artboard
seria seria
parecido
de trabajo
(en seria
Mac seria
Window
y despus
Artboard)
Fig.1.Para
un nuevo
artboard
parecido
a crear
nueva
capacapa
en laen
parte
inferior
del panel
aparecer
un icono
parecido
a unaahoja
en blanco
, este, este
a crear
nueva
la parte
inferior
del panel
aparecer
un icono
parecido
una hoja
en blanco
nos permitir
crearcrear
una nueva
mesamesa
de trabajo.Fig.
2 2
nos permitir
una nueva
de trabajo.Fig.
Fig.2
Fig.1
Paso Paso
4: 4:
Despus
de crear
una nueva
de trabajo
vamos
a mover
el trazado
la rama
del cuerpo
Despus
de crear
una nueva
mesamesa
de trabajo
vamos
a mover
el trazado
de lade
rama
y delycuerpo
de lade la
manzana
que tengamos
lasmesas
dos mesas
de trabajo
enla
una
la imagen
y la los
otratrazados.
los trazados.
manzana
para para
que tengamos
en lasendos
de trabajo
en una
imagen
y la otra
Paso Paso
5 5
Rellenar
de cualquier
colorcolor
o delomismo
colorcolor
el objeto,
esto nos
una plasta
de color
Rellenar
de cualquier
del mismo
el objeto,
estocreara
nos creara
una plasta
de color
Paso Paso
6 6
Seleccionar
Seleccionar
la herramienta
la herramienta
mallamalla
(mesh)
(mesh)
y darle
y darle
clic alclic
centro
al centro
de lade
figura
la figura
esto nos
estocreara
nos creara
la primera
la primera
mallamalla
ah podemos
ah podemos
notarnotar
las partes
las partes
que componen
que componen
una malla
una malla
la malla
la malla
se compondr
se compondr
de: de:
1 lnea
1 lnea
de malla:
de malla:
Sera Sera
la forma
la forma
y la direccin
y la direccin
que tendr
que tendr
nuestros
nuestros
tonos.
tonos.
2 retal
2 retal
de malla:
de malla:
sernsern
el tono
el tono
y la distancia
y la distancia
que abarcara
que abarcara
esa malla.
esa malla.
3 puntos
3 puntos
de malla:
de malla:
Los puntos
Los puntos
de malla
de malla
se representan
se representan
mediante
mediante
formas
formas
de rombo
de rombo
y tienen
y tienen
las mismas
las mismas
propiedades
propiedades
que los
quepuntos
los puntos
de ancla
de ancla
pero pero
con lacon
capacidad
la capacidad
aadida
aadida
de que
de admiten
que admiten
color.color.
Puede
Puede
aadir
aadir
y eliminar
y eliminar
puntos
puntos
de malla,
de malla,
editarlos
editarlos
y modificar
y modificar
el color
el color
asociado
asociado
a cada
a cada
uno de
uno
ellos.
de ellos.
EstosEstos
por por
lo general
lo general
los hayamos
los hayamos
en lasenorillas
las orillas
de lade
forma.
la forma.
4 puntos
4 puntos
de ancla:
de ancla:
Los puntos
Los puntos
de ancla
de ancla
son puntos
son puntos
que aparecen
que aparecen
en laen
malla
la malla
(se diferencian
(se diferencian
por su
por su
forma,
forma,
cuadrada
cuadrada
en lugar
en lugar
de romboidal);
de romboidal);
puede
puede
aadir,
aadir,
eliminar,
eliminar,
modificar
modificar
y mover
y mover
estosestos
puntos
puntos
de de
anclaancla
comocomo
cualquier
cualquier
otro de
otro
Illustrator.
de Illustrator.
Puede
Puede
colocar
colocar
puntos
puntos
de ancla
de ancla
en cualquier
en cualquier
lnealnea
de malla
de malla
y
y
puede
puede
hacerhacer
clic en
clic
losenpuntos
los puntos
de ancla
de ancla
y arrastrar
y arrastrar
sus lneas
sus lneas
de malla.
de malla.
1
4
Una vez
cmocmo
se compone
una malla
pasaremos
a daralos
tonostonos
Unaque
vez vimos
que vimos
se compone
una malla
pasaremos
darprimeros
los primeros
Paso Paso
7 7
Para Para
emplear
los primeros
tonostonos
comenzaremos
con elcon
centro
pero pero
lo seleccionaremos
con lacon
herraemplear
los primeros
comenzaremos
el centro
lo seleccionaremos
la herramienta
seleccin
directa.
Cuando
seleccionamos
el punto
de ancla
del centro
podemos
notarnotar
que el
mienta
seleccin
directa.
Cuando
seleccionamos
el punto
de ancla
del centro
podemos
que el
colorcolor
de undepunto
seleccionado
se pone
azul mientras
que los
estnestn
en blanco,
esto quiere
decirdecir
un punto
seleccionado
se pone
azul mientras
quedems
los dems
en blanco,
esto quiere
que especificamos
el punto
que vamos
a trabajar
mientras
que los
en blanco
no estn
que especificamos
el punto
que vamos
a trabajar
mientras
queque
los estn
que estn
en blanco
no estn
seleccionados.
seleccionados.
Despus
de seleccionar
el punto
del centro
ocuparemos
la herramienta
cuenta
gotasgotas
y copiamos
un un
Despus
de seleccionar
el punto
del centro
ocuparemos
la herramienta
cuenta
y copiamos
tonotono
que que
tengatenga
la misma
ubicacin
que la
imagen
original
cuando
le damos
clic alclic
tono
este se
rellena
la misma
ubicacin
que
la imagen
original
cuando
le damos
al tono
este
se rellena
en elen
retal
de lade
malla
ocupando
casi todo
el espacio,
esto tambin
lo haremos
con los
de palla
el retal
la malla
ocupando
casi todo
el espacio,
esto tambin
lo haremos
conpuntos
los puntos
de palla
(como
si la estuviramos
persignando
casi) casi)
Fig.3 Fig.3
(como
si la estuviramos
persignando
Fig.3
1. Ir trazando el auto con pluma primero la silueta y despus por partes y tonos ya sean claros u oscuro,
haciendolo solo con contornos .
Paso 7
Despus de rellenar los puntos de malla y de ancla procederemos a crear ms mallas e ir dando le la
forma de una manzana ( aprovechando que los puntos de ancla y de malla podemos manipularlos
tambin con seleccin directa.
NOTA: Despus de realizar un trazado hay que bloquear la sub capa para que al momento de trazar
otra cosa los objetos ya trazados no nos estorben.
Paso 2
rellenamos la silueta con algun tono del auto ahi definimos el color base para todo luego vamos
separando y rellenando por plastas las demas partes.
Al dejar la base de un color y trabajarlo parte por parte evitara que dejemos partes vacias
Paso 3
Aplicar mallas y copiar los tonos pero ir objeto por objeto con el mis mo procedimiento (aplicar malla con la herramienta malla, seleccion directa para seleccionar
puntosy gotero para tomar tonos y rellenar malla)
Forma final
Practica 6: zombie
Herramientas:
Herramientas:
Pluma
Pluma
Seleccin
Seleccin
PanelPanel
de color
de color
en HSB
en HSB
PanelPanel
de transparencias
de transparencias
Paso Paso
3: plastas
3: plastas
Usando
Usando
el panel
el panel
de control
de control
lo configuramos
lo configuramos
en modo
en modo
HSB para
HSB para
ahoraahora
si darle
si darle
relleno
relleno
con plastas
con plastas
, como
, como
estamos
estamos
trabajando
trabajando
encima
encima
de lade
imagen
la imagen
al momento
al momento
de aplicar
de aplicar
plastas
plastas
no podremos
no podremos
ver lover
que
lo est
que est
debajo
debajo
entonces
entonces
para para
seguir
seguir
trazando
trazando
sin mover
sin mover
los trazados
los trazados
que hicimos
que hicimos
es necesario
es necesario
tantotanto
bloquear
bloquear
y
y
ocultar
ocultar
las subcapas
las subcapas
para para
poder
poder
trabajar
trabajar
ms objetos
ms objetos
encima.
encima.
Tambin
Tambin
se puede
se puede
cambiar
cambiar
el tamao
el tamao
del del
contorno
contorno
al gusto.
al gusto.
Objetivo:
Objetivo:
trazartrazar
un personaje
un personaje
a partir
a partir
de undeboceto
un boceto
a lpiz,
a lpiz,
esto nos
estoayuda
nos ayuda
a trazar
a trazar
desde
desde
cerosceros
una una
imagen
imagen
en vectores,
en vectores,
esto nos
estopuede
nos puede
tambin
tambin
servirservir
para para
creacin
creacin
de logotipos,
de logotipos,
mascotas
mascotas
etc. etc.
Paso Paso
1 1
IgualIgual
que todas
que todas
las practicas
las practicas
colocamos
colocamos
la figura
la figura
escaneada
escaneada
y bloqueamos
y bloqueamos
la sublacapa.
sub capa.
Paso Paso
2: trazado
2: trazado
En otra
En capa
otra capa
nueva
nueva
con lacon
pluma
la pluma
(que (que
tengatenga
el contorno
el contorno
activado
activado
y sin yrelleno)
sin relleno)
vamos
vamos
trazando
trazando
parteparte
por parte
por parte
en esta
en ocasin
esta ocasin
comenzaremos
comenzaremos
haciendo
haciendo
la cabeza
la cabeza
pero pero
solo haramos
solo haramos
purospuros
contornos
contornos
comocomo
pueden
pueden
notarnotar
cuando
cuando
hagohago
la cabeza
la cabeza
no contemplo
no contemplo
el cabello
el cabello
en elen
mismo
el mismo
trazado
trazado
si no sique
no lo
que lo
hagohago
comocomo
si estuviera
si estuviera
pelnpeln
y cuando
y cuando
pasopaso
cercacerca
de losdeojos
los los
ojosatravieso,
los atravieso,
esto es
esto
por
esque
por como
que como
la la
parteparte
grande
grande
que es
que
la es
cabeza
la cabeza
estara
estara
debajo
debajo
de todo
de todo
y los ytrazados
los trazados
que sigun
que sigun
estarn
estarn
encima,
encima,
esto esto
evitara
evitara
que haya
que haya
lugares
lugares
sin rellenos
sin rellenos
o zanjas
o zanjas
.
.
Nota:Nota:
los trazados
los trazados
que van
quepor
vandentro
por dentro
se harn
se harn
hastahasta
el ltimo.
el ltimo.
Paso Paso
4: Contornos
4: Contornos
Para Para
las lneas
que estn
por dentro
se harn
en una
capacapa
que la
nombraremos
comocomo
lneas,
las lneas
que estn
por dentro
se harn
ennueva
una nueva
que
la nombraremos
lneas,
1 necesario
trazarlos
con pluma
pero pero
esta vez
trazados
sernsern
trazados
independientes,
1 necesario
trazarlos
con pluma
estano
vezcerraremos
no cerraremos
trazados
trazados
independientes,
para para
hacerlos
trazamos
la curva
en este
de lade
ceja.
Vamos
trazando
esa lnea,
al acabarla
ocuparehacerlos
trazamos
la curva
en caso
este caso
la ceja.
Vamos
trazando
esa lnea,
al acabarla
ocuparemos despus
herramienta
de seleccin
y la deseleccionamos
(dndole
clic fuera
del espacio
de trabajo
)
mos despus
herramienta
de seleccin
y la deseleccionamos
(dndole
clic fuera
del espacio
de trabajo
)
2.volverla
a seleccionar
para para
que en
nuestro
panelpanel
de control
aparezca
el tamao
y forma
de nuestro
2.volverla
a seleccionar
que
en nuestro
de control
aparezca
el tamao
y forma
de nuestro
pincel
podemos
cambiarle
el tamao(panel
1) al que
necesario
y en la
forma
podremos
cambiar
la la
pincel
podemos
cambiarle
el tamao(panel
1) al es
que
es necesario
y en
la forma
podremos
cambiar
formaforma
de undetrazado
con puntas
cuadradas
a un atrazado
con estilo
de pincel
(Panel
2). 2).
un trazado
con puntas
cuadradas
un trazado
con estilo
de pincel
(Panel
3.Para
darledarle
el color
a la lnea
y no dejarlo
en negro,
aplicaramos
cuenta
gotasgotas
para para
copiar
el color
de lade la
3.Para
el color
a la lnea
y no dejarlo
en negro,
aplicaramos
cuenta
copiar
el color
plastaplasta
a nuestra
lnealnea
pero pero
al aplicar
cuenta
gotasgotas
nos copia
el relleno
y el contorno
de lade
lnea,
para para
a nuestra
al aplicar
cuenta
nos copia
el relleno
y el contorno
la lnea,
dejardejar
la lnea
al color
del relleno
solo invertimos
el color
del relleno
al trazado
(panel
3) y quitamos
el el
la lnea
al color
del relleno
solo invertimos
el color
del relleno
al trazado
(panel
3) y quitamos
relleno
para para
que el
trazado
quede
del mismo
colorcolor
al relleno
para para
cambiar
a un atono
oscuro
la lnea
solo solo
relleno
que
el trazado
quede
del mismo
al relleno
cambiar
un tono
oscuro
la lnea
hay que
el tono
en nuestro
manejador
en HSB
le vamos
bajando
brillobrillo
para para
que la
lnea
hay cambiar
que cambiar
el tono
en nuestro
manejador
en yHSB
y le vamos
bajando
que
la lnea
quede
de undecolor
oscuro
y no en
negro.
/panel
4) 4)
quede
un color
oscuro
y no
en negro.
/panel
Fig.2
Paso Paso
5: Brillos
5: Brillos
y sombras
y sombras
Para Para
aplicar
aplicar
brillos
brillos
y sombras
y sombras
crearemos
crearemos
una nueva
una nueva
capacapa
que solo
que nos
soloservir
nos servir
para para
aplicar
aplicar
brillos
brillos
y sombras
y sombras
pero pero
esta capa
esta capa
la colocaremos
la colocaremos
debajo
debajo
de lade
capa
la capa
de losdecontorlos contornos. Ah
nos.solo
Ah aplicaremos
solo aplicaremos
2 tonos
2 tonos
blanco
blanco
y negro
y negro
pero pero
para para
que no
quequede
no quede
en blanco
en blanco
y negro
y negro
vamos
vamos
a abrir
a abrir
el el
panelpanel
de transparencia
de transparencia
en ventana
en ventana
y luego
y luego
seleccionar
seleccionar
transparencia
transparencia
(window/transparency)
(window/transparency)
ah nos
ahsaldrn
nos saldrn
las las
propiedades
propiedades
de opacidad
de opacidad
y modo
y modo
de fusin.
de fusin.
Para Para
aplicar
brillos
aplicar
brillos
1.Haremos
una forma
que interprete
los brillos
que reflejara
la figura
esto lo
haremos
con pluma
y lo y lo
1.Haremos
una forma
que interprete
los brillos
que reflejara
la figura
esto
lo haremos
con pluma
rellenaremos
de blanco.
rellenaremos
de blanco.
2. En2.
elEn
panel
de transparencias
el modo
lo cambiaremos
a trama
(screen)
el panel
de transparencias
el modo
lo cambiaremos
a trama
(screen)
3. bajamos
la opacidad
de 20%
a 50%
(lo que
.
3. bajamos
la opacidad
de 20%
a 50%
(lo sea
quenecesario)
sea necesario)
.
Forma final (agregarle fondo al gusto ya sea una imagen o trazar un fondo con vectores)
Ya una vez que vimos esto sera ahora aplicarlo con las dems partes hacer primero plastas luego las
lneas que van por dentro (en la misma capa que habamos creado) y al final brillos y sombras.(en la
misma capa que habamos creado)Recomendacin trabajar cada parte del cuerpo por capas(layers) ya
que podemos manipular fcilmente el orden de los objetos . Asi es como creamos una ilustracion en
vectores a partir de un boceto.
Referencia
El boceto
el concepto de boceto refiere al esquema o el proyecto que sirve de bosquejo para cualquier obra. Se
trata de una gua que permite volcar y exhibir sobre un papel una idea general antes de arribar al
trabajo que arrojar un resultado final.
Por lo general, un boceto (definido como layout en idioma ingls) es una ilustracin esquemtica que
carece de detalles y, en la mayora de los casos, no posee terminaciones. Su objetivo es simbolizar
ideas, pensamientos o conceptos, sin preocuparse por la esttica. Por eso, generalmente se realiza
sobre cualquier clase de hoja y sin necesidad de disponer de instrumentos de dibujo auxiliares.
Entonces un boceto seria el diseo preliminar ya que en ilustrator u otro programa sepueden agregar
o quitar cosas que tenia el boceto , Ojo solo seria una idea nunca seria el diseo definitivo si una
persona no sabe dibujar , aunque no quede perfecto el boceto quedara guardado en una hoja de
papel ya que la mente divaga mucho perdiendo la idea despus de un tiempo.
Despues de realizar el boceto este se puede escanear o tal ves tomarlo como una referencia.
Claroscuro
EL claroscuro busca la representacin de los objetos a partir del desarrollo de las zonas de luz y de
sombra como un contraste simultaneo de tonos. El modelado de las formas a partir del estudio de la luz
es un ejercicio que requiere un profundo estudio de valoracin tonal y del funcionamiento de las
graduaciones de los diferentes grises o tonos color. El trabajo del claroscuro no solo permite un modelado de las formas, es importante tambin como afecta el cambio de luz en la composicin del cuadro.
Zona de Luz y sombra
en un claroscuro se pueden distinguir cuatro zonaz generales: zona de luz, de sombra propia y
de sombra proyectada.
ZONA DE LUZ PROPIA: recibe los rayos de luz directamente y representa mxima claridad. En ella,
sueleproducirce una breve nota de alta luz, o si la superficie es satinada, un punto de brillo.
ZONA DE MEDIA LUZ:recibe la luz pero de manera mas oblicua o menos directa. es lazona de valor
intermedio o media tinta.
ZONA DE SOMBRA PROPIA: Es la zona opuesta a la direccin de la luz. Se aclara parcialmente al recibir
indirectamente la luz reflejada de otras superficies cercanas. Esta iluminacin difusa se llama luz reflejadaen sombra y gracias a ella percibimos la forma de loscuerpos en sus zonas de sombra.
ZONA DE SOMBRA PROYECTADA. Es la sombra que proyectas unos cuerpos sobre otros. Las variaciones
de tono que se observan en una sombra son las que hacen aparecer tan transparente.
-Excluir
-Excluir
esta opcin
esta opcin
hacehace
lo contrario
lo contrario
a interseccin
a interseccin
en lugar
en lugar
de dejar
de dejar
comocomo
resultado
resultado
la forma
la forma
que se
que
cruza
se cruza
entreentre
ambas
ambas
formas
formas
aqui aqui
solo la
solo
elimina
la elimina
o recorta.
o recorta.
Esta herramienta
Esta herramienta
nos sirve
nos sirve
para para
unir ounir
recortar
o recortar
formas
formas
ya sea
yabsicas
sea bsicas
o trazadas
o trazadas
con pluma
con pluma
crendonos
crendonos
formas
formas
nuevas
nuevas
al final.
al final.
Para Para
encontrar
encontrar
el panel
el panel
de busca
de busca
trazos
trazos
accedemos
accedemos
al men
al men
ventana
ventana
(window)
(window)
y seleccionamos
y seleccionamos
buscabuscatrazos(pathfinder)
trazos(pathfinder)
Dentro
Dentro
del panel
del panel
de busca
de busca
trazos
trazos
hallaremos
hallaremos
10 opciones
10 opciones
para para
crearcrear
formas.
formas.
-Dividir
-Dividir
Separa
Separa
una parte
una parte
de lade
ilustracin
la ilustracin
en lasencaras
las caras
rellenas
rellenas
que la
que
componen
la componen
(una (una
cara es
cara
unesrea
un no
readividino dividida por
daun
porsegmento
un segmento
de lnea).
de lnea).
Nota:Nota:
al utilizar
al utilizar
el botn
el botn
Dividir
Dividir
del panel
del panel
Buscatrazos,
Buscatrazos,
puede
puede
utilizar
utilizar
las herramientas
las herramientas
Seleccin
Seleccin
directa
directa
o Seleccin
o Seleccin
de grupos
de grupos
y manipular
y manipular
las caras
las caras
resultantes
resultantes
de forma
de forma
independiente.
independiente.
Puede
Puede
optaroptar
por por
eliminar
eliminar
o poroconservar
por conservar
los objetos
los objetos
no rellenos
no rellenos
al aplicar
al aplicar
el comando
el comando
Dividir.
Dividir.
-Aadir
-Aadir
Define
Define
el contorno
el contorno
de todos
de todos
los objetos
los objetos
comocomo
si fueran
si fueran
un nico
un nico
objeto
objeto
combinado.
combinado.
La forma
La forma
resultante
resultante
adopta
adopta
los atributos
los atributos
de pintura
de pintura
del objeto
del objeto
superior.
superior.
-Cortar
-Cortar
Elimina
Elimina
la parte
la parte
oculta
oculta
de undeobjeto
un objeto
relleno.
relleno.
Elimina
Elimina
los trazos
los trazos
y no combina
y no combina
objetos
objetos
de igual
de igual
color.color.
-Menos
-Menos
frente
frente
recorta
recorta
la figura
la figura
que esta
que encima
esta encima
de otra
de figura
otra figura
creando
creando
una perforacion
una perforacion
o recorte.Esta
o recorte.Esta
solo recorta
solo recorta
la la
figurafigura
que esta
que en
esta
frente
en frente
o encima.
o encima.
-Combinar
-Combinar
Elimina
Elimina
la parte
la parte
oculta
oculta
de undeobjeto
un objeto
relleno.
relleno.
Suprime
Suprime
los trazos
los trazos
y combina
y combina
cualquier
cualquier
objeto
objeto
aadido
aadido
o o
superpuesto
superpuesto
relleno
relleno
con elcon
mismo
el mismo
color.color.
-Interseccin
-Interseccin
crea una
creaforma
una forma
compuesta
compuesta
a base
a base
de dos
deformas
dos formas
,el resultado
,el resultado
de lade
forma
la forma
sera la
sera
forma
la forma
que esta
que en
esta en
medio
medio
de ambas
de ambas
figuras
figuras
Practica7:
Practica7:
Engrane
Engrane
3D 3D
-Recortar
-Recortar
Divide
Divide
una ilustracin
una ilustracin
en lasencaras
las caras
rellenas
rellenas
que la
que
componen
la componen
y, a continuacin,
y, a continuacin,
elimina
elimina
todastodas
las partes
las partes
de lade
ilustracin
la ilustracin
que quedan
que quedan
fuerafuera
de losdelmites
los lmites
del objeto
del objeto
situado
situado
ms al
ms
frente.
al frente.
Tambin
Tambin
suprime
suprime
todostodos
los trazos.
los trazos.
Herramientas:
Herramientas:
Herramienta
Herramienta
elipseelipse
Herramienta
Herramienta
rectngulo
rectngulo
redondeado
redondeado
BuscaBusca
trazos
trazos
PasoPaso
1: 1:
TrazarTrazar
un circulo
un circulo
de cualquier
de cualquier
tamao,
tamao,
al momento
al momento
de trazar
de trazar
un un
circulo
circulo
dejamos
dejamos
presionados
presionados
alt y shift
alt y shift
para para
que el
que
circulo
el circulo
salgasalga
perfecto
perfecto
y desde
y desde
el centro.
el centro.
-Contornear
-Contornear
Divide
Divide
un objeto
un objeto
en sus
ensegmentos
sus segmentos
de lnea
de lnea
o bordes.
o bordes.
Este comando
Este comando
es tilespara
til para
ilustraciones
ilustraciones
en lasen las
que es
que
necesario
es necesario
cortarcortar
los objetos
los objetos
que se
que
sobreimprimen.
se sobreimprimen.
(
(
Nota:Nota:
al utilizar
al utilizar
el botn
el botn
Contornear
Contornear
del panel
del panel
Buscatrazos,
Buscatrazos,
puede
puede
utilizar
utilizar
las herramientas
las herramientas
Seleccin
Seleccin
directa
directa
o Seleccin
o Seleccin
de grupos
de grupos
y manipular
y manipular
cadacada
borde
borde
de forma
de forma
independiente.
independiente.
Puede
Puede
optaroptar
por por
eliminar
eliminar
o poroconservar
por conservar
los objetos
los objetos
no rellenos
no rellenos
al aplicar
al aplicar
el comando
el comando
Contornear.
Contornear.
PasoPaso
2 2
Despus
Despus
trazamos
trazamos
otro crculo
otro crculo
pero pero
ms pequeo
ms pequeo
y quey al
que
final
al final
quede
quede
centrado
centrado
en elen
primer
el primer
crculo.
crculo.
Paso3
Paso3
Seleccionamos
Seleccionamos
los dos
loscrculos
dos crculos
y ocupando
y ocupando
el panel
el panel
de busca
de busca
trazos
trazos
seleccionaremos
seleccionaremos
la opcin
la opcin
menos
menos
frentefrente
(minus
(minus
front.)
front.)
para para
que al
que
final
al final
nuestro
nuestro
circulo
circulo
quede
quede
hueco
hueco
(como
(como
si fuera
si fuera
una una
dona)dona)
Menos frente/minusfront
-Menos
-Menos
fondo
fondo
RestaResta
los objetos
los objetos
situados
situados
ms al
ms
fondo
al fondo
del objeto
del objeto
situado
situado
ms al
ms
frente.
al frente.
Puede
Puede
usar este
usar comando
este comando
para para
eliminar
eliminar
ciertas
ciertas
reasreas
de lade
ilustracin
la ilustracin
cambiando
cambiando
el orden
el orden
de apilamiento.
de apilamiento.
PasoPaso
4 4
*El circulo esta
debajo del cuadro
En conclusin
En conclusin
podemos
podemos
crearcrear
muchas
muchas
formas
formas
compuestas
compuestas
dodedode
necesitemos
necesitemos
recortar
recortar
unir, unir,
o interseco intersectar sin
tarnecesidad
sin necesidad
de agrupar
de agrupar
o poner
o poner
una figura
una figura
en blanco
en blanco
encima
encima
para para
representar
representar
vacio.
vacio.
Este panel
igualigual
nos puede
servirservir
para para
la creacin
de logotipos
o simbolos
o botones.
Este panel
nos puede
la creacin
de logotipos
o simbolos
o botones.
Crearemos
Crearemos
8 rectngulos
8 rectngulos
redondeados
redondeados
y los ycolocaremos
los colocaremos
alrededor
alrededor
de nuestro
de nuestro
crculo
crculo
recortado,
recortado,
situando
situando
el centro
el centro
de cada
de cada
rectangulo
rectangulo
en laen
orilla
la orilla
del circulo.
del circulo.
Paso Paso
5
5
Cuando
Cuando
tengamos
tengamos
los rectngulos
los rectngulos
alineados
alineados
alrededor
alrededor
del crculo,
del crculo,
seleccionaremos
seleccionaremos
todas las
todas
figuras
las figuras
y
y
en el busca
en el busca
trazos trazos
seleccionaremos
seleccionaremos
la opcin
la opcin
unir/unite
unir/unite
para que
para
todas
que nuestras
todas nuestras
formasformas
sean una.
sean una.
unificar/unite
Aqui cambiamos el color de la extrusin
seleccionando la opcin a medida.
aqui podemos agregar mas fuentes de luz para intensificar
el color de la figura
Paso Paso
6
6
A nuestro
A nuestro
engrane
engrane
solo lesolo
daremos
le daremos
rellenorelleno
y le descartamos
y le descartamos
el trazado,
el trazado,
el
el
rellenorelleno
puedepuede
ser tambin
ser tambin
un relleno
un relleno
degradado.
degradado.
Forma final
Paso Paso
7
7
En conclusin
la herramienta
busca busca
trazos trazos
nos sirve
formasformas
y no para
esto esto
En conclusin
la herramienta
nospara
sirvecrear
paranuevas
crear nuevas
y noagrupar
para agrupar
nos servir
para crear
sobre todo
otrasuformas
compuestas
ya sea ya
igual
,
nos servir
paralogotipos
crear logotipos
sobreutodo
otras formas
compuestas
seapara
igualiconos
para iconos
,
smbolos
o botones
para aplicaciones.
smbolos
o botones
para aplicaciones.
Manteniendo
Manteniendo
seleccionado
seleccionado
el engrane
el engrane
nos vamos
nos vamos
al men
al men
efec- efecto/3D7extrusion
to/3D7extrusion
y biselado
y biselado
ah nosah
saldr
nos saldr
una ventana
una ventana
que nos
que nos
servirservir
para darle
paraun
darle
acabado
un acabado
3d a la3d
figura.
a la figura.
Tipografia
En ilustrator
En ilustrator
Esta palabra
Esta palabra
procede
procede
de lade
unin
la unin
de tres
decomponentes:
tres componentes:
el vocablo
el vocablo
tipostipos
que significa
que significa
molde,
molde,
el el
concepto
concepto
graphos
graphos
que puede
que puede
traducirse
traducirse
comocomo
escribir
escribir
o grabar
o grabar
y el sufijo
y el sufijo
ia que
ia es
que
equivalente
es equivalente
a
a
cualidad
cualidad
o accin.
o accin.
Se conoce
Se conoce
comocomo
tipografa
tipografa
a la destreza,
a la destreza,
el oficio
el oficio
y la industria
y la industria
de lade
eleccin
la eleccin
y el uso
y elde
uso
tipos
de tipos
(las (las
letrasletras
diseadas
diseadas
con unidad
con unidad
de estilo)
de estilo)
para para
desarrollar
desarrollar
una labor
una labor
de impresin.
de impresin.
Se trata
Se trata
de una
deactiviuna actividad que
dad se
que
encarga
se encarga
de todo
de todo
lo referente
lo referente
a los asmbolos,
los smbolos,
los nmeros
los nmeros
y las yletras
las letras
de undecontenido
un contenido
que que
se imprime
se imprime
en soporte
en soporte
fsicofsico
o digital.
o digital.
El diseo,
El diseo,
la apariencia
la apariencia
y las ydimensiones
las dimensiones
de losdetipos
los tipos
dependen
dependen
de lade
tipografa.
la tipografa.
Es posible
Es posible
distinguir
distinguir
diversas
diversas
ramas
ramas
o divisiones
o divisiones
en este
en arte,
este arte,
comocomo
la tipografa
la tipografa
creativa
creativa
(que (que
explora
explora
las formas
las formas
grficas
grficas
ms all
msde
all
lade
finalidad
la finalidad
lingstica
lingstica
de losdesmbolos),
los smbolos),
la tipografa
la tipografa
de edicin
de edicin
(vinculada
(vinculada
a las apropiedalas propiedades normativas
des normativas
de lasdefamilias
las familias
de tipos),
de tipos),
la tipografa
la tipografa
del detalle
del detalle
omicrotipografa
omicrotipografa
(centrada
(centrada
en elen el
interlineado,
interlineado,
el interletrado
el interletrado
y la marca
y la marca
visual)
visual)
y la macrotipografa
y la macrotipografa
(especializada
(especializada
en elen
tipo,
el tipo,
el estilo
el estilo
y
y
cuerpo
cuerpo
de losdesmbolos).
los smbolos).
La unidad
La unidad
para para
el usoelde
uso
tipografa
de tipografa
son los
sonpuntos
los puntos
de impresin
de impresin
(ptos)(ptos)
esta unidad
esta unidad
se implement
se implement
en en
el usoelde
uso
lasdeimpresoras
las impresoras
antiguas
antiguas
ya que
ya no
queseno
ocupaban
se ocupaban
unidades
unidades
de cm
deocm
mmo ya
mm
que
ya los
quepuntos
los puntos
eran eran
ms chicos
ms chicos
que un
quemilmetros.
un milmetros.
Cuando
Cuando
ocupamos
ocupamos
tipografa
tipografa
en diseo
en diseo
ocuparemos
ocuparemos
tres factores:
tres factores:
Orden
Orden
de lectura
de lectura
Diseo
Diseo
Jerarqua
Jerarqua
Orden
Orden
de lectura:
de lectura:
Tengamos
Tengamos
en cuenta
en cuenta
una una
cosa cosa
el orden
el orden
de lectura
de lectura
que ocupamos
que ocupamos
en nuestra
en nuestra
regin
regin
va deva
izquierda
de izquierda
a derecha,
a derecha,
con este
con orden
este orden
pon-pondremos
dremos
en primer
en primer
planoplano
lo ms
lo importante
ms importante
o lo primero
o lo primero
que queremos
que queremos
que capte
que capte
el espectador,
el espectador,
a estaa composiesta composicin cin
se le se
conoce
le conoce
comocomo
la leyladeley
lade
Z que
la Z que
es la es
distribula distribucin de
cin
lade
informacin
la informacin
siguiendo
siguiendo
el orden
el orden
de izquierda
de izquierda
a
a
derecha.
derecha.
Diseo:
Diseo:
para para
un diseo
un diseo
con tipografa
con tipografa
ya sea
yaartculo
sea artculo
de peridico,
de peridico,
volante,
volante,
tarjeta
tarjeta
etc. vamos
etc. vamos
a tener
a tener
en en
cuenta
cuenta
que diseo
que diseo
ser enfocado
ser enfocado
para para
nuestro
nuestro
target
target
(a (a
quienquien
nos dirigimos)
nos dirigimos)
, que, colores
que colores
podemos
podemos
ocupar
ocupar
y
y
cuantos
cuantos
tipostipos
de tipografa
de tipografa
podemos
podemos
ocupar
ocupar
( el uso
( elde
uso de
ms estilos
ms estilos
tipogrficos.
tipogrficos.
3
4
Jerarqua:
Jerarqua:
Esto nos
Estoservir
nos servir
para para
separar
separar
por planos
por planos
la informacin
la informacin
o titulares,
o titulares,
poniendo
poniendo
en letras
en letras
grandes
grandes
y
y
visibles
visibles
lo ms
lo importante,
ms importante,
en segundo
en segundo
planoplano
informainformacin complementaria
cin complementaria
reduciendo
reduciendo
un poco
un poco
el tamao
el tamao
y
y
en tercer
en tercer
planoplano
el contenido
el contenido
y la informacin
y la informacin
.
.
Para Para
comenzar
comenzar
a trabajar
a trabajar
tipografa
tipografa
ya sea
yaen
sea
ilustrator
en ilustrator
o Photoshop
o Photoshop
ocuparemos
ocuparemos
la herramienta
la herramienta
de de
texto.texto.
Al usar
Al la
usar
herramienta
la herramienta
textotexto
veremos
veremos
en elen
panel
el panel
de control
de control
las propiedades
las propiedades
de tamao
de tamao
de de
Fig.2Herramienta texto
Panel de control
fuente
tipo
de fuente
y estilo
(como
en Word
).
fuente
(ptos)(ptos)
tipo de
fuente
y estilo
(como
en Word
).
trabajar
tipografa
en cualquier
programa
de diseo
tendremos
dos modos
de texto
Para Para
trabajar
tipografa
en cualquier
programa
de diseo
tendremos
dos modos
de texto
TextoTexto
libre libre
Marco
Marco
de texto
de texto
El texto
El texto
librelibre
es cuando
es cuando
le damos
le damos
solo solo
un clic
unalclic
cursor
al cursor
de texto
de texto
esto har
esto har
un un
textotexto
de izquierda
de izquierda
a derecha
a derecha
de nuestra
de nuestra
mesamesa
de trabajo.
de trabajo.
Ventajas:
Ventajas:
podemos
podemos
ocuparla
ocuparla
con una
conletra
una letra
o unaopalabra
una palabra
individual.
individual.
Tambin
Tambin
pode-podemos cambiar
mos cambiar
el tamao
el tamao
libremente
libremente
comocomo
cualquier
cualquier
objeto.
objeto.
Desventaja:
Desventaja:
no ocupamos
no ocupamos
un lmite
un lmite
comocomo
en Word
en Word
as que
as sique
seguimos
si seguimos
escribiendo
escribiendo
continuara
continuara
fuerafuera
de lade
mesa
la mesa
de trabajo.
de trabajo.
Marco
Marco
de texto/caja
de texto/caja
de texto
de texto
: esto: esto
nos sirve
nos sirve
para para
limitar
limitar
el rea
el de
rea
escritura
de escritura
funciona
funciona
con lacon
herramienta
la herramienta
textotexto
dejando
dejando
presionado
presionado
el cliceldel
clicmouse
del mouse
comocomo
si si
trazramos
trazramos
un rectngulo(el
un rectngulo(el
tamao
tamao
puede
puede
ser a ser
tamao
a tamao
de lade
mesa
la mesa
de trabajo
de trabajo
o unaocolumna)
una columna)
Ventajas:
Ventajas:
nos puede
nos puede
servirservir
para para
distribuir
distribuir
y
y
manipular
manipular
la informacin,
la informacin,
al mismo
al mismo
tiempo
tiempo
dividir
dividir
en columnas
en columnas
para para
un trptico,
un trptico,
articulo
articulo
etc. etc.
Desventaja:
Desventaja:
no podemos
no podemos
cambiar
cambiar
de de
tamao
tamao
comocomo
cuando
cuando
es texto
es texto
libre libre
aqu aqu
se se
cambia
cambia
el tamao
el tamao
la caja
la de
caja
texto
de texto
y estoy esto
Esto har
Esto har
que el
que
texto
el texto
ya noyasea
notexto
sea texto
si no sifiguras
no figuras
vector
vector
izadas
izadas
si nossiacercamos
nos acercamos
al texto
al texto
ya convertido
ya convertido
podremos
podremos
ver que
ver el
que
texto
el texto
estar
estar
compuesto
compuesto
por anclas
por anclas
o nodos.
o nodos.
Con esto
Con el
esto
cliente
el cliente
podrpodr
ver elver
diseo
el diseo
con elcon
estilo
el estilo
de texto
de texto
que descargamos
que descargamos
y al mismo
y al mismo
tiempo
tiempo
podremos
podremos
distorsionar
distorsionar
y personalizar
y personalizar
el el
texto.texto.
hacehace
q nuestro
prrafo
pierda
palabras.
q nuestro
prrafo
pierda
palabras.
Para Para
cambiar
el tamao
y estilo
del texto
una vez
cambiar
el tamao
y estilo
del texto
una vez
que hayan
escrito
( ya sea
libre libre
o marco
que hayan
escrito
( yacon
seatexto
con texto
o marco
de texto)
podemos
ocupar
el cursor
de texto
para para
de texto)
podemos
ocupar
el cursor
de texto
seleccionarlo
y cambiarle
las propiedades(
comocomo
en en
seleccionarlo
y cambiarle
las propiedades(
Word).
Word).
Nota:
Nota:
antesantes
de convertir
de convertir
un texto
un texto
en curvas
en curvas
hay que
hay asegurarse
que asegurarse
que no
quehaya
no haya
faltasfaltas
de ortografa
de ortografa
ni deni de
redaccin
redaccin
ya que
ya una
quevez
unaque
vez se
que
convierte
se convierte
en curvas
en curvas
no podremos
no podremos
corregir
corregir
letra letra
por letra
por letra
ni agregar
ni agregar
o o
quitarquitar
acentos
acentos
puntos
puntos
etc .Confirmar
etc .Confirmar
y aprobar
y aprobar
textotexto
con elcon
cliente
el cliente
para para
evitarevitar
problemas
problemas
con lacon la
produccin.
produccin.
Convertir
Convertir
en curvas
en curvas
un un
texto
texto
CulCul
es la es
importancia
la importancia
de convertir
de convertir
en curvas
en curvas
un texto?
un texto?
Este es
Este
el es
error
el error
que varios
que varios
podemos
podemos
cometer,
cometer,
el noelconvertir
no convertir
un texto
un texto
a curvas.
a curvas.
Hagamos
Hagamos
cuenta
cuenta
que descargamos
que descargamos
una fuente
una fuente
(ya sea
(yaen
sea
dafont
en dafont
o o
Fontspace
Fontspace
etc.) est
etc.) la
est
instalamos
la instalamos
, la trabajamos
, la trabajamos
, guardamos
, guardamos
y se la
y se
enviamos
la enviamos
a algn
a algn
cliente,
cliente,
que que
podra
podra
pasar?
pasar?
Como
Como
el cliente
el cliente
no tiene
no tiene
la fuente
la fuente
que usaste
que usaste
instalada
instalada
al momento
al momento
de abrir
de abrir
el programa
el programa
editable
editable
y no ytener
no tener
el texto
el texto
este cambiara
este cambiara
a cualquier
a cualquier
formato
formato
por default
por default
ya sea
yaarial
sea u
arial
otro
u porque
otro porque
es es
necesario
necesario
que el
que
cliente
el cliente
tengatenga
la fuente
la fuente
instalada,
instalada,
pero pero
no leno
diremos
le diremos
-instala
-instala
la fuentela fuentepara para
evitarevitar
esto esto
entrara
entrara
el convertir
el convertir
un texto
un texto
a curvas.
a curvas.
Para Para
convertir
un texto
a curvas
hay que
ya sea
texto
o marco
de texto
1.darle
clic dereconvertir
un texto
a curvas
hay seleccionar
que seleccionar
yaelsea
el texto
o marco
de texto
1.darle
clic derecho ycho
seleccionar
convertir
en contornos
(crate
outlines)
2. En2.
elEn
men
textotexto
estar
la opcin
tambin
y seleccionar
convertir
en contornos
(crate
outlines)
el men
estar
la opcin
tambin
de convertir
contornos.
de convertir
contornos.
Dentro
de lade
herramienta
textotexto
Dentro
la herramienta
tendremos
otrasotras
opciones
que son,
tendremos
opciones
que son,
textotexto
dentro
de rea
texto
en trazadentro
de yrea
y texto
en trazado lasdootras
tres son
mismo
que las
las otras
tresloson
lo mismo
que las
anteriores
solo que
orden
de lectuanteriores
solo el
que
el orden
de lectura es ra
vertical
por ahora
solo nos
es vertical
por ahora
solo nos
enfocaremos
en laen
escritura
normal.
enfocaremos
la escritura
normal.
TextoTexto
dentro
dentro
de rea
de: rea
esta opcin
: esta opcin
nos permite
nos permite
que una
que
forma
una forma
ya sea ya
unsea
trazado
un trazado
con pluma
con pluma
o
o
algunaalguna
forma forma
bsicabsica
se convierta
se convierta
en marco
en marco
de texto.
de texto.
Estilos
Estilos
de carcter
de carcter
(carcter
(carcter
style):style):
esta opcin
esta opcin
una vez
una
que
vez
definamos
que definamos
un tamao
un tamao
color ycolor
estiloy estilo
de fuente
de fuente
nos servir
nos servir
para guardar
para guardar
estas propiedades
estas propiedades
ya mencionadas,
ya mencionadas,
si seleccionamos
si seleccionamos
el textoelque
texto que
cambiamos
cambiamos
de color
deestilo
color yestilo
tamao
y tamao
vamosvamos
a la opcin
a la opcin
de estilo
de de
estilo
carcter
de carcter
y seleccionamos
y seleccionamos
la opcin
la opcin
de nuevo
de nuevo
estilo, estilo,
esto nos
esto
guardara
nos guardara
las configuraciones
las configuraciones
en unaen
especie
una especie
de capa
deycapa
podemos
y podemos
ocuparlas
ocuparlas
de
de
nuevonuevo
para otro
paratexto
otroseleccionando
texto seleccionando
el textoelque
texto
queramos
que queramos
cambiar
cambiar
y seleccionando
y seleccionando
el estilo
el que
estilo que
habamos
habamos
guardado.
guardado.
TextoTexto
en trazado:
en trazado:
Este permite
Este permite
escribirescribir
alrededor
alrededor
de unade
figura
una figura
ya sea ya
trazada
sea trazada
con pluma
con pluma
o una o una
forma forma
bsica.bsica.
EstiloEstilo
de prrafo
de prrafo
(paragraph
(paragraph
style):style):
esta opcin
esta opcin
es parecida
es parecida
a la anterior
a la anterior
solo que
solo
esta
queguardara
esta guardara
tanto estilo
tanto tamao
estilo tamao
de texto
detambin
texto tambin
este guardara
este guardara
la alineacin
la alineacin
y sangras
y sangras
para ocuparlo
para ocuparlo
posteriorposteriormentemente
a otro aprrafo.
otro prrafo.
Para trabajar
con texto
prrafo
nos iremos
Para trabajar
conytexto
y prrafo
nos iremos
al men
ventana
(window)
y hallaremos
la
al men
ventana
(window)
y hallaremos
la
opcinopcin
texto (type)
ah abriremos
los panetexto (type)
ah abriremos
los paneles: carcter
(charcter),
prrafo(paragraph),
les: carcter
(charcter),
prrafo(paragraph),
estilosestilos
de carcter
(carcter
style) ystyle)
estilos
de carcter
(carcter
y estilos
de prrafo
(paragraph
style) style)
de prrafo
(paragraph
Carcter
Carcter
(character):
(character):
este panel
este nos
panel
servir
nos servir
para configurar
para configurar
la fuente
la fuente
y el estilo,
y el estilo,
el tamao
el tamao
y la y la
distancia
distancia
entre renglones
entre renglones
Prrafo
Prrafo
(paragraph):
(paragraph):
este panel
este nos
panel
servir
nos servir
para alinear
para alinear
o centrar
o centrar
un prrafo,
un prrafo,
tambin
tambin
para para
definirdefinir
la sangra
la sangra
entre lneas.
entre lneas.
Una vez
que
sepamos
ocuparocupar
tipografa
podemos
trabajar
cualquier
composicin,
ya sea ya
tarjetas,
Una
vez
que sepamos
tipografa
podemos
trabajar
cualquier
composicin,
sea tarjetas,
flyers, artculos,
columnas
etc etcetc
siguiendo
las reglas
de composicin
y de texto
mencionadas.
flyers, artculos,
columnas
etc siguiendo
las reglas
de composicin
y deya
texto
ya mencionadas.
Diseo de marca
Un logotipo - coloquialmente usado como sinnimo de logo- es un signo grfico que identifica a una
empresa, producto o cualquier entidad pblica privada. Histricamente, los artesanos del barro, del
cristal, de la piedra, los fabricantes de espadas y artilugios de hierro fino, as como los impresores,
utilizaban marcas para sealar su autora.
Para que un logotipo resulte congruente y exitoso, debe ser conforme al principio fundamental del
diseo donde menos es ms. Dicha simplicidad permite que sea :
hecho de la autora.
Un logotipo
se diferencia por:
La funcionalidad de un logotipo radica en su capacidad para comunicar el mensaje que se desea, como, por
ejemplo: Somos una empresa responsable
tres tipos no de diferencian nicamente por sus caractersticas morfolgicas sino que tambin presentan
propia aplicacin comunicativa y conocerla le permitir tomar una decisin ms informada y correcta a la
hora de optar por alguno de ellos.
Logotipo:
La eleccin de la tipografa de su logotipo es tan importante como la eleccin de las palabras que escribir
con ellas. Lo primero que hay que contemplar es la utilizacin de un brandslogan, un slogan corporativo
constante. Si la eleccin es utilizarlo se debe escoger entre utilizar una sola
tipografa para el nombre de la compaa y para el Brand slogan o si cada
componente tendr su propia tipografa. En cualquier caso la eleccin del
tipo de letra es crucial. Para que el mensaje se transmita de manera ptima
otras completamente innovadoras, hay tipografas que son formales y otras cmicas, etc. Segn cul sea el
mensaje que se compaa desea enviar ser determinada la eleccin de la tipografa.
Isotipo:
Este tipo de Logo se basa exclusivamente en cono y carece de tipografa. Una de las
mayores ventajas del isotipo es su poder memorable. Las imgenes son ms fcilmente almacenadas por
No se diferencian nicamente por sus caractersticas morfolgicas sino que tambin presentan diferencia en su utilidad y en sus beneficios publicitarios. Cada uno de los tres tipos de
logos tiene su propia aplicacin comunicativa y conocerla le permitir tomar una decisin ms
informada y correcta a la hora de optar por alguno de ellos.
Isologotipo:
Mscara de recorte
Este tipo de Logo combina al logotipo y al isotipo. La combinacin de imagen
que desea la empresa. La claridad de este Logo consiste en que todo aquello que no
quede claro a travs del mensaje verbal ser aclarado metafricamente por la imagen
las palabras. Sin embargo, este tipo de Logo presenta una desventaja con respecto
a los otros. Si bien logra un nivel de claridad muy deseable, lo hace a expensas de
la utilizacin de muchos elementos comunicativos. Cuantos ms elementos tiene un
diseo, ms difcil de recordar para el pblico consumidor.
Este tipo de logo se divide en dos tipos: Isologo e Imagotipo.
Isologo:
el texto y el icono se encuentran fundidos en un solo elemento. Son partes indivisibles de un todo y
Una mscara de recorte es un objeto cuya forma enmascara otra ilustracin de forma que solo se
pueden ver las reas estn dentro de la forma, es decir, la ilustracin se recorta con la forma de la mscara. La mscara de recorte y los objetos que se enmascaran se denominan conjunto de recorte.Un
conjunto de recorte se puede crear a partir de una seleccin de dos o ms objetos o de todos los objetos de un grupo o una capa.
Los conjuntos de recorte en el nivel de los objetos se combinan como un solo grupo en el panel Capas.
Al crear conjuntos de recorte en el nivel de las capas, el primer objeto recorta todos los objetos que se
encuentren debajo de l. Todas las operaciones que realice en un conjunto de recorte en el nivel de los
objetos, como las transformaciones y los alineamientos, se basan en el lmite de la mscara de recorte y
no en el lmite sin mscara. Una vez que haya creado la mscara de recorte en el nivel de objeto, solo
podr seleccionar el contenido de recorte mediante el panel Capas de la herramienta Seleccin directa
o bien aislando el conjunto de recorte.
Una mscara de recorte se puede aplicar tanto con imgenes de mapas de bits o vectores ya agrupados.
Para comenzar a crear una mscara de recorte comenzaremos colocando una imagen en este caso un
mapa de bits.fig.1
Despus crearemos una forma bsica encima (ya que las mscaras de recorte solo funcionan con un
objeto encima).Fig.2
Imagotipo:
fig 1
Cuando piensas en un diseo de logotipo para tu compaa u organizacin, empiezas a observar los logotipos
de otras compaas para darte algunas ideas sobre cmo debe ser el tuyo. Has visto logotipos que son tan
simples como solo un nombre o un par de lneas, y otros tan elaborados como un personaje de caricatura.
Una de las preguntas ms grandes a la hora de escoger el diseo de logotipo qu tipo de logotipo escoger
para la empresa? Puede representarse la compaa con un logo basado en
texto? O necesita algn tipo de connotacin simblica para acompaar a las
palabras? Aunque no existe una mejor respuesta como tal, estas decisiones
son crticas a la hora de decidir el tipo de logotipo que se usar en un proyecto.
Un diseador sabr tomar los mejores elementos de su marca y utilizarlos para
escoger el tipo de logo que mejor comunique las caractersticas e identidad de
su empresa, as que escoja bien con quien trabaja para que lo ayude con esta
decisin.
fig 2
Seleccionamos ambas formas y con clic derecho seleccionamos la opcin de crear mascara de recorte
(make cliping mask)Fig.3
Como podemos notar la imagen se recorta a base de la forma que habamos creado encima. Fig.4
Fig3
fig.4
Para editar la mscara de recorte en panel de control hallaremos la opcin de editar contenido ah
podremos editar el contenido sin que nuestra forma se mueva o se vea afectada.
Para deshacer la mscara de recorte solo dar clic derecho y seleccionar soltar mscara de recorte(release cliping mask).
Una mscara tambin puede funcionar con tipografa (convertida en curvas) y con trazados con pluma.
Esto nos puede servir para recortar tambin imgenes por si acaso no cuentan con Photoshop o solo
la memoria ram corre ilustrator.
Cuando un a imagen esta enlazada o linkeada al momento de reemplazar puede respetar nuestro
recorte.