Вы находитесь на странице: 1из 23

Taller de Diseño Gráfico Adobe Illustrator CS5

Lo que debemos saber.

¿ Qué es Adobe Illustrator?

Illustrator CS4 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.

En clase presentaremos un archivo en el cual podremos comparar y gráfico


vectorial y un grafico mapa de bits.

Ventajas de trabajar con gràficos vectoriales, la principal es que este tipo de


objetos no pierden resolución al agrandarlos o aumentar su escala, los gráfico
vectoriales también son compatibles con Autocad, en el caso de Adobe Flash
también y basicamente la ventaja en el caso de Adobe Flash es que hace que
las animacion sean mas ligeras en cuestión de peso de archivo, facilita las
tecnicas de animación, la calidad visual es A1.

Por lo general para tener un buen arte final , los Logotipo hay que dibujarlos,
(convertirlos en objetos vectoriales)

¿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 colorea-
dos 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, a esto en terminos gráfico se le llama “imagen pixeleada”

1
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

COMENZANDO A TRABAJAR

Lo que debemos saber al crear un nuevo archivo

Si lo que queremos es crear un nuevo documento, podremos elegir uno de los


perfiles predefinidos según lo que queramos obtener. Estos perfiles se diferen-
cian en valores preestablecidos para el tamaño, el modo de color, las unidades,
la orientación, la transparencia y la resolución.

Por ejemplo, si lo que queremos es imprimir el documento en alta resolución,


Tipo de color
C = cian
M = magenta
Y = yellow
K = key (negro)

Unidad de media :
milímetros si fuese para pre-prensa
centímetros para casos como banners , banderolas

Trabajo a nivel digital: por esto se entiende un proyecto que queda tras la
pantalla (página web, catálogo, cd card, video)

Tipo de color
R = red
G = green
B = black
Unidad de medida: píxeles

2
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

Lo primero que podemos elegir, es el nombre del documento escribiéndolo en


Nombre:. En este caso hemos elegido un perfil para Web,
Perfil: aquí seleccionamos el tipo de perfil (web o impreso)
Número de mesas de trabajo: mesas de trabajo denota lo mismo que páginas.
Espaciado: espacio que hay entre las mesas de trabajo o páginas
Columnas: ojo no son columnas de texto, esto se refiere a la forma en que se
mostrarán las mesas de trabajo, claro está que cuando hay más de una mesa de
trabajo se ve esta opción activa.

Altura y Anchura: tamaño de la mesa de trabajo

Unidades en que se miden,


Orientación: horizontal o vertical

Sangrado: esto se aplica básicamente para un tema de impresos, como ayuda


para el cuadre de corte

www.talleresperu.com 3
Taller de Diseño Gráfico Adobe Illustrator CS5

Ventana Illustrator

La ventana se puede variar el modo de ver la pantalla , o también podemos usar


este recurso si es que hemos perdido alguna parte de la ventana.

1. Ir al menú Ventana / Espacio de trabajo / ...Allí seleccionamos por ejemplo Photo-


shop
*Lo ideal es acostumbrarse a usa este tipo de espacio, ya que nos servirá para
familiarizarnos con Photoshop

MANEJO DE LA VISTAS ZOOM

1.Podemos ayudarnos con el Navegador


Menú Ventana/ Navegador

2. Comandos
Ctrl + acerca
Ctrl - aleja

3. Herramienta zoom (Z)

4
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

Abrir documento guardado

Esto lo podemos hacer del modo convencional, con Menú archivo / Abrir.
Una forma más versátil de hacerlo es con Menú Archivo / Explorar en Bridge.

Adobe Bridge , es un explorador grafico de documentos o archivos, la ventaja es que nos


da una vista previa de estos, ya sean archivos de flash, video , gifs ...

Insertar un imagen a un documento , esto lo podemos hacer de modos.

1.- Ir al menú archivo / Colocar


2.- La segunda forma y más practica es , Explorar en Bridge y jalar la imagen sobre el
documento de Illustrator.

Guardar y exportar
Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encon-
trar un gráfico:

•Un gráfico puede estar en proceso, y no estar todavía acabado. Bien porque queremos
grabar en determinado momento para no perder los cambios realizados, o porque desea-
mos terminar la sesión de trabajo y continuar más adelante.
•O un gráfico puede encontrarse terminado y listo para publicar, imprimir o almacenar.
Por tanto, si el gráfico puede encontrarse en dos estados de trabajo, guardaremos nues-
tros archivos de formas diferentes. De todas formas, al terminar lo normal es guardar de
ambas formas. Es decir, por un lado creamos un archivo de trabajo, y por otro el archivo
final, pero si en el futuro queremos volver a editar el archivo, deberemos hacerlo sobre el
archivo de trabajo, que guarda todas sus propiedades.

