Está en la página 1de 102

+

Manual de Diseño Gráfico


Edición a cargo de Escuela de Tecnologías de la Información (ETI).
Programa De Computación, Diseño y Extensión.
Dirección del Programa : Leonardo Noblecilla Mirano

Elaboración : Luis Miguel Pallin Tello


: Giancarlos Barboza Nieto
: María Susana Fuentes

Los derechos de la edición, distribución y comercialización de este material son de


Exclusividad del Instituto Sise.
PRESENTACIÓN

Esta guía didáctica es un material de ayuda institucional, perteneciente al Área


Técnica de Computación, y que tiene por finalidad proporcionar los
conocimientos de diseño vectorial en Adobe Illustrator CC.

Adobe Illustrator (AI) es el nombre o marca comercial oficial que recibe uno de
los programas más populares de la casa Adobe, junto con sus programas
hermanos Adobe Photoshop y Adobe Flash, y que se trata esencialmente de una
aplicación de creación y manipulación vectorial en forma de taller de arte que
trabaja sobre un tablero de dibujo, conocido como "mesa de trabajo" y está
destinado a la creación artística de dibujo y pintura para Ilustración.

La Organización SISE, líder en la enseñanza tecnológica a nivel superior,


promueve la elaboración de estos materiales de aprendizaje, en concordancia a
las actuales exigencias tecnológicas de nuestros tiempos, esperando que sirvan
de ayuda para facilitar el proceso de aprendizaje de los estudiantes.
ÍNDICE
 Presentación

 Contenido.

 Sesión 01……………………………………………………………………......... 01
Diferencias entre Imágenes Físicas e Imágenes Digitales.
Conociendo el Entorno de Adobe Illustrator CS5.
Novedades de la versión CS5.
Entorno de Trabajo.
Adobe Bridge: Abriendo y organizando
gráficos compatibles.
Formas Básicas: Rectángulos, Elipses y Polígonos.

 Sesión 02……………………………………………………………………......... 13
Dibujo de Líneas y Curvas.
Relleno, Trazo, Degradados.
Trabajando con objetos.
Selección.
Escalar, Rotar y Reflejar.
Alinear y Distribuir.
Buscar Trazo
Duplicar y Repetir objetos.

 Sesión 03…………………………………………………………………….........27
Uso de la herramienta Pluma y Selección directa
Redibujado de imágenes

 Sesión 04……………………………………………………………………......... 36
Calco de Ilustraciones.
Color
RGB, CMYK, HSB, LAB y GRIS
Herramienta Anchura
Usando la Herramienta Bote de Pintura Interactiva.
Herramienta Pincel, Pincel de Cerda.
Creación, Importación y Exportación de Pinceles.
Manejo de Transparencias y Opacidad.

 Sesión 05……………………………………………………………………......... 49
Textos.
Métodos: Texto de Punto, de Área o Párrafo y sobre Trazados.
Formatos y Estilos de Carácter y Párrafo.
Establecer columnas en textos de área.
Enlazar textos de Área.
Textos y Objetos.
Transformación de textos a trazados.

 Sesión 06…………………………………………………………………….........61
Examen Parcial
 Sesión 07……………………………………………………………………......... 64
Uso del Panel de Símbolos.
Cambios de Modo de Fusión.
Mallas y Fusiones de Color.
Motivos.
Efectos I
Sombra
Desplazamiento.
Redondear vértices.
Resplandor.
Desvanecimiento.

 Sesión 08……………………………………………………………………......... 75
Cuadricula perspectiva
Selección perspectiva
Cuadricula Izquierda
Cuadricula Derecha
Cuadricula Horizontal

 Sesión 09……………………………………………………………………......... 81
Herramienta Malla
Creación de Objetos con Malla.

 Sesión 10……………………………………………………………………......... 84
Efectos II
Efectos 3D: Extrusión y Biselado, Girar y Rotar.
Mapeado

 Sesión 11……………………………………………………………………......... 92
Impresión y Publicación.
Presentación de Proyectos Finales.

 Sesión 12…………………………………………………………………….........95
EXAMEN FINAL
Sesión 01

Temas:
Imágenes físicas y digitales
Entorno de Adobe Illustrator
Novedades de la versión CC
Adobe Bridge
Formas Básicas: Rectángulos, Elipses y
Polígonos.

Competencias:

CC
Dibujar objetos en todas formas en Illustrator CC.
Conocer las aplicaciones Básicas en Illustrator CC.
ADOBE ILLUSTRATOR CC

DIFERENCIAS EN IMÁGENES FISICAS Y DIGITALES


Illustrator CC es una herramienta desarrollada por Adobe, con la que podremos crear y
trabajar con dibujos basados en gráficos vectoriales.
Para entender cómo funciona este programa, lo primero es entender qué es un gráfico
Vectorial, y que diferencia existe con los gráficos basados en mapa de bits.

¿Qué es un Mapa de Bits?


Las imágenes de mapa de bits, también conocidas como imágenes ráster, están
compuestas por puntos individuales denominados píxeles, dispuestos y coloreados de
formas diversas para formar un patrón. Pero si aumenta el tamaño del mapa de bits,
también aumentará el número de píxeles individuales, haciendo que las líneas y las
formas tengan un aspecto dentado, dando la sensación de que ver los píxeles.

La reducción del tamaño de un mapa de bits distorsiona la imagen original, ya que se


eliminan algunos píxeles para reducir el tamaño de la imagen, lo que hace que se
pierda información.

En el ejemplo vemos que al reducir la imagen, se han perdido píxeles, y ya no se


muestra el dibujo de la malla. Si esto lo hacemos desde un editor, y guardamos la
imagen, estos píxeles no se recuperan ni volviendo a aumentar la imagen, por lo que
hemos perdido calidad.

El color y la forma de una imagen de mapa de bits aparece regular si se observa a


distancia, puesto que cada píxel tiene un color propio, puede crearse efectos de
realismo fotográfico tales como el sombreado y el aumento de la intensidad de color.

Página 2
ADOBE ILLUSTRATOR CC

Debido a que las imágenes de mapa de bits forman conjuntos de píxeles ordenados,
sus distintos elementos no se pueden manipular (por ejemplo mover) de forma
individual.
Se basan en mapa de bits los formatos más habituales, como el jpg, bmp o gif.

¿Qué es un gráfico Vectorial?


Las imágenes vectoriales, también llamadas imágenes orientadas al objeto o imágenes
de dibujo, se definen matemáticamente como una serie de puntos unidos por líneas. Los
elementos gráficos presentes en un archivo vectorial se denominan objetos. Cada objeto
es una entidad completa con propiedades tales como color, forma, contorno, tamaño y
posición en la pantalla, que están incluidas en su definición.
Considerando que cada objeto es una entidad completa, se puede mover, cambiar sus
propiedades una y otra vez manteniendo su claridad y nitidez originales, sin afectar a
los restantes objetos de la ilustración.
Los dibujos vectoriales no dependen de la resolución. Esto significa que se muestran
con la máxima resolución permitida por el dispositivo de salida: impresora, monitor,
etc. Por lo tanto, la calidad de imagen de tu dibujo será mejor si lo imprimes en una
impresora de 600 puntos por pulgada (ppp) que en una impresora de 300 ppp.
En esta imagen podemos ver que un gráfico del mismo tamaño, pierde resolución al
aumentarlo si se trata de un mapa de bits, pero no si se trata de un gráfico vectorial.

Existen programas distintos para tratar estos dos tipos de gráficos. Programas como
Photoshop,Paint Shop Pro o GIMP trabajan sobre mapas de bits. Estos programas
están más enfocados altratamiento y retoque fotográfico. Otros programas, como
Illustrator, Corel Draw o InkScape trabajan con gráficos vectoriales. Estos programas
son más utilizados para crear imágenes desde cero, aunque lo que creemos lo
convirtamos después a un mapa de bits, guardándolo como un gif o un jpg.

Página 3
ADOBE ILLUSTRATOR CC

NOVEDADES DE LA VERSION CC
Vértices interactivos
Puede editar fácilmente los vértices de las formas y los trazados de la ilustración.
Seleccione uno o más puntos de vértice y arrastre el nuevo widget Vértices interactivos
para cambiar la forma del vértice. Elija entre tres tipos de vértice: redondeado,
redondeado invertido o chaflán.

