Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Adobe Illustrator CS5 se ha convertido en el programa proferido por los diseñadores gráficos permite crear sofisticadas
ilustraciones vectoriales prácticamente para cualquier medio. Las herramientas de dibujo estándar en el sector, los
controles flexibles de color y los controles de tipo profesional le ayudarán a capturar sus ideas y experimentar libremente
con ellas, mientras que las funciones de ahorro de tiempo, como las opciones de acceso fácil, le permiten trabajar de
forma rápida e intuitiva. El rendimiento mejorado y la estrecha integración con otras aplicaciones de Adobe también
facilitan la creación de extraordinarios gráficos para diseños de impresión, imágenes web e interactivas, y gráficos
animados y para móviles.
9
Centro de Informática - UCH I.S.T. CEVATEC
10
TÉCNICO EN DISEÑO GRÁFICO
Objetivos
• Conocer las principales partes de la ventana principal del Adobe Illustrator para un mejor uso de las
herramientas.
• Utilizar adecuadamente las herramientas de formas básicas y buscatrazos correctamente en la creación
de sencillos diseños, mostrando habilidades y destrezas.
• Utilizar las ventanas de colores y degradado en la creación de figuras con tonalidades diferentes.
CONOCIMENTO DE LA INTERFAZ
Ventana de Inicio del Illustrator
Al abrir el Adobe Illustrator la ventana nos lleva a elegir el tipo de Archivo:
Abrir elemento reciente: permite abrir un archivo reciente.
11
Centro de Informática - UCH I.S.T. CEVATEC
VENTANA PRINCIPAL
Mostrar u ocultar el cuadro de herramientas:
Para mostrar u ocultar el cuadro de herramientas, seleccione Ventana > Herramientas. Al seleccionar una
herramienta determinada y esta contiene un pequeño triángulo en la esquina inferior derecha, nos indica
que disponemos de herramientas adicionales.
12
PRIMERA SEMANA DISEÑO GRÁFICO
Una vez que hallamos acabado de plegar/desplegar, apilar paneles, tenemos la opción de guardar este
espacio de trabajo para usarlo cada vez que iniciemos el programa.
Podemos guardar o cargar estos espacios desde dos sitios diferentes. Una desde la barra de propiedades a
través del desplegable
13
Centro de Informática - UCH I.S.T. CEVATEC
Resultado
14
PRIMERA SEMANA DISEÑO GRÁFICO
15
Centro de Informática - UCH I.S.T. CEVATEC
También nos podemos dirigir en la parte inferior de nuestra barra de herramientas y establecer Relleno y
Trazo, para intercambiar opciones presionamos la tecla X.
Elipse
de la misma manera como trabajamos la herramienta rectángulo lo hacemos con el Elipse. Desde el teclado
podemos acceder presionando la letra L
Si desemos crear circulos hacemos un clic en la hoja y aparecerá la siguiente ventana, donde aplicaremos las
medidas
16
PRIMERA SEMANA DISEÑO GRÁFICO
Rectángulo redondeado
Accedemos de la siguiente manera:
Podemos aplicar una mayor redondez de esquinas si hacemos un clic cobre nuestra hoja antes de crearla.
Cuando deseemos seleccionar algunos de los objetos, lo haremos ayudado de la tecla SHIFT, con nuestra
herramienta Selección.
Herramienta Selección directa
se utiliza para seleccionar puntos de union entre vectores.
17
Centro de Informática - UCH I.S.T. CEVATEC
Herramienta lazo
se usa para seleccionar uniones de vectores dispersos.
En el siguiente ejemplo notamos como se puede seleccionar un conjunto de uniones de vectores no continuos.
Fundamentos de Iluminación
El color luz: Los bastones y conos del órgano de la vista, el ojo, se encuentran organizados en tres elementos
sensibles. Cada uno de estos tres elementos va destinado a cada color primario, al azul, rojo y verde. Los
demás colores complementarios, los opuestos a los primarios, son el magenta, el cyan y el amarillo.
El color pigmento: Por otro lado, cuando utilizamos los colores normalmente, estamos utilizando colores,
pinturas etc. Este fenómeno lo definimos como color pigmento, no es color luz. Son los pigmentos que
inyectamos en las superficies para sustraer la luz blanca, parte del componente de espectro. Todas las
moléculas denominadas pigmentos, tienen la facultad de absorber ondas del espectro y reflejar otras.
Cualquier dibujo vectorial seleccionado con el puntero de selección aparecerá dentro de un marco.
18
DISEÑO GRÁFICO
para aplicar color de relleno basta con hacer clic en el color de relleno
Otra de las formas a aplicar color es mediante nuestra barra de propiedades, una vez que hemos seleccionado
nuestra figura.
Manteniendo presionado nuestra tecla SHIFT, podemos variar los modos de color.
modo CMYK
19
Centro de Informática - UCH I.S.T. CEVATEC
Degradado
Seleccione el objeto clic en el cuadro de relleno de la Barra de Herramientas y seleccione la paleta de
degradado, también puede acceder a la ventana de degradado: Ventana / Degradado, puede realizar cambios
de color mediante la barra de colores que parece en la parte inferior de la paleta degradado.
PANEL BUSCATRAZOS
Permite modificar objetos vectoriales, dentro de las principales tenemos: Unificar, Intersectar, recortar, entre
otros.
Practica
Dibujamos un elipse de color negro
20
EJERCICIOS PROPUESTOS
Realizar las isguientes prácticas:
21
22
AUTOEVALUACIÓN
Solucionario:
1.- a
2.- a ¿Como? con la Paleta Mesa de Trabajo
3.- seleccion V
rectangulo M
elipse L
zoom Z
mano H
Mesa de trabajo SHIFT+O
4.- seleccion directa y lazo
5.- a
23
AUTOEVALUACIÓN
24
TÉCNICO EN DISEÑO GRÁFICO
Objetivos
• Utilizar la herramientas pluma en la creación de figuras complejas en la creaciòn de diseños.
• Editar las figuras creadas con la herramienta pluma para perfeccionar las formas en nuestros diseños
• Utilizar y crear pínceles en piezas gráficas para darle un toque mas personalizado a nuestros diseños.
• Utilizar los formatos de textos al momento de plasmar ideas dentro de nuestros diseños.
Herramienta Lápiz
La herramienta Lápiz Lápiz nos permite crear trazos a mano alzada, dibujando el trazo a medida que
arrastramos el cursor. Este tiene el aspecto de estar "hecho a mano".
Técnicas de suavizado
Para acceder a las opciones de suavizado, hacemos doble clic sobre su icono, aparece la siguiente ventana:
Fidelidad. Controla la distancia a la que debe mover el ratón o el lápiz electrónico para que se cree un nuevo
punto de ancla en el trazado
Suavizado, Determina el suavizado que se aplica a la herramienta.
25
Centro de Informática - UCH SEGUNDA SEMANA I.S.T. CEVATEC
HERRAMIENTA PLUMA
Dibujar segmento recto
Seleccione la herramienta Pluma .
Haga clic para definir el primer punto de ancla (no arrastre).
Para cerrar un trazado, coloque el puntero de la pluma sobre el primer punto de ancla (hueco).
Para dejar el trazado abierto, pulse la tecla Ctrl y haga clic en cualquier parte lejos de todos los objetos.
Nota: El primer segmento no se verá hasta que dibuje el segundo punto de ancla.
26
DISEÑO GRÁFICO
Opciones de Trazado
Conectar 2 trazados abiertos
Para conectar el trazado con otro trazado abierto, haga clic en un punto final en el otro trazado. Al colocar la
herramienta Pluma sobre el punto final del otro trazado, un pequeño punto hueco aparece junto al cursor
si la colocación es correcta.
3. Presione Ctrl y utilice la herramienta selección directa para arrastrar de nuevo la primera curva.
27
Centro de Informática - UCH SEGUNDA SEMANA I.S.T. CEVATEC
4. Pulse Alt para que aparezca la herramienta Convertir Dirección de Centros y arrastre el segundo punto de
los tiradores (cambio desde un buen punto a punto de una esquina) para redirigir la próxima curva.
Practica
en el siguiente ejemplo crearemos una calaverita.
utilizaremos la herramienta pluma (P),para esto:
hacemos un clic izquierdo y arrastramos para generar una curva y soltamos, luego creamos otro punto
haciendo un clic izquierdo en otro lado separado del primero pero no soltamos el clic izquierdo para crear
curvas seguidas. Podemos apoyarnos presionando tecla ALT y la herramienta selección directa (A)para mover
los puntos ancla y asi retocar las curvas.
Aplicamos color de relleno a nuestro diseño, luego duplicamos, de una manera rápida podemos hacerlo con
la tecla ALT, el resultado debe mostrarse como el siguiente:
Nuevamente con la herramienta pluma dibujamos la forma de un lazo(primer lazo es mas grande) en
el segundo lazo hacemos entradas simular a plieges, siempre con la ayuda de la tecla ALT como en el
procedimiento anterior.
28
DISEÑO GRÁFICO
para realizar los ojos utilizamos la herramienta pluma, también podemos usar otras herramientas como
circulos deformados con selección directa (A). Para dibujar la nariz podemos dibujar un triangulo y luego
modificarlo.
29
Centro de Informática - UCH SEGUNDA SEMANA I.S.T. CEVATEC
Practica
Dibujando silueta de hojas
Nos vamos a nuestra herramienta pluma, configuramos color de relleno: ninguno, trazo: negro, esto con el
fin de evitar que el color de relleno se aplique automaticamente y nos resulte molesto, luego empezamos a
dibujar creando curvas.
para crear una curva con dirección opuesta presionamos la tecla ALT
Para visualizar nuestro diseño solo los contornos presionamos combinacion de teclas CONTROL Y
30
DISEÑO GRÁFICO
Para visualizar nuestro diseño solo los contornos presionamos combinacion de teclas CONTROL Y
31
Centro de Informática - UCH I.S.T. CEVATEC
Herramienta Anchura: permite cambiar la anchura de nuestro objeto, bastará con seleccionar y arrastrarlo.
32
DISEÑO GRÁFICO
HERRAMIENTAS DE TRANSFORMACION
Transformación libre (E)
Permite modificar tamaño a los objetos seleccionados
Tambien podemos acceder al panel Transformar desde opción de Ventana/Transformar (SHIFT + F8)
Rotar Objetos
Nos permite rotar objetos, estableciendo además un determinado grado.
Al presionar nuestra tecla ALT, nos permitirá mover el centro de giro.
33
Centro de Informática - UCH I.S.T. CEVATEC
También podemos transformar objetos, seleccionándolos luego clic derecho, luego Transformar y eligiendo
cada una de las opciones que nos muestra.
Alinear
permite alinear un conjunto de objetos seleccionados. Para acceder a esta herramienta nos vamos a: Ventana/
Alinear.
Practica
Dibujamos un rectángulo (M), y un elipse (L),
Ahora seleccionamos nuestro rectángulo, seleccionamos la herramienta Rotar (R), pulsamos la tecla ALT para
modifical el centro de giro en el centro de nuestro elipse.
34
DISEÑO GRÁFICO
Presionamos la combinacion de teclas CTRL + D para repetir la última acción, nuestro resultado será el
siguiente
PRACTICA
Dibujar la siguiente figura, teniendo en cuenta que los pequeños círculos de la parte superior e inferior, tienen
una medida de 24 px de ancho y alto.
Ahora seleccionamos ambos circulos pequeñosayudado de la tecla SHIFT, luego clic derecho, Transformar,
Rotar, especificar la medida que indica (12º), luego pulsamos el botón Copiar.
35
Centro de Informática - UCH I.S.T. CEVATEC
Ahora duplicamos la rotación (CONTROL + D), tantas veces sea necesario hasta dar la vuelta, como resultado
nos mostrará la siguiente forma.
Ahora seleccionamos todos los objetos y en la paleta Buscatrazos nos vamos a la opción Menos Frente
PRACTICA 02
Dibujamos 2 elipses, con la paleta Buscatrazos, aplicamos menos frente.
Ahora insertamos un rectángulo, con la herramienta Rotar, ayudado de la tecla SHIFT, giramos y copiamos,
teniendo en cuenta que solo se requiere 3 copias.
36
DISEÑO GRÁFICO
Con buscatrazos recortamos dibujamos 3 elipses y realizamos el mismo paso de recorte, teniendo la siguiente
forma.
Ahora con la herramienta buscatrazos le aplicamos formas hasta dar la siguiente forma.
37
Centro de Informática - UCH I.S.T. CEVATEC
Manejo de Pinceles
Para acceder a esta paleta nos vamos a Ventana / Pinceles, o presionamos la tecla F5
Aqui encontraremos los diferentes tipos de pinceles que Illustrator nos tiene preestablecido al momento de
dibujar, para aplicarlo solo basta con seleccionar nuestro trazo y luego el tipo de pincel que deseamos.
Algunas muestras de estas son:
38
SEGUNDA SEMANA DISEÑO GRÁFICO
EJERCICIO PROPUESTO
Creación de pincel y Personalización
Para crear un nuevo pincel tipo cuerda, creamos la siguiente figura
Ahora añadimos una nueva linea de extremo redondeado y lo ponemos en la parte superior, para dar la
apariencia de redondeado.
Agrupamos y nos vamos a la paleta Pinceles, presionamos el ícono Nuevo Pincel, elegimos Pincel de Motivo.
39
Centro de Informática - UCH I.S.T. CEVATEC
BIBLIOTECA DE PINCELES
Para acceder a la bibilioteca de pinceles nos vamos a:
Opcion de menú ventana / Biblioteca de pinceles, elegimos cualesquiera de las opciones que nos muestra y
nos presentará una nueva paleta con los pinceles que contiene.
40
Desarrolla las siguientes prácticas con las herramientas adecuadas
41
42
AUTOEVALUACIÓN
43
44
TÉCNICO EN DISEÑO GRÁFICO
Objetivos
• Utilizar la herramienta símbolos como ayuda en la realización de diseños.
• Utilizar la herramienta de texto y formatos en nuestro diseño.
• Utilizar la herramienta de Fusión para crear efectos especiales.
• Aplicar transformaciónes a objetos hasta lograr los efectos deseados en nuestros diseños
SÍMBOLOS
Los Símbolos son diseños vectoriales que nos trae Illustrator. Para acceder vamos a Ventana / Símbolos (SHIFT
+ CONTROL + F11).
Ahora creamos nuevamente con la herramienta pluma (P),una forma de S,al cual lo aplicamos opacidad.
45
Centro de Informática - UCH I.S.T. CEVATEC
Ahora notamos que se ha añadido en nuestra paleta Símbolos, y estará listo para usarse.
Herramienta Spray
Sirve para insertar un sinnumero del simbolo que tengamos seleccionado, para editarlo hacemos doble clic
en la herramienta.
46
DISEÑO GRÁFICO
MANEJO DE TEXTOS
La herramienta Texto (T) crea texto y contenedores de texto individuales, y permite también introducir
y modificar texto.
La herramienta Texto de área convierte los trazados cerrados en contenedores de texto, y permite
introducir y modificar el texto en su interior.
La herramienta Texto en trazado convierte trazados en trazados de texto, y permite introducir y modificar
el texto de los mismos.
La herramienta Texto vertical crea texto y contenedores de texto verticales, y permite introducir y
modificar el texto vertical.
La herramienta Texto de área vertical convierte trazados cerrados en contenedores de texto vertical, y
permite introducir y modificar el texto en su interior.
La herramienta Texto vertical en trazado convierte trazados en trazados de texto vertical, y permite
introducir y modificar el texto en su interior
Nota: Puede cambiar la configuración de texto en trazado accediendo a Texto / Texto en un trazado / Opciones
de texto en un trazado.
PROPIEDADES DE TEXTO
Cuando utilizamos la herramienta texto, en la Panel de Control se mostrará las propiedades de la herramienta
texto.
En estas opciones aplicaremos las principales operaciones de formatos de textos, tales como: Tipo de Fuente,
estilo de texto, tamaño, trazo.
Cuando hacemos clic en Carácter nos mostrará:
Aqui aplicaremos las opciones como: interlineado, tracking, Kerning, escala, rotación, etc.
47
Centro de Informática - UCH I.S.T. CEVATEC
Estilo de Párrafo
En esta paleta podemos crerar nuestros propios estilos de párrafos personalizados. Para Ingresar a estilos de
parrafos, nos vamos a la opción de menú:
Ventana / Texto / Estilo de Párrafo
nos mostrará la siguiente ventana:
Nos aparecerá un nuevo estilo, hacemos doble clic y nos muestra la siguiente ventana:
48
DISEÑO GRÁFICO
De igual manera podemos crear nuevos estilos de caracteres, para esto bastará simplemente con seleccionarlo.
Importar texto
Para importar texto a un archivo existente:
Escoja Archivo / Colocar. Seleccione el archivo de texto que desea importar y haga clic en Colocar. Entre los
archivos de textos a importar tenemos .doc, .rtf, .txt.
PANEL DE CAPAS
En la paleta Capas se muestra una lista con todas las capas de un documento, empezando por la capa superior.
Visualización de la paleta Capas
Seleccione Ventana > Capas.
49
Centro de Informática - UCH I.S.T. CEVATEC
Practica
Con la herramienta texto, escribimos lo siguiente:
Ahora lo aplicamos Crear Contornos (Clic derecho sobre el texto / Crear Contornos)
Luego lo desagrupamos, ahora ya separados independientemente cada uno aplicamos degradado a una
letra, en este caso la B
Ahora procedemos a guardar nuestro degradado en nuestro panel Muestras, para esto seleccionamos el
elemento y nos vamos a Muestra Nueva
50
DISEÑO GRÁFICO
Ahora en la O de la palabra zone creamos un elipse con degradado, nuestro logo quedaría de la siguiente
manera
51
Centro de Informática - UCH I.S.T. CEVATEC
A la izquierda tenemos los modos de fusión, por defecto se encuentra Normal, al presionar en la flecha
ddesplegable se muestra las demás opciones,
Máscara de transparencia
La máscara no es más que otro objeto que define cómo se muestra la transparencia del que tiene debajo, lo
enmascara. El grado de transparencia se define con tonos grises, siendo el negro totalmente transparente y
el blanco sin transparencia.
Para aplicar máscara de opacidad, seleccionamos dos objetos y nos vamos a la paleta Transparencia, en la
parte superior derecha seleccionamos Crear máscara de opacidad.
52
DISEÑO GRÁFICO
MODOS DE FUSIÓN
Seleccione la herramienta Fusión.
Lleve a cabo uno de los procedimientos siguientes:
• Para fusionar en orden secuencial sin rotación, haga clic en cualquier parte de cada objeto, excepto en
los puntos de ancla.
• Para fusionar con un punto de ancla determinado de un objeto, haga clic en el punto de ancla con la
herramienta Fusión. Cuando el puntero está sobre un punto de ancla, pasa de ser un cuadrado blanco a uno
transparente con un punto negro en el centro.
• Para fusionar trazados abiertos, seleccione un punto final en cada trazado.
Cuando termine de añadir objetos a la fusión, vuelva a hacer clic en la herramienta Fusión.
Para entrar a las opciones de fusión hacer doble clic en la herramienta de fusión
53
Desarrolle las siguientes prácticas con las herramientas adecuadas
54
55
AUTOEVALUACIÓN
Solucionario:
1.- a
2.- b
3.- B
4.- A
5.- c
56
TÉCNICO EN DISEÑO GRÁFICO
Objetivos
• Utilizar la herramienta máscara de recorte en diseño para enmascarar parte de un diseño que se requiera.
• Utilizar las herramientas de Efectos y Filtros en la modificaciòn de piezas gràficas para efectuar efectos
especiales.
• Utilizar la herramienta malla en la creaciòn de diseños avanzados con efectos de colores.
EFECTOS VECTORIALES
Los efectos son dinámicos, es decir, se puede aplicar un comando de efecto a un objeto y modificar las
opciones del efecto o eliminarlo en cualquier momento.
Los filtros cambian el objeto subyacente, y los cambios no se pueden modificar ni eliminar después de aplicar
el filtro.
57
Centro de Informática - UCH I.S.T. CEVATEC
58
DISEÑO GRÁFICO
el resultado
Envolventes
Un envolvente es un objeto que distorsiona o cambia la forma del objeto seleccionado. Puede utilizar
envolventes en todos los objetos excepto en gráficas, guías u objetos enlazados (a excepción de los archivos
TIFF, GIF y JPEG).
Objeto > Distorsión de envolvente > Crear con deformación. En el cuadro de diálogo Opciones de deformación,
seleccione un estilo de deformación y establezca las opciones.
Bandera ondulando
Lo primero que haremos será dibujar la bandera.
Crear la forma ondulante que va a tener la bandera y luego una copia de la misma.
El color que tenga es indiferente, ya que lo va a perder (sólo es un contenedor).
Colocamos la forma por delante de lo que va a contener (no hace falta que esté justo encima, sólo tiene
que estar delante con "Objeto - Organizar - Delante". A continuación vamos al menú "Objeto - Distorsión
envolvente - Crear con objeto superior" y lo aplicamos:
59
Centro de Informática - UCH I.S.T. CEVATEC
EFECTO 3D
Permite aplicar efectos 3D a vectores, para acceder nos vamos a Efecto / 3D
Cree la siguiente figura
Crear la manzana
Crear un óvalo con relleno de color verde. Seleccione el elipse luego Efecto> 3D> Girar, deja con las opciones
predeterminadas.
60
DISEÑO GRÁFICO
Añadir Sombra
Efecto> Estilizar> Sombra Paralela y aplicar la configuración como se muestra a continuación.
Seleccionamos las manzanas, y las agrupamos, y dibujamos un elipse en la parte superior, tal y como muestra
la imagen.
luego seleccione el ovalo y las manzanas, clic derecho y nos vamos a la opción Crear Mascara de recorte.
61
Centro de Informática - UCH I.S.T. CEVATEC
PANEL APARIENCIA
La paleta Apariencia permite ver y ajustar los atributos de apariencia de un objeto, grupo o capa. Para mostrar
la paleta, escoja Ventana / Apariencia.
A. Efecto Emborronar B. Características de Trazado C. Añadir nuevo Trazo. D. Añadir nuevo Relleno E. Añadir
nuevo Efecto F. Botón Borrar apariencia G. Botón duplicar elemento seleccionado H. Botón Eliminar elemento
seleccionado
Nos muestra una nueva ventana con las opciones de Efectos de imagen a aplciar
62
Desarrolle las siguientes practicas con las herramientas adecuadas
63
64
AUTOEVALUACIÓN
Solucionario:
1.- b
2.- a
3.- a
4.- c
65