www.talleresperu.com 5
Taller de Diseño Gráfico Adobe Illustrator CS5

GUARDAR : Guarda los cambios en el documento. Si es la primera vez que guardamos,


mostrará el diálogo Guardar como, para que elijamos la ubicación y formato del archivo.

GUARDAR COMO:
Esta opción guarda los cambios en un archivo nuevo, pudiendo elegir otra ubicación o
formato, y seguimos trabajando con el nuevo archivo creado.

GUARDAR UNA COPIA: Como su nombre indica, crea una copia del documento, pare-
cido a la opción Guardar como, pero nos permite seguir trabajando con el documento
original.

MODIFICAR LA MESA DE TRABAJO

Activa la Herramienta Mesa de Trabajo ( Shift O )

En la barra de propiedades tenemos opciones para: cambiar el formato , alineación,


eliminar las mesas de trabajo, crear nuevas.

6
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

TRABAJAR CON OBJETOS

Seleccionar Objetos: La forma más simple de seleccionar un objeto es haciendo clic


sobre él con la herramienta Selección , o trazando un cuadrado con esta herrami-
enta que abarque a todos los elementos a seleccionar.

Seleccionar más de un objeto: si es que los objetos no se encuentran en la misma


área, lo podemos hacer de la siguiente manera.
1.- Activa la herramienta de Selección (V)
2.- Presiona la tecla Shift, y da clic sobre los objetos a seleccionar.

Modificar el orden de los objetos:


1.- Clic derecho sobre el objeto

Traer al frente: adelanta todos los objetos


Hacia delante: adelanta sólo un objeto.
Hacia atrás: de un objeto.
Enviar detrás: de todos los objetos

Agrupar objetos: A medida que intentemos hacer dibujos más complejos, descubrire-
mos que necesitamos que varios objetos formen uno sólo. Esto lo conseguimos a
través de la agrupación. Al agrupar varios objetos, podemos tratarlos como una
unidad. Podemos seleccionar todos a la vez, redimensionarlos conservando la propor-
ción entre ellos.

Agrupar
1.- Seleccionar los objetos
2.- Ir al menú . Objeto/ Agrupar
3.- También lo podemos hacer presionando el comando Ctrl + G

Desagrupar
1.- Seleccionar los objetos
2.- Ir al menú . Objeto/ Desagrupar

7
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

COLOR - RELLENOS

Hay distintas formas de aplicar color de relleno o trazo , lo básico lo veremos en la Barra
de Herramientas.

intercambiar colores
color de relleno

color de trazo

colores: blanco - negro

sin color

También tenemos el “Panel Color”, Menú Ventana / Color

color de relleno

color de trazo

colores: blanco - negro


sin color

cambiar tipo color

8
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

Selector de Color, podemos seleccionar un color por paleta o ingresando los códigos

Herramienta Cuenta Gotas

Esta herramienta nos permite seleccionar un color desde cualquier


parte de la ventana, ya sea para un color de relleno o trazo.

9
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

Relleno Degradado (G)

Un degradado es una fusión gradual de colores. Por ejemplo, un rectángulo puede tener un
degradado de amarillo a rojo. Uno de sus extremos se verá amarillo, y este color se irá combi-
nando con el rojo pasando a un amarillo anaranjado, naranja, rojizo hasta llegar al rojo en el
otro extremo

Creación de Motivos

1.- Abrir el panel : Muestras


2.- Selecciona el objeto a convertir en motivo
3.- Jálalo al Panel muestras.

Relleno con motivo

10
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

Transparencias

Podemos aplicar transparencias a nuestros objetos de Illustrator, de forma que se pueda


ver a través de ellos total o parcialmente.

Recuerda: Para trabajar con transparencias resulta muy útil la rejilla de transparencia (Ctrl
+ Mayúsculas + D).

La transparencia más simple es conseguir ver a través del relleno de un objeto

Lo único que necesitamos para conse-


guir esto, es reducir la Opacidad en el
panel de Transparencia

11
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

PROPIEDADES DE LOS TRAZOS