Herramienta Pluma mejorada


La herramienta Lápiz se ha mejorado para facilitar un mejor encaje de curvas, el cierre
automático de trazados y el dibujo de segmentos rectilíneos restringidos y no
restringidos. Las mejoras se han ampliado a las herramientas Pincel, Pincel de
manchas y Suavizar.

Encaje de curvas. Las herramientas Suavizar y Lápiz tienen un regulador de


fidelidad que permite seleccionar el encaje de curvas más adecuado. El tipo de encaje
de curvas se establece en el cuadro de diálogo Opciones de la herramienta Lápiz >
Regulador de fidelidad.

Cierre de trazado. Al dibujar un trazado, puede cerrarlo si la distancia entre los


puntos finales es de un número determinado de píxeles. El número predefinido de
píxeles se configura en el cuadro de diálogo Opciones de la herramienta Lápiz > en el
campo En.

Segmentos y trazados. La herramienta Lápiz mejorada permite dibujar


trazados con restricciones y sin ellas. Asimismo, se pueden continuar o
combinar trazados con la nueva herramienta.
Ajustes preestablecidos de suavizado. Al hacer doble clic en el icono de la
herramienta Suavizar en el cuadro de herramientas, aparece el cuadro de diálogo
Opciones de la herramienta Suavizar. En este cuadro de diálogo hay disponible un
regulador de fidelidad basado en ajustes preestablecidos.

Página 4
ADOBE ILLUSTRATOR CC

Flujos de trabajo de cambio de forma de segmentos y soporte táctil


Se han mejorado los flujos de trabajo que se utilizan para cambiar la forma de
segmentos de trazado y ahora son más sencillos de usar. Para cambiar la forma de los
segmentos de trazado sin restricciones, utilice las herramientas Pluma (mientras
dibuja), Punto de ancla o Selección directa.Por ejemplo, ahora puede presionar la tecla
Alt/Opción y luego usar la herramienta Pluma para reformar segmentos de trazado
individuales, como se muestra en esta ilustración.

Combinación de segmentos de trazado, con su forma cambiada por la herramienta


Pluma
A. Forma original B. El cursor de Reformar segmento indica un segmento listo para
reformarse C. Cuando el cursor de Reformar segmento está visible, haga clic y
arrastre para modificar la forma del segmento. D. Reforme tantos segmentos como
desee E. Forma final cuando se han reformado todos los trazados

Trabajo con fuentes Typekit


Puede acceder a miles de fuentes de Typekit desde Illustrator CC. Al activar la
sincronización de fuentes de Typekit en el escritorio mediante la aplicación Creative
Cloud, las fuentes a las que se ha suscrito en Typekit aparecen junto a las fuentes
instaladas de manera local.

A. Filtro de fuente de Typekit B. Botón de acceso al sitio web de Typekit C. Fuentes


basadas en Typekit .

Página 5
ADOBE ILLUSTRATOR CC

Cuadrícula de perspectiva
Hemos mejorado la cuadrícula de perspectiva para poder trabajar con la herramienta
de un modo mucho más flexible e intuitivo. En Illustrator CC, modificar la cuadrícula de
perspectiva también afecta a cualquier ilustración vinculada. Por ejemplo, si manipula
los controles de la línea del horizonte o el punto de fuga también cambiará la
perspectiva de la ilustración. Esta mejora solo están disponibles en cuadrículas de
perspectiva de dos o tres puntos.
Nota: en versiones anteriores de Illustrator, modificar la cuadrícula de perspectiva no
tenía efecto alguno en la ilustración vinculada.

1.-Vincule la ilustración a una cuadrícula de perspectiva.


2.-En la vista de la cuadrícula de perspectiva (Vista > Cuadrícula de perspectiva >
Mostrar cuadrícula), seleccione la herramienta Cuadrícula de perspectiva.
3.-Bloquee el punto de estación en la cuadrícula de perspectiva (Vista > Cuadrícula de
perspectiva > Bloquear punto de estación).
4.-Seleccione un punto de fuga y modifique la cuadrícula de perspectiva. La ilustración
se desplaza junto con la cuadrícula de perspectiva modificada.

Soporte de Windows mejorado


Flujo de trabajo de SVG mejorado

Página 6
ADOBE ILLUSTRATOR CC

Iniciando el Programa
 1er Forma

A través del Menú Inicio de Windows 8


Presionare la Tecla Windows y digitare Illustrator

 2da Forma

A través del Ejecutable


Presionare la Tecla Windows + R y Redactamos

Una vez cargado el programa, se muestra esta ventana

Página 7
ADOBE ILLUSTRATOR CC

Una vez cargado el programa haremos clic en la Pestaña Archivo/Nuevo, se muestra


una ventana que permite configurar el nuevo documento, tales como dimensiones, perfil
(web o impresión), modo de color, etc.

ENTORNO DE ADOBE ILLUSTRATOR CC

1. Barra de Menú
2. Panel de Control
3. Cuadro de Herramientas
4. Barra de Zoom
5. Panel Flotante
6. Área de Trabajo
7. Menú de Paneles

Página 8
ADOBE ILLUSTRATOR CC

ADOBE BRIDGE
Otra forma de abrir documentos es a través de Adobe Bridge, al que se accede desde
la opción Archivo/Explorar en Bridge.

Ventana Principal
Desde aquí veré mis archivos en lugar que estén guardados.

Podemos asignarles etiquetas de color, agruparlas para organizar mejor las fotografías
pertenecientes a un mismo tema o incluso marcarlas con estrellas para reconocer tus
favoritas.
Para ello simplemente selecciona las imágenes que quieras marcar (si son más de una
utiliza la tecla CTRL para crear selecciones múltiples), haz clic en el menú Etiqueta y
selecciona la opción que prefieras:

Página 9
ADOBE ILLUSTRATOR CC

Del mismo modo, para agrupar varias imágenes en una pila, selecciónalas utilizando la
tecla CTRL y despliega el menú Pilas.

Haz clic sobre la opción Agrupar como pila y el conjunto de imágenes se mostrará de
la siguiente forma:

En la parte superior encontramos 3 imágenes agrupadas en una pila contraída. El grupo


de abajo se trata de una pila expandida de 4 imágenes. Para ver el contenido de una
pila sólo tendrás que hacer clic sobre el número de imágenes que aparece en ella.
Desde esta ventana también puedes decidir el modo en el que verás las miniaturas de
los archivos. Puedes agrandarlas o hacerlas más pequeñas utilizando el control en
forma de barra de deslizamiento que se encuentra al pie:

Los botones de la derecha establecerán el modo en el que se ven los archivos.


El primero muestra las imágenes como un conjunto de miniaturas tal y como veíamos
en la imagen anterior.
El segundo botón muestra la ventana como una tira de imágenes, visualizando en
grande la imagen seleccionada en la tira.
El tercer botón crea un listado de las imágenes que muestra su miniatura y a su
derecha los detalles del archivo.
Por último, si hacemos clic derecho sobre cualquiera de estos botones se mostrará un
menú contextual que nos ofrecerá la posibilidad de cambiar a otros tipos de espacios
de trabajo.

Página 10
ADOBE ILLUSTRATOR CC

FORMAS BÁSICAS
1.-En nuestro lienzo A4, podemos seleccionar la Herramienta rectángulo o presionar la
Tecla M, ahí podemos crear las siguientes formas.

2.-Si deseo desprender la herramienta para poder trabajar mejor hare clic en la
siguiente opción.

3.-Para crear cualquiera de las figuras seleccionamos dicha figura y con el mouse
presionado el clic izquierdo trataremos de crearlo.

4.-Crearemos las cinco primeras formas.

Página 11
ADOBE ILLUSTRATOR CC

Ejercicio
1.-Para crear un estrella de más lados al momento crear la estrella presionaremos las
teclas direccionales hacia arriba.

2.-Lo mismo haremos para crear un rectángulo pero estamos con la Herramienta
Polígono presionado la tecla direccional abajo.

3.-Si queremos poner medidas seleccionamos nuestro objeto y lo haremos en la


Pestaña

