Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Logros de aprendizaje
Conocimientos previos
Has
observado
anteriormente
las
imgenes presentadas?
Qu tipo de piezas
grficas son? Ubcalas en
la sopa de letras
Mapa de Contenidos
Concepto y utilidad
Adobe Illustrator
Barra de paneles
Entorno de Trabajo
Barra de herramientas
Contenidos de aprendizaje
INGRESANDO AL PROGRAMA
ENTORNO DE TRABAJO
Observa atentamente:
Barra de men
Panel de control
Mesa de
trabajo
Barra de
herramientas
Paneles
Barra de Herramientas
En la barra de herramientas, encontrars todos los instrumentos necesarios para
elaborar tus trabajos. Con estas, podrs crear, seleccionar y manipular todos los
objetos de tu mesa de trabajo. Tenemos
cinco grupos principales de
herramientas, con los que podrs realizar tus proyectos de dibujo:
Herramientas de seleccin
Herramientas de texto
Herramientas de dibujo
Herramientas de pintura
Herramientas para reformar
Barra de paneles
En la barra de paneles, se agrupan algunas de las acciones que puedes realizar como: capas,
color, pinceles, degradado, etctera. Esta es una barra que se encuentra al lado derecho de tu
mesa de trabajo y est predeterminada por Adobe Illustrator, pero t puedes agregar ms
paneles yendo al men Ventana y escogiendo la opcin que desees de la lista de acciones.
Sigue cada uno de los pasos que te presentamos a continuacin a fin de descubrir los nombres
de los paneles y cmo agregar ms acciones a la barra de paneles.
GLOSARIO
Cursor: es la flechita o palito que
aparece en la pantalla cuando mueves
el mouse.
Aplica lo aprendido
Aplicacin 1.1: Une el color con la imagen segn la similitud de sus funciones.
Aplicacin 1.2: Clasifica cada imagen segn al grupo de elementos que pertenece.
Ficha de Aprendizaje N 2
Curso: Diseo Grfico con Illustrator.
Captulo I: Entorno de Adobe Illustrator y las principales herramientas de dibujo.
Tema: Creacin, guardar y Abrir documentos de Adobe Illustrator.
Duracin: 2 horas pedaggicas.
Logros de aprendizaje
Identifica los elementos esenciales para crear un nuevo documento
Utiliza plantillas para realizar diseo grficos de forma rpida.
Guarda sus diseos, identificando el formato adecuado de imagen.
Conocimientos previos
Sabes qu es una plantilla? Alguna vez has
utilizado plantillas para realizar algn diseo?
Observa la imagen y comntalo con tus
compaeros:
Mapa de Contenidos
Manejo de archivos
Documento nuevo
Documento nuevo
de plantilla
Formas de guardar
documentos
Abrir Archivo
Contenidos de aprendizaje
DOCUMENTO NUEVO
Al igual que la mayora de programas, Adobe Illustrator te ofrece la posibilidad de crear
documentos nuevos, es decir, nuevas mesas de trabajo para que puedas trabajar otros
proyectos. Adems, puedes interactuar con todos los documentos con los que ests trabajando
al mismo tiempo. En este punto, te explicaremos la ventana que te aparecer para crear un
nuevo documento.
En (1) Nuevo perfil del documento, se presentan varias opciones (web, impresin etc.), de las
cuales debes escoger aquella con la que trabajars. Segn tu eleccin, los controles
avanzados (modo de color, efectos de rasterizado y modo de previsualizacin) cambiarn a
valores por defecto.
Modo de color. Es de 2 tipos: RGB para uso en web y CMYK para uso de materiales
impresos.
Efecto de rasterizado. Es de 3 tipos: alta, media y pantalla (este ltimo es para uso de
imgenes en web donde 72 ppp es lo recomendado).
Modo de previsualizacin. Sirve para previsualizar el aspecto que tendrn nuestros
documentos cuando se impriman o se visualicen en la web. Dejarlo en Por defecto.
Recuerda:
GLOSARIO
Resolucin: Claridad o finura en el
detalle que se puede distinguir en una
imagen producida por un dispositivo de
imagen, como un monitor, impresora o
escner.
Si deseas crear otro documento, es decir, una nueva mesa de trabajo, debes ir a Archivo >
Nuevo. El nuevo documento se abrir adjuntando una pestaa en la parte superior de la mesa
de trabajo (como se muestra en la imagen de abajo). Puedes crear los documentos que
necesites y todos se almacenarn como pestaas, adems podrs pasar de una mesa de
trabajo a otra haciendo clic sobre la que corresponda.
Luego,
seleccionamos
carpeta
Marketing
escogemos una plantilla.
la
y
Segunda forma
Otra forma de guardar archivos, para su uso en otros formatos u otros programas, es
exportndolos. Aqu podrs observar que hay otras opciones de tipo de archivo para guardar tu
trabajo. Para ello, debes ir a Archivo > Exportar y eliges entre las siguientes alternativas que
se presentan a continuacin.
Recuerda:
Importante!
Al desplegar el botn, podemos ver la forma ms
popular de exportar un archivo a jpg, que es un formato
que pesa menos que los archivos regulares de
Illustrator.
ABRIR DOCUMENTO
Para abrir un documento de Adobe Illustrator que hayas guardado previamente, debes seguir
los pasos que te presentamos a continuacin.
Aplica lo aprendido
Aplicacin 1.3 Crea un archivo Nuevo, con las siguientes caractersticas y gurdalo
en formato Ai.
Aplicacin 1.4 Abre dos plantillas nuevas del grupo Tecnologa y Japonesas
(marketing) y gurdalo en formato JPG.
Ficha de Aprendizaje N 3
Curso: Diseo Grfico con Illustrator
Captulo I: Entorno de Adobe Illustrator y las principales herramientas de dibujo.
Tema: Herramientas de dibujo: Pluma
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Reconoce las herramientas de dibujo del programa Adobe Illustrator.
Utiliza la herramienta de dibujo denominada Pluma, para realizar sus primeros dibujos.
Conocimientos previos
Alguna vez has realizado dibujos utilizando
diferentes trazos? Qu herramientas de
Adobe Illustrator elegiras para empezar a
dibujar en tu mesa de trabajo?
Observa los dibujos con qu herramientas
crees que se han realizado?
Mapa de Contenidos
Herramientas de dibujo
Figuras
Herramienta PLUMA
Contenidos de aprendizaje
Las herramientas de dibujo que muestra la barra de herramientas son cuatro.
PLUMA
La herramienta Pluma dibuja lneas rectas. Detrs de este cono, que es el que se
visualiza en la barra de herramientas, existen otras que te permiten agregar puntos,
quitarlos y convertirlos a curvas, como vers en la Actividad 1.
Para hacer uso de esta herramienta Pluma, existen dos
formas. Puedes dar clic en el cono de la barra de
herramientas o con el teclado presionar la letra P.
Puedes hacer lo mismo con las otras herramientas que
contienen la pluma. Si lo haces con el teclado, puedes
hacer uso de los mtodos abreviados, que son los
smbolos que puedes observar al costado de cada
comando, como en el recuadro azul.
2
Color de lnea
Grosor de
trazo
Color de relleno
Perfil de
anchura
variable
Definicin
de pincel
Actividad 1
1. Con la herramienta Pluma, haz puntos en tu mesa de trabajo hasta formar una figura
cerrada como la que observas.
, con la cual
3. Intenta quitar los 4 puntos aadidos para obtener la figura inicial; utiliza la herramienta
Eliminar punto de ancla
obtener una figura diferente.
Con
la
herramienta
Seleccin directa, haz clic
sobre el punto y, sin soltar,
arrastra el mouse hacia
arriba o abajo para ampliar o
atenuar la curva.
Cada punto modificar el
trazo
del
lado
correspondiente.
FIGURAS
Adobe Illustrator ofrece figuras prediseadas que puedes escoger para elaborar tus
dibujos. Estas herramientas son Rectngulo, Rectngulo redondeado, Elipse,
Polgono, Estrella y Destello. Esta ltima sirve para dar la forma de un destello de
luz en fondos de color.
En esta figura,
herramientas:
puedes
observar
las
a) Haciendo figuras
Para hacer una figura, debes
escoger la que deseas dibujar,
hacer clic en tu mesa de trabajo y,
sin soltar el mouse, estirar hasta
darle el tamao que ms te guste.
Si deseas hacer un cuadrado, crculo o polgono simtrico, pulsa la tecla Shift y, sin soltar,
estira el cursor del mouse hasta formar la figura. Observars que solo se harn cuadrados y no
rectngulos, adems que la herramienta Elipse solo har crculos perfectos.
GLOSARIO
Simtrico: Que guarda simetra.
Simetra: Proporcin adecuada de las
partes de un todo o de las cosas de un
conjunto.
b) Moviendo elementos
Para mover tus objetos o figuras dibujadas, utiliza la herramienta
Seleccin , con la cual podrs movilizar tus figuras y colocarlas
donde te guste. A continuacin, aprenders cmo mover, agrandar y
reducir tus dibujos.
Aplica lo aprendido
Ficha de Aprendizaje N 4
Curso: Diseo Grfico con Illustrator
Captulo I: Entorno de Adobe Illustrator y las principales herramientas de dibujo.
Tema: Herramientas de dibujo: Figuras, lneas
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Conocimientos previos
Mapa de Contenidos
Herramientas de dibujo
Herramienta figuras
Herramienta lneas
Haciendo figuras
Herramientas segmento de
lnea, arco y espiral
Moviendo elementos
Herramienta cuadrcula
rectangular y cuadrcula polar
Contenidos de aprendizaje
LNEAS
Otras herramientas de dibujo que presenta Adobe
Illustrator son las que se encuentran en la barra de
herramientas, representadas por un lnea oblicua recta.
Aqu encontrars distintos tipos de lneas que te
permitirn elaborar mejores grficos e ilustraciones. A
continuacin, explicaremos cada una de ellas:
Para usar estas herramientas, sigues el mismo proceso que aprendiste en las figuras
geomtricas. Debes elegir el tipo de lnea que deseas realizar y, en tu mesa de trabajo, debes
hacer clic y arrastrar el mouse hasta formar la lnea con el tamao elegido.
2
Estas herramientas permiten dibujar cuadrculas tanto rectangulares como circulares. Las
puedes usar de acuerdo a tus requerimientos y criterios de ilustracin. Por ejemplo, si quieres
dibujar un fondo con cuadrados de colores, puedes usar la Cuadrcula rectangular, o si
quieres disear un tablero para dardos o tiro al blanco, usars la Cuadrcula polar.
Para crear las imgenes de la ventana anterior, sigue los mismos pasos que con las figuras y
lneas. Selecciona la herramienta a usar, haz clic en la mesa de trabajo y, sin soltar, arrastra el
mouse hasta formar el dibujo.
Algunos elementos de la barra de herramientas pueden
desplegar ms opciones para poder establecer nuestras
preferencias. Para acceder a ello, hay que hacer doble
clic en la herramienta a personalizar. Por ejemplo: con la
herramienta Cuadrcula rectangular es posible elegir
cuntas divisiones horizontales o verticales deseamos
tener.
Como puedes ver, estas cuadrculas te presentan
espacios proporcionales y definidos de manera equitativa.
Es decir, que por ejemplo, en la Cuadrcula rectangular
todos los cuadrados internos son del mismo tamao.
Recuerda:
Recuerda que tambin
puedes utilizar Shift con esta
herramienta para crear
cuadrculas cuadradas o
circulares perfectamente
simtricas.
Puedes manipular las cuadrculas cambiando las lneas rectas y circulares que tienen esas
grficas. Para cambiarlas, usa las herramientas de seleccin directa y las que ves a
continuacin:
TRAZADO DE LPIZ
Dentro del cono lpiz encontrars la herramienta Lpiz, que se utiliza para dibujar; la
herramienta Suavizar, la cual utilizars para modificar algunos nodos de tu trazado; y la
herramienta Borrador de trazados, que te permitir eliminar los trazados que no necesites.
a) Herramienta Lpiz
trazado abierto
trazado abierto
2. Luego, puedes juntar ambos trazados. Selecciona el trazado de la copa del rbol y
arrstralo.
3. Crea una nueva mesa de trabajo y elabora un dibujo con un trazado cerrado como las
nubes que vemos en el ejemplo.
Para realizar un trazado
cerrado, utiliza la herramienta
Lpiz. Cuando ests a punto de
cerrar el dibujo, presiona Alt sin
soltar el mouse y aparecer un
crculo. Eso indica que la figura
ser cerrada.
GLOSARIO
Trazado: es el recorrido o direccin que
se sigue sobre una imagen.
b) Herramienta Suavizar
Esta herramienta te permite estilizar algunos puntos de ancla de tu trazado. Cuando dibujas
algunas partes del trazado, encuentras que se crearon muchos nodos y esto hace que el dibujo
se vea muy tosco.
Esta herramienta permite hacer un corte en algn punto del trazado y eliminarlo. En esta
seccin eliminars un trazo de tu dibujo rbol
Selecciona la herramienta
Borrador de trazado y haz una
lnea (igual que con el lpiz)
sobre el punto que deseas
separar para eliminar.
Aplica lo aprendido
Reflexiona
Ficha de Aprendizaje N 5
Curso: Diseo Grfico con Illustrator.
Captulo II: Aprendiendo a pintar en Adobe Illustrator.
Tema: Herramientas extras.
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza las herramientas extras que ofrece el programa: zoom, borrador y mesa de trabajo.
Conocimientos previos
Observa los dibujos Qu herramientas crees
que se han aplicado en cada caso?
Mapa de Contenidos
Herramientas
extras
Herramienta Zoom
Herramienta Borrador
Herramienta mesa de
trabajo
Contenidos de aprendizaje
HERRAMIENTA ZOOM
La herramienta Zoom te acerca al dibujo o ilustracin que ests elaborando, permitiendo ver a
detalle algunos elementos para pintarlos, modificarlos o eliminarlos. La herramienta est
representada por el siguiente cono
. Al seleccionar esta herramienta, aparecer por defecto
el zoom de aumento. Para acercarte, solo das clic las veces que sea necesario hasta estar lo
suficientemente cerca al elemento que quieres ver en detalle.
Descarga el archivo F5_Flor y realiza el
observa que sucede al utilizar la
herramienta Zoom.
HERRAMIENTA BORRADOR
Para eliminar parcial o completamente una ilustracin, puedes usar la herramienta Borrador,
ubicada en la barra de herramientas. Esta herramienta permite borrar partes del dibujo sin
tomar en cuenta puntos o nodos. Solo debes seleccionar la herramienta y arrastrar el mouse
sin soltarlo, haciendo clic sobre lo que quieras borrar. Es igual que si borraras un dibujo en una
hoja de papel.
Para aprender a usar la herramienta, debes hacer lo siguiente:
1) Selecciona la herramienta Borrador de la barra de herramientas.
2) Dirige tu cursor hacia la seccin del dibujo que deseas borrar y, presionando el botn
del mouse, borra como si fuera un borrador sobre un papel.
DESCUBRE
Con esta herramienta, podrs crear nuevas mesas de trabajo (hasta 100 en un mismo
documento) o cambiar las medidas de tu mesa de trabajo actual. Para personalizar tu mesa de
Para eliminar una mesa de trabajo, elige la mesa de trabajo que deseas borrar, y con el
teclado, aprieta borrar o suprimir, o sino, en las opciones de panel de control, eliges
Ahora vas a cambiar la orientacin de tu mesa de trabajo. Para ello, haz doble clic en la
herramienta Mesa de trabajo y elige la orientacin horizontal. Luego, haces clic en OK. Qu
pas con tu mesa de trabajo?
Utilizando esta herramienta tambin puedes crear en el mismo archivo, otras mesas de trabajo.
Aplica lo aprendido
Aplicacin 2.1: Abre el archivo Aplicacin 2.1 y realiza el siguiente diseo empleando
la herramienta borrador y mesa de trabajo.
Ficha de Aprendizaje N 6
Curso: Diseo Grfico con Illustrator
Captulo II: Aprendiendo a pintar en Adobe Illustrator
Tema: Pincel y Pincel de manchas
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza las herramientas pincel y pincel de manchas para darle color a sus diseos.
Conocimientos previos
Observa la imagen que te presentamos a continuacin y comparte con tus compaeros:
Qu herramientas crees que se han
utilizado para su elaboracin? Cul
ha sido el proceso seguido para darle
color al afiche?
Mapa de Contenidos
PINTURA
Pincel
Pincel de manchas
Contenidos de aprendizaje
En la barra de herramientas, podemos encontrar la mayora de las opciones para pintar
ilustraciones. A continuacin, te explicaremos algunas de ellas.
PINCEL
La herramienta Pincel te sirve para dibujar lneas, a mano alzada y caligrfica, es decir, muy
estilizadas, adems te permite aadir motivos y estilos a los trazados. Su uso es igual a la
herramienta de dibujo Lpiz.
Ahora empezars a usar la herramienta Pincel dibujando a mano alzada en tu mesa de
trabajo. Dibuja las notas musicales que se encuentran en el afiche (las puedes hacer de un
solo trazo).
Si observas, podrs notar que, cada vez que terminas el trazo, este automticamente se
vuelve ms estilizado y se ve mucho mejor. Intntalo!
Importante!
Para pintar los dibujos que acabas de realizar,
necesitas saber la funcionalidad del panel de
control. Este sirve para hacer las
modificaciones de color, relleno, grosor del trazo
y algunos cambios ms que puede requerir tu
trabajo.
PINCEL DE MANCHAS
El Pincel de manchas tiene el mismo funcionamiento que la herramienta Pincel, sin embargo,
la diferencia consiste en que al hacer varios trazados, uno sobre otro, el resultado final se
convierte en un solo dibujo que est unido. Con la herramienta Pincel, cada trazado que hagas
es independiente y puedes moverlos y cambiar su color, forma o tamao como desees. Al usar
el Pincel de manchas, este crea un solo trazado y si cambias algo, cambia todo el dibujo.
Ahora realizars la F (de festival) que se encuentra en el afiche, y para entender mejor el
funcionamiento y la diferencia entre ambas herramientas, realizars el mismo dibujo. Sigue los
pasos que te presentamos a continuacin:
1)
Realiza tres trazos con la herramienta Pincel, tal como ves en el ejemplo. El primer trazo
forma el cuerpo de la F, el segundo es la lnea central y el tercero, el pequeo trazo que
lo cruza. Como ves, estos se cruzan en alguna parte. Sigue el mismo procedimiento, pero
con el Pincel de manchas.
Aplica lo aprendido
Aplicacin 2.2: Escribe tu nombre utilizando las herramienta pincel y pincel de
manchas
Aplicacin 2.3: Realiza el siguiente diseo, utilizando la herramienta pincel de
manchas:
Ficha de Aprendizaje N 7
Curso: Diseo Grfico con Illustrator
Captulo II: Aprendiendo a pintar en Adobe Illustrator
Tema: Degradado
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza la herramienta del degradado sobre las imgenes diseadas, para lograr efectos de
color.
Utiliza la herramienta cuentagotas, para agregar colores preestablecidos a las nuevas
imgenes
Conocimientos previos
Observa la siguiente imagen y responde Qu
herramienta o herramientas crees que se han utilizado
para elaborar el efecto de color de la esfera? En qu
lugares has visto diseos con este efecto de color?
Mapa de Contenidos
Degradado
Lineal
Cuentagotas
Radial
1
Contenidos de aprendizaje
DEGRADADO
En este caso se est utilizando lneas gua, las cuales te permiten crear los lmites de tamao
del trabajo que ests realizando. Para obtener stas, solo debes hacer clic en una de las
reglas y sin soltar el mouse arrastrar hasta la posicin deseada. Por ejemplo, esta tarjeta debe
medir 18 x 25 cm. Las lneas guas verticales van del centmetro 1.5 al centmetro 19.5 y las
lneas gua horizontales van del centmetro 2 al centmetro 27
4. Una vez que has elaborado el rectngulo de fondo negro, selecciona la herramienta
Degradado y haz clic en alguna parte del rectngulo. A continuacin, vers este
degradado que se presenta por defecto.
Para cambiar la direccin del degradado, solo debes arrastrar con el cursor del mouse, la barra
de degradado dentro del rectngulo, de arriba hacia abajo o viceversa. Recuerda que va del
blanco (punto inicial) al negro (punto final).
5. Una vez elegida la direccin del degradado, cambia su color. Dirgete hacia la barra de
paneles y encuentra el panel Degradado, que tiene el mismo smbolo en la barra de
herramientas.
Puedes elegir el tipo de degradado
que desees para tu proyecto.
Importante!
El modelo de color RGB
En el modelo RGB, se puede modificar el color de los puntos combinando los distintos
valores de rojo, verde y azul. Cada uno de los colores fundamentales puede tener valores
desde 0 hasta 255.
De las combinaciones posibles de los 256 valores de cada uno de los tres colores se
obtienen aproximadamente 16,7 millones de colores. Estos sern suficientes para
representar los colores que contienen las imgenes en la pantalla. Por lo que este modelo
es ms usado para imgenes que van a ser presentadas en formato digital.
6. Elige el color de tu eleccin para el final del degradado. En el caso del afiche elegimos el
verde.
7. Selecciona el rectngulo y procede a cambiar el grosor del trazo a 4pt y el color del
borde del rectngulo. Puedes hacerlo en la seccin Color de trazado del panel de
control o en la barra de herramientas.
Relleno
8. En el espacio que no has utilizado de tu mesa de trabajo, utiliza la F que dibujaste con el
Pincel de manchas y colcale el resto del texto. Selecciona todo y agrpalo con la
opcin Objeto > Agrupar.
Trazo
GLOSARIO
Cuatricroma. Es un modelo de color que
se basa en la mezcla de pigmentos de los
siguientes colores para crear otros ms: C
(Cyan, Cian), M (Magenta), Y (Yellow,
amarillo) y K (Black or key, negro).
CUENTAGOTAS
La herramienta Cuentagotas te sirve para copiar y aplicar los atributos de color de relleno,
color de trazo, texto y efecto de un objeto dibujado o texto que tenga, a algn nuevo dibujo o
texto que se est elaborando. En esta actividad, retomaremos las notas musicales que
dibujamos con anterioridad, para aprender el uso de cuentagotas y su forma de aplicacin.
1.
Aplica lo aprendido
Aplicacin 2.4: Abre el archivo Flor , luego, utiliza la herramienta degradado con
los colores en modelo RGB, para lograr el siguiente efecto.
Aplicacin 2.5 Abre el archivo manzana, luego, utiliza la herramienta degradado
con los colores en modelo CMYK, para lograr el siguiente efecto.
5
Ficha de Aprendizaje N 8
Curso: Diseo Grfico con Adobe Illustrator
Captulo II: Aprendiendo a pintar en Adobe Illustrator
Tema: Pintura interactiva, Seleccin de pintura interactiva y malla
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Conocimientos previos
La imagen que observas ha sido trabajada con Pintura
interactiva. Ingresa a tu mesa de trabajo e investiga
sobre la funcionalidad de esta herramienta y comparte
con tus compaeros sobre la misma.
Mapa de contenidos
PINTURA
Pintura interactiva y
seleccin de pintura
interactiva.
Malla
Pintura interactiva en
trazados
independientes
Pintura interactiva en
trazados compuestos
Contenidos de aprendizaje
PINTURA INTERACTIVA
GLOSARIO
Cuadrcula: es un conjunto
de cuadrados que resultan de
cortarse perpendicularmente
dos series de rectas paralelas.
5.
1. Para este caso, usars un ejemplo parecido. Dibuja en tu mesa de trabajo una estrella,
pero esta vez dibuja lneas que corten transversalmente la figura y agrpalas con
Objeto > Agrupar. Observa y guate por la figura del ejemplo.
1.
2.
HERRAMIENTA MALLA
Esta herramienta te permite trabajar con el pintado del objeto de un modo multicolor,
ofrecindote mayores posibilidades de combinacin de colores. Podrs lograr ilustraciones ms
realistas al darles volumen y fondo, colocando puntos de luz y sombra. Al crear un objeto con
malla, creas una serie de lneas que se denominan lneas malla que se forman de manera
entrecruzada en el objeto seleccionado que te permiten manipular los colores y cambiar su
rea de extensin.
4
Es la parte de color
que se forma entre
cuatro
puntos
de
malla.
Retal de malla
Manejador
Punto de
malla
Se usa de la
misma
manera
que
la
herramienta
punto de ancla,
modifica el ngulo
y la forma de la
lnea de malla.
Lnea de malla
Tiene forma de rombo y
sirve
para
mover
el
cuadrante que se forma. Es
el que se selecciona para
cambiar el color de la parte
de la malla a la que el punto
de malla pertenece.
Son
las
lneas
que
entrecruzan y forman la
malla. Contienen el punto de
malla y los manejadores.
1.
3.
Recuerda:
Recuerda que puedes agregar todas las mallas
que desees para que tu imagen parezca ms
real y cambie de color en cada punto de
malla. Prueba con distintos tonos en oscuros y
claros para lograr el tono de color que desees.
Aplica lo aprendido
Aplicacin 2.6: Abre el archivo Playa , luego, utiliza la herramienta pintura interactiva,
bote de pintura interactiva, para realizar el siguiente diseo.
Aplicacin 2.7 Abre el archivo Sol, luego, utiliza la herramienta Malla , para lograr el
siguiente efecto de color:
Reflexiona
Qu fue lo que ms te gusto de lo que has aprendido?
Cmo aprendiste mejor los contenidos?
Qu tema te gusto ms y cul menos?
Ficha de Aprendizaje N 9
Curso: Diseo Grfico con Adobe Illustrator
Captulo III: Aprendiendo a escribir y enmascarar en Adobe Illustrator
Tema: Elementos y herramientas de Texto
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza diversas trayectorias,
diseos
Conocimientos previos
Mapa de Contenidos
TEXTO
Herramientas
Elementos
Color de relleno de la fuente
Color del borde o trazo de la fuente
Grosor de borde
Fuente, estilo y tamao de la fuente
1
Contenidos de aprendizaje
TEXTO
Adobe Illustrator CS4 te ofrece la herramienta Texto que te permitir introducir textos; esta te
permitir incluirlos en forma de trazados y podrs cambiarles su color, relleno y hacer muchas
variantes ms. Es muy sencilla de usar y es una sola. Est representada por el cono
Color del
relleno de la
fuente
(parte interna
de la letra)
Color del
borde o trazo
de la fuente
Grosor de borde
HERRAMIENTAS DE TEXTO
Fuente, estilo
y tamao de la
fuente
a.
Herramienta Texto. Permite colocar el texto
donde se desee en base a una lnea que eliges como
cursor.
b.
Herramienta Texto de rea.
Permite colocar el texto dentro de un
rea establecida coincidiendo con todos
los mrgenes.
c. Herramienta
Texto
en
trazado. Puedes acomodar el
texto al trazo que hayas
hecho previamente, as el
texto se gua por la lnea del
trazo.
e. Herramienta Texto de rea vertical. Permite poner el texto de forma vertical dentro de
un rea determinada
f.
Ahora ordena todos los elementos aprendidos para tener el afiche final.
Aplica lo aprendido
Ficha de Aprendizaje N 10
Curso: Diseo Grfico con Illustrator
Captulo III: Aprendiendo a escribir y enmascarar en Adobe Illustrator
Tema: Herramientas extras, Instalar nuevas fuentes y Crear contornos.
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza herramientas extras en la edicin de los textos.
Conocimientos previos
Qu tipo de tipografa (letras) conoces haciendo uso de
la computadora? . Ubcalas en la sopa de letras
Mapa de Contenidos
Texto en contornos
Contenidos de aprendizaje
HERRAMIENTAS EXTRAS
3.
Con
los
elementos
de
dibujo
seleccionados, dirgete a Objeto > Ceir Texto >
Crear.
Atencin!
Tambin puedes elegir los
mrgenes entre los objetos y
el texto. Para ello, dirgete a
Objeto > Ceir texto >
Opciones de Ceir texto, de
esta manera puedes ampliar
o reducir el margen entre los
elementos.
GLOSARIO
Banners
en
espaol
es
banderorla.
Es
un
formato
publicitario en Internet. Esta forma
de publicidad online consiste en
incluir una pieza publicitaria dentro
de una pgina Web
1.
2.
2. El
fondo
automticamente
aparecer en las opciones del
programa, en este caso Illustrator.
TEXTO EN CONTORNOS
Esta opcin de ayudar a trabajar independientemente con cada letra de tu texto y poderle
aplicar posteriormente efectos.
1. Selecciona el texto y elige el men Texto.
Observaras que cada letra se vuelve independiente, y puedes modificar sus nodos con la
herramienta seleccin directa, o cambiar su tamao y ubicacin por separado.
Aplica lo aprendido
Aplicacin 3.3: Abre el archivo El sol y realiza el siguiente diseo con ayuda de las
opciones Ceir Texto y texto en trazado (opcin 3D)
Aplicacin 3.4: Descarga la fuente Reditum Personal Use Only, luego, instlala.
Finalmente, utiliza la opcin Crear contornos y realiza el siguiente diseo con tu nombre
y apellidos:
Ficha de Aprendizaje N 11
Curso: Diseo Grfico con Illustrator
Captulo III: Aprendiendo a escribir y enmascarar en Adobe Illustrator
Tema: Herramientas extras, Instalar nuevas fuentes y Crear contornos.
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza herramientas extras en la edicin de los textos.
Conocimientos previos
Alguna vez has escuchado de la alineacin de texto,
observa las siguientes imgenes y edentifica que tipo de
alineacin y que otro aspecto observas en las imagenes
Mapa de Contenidos
Alineacin de textos
Herramientas extras
Crear envolvente
Opacidad
Contenidos de aprendizaje
ALINEACIN DE TEXTOS
Adobe Illustrator nos brinda la posibilidad de alinear nuestros prrafos, haciendo uso del Panel
de Control.
Abre el archivo Los deportes,
luego, selecciona el texto del
archivo y observa que opciones
se activan en el Panel de
control
De estas nuevas opciones que se activan vamos a utilizar la opcin Prrafo que nos permite
realizar modificaciones a la alineacin de nuestros textos. Ahora sigue los siguientes pasos:
1. Una vez que has seleccionado el texto, haz clic en
la opcin prrafo. Observa que se despliegan
diferentes opciones. Escoge la opcin Justificar
con la ltima lnea alineada a la derecha
2. Observa que el texto se alinea, pero dentro del contenido existen palabra entrecortadas
y que pasan al siguiente regln, separado por guiones, para que esta opcin se
desactive y ver palabras completas, desactiva la opcin Separar
CREAR ENVOLVENTE
Esta opcin, nos permite que nuestros textos se encajen en diferentes formas. Para poder
aplicarlo, sigue los siguientes pasos:
3
OPACIDAD
Te permitir atenuar el color en ciertos objetos o textos, es decir, en los que necesites dar la
sensacin de transparencia. Este efecto se aplica a los objetos, tanto en sus trazos como en el
relleno de color. El efecto de opacidad se encuentra en el panel de control y en la barra de
paneles se activa cuando se trabaja algn objeto, sea texto o ilustracin. Ubica en el panel de
control la herramienta Opacidad.
1.
2.
Aplica lo aprendido
Aplicacin 3.5: Abre el archivo texto 1, desactiva la opcin separar, aplica
alineacin justificada y crea el envolvente, tipo bandera.
Aplicacin 3.6: Escribe un texto al archivo Flor, aplica 60% de opacidad a cada
ptalo de la flor, y luego, aplcale al texto el efecto envolvente de Abombar.
Ficha de Aprendizaje N 12
Curso: Diseo Grfico con Illustrator
Captulo III: Aprendiendo a escribir y enmascarar en Adobe Illustrator
Tema: Herramientas extras, Instalar nuevas fuentes y Crear contornos.
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza herramientas mscara de recorte, para elaborar sus diseos.
Conocimientos previos
Mapa de Contenidos
Reglas
Mscara de recorte
Lineas Guia
Contenidos de aprendizaje
MSCARA DE RECORTE
La Mscara de recorte tiene como objetivo delimitar una ilustracin para mostrar solo aquello
que el diseador desea que se vea. Esta aplicacin de Adobe Illustrator te permitir recortar
ilustraciones para darles un efecto distinto a tus proyectos. Puedes elaborar mscaras de
recorte de cualquier tamao y forma de acuerdo a lo que deseas elaborar. Esta herramienta
eliminar lo que est fuera de la forma de la mscara y mostrar solo aquello que quede
dentro.
Para descubrir cmo puedes utilizar la Mscara de recorte, vas a elaborar una tarjeta de
presentacin para la empresa Playback, elaborars una tarjeta de presentacin para uno de los
directivos de dicha empresa.
La tarjeta debe medir 8 cm de ancho x 5 cm
de alto, como vemos en el modelo:
1.
Abre una nueva mesa de trabajo y activa la opcin Mostrar reglas. Recuerda que la
medida debe estar en centmetros. Con ayuda de las reglas, dibuja un rectngulo con
las medidas que indica la actividad. Este rectngulo no debe tener ningn color de
relleno.
2.
5.
Con el isotipo solo, selecciona uno de los crculos y saca una copia. Con la
herramienta Pluma, dale la forma al crculo para que se vea de la siguiente manera.
Cuando tengas la figura, seleccinala y dale un grosor de borde o trazo de 3pt, color
negro.
6.
Borra la lnea negra del isotipo. Para borrarla, selecciona el objeto y pulsa la tecla
Supr.
7.
Notars que al
momento de mover el
isotipo hacia la tarjeta
que ests elaborando,
tanto este como el
crculo tapan el logo.
8.
Cuando una figura tapa a otra que es principal en tu diseo, puedes jugar con la
organizacin de las figuras o ilustraciones que ests realizando; en este caso, para
que estas figuras no estn por encima del logo. Haz lo siguiente:
Seleccionas el logo, das clic derecho y vas a Organizar > Traer al frente.
9.
10.
Con la herramienta Texto, escribe la informacin de la tarjeta. Estos textos pueden ser
continuos (en una misma caja de texto) los que se encuentra uno debajo de otro, en el
panel Caracter (control + T) puedes encontrar la opcin de interlineado colocar el
espacio apropiado entre lnea y lnea.
11.
Coloca cada caja de texto en su lugar de acuerdo al diseo propuesto para la tarjeta.
Las letras negras tienen tamao 10pt y las letras blancas 8pt. Para cambiar el color de
la letra, solo debes cambiar el color de relleno.
12.
Para terminar tu tarjeta de presentacin, selecciona todo y agrupa. Pero antes debes
bloquear las lneas gua porque si no lo haces, estas se agruparn con el resto de
dibujos y texto de tu tarjeta. Para bloquearlas, dirgete a Ver > Guas > Bloquear
Guas.
13.
Podrs notar que hay figuras que se desbordan del tamao propuesto, esto lo
arreglars usando la herramienta Mscara de recorte.
14.
15.
16.
Recuerda que debes grabar todos los trabajos que realices. La mejor manera de guardar tus
trabajos es en el tipo *.ai.
Aplica lo aprendido
Aplicacin 3.7: Crea tu empresa, dibuja un logo y crea tu propia tarjeta personal,
coloca tus datos como director general
Aplicacin 3.8 Crea una tarjeta para alguna actividad que va realizar tu colegio.
Reflexiona
Cmo aprendiste mejor los contenidos?
Qu tema te gusto ms y cul menos?
Con lo aprendido, crees que ya es posible que puedas crear tus propios diseos?
Ficha de Aprendizaje N 13
Curso: Diseo Grfico con Illustrator
Captulo IV: Aplicando efectos en Adobe Illustrator
Tema: Utilizando el efecto Buscatrazos
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza efecto Buscatrazos, para elaborar sus diseos.
Conocimientos previos
Mapa de Contenidos
Unificar
Buscatrazos
Menos Frente
Dividir
Contenidos de aprendizaje
BUSCATRAZOS
El efecto de Buscatrazos permite hacer nuevas formas de trazados. Puedes agregar este
efecto como un panel, seleccionando el men Ventana > Buscatrazos y el cono es
UNIFICAR
Este es un efecto del Buscatrazos que nos permite unir dos o ms trazados y formar un
nuevo trazado de la unin de estos.
1) Dibuja en tu mesa de trabajo tres elementos: una estrella, una elipse y un rectngulo de
forma vertical. Trata de situarlos como en el ejemplo.
MENOS FRENTE
Esta aplicacin permite cortar una porcin de un objeto dndole la forma que coloques
encima.
2) Ahora, haz dos copias del objeto tringulo que acabas de dibujar y ubcalos como
muestra el ejemplo.. Luego, coloca los tringulos tal como indica el ejemplo.
4) Mueve el trazado fuera de tu mesa de trabajo para hacer la parte del armazn del
escudo. Dibuja un rectngulo redondeado de manera vertical y una elipse achatada por
los polos, tal como indica el ejemplo. Selecciona los dos objetos y haz clic en Menos
frente.
5) Una vez que tengas el armazn y el smbolo, arrastra este ltimo sobre el armazn gris.
Si al momento de colocar el
smbolo este no se ve, es
porque
est
debajo
del
armazn. Para verlo damos clic
derecho en la seleccin y
Organizar > Traer al frente.
DIVIDIR
1) Dibuja las dos piezas y colocas una junto a otra de tal manera que tengan una
interseccin en alguna parte de los objetos. En este caso, elaborars los dibujos con la
herramienta Pluma.
Interseccin
Despus de Dividir notars que los objetos se han agrupado formando una sola
seleccin. Para desagruparlos y lograr la divisin vas a Objeto > Desagrupar.
3) Una vez desagrupados, puedes separar cada parte que tuvo una interseccin de lneas
y tendrs nuevos trazados independientes.
Aplica lo aprendido
Aplicacin 4.1: Descarga el archivo Buscatrazos 1 y genera el siguiente diseo,
utilizando las imgenes que encuentras en el documento.
Aplicacin 4.2: Descarga el archivo Buscatrazos 2 y genera el siguiente diseo,
utilizando las imgenes que encuentras en el documento.
Ficha de Aprendizaje N 14
Curso: Diseo Grfico con Illustrator
Captulo IV: Aplicando efectos en Adobe Illustrator
Tema: Utilizando diferentes tipos de efectos
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza los efectos 3D y estilizar para dar acabados a las imgenes y textos.
Identifica los recursos que ofrece la Galera de efectos y los utiliza para mejorar sus
diseos.
Conocimientos previos
Observa la siguiente imagen:
Qu efectos crees que se han aplicado a la
siguiente imagen?
Mapa de Contenidos
Efectos
3D
Estilizar
1
Galeria de efectos
Contenidos de aprendizaje
EFECTO 3D
Este efecto, se utiliza para dar profundidad a las imgenes. Recuerdas el texto que convertiste
en contornos en la Aplicacin 3.6. Abre tu archivo y desarrolla los siguientes pasos:
Observa el resultado:
ESTILIZAR
Este efecto, te brinda diferentes opciones que puedes aplicar a la imagen para darle ms
realismo.
1.
2.
Prueba con las otras opciones de Estilizar, para visualizar sus funcionalidades
GALERIA DE EFECTOS
Tiene mltiples opciones para aplicar a las piezas grficas. Una ventaja de esta galera es que
nos muestra una previsualizacin de lo que podemos realizar antes de pasar a su aplicacin.
Tambin est disponible en Photoshop, otro programa de Adobe, bajo el nombre de filtros.
Ahora, haz un marco para colocar una foto de alguna persona especial para ti:
3.
Dibuja un cuadrado (u otra figura que desees) y otro encima. Luego, selecciona el
dibujo ms grande y aplcale la opcin de definicin de pincel que prefieras:
4.
5.
Aparece una ventana de efectos visuales, agrupados en 6 grandes bloques. Cada una de
estas opciones, a su vez, tiene otras que te permitirn estilizar mejor tus dibujos, como
veremos en el paso 4.
6.
Como podrs observar, la ventana
tiene a su lado izquierdo la imagen a la que
vamos a dar los efectos, para poder
realizar un pre visualizacin y tener una
idea de cmo va quedando la figura
mientras lo hacemos. Asimismo, en la parte
derecha, existen ms opciones de acuerdo
a cada efecto, que permiten definir mejor
cada cambio a realizar. Ahora haz clic en la
opcin Textura > Vidriera.
7.
El marco te quedar con este efecto, adems, le puedes elegir un color, tanto al trazo
como al marco. Ahora ests listo para que puedas poner tu foto o dibujo.
Aplica lo aprendido
Aplicacin 4.3: Descarga la imagen Estrellita, aplica los efectos 3 D y Estilizar para
que tu imagen se visualice como en la siguiente imagen:
Aplicacin 4.4: Descarga la imagen Tortuga y aplcale la opcin Estilizar y la opcin
plastificado de la Galera de efectos.
Ficha de Aprendizaje N 15
Curso: Diseo Grfico con Illustrator
Captulo IV: Aplicando efectos en Adobe Illustrator
Tema: Utilizando herramientas de transformacin
Duracin: 2 horas pedaggicas
Logros de aprendizaje
Utiliza las herramientas de transformacin, para elaborar sus diseos.
Conocimientos previos
Observa la siguiente imagen:
Qu herramientas crees que se han utilizado, para la
elaboracin de la imagen?
Mapa de Contenidos
Deformar
Moliente
HERRAMIENTAS DE
TRANSFORMACIN
Fruncir y Engordar
Arrugar, Festonear y
cristalizar
1
Contenidos de aprendizaje
Deformar
Fruncir
Engordar
Arrugar
Molinete
Cristalizar
Festonear
HERRAMIENTA DEFORMAR
Si deseas, puedes
darle color
al
relleno y borde de
cada elipse.
HERRAMIENTA MOLINETE
1.
2.
1.
Dibuja en tu mesa de trabajo una estrella. En el centro de un vrtice, haz clic. Vers
que los lados se jalarn hacia el cursor.
2.
Hemos
aplicado
la
herramienta Engordar en
los vrtices inferiores.
3. Guarda tu figura en tu
carpeta de trabajo.
Festonear
Cristalizar
Arrugar
Cristalizar
Aplica lo aprendido
Aplicacin 4.5: Utilizando las diferentes herramientas, realiza la siguiente estampilla:
Aplicacin 4.6: Escribe el texto La vida es bella, luego, convirtelo en contornos y
utilizando las herramientas de transformacin, realiza los siguientes cambios.
Ficha de Aprendizaje N 16
Curso: Diseo Grfico con Illustrator
Captulo IV: Aplicando efectos en Adobe Illustrator
Tema: Proyecto Integrador
Duracin: 2 horas pedaggicas
Para iniciar el trabajo, debes abrir una nueva mesa de trabajo en donde realizars tu
proyecto integrador. En esta nueva mesa, y una vez que tengas definido el tema de tu
tarjeta, vas a empezar a dibujar las ilustraciones que deseas que tenga tu invitacin.
Empezaremos a trabajar haciendo los trazos de la tarjeta de cumpleaos. Para ello,
hemos dibujado lo siguiente:
Sugerencia:
Para este trabajo,
hemos utilizado las
herramientas
de
dibujo
Rectngulo,
Elipse
y
Cuadrcula
rectangular.
Sugerencia:
El tamao definido para esta tarjeta es el de una hoja A4.
Se pint el relleno de la cuadrcula y de cada cuadrado por separado. Por otro lado, se
realiz un texto con trazado y tambin se coloc un texto de rea para ceirlo con las
imgenes. Por ltimo, con la Pluma, se agreg un logo calcado de un superhroe.
Sugerencia:
Mueve todos los elementos diseados y colcalos de acuerdo a como irn ubicados en tu
tarjeta de invitacin. Recuerda utilizar la opcin Ordenar haciendo uso del clic derecho,
para traer algunos elementos al frente.
Sugerencia:
Se elabor una figura poligonal. Luego, se aplic opacidad y, colocando el cursor en las
esquinas del polgono, se utiliz la herramienta Molinete.
Evala tu proyecto
Presenta tu tarjeta impresa a tus compaeros, luego, comenta en funcin a las
siguientes preguntas:
Por qu ser importante este programa Adobe Illustrator?
Se realizaron todos los requerimientos indicados para el proyecto?
Alguno de ellos result complicado?
Cmo podras evaluar tu trabajo?