Lo ideal es activar el siguiente parámetro para, que al escalar los objetos , también se escale
el tamaño de los trazos.

Preferencias/general/ cambiar escala de trazos y efectos

PANEL TRAZO

Como se muestra en el ejemplo , en este panel podemos variar el grosor, remate, vértice,
darle forma de flecha y cambiar el perfil

12
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5
PINCELES

En vez de utilizar trazados lisos, podemos utilizar otros más llamativos, con los pinceles. Illustrator
tiene cuatro tipos de pincel:

Pinceles caligráficos, que simulan el trazado de una pluma caligráfica.


Pinceles de dispersión, que repiten un objeto a lo largo del trazado.
Pinceles de arte, que dan un efecto Artístico, modificando la forma del pincel o creando un objeto
que se extiende a lo largo del trazado.
Pinceles de motivo, que repiten un motivo de forma continua

Para crear un pincel personalizado, realiza


el mismo proceso que para crear un
motivo.

1.- Selecciona el objeto.


2.- Y jálalo sobre el panel “ Pinceles”

13
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

TEXTOS

14
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

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.

Menú Ventana / Espacio de trabajo / Tipografía

TEXTO Y OBJETOS

Si estamos utilizando Illustrator para escribir texto será porque vamos a


crear una composición de textos y gráficos. Y normal-
mente adaptaremos el texto al espacio que dejen
estos gráficos, lo que tam- bié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 obje- tos de texto que estén por
debajo de los objetos. Todos los ele- mentos deben de estar en la misma
capa. Ahora, con los objetos selec- cionados, en el menú Objeto / Ceñir /
Crear.

Los objetos quedan así ceñidos, auto ajustándose el texto cada vez que los mo-
vamos. 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.

Estados del Texto Área

15
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator CS5

Menú Efecto / Estilizar / Sombra paralela

diseño
Menú Efecto / 3D / Extrusion y biselado

1.- Seleccionar , texto y objeto.


2.- El texto debe estar encima del objeto
3.- Menú Objeto / Máscara de recorte / Crear

Menú Ventana / Estilos gráficos

16
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator Cs5

Alinear y distribuir objetos

Muchas veces nos encontraremos con la necesidad de organizar nuestros objetos de forma
automática, por ejemplo, que todos queden centrados, alineados a la derecha, o distribuídos
dejando el mismo espacio entre ellos. Para hacerlo, tenemos las opciones de alineación y
distribución de objetos.

Lo primero es seleccionar los objetos. Podemos utilizar los métodos de selección que hemos
visto. Si queremos alinear o distribuir
objetos, tomando uno como
referencia, despues de haber
seleccionado todos, volvemos a
hacer clic sobre él. Esto lo convierte
en el Objeto clave. Lo distinguimos
porque queda enmarcado en un
recuadro más grueso.

Alinear Objetos
La alineación se puede hacer respecto a cualquiera de
los cuatro lados del cuadro delimitador de un objeto, o
a su centro en vertical u horizontal. Para hacerlo, sólo
hemos de pulsar el botón correspondiente. Si hemos
marcado un objeto clave, el resto de objetos se
alinearán con este. Si no, todos se alinearán al objeto
más externo. Por ejemplo, si los alineamos a la
izquierda, todos se alinearían con el objeto situado
más a la izquierda, que no se movería.

Distribuir Objetos
Al distribuir objetos, lo que hacemos es que la parte de los objetos a la que estamos distribuyendo,
queden a la misma distancia. Por ejemplo, si distribuimos al lado derecho, entre el lado derecho
de un objeto y el anterior, habrá la misma distancia que entre el objeto y el siguiente.
Distribuir objetos tiene sentido cuando hay más de dos, ya que los extremos se toman como
referencia, y no se mueven.

Distribuir Espaciado
Esta opción, distribuye los objetos dejando entre ellos el mismo espacio, sin tener en cuenta su
anchura. Podemos distribuirlos horizontal y verticalmente, eligiendo Auto, lo que calculará
automáticamente el espacio, tomando como referencia los extremos, o introducir un valor
específico, lo que colocará los objetos a esa distancia del anterior, partiendo del objeto clave.
Cuando alineamos o distribuimos objetos a un lado, y estos tienen distinto grosor en el trazo, el
comportamiento es distinto dependiendo de la opción Usar delimitadores de previsualización que
encontramos en el menú del panel Alinear. Cuando está marcada, se toma como referencia el
exterior de los bordes, y cuando está desmarcada, se toma como referencia el centro de los
bordes (el contorno).