3.-Para activar Reglas me iré a la Pestaña Ver/ Reglas / Mostrar Reglas (Control + R),
ahora arrastrare las reglas para acomodar y alinear el diseño.

4.-Para pintarlo puedo utilizar la venta color o Muestras.

Página 12
Sesión 02

Temas:
Dibujo de Líneas y Curvas
Relleno, Trazo y Degradados
Trabajando con Objetos
Selección
Escalar, Rotar y Reflejar.
Alinear y Distribuir
Buscar Trazo
Duplicar y Repetir Objetos

Competencias:

CC
Dibujar objetos con Buscatrazos en Illustrator CC.
Conocer las diversas formas de Relleno.
ADOBE ILLUSTRATOR CC

DIBUJO DE LINEAS Y CURVAS

1.-Para este ejemplo crearemos un Lienzo A-4 Horizontal.

2.-Desprenderemos la Herramienta que trabaja con Líneas.

3.-Creare las siguientes figuras.

Página 14
ADOBE ILLUSTRATOR CC

4.-Como esta figuras son trazos podemos ponerle color de Trazo y Grosor.

5.-Si deseamos aumentar la cantidad de Trazos, antes de crearlo le damos doble clic
en el Lienzo y configuramos los valores.

-Pulsar la tecla H, activa la Herramienta Mano


-Pulsar la tecla Z, activa la Herramienta Zoom.
- Pulsar Control + Tecla + (Mas) y observar cómo se acerca.
- Pulsar Control + Tecla – (Menos) y observar cómo se aleja.
- Pulsar Control + Tecla . (Punto) encajar la página.
- Pulsar la Tecla F, para hacer una previsualización a pantalla completa

Página 15
ADOBE ILLUSTRATOR CC

RELLENO
1.-Crearemos las siguientes Figuras.

2.-Seleccionaremos el primer cuadrado, nos ubicaremos y escogeremos el color de


relleno en la parte de arriba.

3.-Veremos estos resultados.

Página 16
ADOBE ILLUSTRATOR CC

4.-Le aplicaremos otro relleno a nuestro objeto.

5.-Para poner otro tipo de textura seleccionaremos la opción de Relleno – menú


Biblioteca de Muestras.

6.-Obtendremos los siguientes resultados.

Página 17
ADOBE ILLUSTRATOR CC

DEGRADADOS
1.-Crearemos un Rectángulo con las siguientes medidas.

2.-Nos iremos a la Ventana Degradado y le daremos clic para activar.

3.-Activaremos las Herramienta Degradado y podemos aplicar los siguientes cambios.

Página 18
ADOBE ILLUSTRATOR CC

4.-Podemos crear una Elipse y le daremos el siguiente degrado.

5.-Si deseamos mover el Angulo del Degradado también podemos usar la Herramienta
Degradado (G).

6.-Y así podemos usar nuestros degradados en Adobe Illustrator CC.

Página 19
ADOBE ILLUSTRATOR CC

TRABAJANDO CON OBJETOS


a. Selección

Para modificar un objeto, cambiar sus propiedades, eliminarlo, etc., en definitiva, para
trabajar con él, lo primero que debemos de hacer es seleccionarlo.
Cuando uno o varios objetos están seleccionados, es a esos objetos a los que se le
aplican propiedades que podamos cambiar, como el color, y son sus opciones las que
se muestran en el Panel de control.
b. Escalar, Rotar y Distribuir.

Crear una Flor Futurista


1.-Crearemos un Elipse y luego lo duplicaremos a un costado con la Tecla ALT.

2.-Ahora nos vamos a la Busca trazos clic en la pestaña Ventana / Buscatrazos y


activaremos la Opción Intersección.

Página 20
ADOBE ILLUSTRATOR CC

3.-Presionando la Tecla R activara la Herramienta Rotar, presionando al tecla Alt


llevaremos el punto central hacia abajo.

4.-Colocaremos el siguiente valor en ángulo y activaremos Previsualizar y le daremos


clic en Copiar.

5.-Luego presionaremos las teclas Control + D para que pueda seguir pegando.

Página 21
ADOBE ILLUSTRATOR CC

6.-Luego de copiar todas las hojas de flor, pasaremos a pintarlo de amarillo.

6.-En la opción Trazo le pondremos el valor 0, y en la Opción Transparencia le


pondremos una opacidad de 50%.

7.-Con un poco de Imaginación llegaremos al siguiente resultado.

Página 22
ADOBE ILLUSTRATOR CC

C.- Alinear Distribuir, Busca Trazo Duplicar y Repetir Objetos


1.-Activaremos la Ventana Alinear, Clic en la pestaña Ventana Alinear.

2.-Ahora crearemos las siguientes formas, al activar la Pestaña Alinear tendremos la


opción Transformar que podremos ubicar la posición y las medidas de objetos.

3.-Podemos seleccionar el rectángulo y cambiar la dirección y veremos que se darán


los cambios en Transformar.

Página 23
ADOBE ILLUSTRATOR CC

4.-Seleccionamos los dos objetos, nos iremos a la Pestaña Alinear, haremos clic en
Centrar y después en Centrar Verticalmente.

5.-En un nuevo interface A-4 Horizontal diseñaremos las siguientes formas.

6.-A cada forma le daremos las siguientes opciones de Buscatrazos, al número 01 le


daremos Menos Frente, al número 02 le damos unificar y por ultimo al 03 Formar
Intersección.

Página 24
ADOBE ILLUSTRATOR CC

Crear un Logo en Illustrator


1.-Crearemos un rectángulo con las siguientes medidas.

2.- Creamos otro rectángulo con las siguientes medidas 140 x 25 mm al centro, lo
alinearemos y luego lo pintamos.

3.-Con la Herramienta Texto (T) Fuente Magneto Bold tamaño 48, digitamos lo
siguiente.

4.-Colocaremos de la siguiente manera.

Página 25
ADOBE ILLUSTRATOR CC

5.-Con la Herramienta Elipse crearemos los Ojos uno tras otro y lo iremos
acomodando.

6.-Este será nuestro resultado final.

7.- Clic en la Pestaña Archivo / Exportar

7.-Pondremos los valores del Modo de Color y Resolución.

Página 26
Sesión 03

Temas:
Herramienta Pluma
Uso de la herramienta Pluma
Selección directa
Redibujado de imágenes

Competencias:

CC
Redibujar personajes en illustrator
Aprender diversas formas de Vectorizar.
ADOBE ILLUSTRATOR CC

Herramienta Pluma
Dibujo con la Herramienta Pluma – Modos de Uso

Página 28
ADOBE ILLUSTRATOR CC

USO DE LA HERRAMIENTA PLUMA.

Página 29
ADOBE ILLUSTRATOR CC

Ejercicios Con Pluma

Página 30
ADOBE ILLUSTRATOR CC

REDIBUJADO DE IMÁGENES
1.-En Lienzo A-4 Horizontal.

2.-Clic en Archivo / Colocar la imagen Ejercicio.

3.-Ahora incrustamos la imagen para que sea parte de los insumos de Illustrator.

4.-Podemos expandir o aumentar el tamaño presionando las Teclas Shift + Alt,


arrastrando desde la esquina.

Página 31
ADOBE ILLUSTRATOR CC

5.-Bloquearemos la Imagen para que no se pueda mover, clic en la pestaña


Objeto/Bloquear/Selección (Control + 2).

6.- Le quitamos el relleno y le dejaremos con borde color negro. Ahora activaremos la
Herramienta Pluma.

7.-Con Pluma ahora haremos clic en los puntos del cuerpo para empezar a Vectorizar.

Página 32
ADOBE ILLUSTRATOR CC

8.-Con la Herramienta Selección Directa(A) seleccionaremos el primer punto y le


daremos clic en Convertir puntos de Anclas en Suavizados.

9.-Con la Tecla ALT moveremos cada uno de los Vértices hasta darle la forma.

10.-Haremos lo mismo a darle forma a la parte de abajo.

Página 33
ADOBE ILLUSTRATOR CC

11.-Crearemos un rectángulo para la forma del rectángulo.

11.-Convertiremos los puntos de ancla y le daremos la forma al cuerpo.

12.-Y así vamos a terminar de vectorizar toda la forma.

Página 34
ADOBE ILLUSTRATOR CC

PINTAR
1.-Para pintar seleccionaremos (V) ala vectorizada, luego activaremos la Herramienta
Cuentagotas (I) y le daremos clic en el ala de color azul.

2.-Al darle clic en el color del ala se pintara automáticamente.

3.-Al terminar de pintarlo nos daremos cuenta entre un Vector y un Mapa de Bits.

Página 35
Sesión 04

Temas:
Calcos de Ilustraciones
Color: RGB, CMYK, HSB, LAB Y GRIS
Herramienta Anchura
Bote de Pintura Interactiva
Herramienta Pincel, Pincel de Cerda
Creación, Importación y Exportación de
Pinceles.
Manejo de Transparencias y Opacidad
Competencias:

CC
Aprender el uso y manejo de Calcos
Aprender el uso y manejo de Pinceles.
ADOBE ILLUSTRATOR CC

CALCO DE ILUSTRACIONES

Permite convertir con rapidez y precisión fotografías, escaneados u otras imágenes de


mapas de bits en trazados vectoriales ampliables y editables con la función de CALCO
INTERACTIVO.
- Crear Nuevo documento A4 para imprimir

- Colocar la imagen mapa de bits Logohp.jpg.

- La imagen es muy grande para el área de trabajo, es necesario reducirlo empleando


el panel de transformación.(Shift+F8)

- Asignar los valores según la imagen.

-Luego incrustamos la Imagen y clic en botón Calco Interactivo y


seleccionamos Logotipo en Blanco y Negro.

Página 37
ADOBE ILLUSTRATOR CC

-Ahora seleccionamos la Opción Contornos y clic en Expandir.

-Ahora desagrupamos y empezaremos a pintarlo.

-Y asi con la Herramienta Calcos podemos lograr buenos diseños.

Página 38
ADOBE ILLUSTRATOR CC

EL COLOR
Al hablar del color deberemos tener en cuenta el entorno en el que se visualiza el
trabajo. No es lo mismo verlo a pleno sol que un día nublado. La percepción que
tendremos será por fuerza distinta, ya que un factor que influye es el brillo. También el
fondo en que se presente el trabajo tiene una gran importancia a la hora de realzarlo
para dar una sensación de mayor calidad.

a. RGB, CMYK, HSB, LAB y GRIS.

Los modos de color más usuales son:


RGB ROJO, VERDE, AZUL se emplea en diseños con colores claros que
generalmente se mostrarán mediante el monitor. Por ejemplo en una página web.
CMYK CIAN, MAGENTA, AMARILLO y NEGRO También conocido como
CUATRICOMIA, se emplea cuando el diseño será impreso (Full collor)
HSB TONO, SATURACION, BRILLO se emplea cuando se quiere trabajar en la onda
de luz que refleja el objeto, la intensidad y pureza de un color, oscurecer o aclarar.
LAB Se emplea para trabajar con imágenes PhotoCD (PCD)
ESCALA de GRIS Estas imágenes son de 8 bits y pueden llegar a tener 256 tonos
distintos en la escala de gris. Los valores que pueden tomar los pixeles van de 0 negro
a 255 blanco.

b. Tintas Planas.

Es una tinta especial previamente mezclada que se utiliza en lugar, o además, de las
tintas de cuatricromía, y que requiere su propia plancha de impresión en una imprenta.
Utilice tintas planas si se han especificado pocos colores y es muy importante la
precisión del color. Las tintas planas pueden reproducir con precisión los colores que
están fuera de la gama de los colores de cuatricromía. Sin embargo, la apariencia exacta
de las tintas planas impresas la determina la combinación de las tintas que se han
mezclado en la imprenta y el papel en las que se imprimen, y no los valores de color
especificados ni la gestión del color. Al especificar valores de color de tintas planas, sólo
se describe la apariencia simulada del color en el monitor y el compuesto en la impresora
(que pueden estar limitados por la gama de dichos dispositivos).
Tenga en cuenta las siguientes pautas al especificar una tinta plana:
Para obtener los mejores resultados en documentos impresos, especifique una tinta
plana en un sistema de correspondencia de colores que admita su imprenta. En el
software se incluyen varias bibliotecas de sistemas de correspondencia de colores.
Disminuya la cantidad de tintas planas que utiliza. Las tintas planas creadas generarán
planchas de tintas planas adicionales en la imprenta y, por tanto, aumentarán los costes
de impresión. Si son necesarios más de cuatro colores, es aconsejable imprimir el
documento utilizando colores de cuatricromía.
Si un objeto contiene tintas planas y se superpone sobre otro objeto que contiene
transparencia, pueden producirse resultados no deseables al exportar al formato EPS,
al convertir tintas planas en cuatricromías utilizando el cuadro de diálogo Imprimir o al
crear separaciones de color en una aplicación que no sea Illustrator ni InDesign. Para
obtener resultados óptimos, use la opción Vista previa de acoplador o Vista previa de
separaciones para realizar una prueba en pantalla de los efectos del acoplamiento de
transparencias antes de imprimir. Además, puede convertir las tintas planas en colores
de cuatricromía mediante el Administrador de tinta en InDesign antes de imprimir o
exportar.

Página 39
ADOBE ILLUSTRATOR CC

Puede utilizar una plancha de impresión de tinta plana para aplicar un barniz sobre
determinadas áreas de un trabajo en cuatricromía. En este caso, el trabajo de impresión
utilizaría un total de cinco tintas: cuatro tintas de cuatricromía y un barniz de tinta plana.

c. Cambios de Modos de Color.

Es posible cambiar el modo de color en la visualización del documento. Para ello se


realiza lo siguiente:

En el Menú ARCHIVO>MODO DE COLOR DEL DOCUMENTO elegir RGB o CMYK.


Para cambiar el Modo de Color en el Panel Color, realizar el siguiente procedimiento:

- Activar el Panel Color, Menú VENTANA > COLOR

- Realizar clic según indica la siguiente imagen. Luego elegir el modo de color que
desea emplear en el Panel Color.

Nota: Si el Panel Color no se muestra según la imagen elegir MOSTRAR OPCIONES.


CUATRICOMIA
También conocido como CMYK se aplica a ilustraciones que se imprimirán a todo
color.

Página 40
ADOBE ILLUSTRATOR CC

USO DE LA HERRAMIENTA BOTE DE PINTURA


1.-Crear Nuevo documento A4 para imprimir y diseñamos lo siguiente solo con
Elipses.

2.-Ahora activaremos la Herramienta Bote de Pintura (K).

3.-Si avanzamos con las teclas direccionales, nos daremos cuenta que podemos
cambiar el color del Bote Pintura.

4.-Al hacer clic con cada color seleccionado podemos pintar los espacios de las
Elipses.

Página 41
ADOBE ILLUSTRATOR CC

HERRAMIENTA PINCEL.
La herramienta Pincel permite asignar un estilo a los trazos que se crean o trazos
existentes.

Son 4 los tipos de pinceles:

- Pinceles caligráficos: Crean trazos similares a los de la punta afilada de una


pluma caligráfica, dibujados a lo largo del centro del trazado.

- Pinceles de dispersión: Dispersan copias de un objeto a lo largo del trazado.

- Pinceles de arte: Modifican la forma de un pincel o la forma de un objeto


uniformemente por todo el trazado.

- Pinceles de motivo: Dibujan un motivo, formado por azulejos individuales,


que se repite a lo largo del trazado. Los pinceles de motivo pueden incluir como
máximo cinco azulejos, destinados a los lados, la esquina interior, la esquina
exterior, el comienzo y el final del motivo.

3.- En las opciones del panel Pincel, verificar y/o activar las siguientes opciones.

Página 42
ADOBE ILLUSTRATOR CC

4.- Los pinceles activados por defecto es: Pinceles Caligráficos.


5.- Selecciones el primer trazo y pruebe uno de los pinceles caligráficos.
6.- Seleccione el segundo trazo y pruebe con el pincel de arte.
7.- Seleccione el tercer trazo y pruebe con el pincel de arte.
Puede cambiar el grosor de trazo.

CREACION, IMPORTACION Y EXPORTACION DE PINCELES