. 17
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator Cs5

Herramientas de dibujo

El dibujo vectorial se basa en trazados. Por tanto, al dibujar


con las herramientas de Illustrator estamos creando
trazados. Vamos a ver dos ejemplos de trazados muy
simples.

Hemos dibujado el círculo con la herramienta lápiz a mano alzada, y el zig-zag con la herramienta
pluma, haciendo un clic en cada vértice. El círculo forma un trazado cerrado, ya que sus extremos
están unidos entre sí, mientras que el zig-zag es un trazado abierto.

La diferencia entre un trazado vectorial y un trazo dibujado en un mapa de bits, es que el trazado
vectorial es un objeto, que podemos
seleccionar, modificar y eliminar, y que a su
vez tiene otros elementos que nos permiten
hacer todo esto. Para verlo mejor, vamos a
seleccionar los trazados haciendo clic sobre
ellos con la herramienta Seleccionar .

Cada uno de estos trazados se divide en


segmentos, que pueden ser curvos o rectos.
Distinguimos cada segmento porque se
delimita con un cuadradito (nodo) , tanto en el
extremo como en la unión con otro segmento.
Estos cuadraditos son los puntos de ancla, y
aparecen oscuros cuando están
seleccionados, y claros cuando no.

La herramienta Pluma (P)

Esta herramienta se divide a su vez en sub-herramientas, que aunque las podemos elegir
directamente en la barra de herramientas, podemos también utilizarlas a medida que dibujamos
con la pluma.

La herramienta Pluma nos permite dibujar un trazado, haciendo clic donde queramos crear un
punto de ancla.
La herramienta Añadir punto de ancla crea un nuevo punto de ancla al trazado sobre el que
pulsemos, y en la posición del clic.
La herramienta Eliminar punto de ancla elimina el punto de ancla existente sobre el que
hagamos clic.
La herramienta Convertir punto de ancla transforma un punto ya existente. Por ejemplo, si
hacemos clic sobre un punto suavizado, se convertirá en un vértice. Y si hacemos clic sobre un
vértice y arrastramos, podremos controlar las líneas de dirección y transformarlo en un punto
suavizado.

. 18
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator Cs5-

Por otra lado, si durante la creación de un trazo, nos equivocamos al colocar un punto de
ancla, podemos eliminarlo con Deshacer (Ctrl + Z) sin que nos salgamos del trazo, o podemos
pulsar la tecla Espacio antes de soltar el ratón para desplazar la ubicación del punto de ancla.
También podemos moverlo, si hacemos Ctrl + clic para cambiar a la herramienta Selección
directa .

Para cambiar entre puntos de vértice y suavizados, sin deseleccionar la Pluma, podemos
cambiar a la herramienta Convertir puntos de ancla al mantener pulsada la tecla Alt.

Es difícil crear un trazado exacto directamente con esta herramienta, salvo que tengamos
mucha experiencia. Los más cómodo será crearlo lo más aproximado que podamos y
después editarlo poco a poco hasta obtener el dibujo que buscábamos.

Vectorizar Mapa de bits


1.- Seleccionar el objeto / Barra de Propiedades / Calco interactivo

Editar Texto como un dibujo:


1.- Menú Texto / Crear contorno

Otras Modificaciones:
1.- Selecciona el objeto.
2.- Menú Objeto / Distorsion envolvente/ Crear con deformación o malla.
3.- Para editar la deformacion activa la herramienta de Selección Directa (A) y luego la
Herramienta de Malla (U)

Combinar objetos

Con Illustrator podemos combinar objetos par obtener formas más complejas. Para ello,
disponemos de tres métodos básicos:

Buscatrazos.

Utilizando los efectos de buscatrazos y su


panel, podemos combinar los objetos de
diversas formas, aunque este método no nos
permite editar la interacción entre los objetos.

Para utilizar estos efectos, nos apoyaremos en en el panel Buscatrazos:

- 19
www.talleresperu.com
Taller de Diseño Gráfico Adobe Illustrator Cs5

En la primera línea encontramos los Modos de forma. Vamos a ver su efecto aplicado a dos
objetos, aunque se pude aplicar a varios:

Añadir área de forma. Suma ambos objetos, englobándolos en el mismo trazado.