Es posible crear pinceles personalizados, realizando lo siguiente:
Pincel Caligráfico:
1.- Abrir el archivo Creación de Pinceles.
2.- Realizar clic en Nuevo Pincel del Panel Pinceles.
3.- En el cuadro de dialogo activar Nuevo Pincel Caligráfico, luego OK.

Página 43
ADOBE ILLUSTRATOR CC

4.- Ingresar los datos según la siguiente imagen o según criterio. Luego OK.

5.- Seleccionar el primer trazo y elegir el pincel creado.


Pincel de Dispersión:
1.- Seleccionar el dibujo de la hormiga que se encuentra en la parte inferior derecha,
para crear el pincel de dispersión.
2.- Realizar clic en Nuevo Pincel del Panel Pinceles.
3.- En el cuadro de dialogo activar Nuevo Pincel de Dispersión, asignar los valores
según la siguiente imagen, luego OK.

4.- Seleccione el 2do trazo y asigne el pincel creado.

Página 44
ADOBE ILLUSTRATOR CC

5.- Es posible modificar las opciones de pincel, realizando doble clic sobre el pincel
creado
6.- Luego mostrará un cuadro de dialogo, realizar clic en Aplicar a todos los Trazos.
7.- Para emplear el Método de Colorización (Alteración de tono), active el panel color y
elegir el color de su preferencia

Pincel de Arte:
1.- Seleccionar el dibujo de líneas curva que se encuentra en la parte inferior derecha,
para crear el Pincel de Arte.
2.- Realizar clic en Nuevo Pincel del Panel Pinceles.
3.- En el cuadro de dialogo activar Nuevo Pincel de Arte, luego OK.

4.- En el siguiente cuadro de dialogo cambiar los datos según la imagen.

Página 45
ADOBE ILLUSTRATOR CC

5.- Luego en el Panel Color elegir un color para el trazo y también grosor de trazo.

6.- Realizando doble clic en el pincel creado es posible cambiar según criterio, en las
Opciones de Pincel y elegir OK . (Experimente).
7.- Para realizar un ejemplo más, crear un Pincel de arte con el siguiente dibujo, y
pruebe las opciones.

8.- Realizar el siguiente ejercicio propuesto que aparece la imagen.

Página 46
ADOBE ILLUSTRATOR CC

Importación / exportación de pinceles


Es posible obtener los pinceles de otro archivo realizando lo siguiente:

1.- Activar las opciones del Panel Pincel y elegir Abrir Biblioteca Pinceles> Otra biblioteca.

2.- Seleccionar el archivo BB_abstract.ai que contiene nuevos pinceles. Abrir.


3.- Mostrará otro Panel con los nuevos pinceles listos para utilizarlos.

MANEJO DE TRANSPARENCIAS Y OPACIDAD

Las transparencias constituyen una parte integral de Illustrator, ya que es posible añadir
transparencias a una ilustración con los procedimientos siguientes:

 Reducir la opacidad de los objetos para que se haga visible la ilustración subyacente.
 Utilizar máscaras de opacidad que creen variaciones de transparencias.
 Utilizar un modo de fusión para cambiar el modo en que los objetos interactúan con los
objetos superpuestos.
 Aplicar degradados y mallas que contengan transparencias.
 Aplicar efectos o estilos gráficos que contengan transparencias, por ejemplo, sombras
paralelas.
 Importar archivos de Adobe Photoshop que contengan transparencias.

Transparencias
1.- Crear un nuevo documento para Imprimir.
Nombre: Espacio
Tamaño: A4
Orientación: Horizontal
2.- Establecer Líneas Guía de 10mm por lado, con respecto al borde de la página.
3.- Colocar la Imagen Machu Picchu y luego la imagen Tahuantinsuyo.
4.- Seleccionando la segunda imagen colocada, cambiar las dimensiones.

Página 47
ADOBE ILLUSTRATOR CC

5.- Activar el Panel de Transparencia y el Panel de Capas.

6.- Cambiar el Modo de Fusión: Aclarar y en Opacidad poner el 85%

7.-Notaremos este resultado.

Página 48
Sesión 05

Temas:
Textos.
Métodos: Texto de Punto, de Área o
Párrafo y sobre Trazados.
Formatos y Estilos de Carácter y
Párrafo.
Establecer columnas en textos de área.
Enlazar textos de Área.
Textos y Objetos.
Transformación de textos a trazados.
Competencias:

CC
Aprender el uso y manejo de Textos
Conocer todos los tipos de Textos
ADOBE ILLUSTRATOR CC

TEXTOS
El texto es una de las funciones más cuidada de Illustrator. Podemos añadir desde
pequeñas anotaciones a nuestra ilustración a utilizar Illustrator para crear atractivos
folletos, y dar a nuestro texto la forma que queramos tratándolo como un trazado.

a. Métodos: Texto de Punto, de Área o Párrafo y sobre Trazados.


Disponemos de tres métodos de inserción de texto, que elegiremos en función de la
cantidad de texto a introducir y de cómo pretendemos utilizarlo:

1. Texto de punto
Para introducir este tipo de texto, basta con seleccionar la herramienta Texto y
hacer clic sobre el punto inicial y comenzar a escribir. Cuando quieras saltar de
línea, pulsamos la tecla Enter.

2. Texto de área o texto de párrafo.


Los caracteres vienen contenidos en un objeto, que define sus límites. Cuando
llega a los límites, el texto se va ajustando al elemento contenedor. Utilizaremos
este método para introducir texto+- de varios párrafos, ya que nos facilita
posicionarlo con el resto de imágenes.

El símbolo + que aparece en la imagen indica que el texto ha desbordado, no cabe todo
en el área de texto. Para introducir este texto, seleccionamos el objeto que formará el
área, y hacemos clic en su trazado con la herramienta Texto de área para poder
comenzar a escribir. Normalmente utilizaremos áreas rectangulares, las cuales
podemos crear directamente trazando un rectángulo con la herramienta Texto.

Página 50
ADOBE ILLUSTRATOR CC

3. Texto en un trazado.
El texto sigue la línea y dirección del trazado sobre el que lo añadamos, ya sea
abierto o cerrado. Utilizaremos este método para introducir texto con formas
especiales, como en títulos.

4. Texto Vertical
El texto que introducimos normalmente es horizontal, pero también podemos
introducir texto vertical. Esto no se refiere al texto en relación con la parte
horizontal del documento, si no a que un carácter esté al lado del anterior (texto
horizontal) o en su parte inferior (texto vertical).

Illustrator trae un espacio de trabajo especialmente pensado para trabajar con texto,
que muestra los principales paneles que veremos a lo largo de la unidad. Este espacio
de trabajo se llama Tipografía

Página 51
ADOBE ILLUSTRATOR CC

b. Formatos y Estilos de Carácter y Párrafo.


Illustrator nos permite aplicar al texto los distintos formatos existentes, como fuente,
tamaño, interlineado, espacio entre caracteres, etc. Cuando aplicamos un formato a un
elemento de texto, este se aplica a todos sus caracteres. Si queremos aplicarlo sólo a
una parte del texto, debemos seleccionar esos caracteres. Para poder seleccionar,
hacemos doble clic sobre el elemento de texto con la herramienta Selección.
El formato se puede aplicar desde el Panel de control, con un objeto de texto
seleccionado, o desde el panel Carácter.

Si queremos cambiar el color del texto, utilizaremos su relleno. Esto nos permite darle,
por ejemplo, una tinta plana o un motivo al texto, aunque no un degradado. También
podemos cambiar el color y grosor del borde que forma el carácter.

Propiedades Del Párrafo

Existen otras propiedades que se aplican al conjunto del texto, a todo un párrafo. Estas
son las propiedades de párrafo, y se refieren sobre todo a la alineación del texto.
Podemos manejar estas opciones desde el Panel de control, o desde el panel Párrafo.

Página 52
ADOBE ILLUSTRATOR CC

Los valores de sangría y separación se refieren a la distancia del párrafo con sus lados,
o con el párrafo siguiente. Estos valores se aplican en las posiciones que se ve en esta
imagen:

La alineación del texto se refiere a cómo se alinea el texto con respecto a los lados del
párrafo, igual que en cualquier procesador de textos.

Alinear a la izquierda.