Restar área de forma. Quita el área del objeto inferior que queda bajo el objeto superior.
Formar intersección con áreas de formas. Muestra sólo el área del objeto inferior que
queda bajo el superior.
Excluir áreas de forma superpuestas. Quita el área de los objetos que forman intersección,
dejando el resto.

- 20
www.talleresperu.com
Taller de Diseño Gráfico - Práctica Tarjeta de Presentación Adobe Illustrator CS5

1ra Practica - Elaboración de Tarjeta de Presentación

1.- Crear un nuevo documento.


2.- Menú Archivo / Nuevo
3.- Dar el perfil para impresión , tal como se muestra en la ventana.

4.- Activar la Herramienta Rectángulo (M)


5.- Arrastrar el mouse sobre la mesa de trabajo
para crear un rectángulo.
6.- Ir al menú Ventana / Transformar
7.- Teniendo seleccionando el rectángulo
darle las siguientes medidas : 90mm. x 55
mm.

8.- En barra de herramientas dar color de trazo gris.


9.- Anular color de relleno.

www.talleresperu.com
Taller de Diseño Gráfico - Práctica Tarjeta de Presentación Adobe Illustrator CS5

10.- Activar la Herramienta de Texto (T)


11.- Escribir los textos correspondientes utilizando un tamaño de fuente entre 7 a 9 pto.
aplicado sobre un tipo de fuente como Arial .
12.- Opcionalmente podemos insertarle una figura, como complemento del diseño.
13.- Para insertar objetos como imágenes o gráficos de un Clipart, ir al menú Archivo /
Explorar en Bridge.
14.- Esta aplicación es un explorador gráfico de imágenes , archivos animados, de audio y
video.
15.- Después de haber insertado el gráfico , seleccionaremos toda la tarjeta y agruparla
con Menú Objeto / Agrupar o presionando el comando Ctrl + G.
16. Acomodar la tarjeta en la esquina superior izquierda.

Diagramación del panol: esto significa que pasaremos a duplicar las tarjetas dentro del
formato A4

Juvisa Rodríguez Juárez


diseñadora - publicista

info@juvisarodriguez.com Móvil: 99 555 4187


wwww.juvisarodriguez.com Nextel: (98) 107*1173

La diagramación de un arte impreso varia, dependiendo que este tenga fondo


o no , cuando no tiene fondo , se puede repetir la tarjeta pegada una a otra, y
cuando es el segundo caso de que si tiene fondo , hay que dar un tamaño
adicional a cada tarjeta (sangría) para el corte y también hay que duplicar las
tarjetas dejando un espacio , que es cuestión de milímetros.

22
www.talleresperu.com
Taller de Diseño Gráfico - Práctica Tarjeta de Presentación Adobe Illustrator CS5

17.- Seleccionar la tarjeta , que ya debe estar


agrupada.
18.- Ir al Menú Objeto / Transformar / Mover
19.- En este caso trabajamos con una tarjeta
que no tiene fondo, por tanto ingresar los
siguientes valores:
20.- Horizontal: el mismo ancho de la tarjeta.
“90 mm”
21.- Vertical : “cero” por que inicialmente
duplicaremos sólo hacia la derecha.
22.- Presionar el botón COPIAR y OK
23.- Ahora seleccionar las dos tarjetas , e
ingresar los siguientes valores.
24.- Horizontal : “cero”
25.- Vertical: el mismo alto de la tarjeta , pero
en negativo , para que la copia se genere
hacia abajo.
26.- Presionar el botón COPIAR y OK

27.- Ahora veremos el caso de una tarjeta , que tiene color de fondo, o simplemente
queremos generar una copia dando espacio.

28.- Seleccionar la tarjeta , que ya debe estar agrupada.


29.- Ir al Menú Objeto / Transformar / Mover
30.- En este caso trabajamos con una tarjeta
que tiene fondo, por tanto ingresar los
siguientes valores:
31.- Horizontal: el ancho de la tarjeta. 90 mm +
5 mm. = 95 mm
32.- Vertical : “cero” por que inicialmente
duplicaremos sólo hacia la derecha.
33.- Presionar el botón COPIAR y OK
34.- Ahora seleccionar las dos tarjetas , e ingre-
sar los siguientes valores.
35.- Horizontal : “cero”
36.- Vertical: el alto de la tarjeta + 5 mm, pero
en negativo , para que la copia se genere hacia
abajo. - 60.00 mm.
37.- Presionar el botón COPIAR y OK

23
www.talleresperu.com

Вам также может понравиться