Alinear a la derecha

Centrado
Estos métodos dejan el lado por el que no se alinea con aspecto dentado. Podemos

alinear a ambos lados a la vez, justificando el texto , para que rellene toda la línea.
Este efecto puede no quedar atractivo en la última línea si es muy corta, por eso

podemos hacer que en el texto justificado la última línea se alinee a la izquierda ,

centro o derecha .

En el texto de ejemplo, vamos que cuando una palabra no cabe completa, se divide en
sílabas añadiendo un guión al final de la línea. Esto se produce porque en el panel
Párrafo está marcada la opción Separar. Si lo desmarcamos, cuando la palabra no
quepa se trasladará toda a la siguiente línea.

Las propiedades del párrafo no podemos aplicarlas a grupos de caracteres aislados. Si


seleccionamos un objeto de texto, y aplicamos una de estas propiedades afectará a todo
el texto. Pero si estamos editándolo, sólo se aplicará al párrafo en el que esté el punto
de intersección.

Página 53
ADOBE ILLUSTRATOR CC

Recuerda, al escribir un texto, marcamos el fin de un párrafo cuando pulsamos la tecla


Enter creando un punto y aparte.

ESTILOS DE CARÁCTER Y PÁRRAFO


Cuando utilizamos Illustrator para crear textos extensos, como folletos, nos
encontramos con párrafos y caracteres a los que aplicamos las mismas propiedades.
Por ejemplo, tendremos varios apartados, todos con la misma alineación y sangría, y
todos comenzando con un título de mayor tamaño y otro color. Y dentro de cada
apartado, querremos resaltar palabras, poniéndolas en negrita y con otro color. Incluso
puede que utilicemos párrafos de mayor tamaño para textos más importantes.

Todo lo anterior sería muy ineficaz si tuviésemos que aplicarlo cada vez, sobre todo si
hay que cambiar muchas propiedades. Por eso, al crearlos la primera vez podemos
guardarlos como estilos, de forma que solo haya que seleccionarlo la siguiente vez que
queramos utilizarlos.

Dependiendo de si se trata de propiedades de párrafo o propiedades de carácter,


tenemos dos paneles, Estilos de párrafo y Estilos de carácter, aunque su uso es el
mismo.

En ambos paneles aparece una lista de estilos. El estilo normal, es el estilo base del
documento, y el resto los que hayamos ido creando. Cuando junto a la nombre
aparece el símbolo +, indica que han habido anulaciones de estilo, es decir, el estilo
seleccionado y el actual del texto no coinciden, por ejemplo, por haberse modificado.
Para aplicar el estilo, seleccionamos el texto y elegimos el estilo de la lista.

Para crear un nuevo estilo, primero se lo aplicamos al texto o párrafo. Después en su


correspondiente panel, pulsamos el icono Nuevo estilo para que se guarde con
un nombre por defecto, o elegimos Nuevo estilo desde el menú del panel e
introducimos el nombre.

Si hacemos doble clic sobre el estilo, podemos modificar todas sus propiedades.

Otra forma más visual consiste en aplicar el estilo al texto, modificar lo que queramos,
y en el menú de Propiedades del panel elegir Redefinir estilo.
Al modificar un estilo, el cambio se refleja en todo el texto sobre el que se haya
aplicado el estilo.

Página 54
ADOBE ILLUSTRATOR CC

c. Establecer columnas en textos de área.

El método de inserción más utilizado, sobre todo para escribir texto largo es el ÁREA
DE TEXTO. Una vez creado uno de estos elementos, podemos modificar su altura,
anchura, número de columnas o filas, a través del Menú Texto, Opciones de Texto de
Área…

Llegamos así a la ventana OPCIONES DE TEXTO DE ÁREA:

La Anchura y Altura se refieren a las dimensiones del texto de área, o de un rectángulo


que lo contiene, cuando su forma no es rectangular.
Podemos dividir el texto de área en Filas (horizontalmente) o Columnas,
verticalmente.Para ello indicamos el Número de divisiones, el Alcance, ancho de la
columna o alto de la fila y el Medianil, espacio entre columnas o filas. La opción Fijo
afecta si redimensionamos el texto de área. Si está marcada, se tomará el alcance
como fijo, y al aumentar el tamaño aumentará el número de filas o columnas, sin variar
el alcance. Si se desmarca, se respetará el número de divisiones y el alcance
aumentará o disminuirá para ajustar el texto.

Página 55
ADOBE ILLUSTRATOR CC

En Desplazamiento, podemos definir en Espaciado de margen la distancia entre el texto


y los bordes de área que lo contiene.

El desplazamiento de la Primera línea de base se refiere a la separación de esta línea


con el borde superior del área. Podemos elegir valores como Ascendente, donde la
distancia es la de la letra d, Altura de mayúscula para que tome la separación del alto
de una mayúscula, Interlineado para que tome el mismo valor del interlineado o Fijo,
para que tome como mínimo el valor introducido en el campo Mín., entre otros.

La opción Flujo de texto marca el orden del texto en un documento con filas y columnas

A parte de estas opciones, el texto de área sigue siendo un objeto. Por lo que podemos
utilizar la herramienta Selección directa para cambiar su forma, y añadir o quitar puntos
de ancla con la Pluma. El texto se ajustará a la nueva forma del área.
Podemos importar texto a partir de archivos de texto plano, texto con formato y
documentos de Word. Para hacerlo, sólo hay que abrir el documento de texto desde el
Menú Archivo, Abrir. Dependiendo del documento, tendremos que elegir una serie
deopciones, pero al final el texto se insertará en un nuevo texto de área.

Página 56
ADOBE ILLUSTRATOR CC

d. Enlazar textos de Área.

Al escribir, podemos crear textos de áreas con un texto fijo, y colocarlo en un lugar del
documento. Pero pensemos en un tríptico, por ejemplo. En este caso lo ideal sería
tener un texto de área centrado en cada página, y que cuando el texto no nos cabe en
uno, pase al siguiente. Esto lo conseguimos enlazando los distintos textos de área.
Tanto los textos de área como los textos en trazados tienen un cuadradito en su
comienzo, llamado puerto de entrada, y otro al final, llamado puerto de salida.

Cuando todo el texto cabe en el elemento de texto, el puerto de salida aparece en


blanco. Pero cuando el texto desborda al elemento, el puerto de salida muestra el
símbolo +. Cuando dos elementos de texto aparecen enlazados, el que va primero
muestra una flecha hacia afuera en el puerto de salida, que está unido al puerto de
entrada del siguiente elemento, que muestra una flecha hacia adentro.

Para crear un elemento de texto enlazado, partimos de un objeto de texto ya creado, y


hacemos clic con la herramienta Selección en uno de sus puertos, en el de entrada si
queremos que el nuevo objeto vaya delante, o en el de salida si el nuevo objeto irá a
continuación. El cursor cambiará a , dándonos tres opciones:
Hacer clic sobre el trazado de un objeto existente para convertirlo en un elemento de
texto.
Hacer clic en el documento para crear un elemento de texto igual que el que enlaza.
Trazar un nuevo elemento de texto, igual que con la herramienta Texto.
Si esto lo hacemos en un puerto ya enlazado, el nuevo elemento de texto se colocará
entre los elementos que estaban enlazados.
Para romper un enlace, podemos hacer doble clic sobre un puerto enlazado, lo que
mueve todo el texto al puerto anterior. En cambio, si lo hacemos desde el Menú Texto,
Texto enlazado, Quitar enlace, los enlaces desaparecen, pero el texto permanece
encada elemento.

Página 57
ADOBE ILLUSTRATOR CC

e. Textos y Objetos.

Si estamos utilizando Illustrator para escribir texto será porque vamos a crear una
composición de textos y gráficos. Y normalmente adaptaremos el texto al espacio que
dejen estos gráficos, lo que también sirve para lograr mejores efectos en el texto.

Para conseguir esto, debemos colocar el texto, que debe de ser texto de área, y encima
(en orden de apilamiento) los objetos que le rodeen. Pero hay que tener en cuenta que
el efecto se aplicará a todos los objetos de texto que estén por debajo de los objetos.
Todos los elementos deben de estar en la misma capa. Ahora, con los objetos
seleccionados, en el Menú Objeto, Ceñir texto, Crear.

Página 58
ADOBE ILLUSTRATOR CC

Los objetos quedan así ceñidos, auto ajustándose el texto cada vez que los movamos.
Podemos personalizar algunos aspectos, como el margen alrededor del objeto,
escogiendo en el mismo menú Opciones de Ceñir texto.

En Desplazamiento podemos concretar los puntos de margen alrededor del objeto.


Invertir ceñido hace, por ejemplo, que si el texto está alrededor de un trazo cerrado y
lo marcamos, a la altura del objeto el texto aparecerá dentro.

Página 59
ADOBE ILLUSTRATOR CC

f. Transformación de textos a trazados.

El texto puede ser transformado fácilmente en un objeto, utilizando la opción del menú
Texto → Crear contornos.

Esto convierte el texto en un grupo de objetos, agrupados en dos niveles, uno todo el
texto, y otro por cada carácter. Y cada carácter queda formado por un trazado, con sus
puntos de ancla y su relleno, por lo que a partir de ahora dejaremos de tratarlo como si
fuese texto.
Trabajo Final

Página 60
Sesión 06

Temas:
Examen Parcial.

Competencias:

cc
Calificar y reforzar lo aprendido
ADOBE ILLUSTRATOR CC

Medidas del documento:


Tamaño: 40 cm x 28 cm
Unidades: Milímetros
Modo de color: CMYK
Resolución: 300

Fuentes utilizadas:
- Arial Bold
- Arial Black
- Arial Regular
- Arial Marrow
- TV Cen Mt Condense

Página 62
ADOBE ILLUSTRATOR CC

LADO A

LADO B

Página 63
Sesión 07

Temas:
Uso del Panel de Símbolos.
Cambios de Modo de Fusión.
Herramienta Fusión
Motivos.
Efectos I
Sombra
Desplazamiento.
Redondear vértices.
Resplandor.
Desvanecimiento.

Competencias:

CC
Aprender el uso y manejo de Símbolos
Conocer todos los tipos de Efectos
ADOBE ILLUSTRATOR CC

USO DEL PANEL DE SIMBOLOS


Un Símbolo es un objeto de arte que se puede reutilizar en un documento mediante
instancias y evitar añadir el arte complejo cuando lo necesite.
Los símbolos se almacenan en el panel símbolos.
- Crear un Nuevo Documento A4 para imprimir. Active el Panel Símbolos, en el menú
elegir VENTANA>SIMBOLOS. Adobe Illustrator posee una variedad de símbolos
incorporados los cuales están organizados por categoría.
- Para activar más símbolos realice clic en MENU BIBLIOTECA DE SIMBOLOS.

- Elegir Botones y Barras Web


- Mostrará símbolos adicionales, realizar clic en el símbolo de su preferencia.
- El símbolo seleccionado se mostrará en un nuevo panel.

-Si presionamos cargar el Biblioteca Siguientes podemos notar los demás símbolos.

Página 65
ADOBE ILLUSTRATOR CC

 Haremos clic en uno de los símbolos que estamos viendo para que se agregue
a la ventana Principal de Símbolos.

Para emplear los símbolos, cree una instancia de los mismos.


- Realizar clic en COLOCAR INSTANCIA DE SÍMBOLO, según la imagen

- Puede asignar nombre de instancias, editar símbolo, romper enlace y duplicar,


empleando la barra control.
Nota: También puede editar o modificar el símbolo realizando doble clic sobre la
instancia.

Podemos también arrastrar hacia nuestra


Hoja de Trabajo y modificarlo con clic
derecho Romper Enlace a Símbolo.

Página 66
ADOBE ILLUSTRATOR CC

- Con la Opción Símbolos y nuestro conocimiento en Diseño podemos crear


grandes ilustraciones.

Página 67
ADOBE ILLUSTRATOR CC

Emplee las Herramientas de símbolos (Rociar símbolos, Desplazar símbolos,


unir/separar símbolos, cambiar de tamaño y rotar símbolo) y experimente los diversos
estilos.

Para crear un símbolo, realizar el arte con las figuras de su preferencia, seleccionar el
arte creado (el grupo de flores) y arrastrar hacia el Panel Símbolos y soltar.

Mostrará lo siguiente:

De esta manera nosotros podemos crear nuestros símbolos.

Página 68
ADOBE ILLUSTRATOR CC

HERRAMIENTA FUSIÓN
1.-Crearemos un Archivo con la siguientes medidas.

2.- Con la herramienta “Pluma” dibujamos un trazado con atributos de relleno “Ninguno”
y trazado de color rojo y grosor 1 pt.Con este primer trazado dibujaremos el lomo del
cuerpo del ave.

3.-Con la herramienta “Pluma” dibujamos la línea inferior del cuerpo del ave con un
trazado con atributos de relleno “Ninguno”, trazado de color verde y grosor 1pt.

¡ATENCIÓN!: Vamos a trabajar con fusiones entre trazados abiertos. Procurar que los
trazados no se toquen al dibujarlos. Ver la figura:

Página 69
ADOBE ILLUSTRATOR CC

ATENCIÓN!: Es importante que el segundo trazado para la fusión lo empieces a dibujar


en la misma dirección que el primero (por ejemplo, si el primer trazado lo habéis
empezado de izquierda a derecha, el segundo igual).
Con la herramienta Selección (V) seleccionamos los dos trazados y aplicamos una
fusión: Objeto/Fusión/Crear. A continuación reducimos los pasos de la fusión:
Objeto/Fusión/Opciones de fusión/Pasos especificados 15.

Obtendremos un resultado como éste:

Afinamos el resultado: con un zoom sobre el pico del ave para trabajar mejor, con la
herramienta de selección directa (A), seleccionamos el primer punto del trazado verde
y lo juntamos con el primer punto del trazado rojo. De este modo el pico terminará en
punta.

Página 70
ADOBE ILLUSTRATOR CC

Creación de Alas

Con la herramienta “Pluma” dibujamos 3 trazados con los mismos atributos de relleno y
grosor pero cambiando el color (verde-rojo-amarillo), como se muestra en esta imágen.

No olvides dibujar cada trazado siguiendo la misma dirección de origen. Con la


herramienta Selección (V) seleccionamos los 3 trazados y aplicamos una fusión:
Objeto/Fusión/Crear. A continuación reducimos los pasos de la fusión:
Objeto/Fusión/Opciones de fusión/Pasos especificados 8.

Página 71
ADOBE ILLUSTRATOR CC

La segunda ala la realizáis siguiendo el mismo procedimiento.

Cola

Con la herramienta “Pluma” dibujamos diversos trazados cambiando los colores, como
se muestra en esta imagen:

Página 72
ADOBE ILLUSTRATOR CC

A cada fusión aplicar Objeto/Fusión/Opciones de fusión/Pasos especificados 3.

Terminar la ilustración

Una vez terminado el proceso, con la herramienta selección directa (A) podemos
rectificar los trazados de origen de cada fusión a nuestro gusto:

Página 73
ADOBE ILLUSTRATOR CC

Página 74
Sesión 08

Temas:
Cuadricula de Perspectiva.

Competencias:

CC
Usar correctamente la Cuadricula de
Perspectiva.
ADOBE ILLUSTRATOR CC

CUADRICULA PERSPECTIVA
1.-Para poder resolver este ejercicio crearemos nuestro lienzo.

2.-Crearemos la siguientes figuras con la siguientes medidas.

Página 76
ADOBE ILLUSTRATOR CC

3.-Podemos colocar los diseños hacia fuera de la Hoja para poder trabajar con la
Herramienta Cuadricula de Perspectiva.

4.-Una vez seleccionada la Herramienta Cuadricula de Perspectiva acomodar los


puntos de la cuadricula de perspectiva.

5.-Clic en la herramienta Selección de Perspectiva para activar en el cubo un cuadro


de selección.

6.-Con la Herramienta Selección de Perspectiva podremos seleccionar un lado del


cubo.

Página 77
ADOBE ILLUSTRATOR CC

7.-Con Selección de perspectiva (Shift + V) haremos clic en la Cuadricula Izquierda, y


moveremos los siguientes objetos al lado azul de la cuadricula.

8.-Como vemos los objetos se desplazan hacia el lado izquierda ahora acomodaremos
sus medidas.

Página 78
ADOBE ILLUSTRATOR CC

9.-Ahora con Selección de perspectiva (Shift + V), haremos clic en Cuadricula Derecha
de color naranja y moveremos los siguientes objetos.

10.-Si no queremos seleccionar ningún lado clic en ninguna cara del cubo, para
desaparecer la cuadricula presionaremos Control + Shift +I.

Página 79
ADOBE ILLUSTRATOR CC

Ejercicios

Página 80
Sesión 09

Temas:
Herramienta Malla.
.

Competencias:

CC
Usar correctamente la Cuadricula de
Perspectiva.
ADOBE ILLUSTRATOR CC

HERRAMIENTA MALLA
Para el uso de esta Herramienta podemos aplicarla de diversas maneras, a
continuación veremos una de ellas.
1.-Colocamos la imagen que vamos a diseñar con Illustrator.

2.-Activaremos la Herramienta Malla (U), y daremos clic en los siguientes puntos.

3.-Con Selección Directa(A) pintaremos los siguientes puntos.

Página 82
ADOBE ILLUSTRATOR CC

4.-Añadiremos más puntos con Malla.

5.-Seguiremos añadiendo cuantas veces sea necesario.

6.-De esta manera tendríamos una forma de utilizar Malla.

Página 83
Sesión 10

Temas:
Efectos II
Efectos 3D: Extrusión y Biselado,
Girar y Rotar.
Mapeado.
Competencias:

CC
Usar correctamente la Cuadricula de Perspectiva.
ADOBE ILLUSTRATOR CC

EFECTOS II
Dentro de los Efecto de Illustrator, encontramos los Efectos 3D.

El efecto Rotar nos permite girar un objeto en tres dimensiones, mientras que los
efectos de Extrusión y biselado y Girar nos permite crear objetos tridimensionales.

a. Efectos 3D: Extrusión y Biselado:


Este efecto nos permite dar profundidad a un objeto.
1.-Crearemos este siguiente texto con las siguientes medidas.

2.- Le daremos clic derecho Crear Contornos y luego damos Desagrupar.

3.- Podemos aplicar este efecto desde el Menú Efecto 3D > Extrusión y biselado.

Página 85
ADOBE ILLUSTRATOR CC

4.- Llegamos a la ventana con los controles que ya hemos explicado. En la parte
central aparecen los parámetros específicos para este efecto:

5.-Nos mostrara este resultado.

Página 86
ADOBE ILLUSTRATOR CC

Crear un anillo con Extrusión y Biselado


1.-Crear una Elipse con las siguientes medidas,

2.-Clic en la Pestaña Efecto 3D - Extrusión y Biselado, y le damos los siguientes


valores.

3.-Obtendremos este resultado.

Página 87
ADOBE ILLUSTRATOR CC

4.-Ahora crearemos el siguiente texto y lo arrastramos hacia símbolos.

5.-Regresamos a la Pestaña Apariencia para poder volver activar Extrusión y Biselado.

6.-Presionaremos otra vez Pre visualizar y haremos clic en Mapear Ilustración.

Página 88
ADOBE ILLUSTRATOR CC

7.-Ubicamos el lugar para poner el símbolo correspondiente.

8.-Luego acomodar le presionamos la tecla OK.

Datos Adicionales

 Las propiedades de extrusión son la Profundidad de extrusión, y el Remate,


que puede ser de Apariencia sólida o Apariencia hueca .

 La extrusión puede ser plana, o darle un bisel, seleccionándolo del panel Bisel.
El bisel es un relieve más o menos complejo. Podemos definir la Altura máxima
de este relieve. Y también encontramos dos botones, para decidir si el bisel va

hacia fuera , y se suma al tamaño del objeto, o si va hacia dentro

Página 89
ADOBE ILLUSTRATOR CC

b. Efectos 3D: Girar

El efecto girar es el que nos permite crear los objetos tridimensionales más complejos.
Gira el objeto original sobre uno de sus lados para crear el objeto. Es decir, si giramos
medio círculo, obtenemos una esfera

Podemos aplicar este efecto desde el Menú Efecto >3D > Girar.... Las opciones
específicas de Girar son las siguientes:

Ángulo. Determina cuantos grados se gira, donde 360º es el giro completo.


En Desplazamiento, podemos marcar la distancia a la que se establece el eje de giro,
desde el Borde izquierdo o desde el Borde derecho.

c. Efectos 3D: Rotar

Este efecto nos permite rotar los objetos en tres dimensiones.

Página 90
ADOBE ILLUSTRATOR CC

d. Mapeado

Al crear un objeto 3D, por extrusión y biselado o por giro, el objeto pasa a tener varias
caras. Por ejemplo, si aplicamos extrusión a un círculo, obtenemos un cilindro, con una
cara superior, una cara en la base, y otra en el cuerpo del cilindro. En el caso de crearlo
usando el giro, cada segmento del razado original será una cara del objeto
tridimensional.
A cada una de estas caras, podemos asignarle una ilustración, que se ajustará a la
forma del objeto.

Las ilustraciones que vayamos a colocar, debemos tenerlas en el panel de Símbolos.


Es decir, si es un objeto del documento, lo arrastraremos al panel, y si es un símbolo de
la biblioteca, lo seleccionaremos para que aparezca en el panel. Sólo podremos colocar
un símbolo por cara.
Cuando tengamos preparados los símbolos, en la ventana que definimos los parámetros
del objeto 3D, pulsamos el botón Mapear ilustración, para llegar a la ventana Mapear
ilustración:

Página 91
Sesión 11

Temas:
Impresión y Publicación
Presentación de Proyectos Finales

Competencias:

cc
Conocer las diversas formas de Impresión.
ADOBE ILLUSTRATOR CC

IMPRESIÓN Y PUBLICACION
Al crear un gráfico con Illustrator no buscamos obtener un archivo .ai, sino un PNG o un
JPG para publicarlo en una Web o guardar la imagen, un archivo de Flash, o cualquiera
de los múltiples formatos que soporta la aplicación. Para ello, debemos exportar el
documento.
Esta opción se encuentra en el Archivo → Exportar.

Al exportar, solo se guarda la parte del documento que aparece dentro de lamesa de
trabajo (el rectángulo negro).

El diálogo que se muestra es parecido a Guardar como. De hecho, la única diferencia


es el tipo de archivo que podemos elegir.

Observa que no aparecen los formatos en los que ya habíamos guardado el documento,
como el .ai. Estos son formatos que no conservan las propiedades de Illustrator, aunque
algunos, como el formato de Photoshop si permitan exportar algunas características,
como las capas. Por eso es importante guardar una copia del documento en formato de
Illustrator para poder volver a editarlo.

Página 93
ADOBE ILLUSTRATOR CC

Dependiendo del formato que elijamos, al pulsar Exportar nos aparecerán unas
opciones de conversión u otras. Por ejemplo, exportar a PNG podremos elegir la
resolución y el color de fondo, incluyendo transparencias; si elegimos un JPEG
podremos elegir entre mejor calidad o un archivo más pequeño, la resolución, aspectos
del formato...; y si elegimos algo más complicado, como Flash, encontraremos una gran
cantidad de opciones específicas para ese formato.

Si lo que queremos es obtener una imagen para publicarla en una Web, una forma más
interesante de exportar es la opción Guardar para Web... que podemos encontrar en el
menú Archivo.

Esta opción resulta más completa para este fin, porque nos permite, por ejemplo,
comparar cómo quedaría en distintos formatos, para poder ajustar mejor la calidad y el
tamaño, y ver cuánto tardaría en descargarse, que son aspectos muy importantes para
una Web.

Página 94
Sesión 12

Temas:
Examen Final.

Competencias:

cc
Calificar lo aprendido en el
transcurso del mes.
ADOBE ILLUSTRATOR CC

Medidas del documento:


Tamaño: A3
Orientación: Vertical
Unidades: Milímetros
Modo de color: CMYK
Resolución: 300

Fuentes utilizadas:
- Arial Bold
- Arial Black
- Times New Roman
- Freehand521BT

Página 96

También podría gustarte