I
ING. DANTE OMAR PANTA CARRANZA WWW.INFORMATICIMA.BLOGSPOT.COM
Adobe Illustrator CS5
|
WWW.FACEBOOK.COM/AULATIC2.0
Pรกgina 0
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Desde los inicios del computador en 1950 hasta la década de los ochenta se usaba un sistema vectorial de generación de gráficos diferente al actual. En este sistema «caligráfico» el rayo eléctrico del tubo de rayos catódicos de la pantalla era guiado directamente para dibujar las formas necesarias, segmento de línea por segmento de línea, quedando en negro el resto de la pantalla. Este proceso se repetía a gran velocidad para alcanzar una imagen libre de intermitencias o muy cercana a estar libre de ellas. Este sistema permitía visualizar imágenes estáticas y en movimiento de buena resolución (para esas fechas) sin usar la inimaginable cantidad de memoria que se hubiera necesitado para conseguir la resolución equivalente en un sistema de rasterización, permitiendo que la secuencia de imágenes diese la sensación de movimiento e incluso consiguiendo que titilaran modificando sólo algunas de las palabras del código de la gráfica en su respectivo «display file». Estos monitores basados en vectores también eran conocidos como monitores X-Y (X-Y displays). Uno de los primeros usos de los vectores en el proceso de visualización fue el realizado por la Fuerza Aérea de los Estados Unidos. El sistema de generación de gráficos mediante vectores se utilizó hasta 1999 en el control aéreo y probablemente aún se siga usando en diversos sistemas militares. Ivan Sutherland empleó este mismo sistema en la TX-2 para ejecutar su programa Sketchpad en el MIT Lincoln Laboratory en 1963. Los subsiguientes sistemas de representación gráfica vectorial incluían la GT40 de Digital; existió una consola llamada Vectrex que usaba gráficos vectoriales para mostrar videojuegos como Asteroids y Space Wars; y equipos como el Tektronix 4014, podían generar imágenes vectoriales dinámicas. El término vector es usado comúnmente en el contexto de gráficos de dos dimensiones producidos por computador. Es uno de los muchos modos con los que un artista cuenta para crear una imagen con una previsualización rasterizada. Otras formas de uso pueden ser en textos, en multimedia y en la creación de escenarios 3D. Prácticamente todos los programas de modelado en 3D usan técnicas que generan gráficos vectoriales en 2D. Los plottersusados en dibujo técnico siguen dibujando los vectores directamente sobre el papel.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 1
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
INVESTIGA: utilizando el presentador de diapositivas de PowerPoint investiga y organiza las ideas según las interrogantes siguientes: 1. ¿Qué es el diseño vectorial?
2. ¿Qué tipo de software para desarrollar diseño vectorial existen en el mercado? Realiza una lista de ellas y define brevemente cada una en un máximo de dos líneas y presenta la imagen de su interfaz.
3. Realiza una comparación entre dibujo vectorial y mapa de bits, 3 semejanzas y 3 diferencias. DIBUJO VECTORIAL
SEMEJANZAS
MAPA DE BITS
4. A través de una imagen nombra las principales partes de la ventana de Adobe Ilustrator CS5.
5. ¿Cuál es la importancia de las barras flotantes en Adobe Ilustrator?
6. Nombra una lista de métodos abreviados de Adobe Ilustrator para aplicar herramientas o propiedades.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 2
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPITULO I:
ADOBE ILLUSTRATOR CS5 Concepto: Es importante recalcar que este programa no se utiliza para retocar imágenes, es un programa utilizado por los diseñadores gráficos en su mayoría para crear logotipos, dibujo vectorial, ilustración, aplicaciones básicas de diseño (carte, tríptico, tarjetas de presentación, volantes, calcomanías, papelería en general y revistas entre otros productos). Pero su mayor ventaja es el manejo de vectores o imágenes vectoriales. En el ámbito profesional, Adobe Illustrator es el referente de los diseñadores para crear maravillosas composiciones mediante gráficos vectoriales. Y es que su potencia y versatilidad lo avalan como líder del mercado. En Adobe Illustrator CS5, las virtudes del programa se han potenciado y las novedades han ido enfocadas a mejorar la usabilidad de ciertas funciones. Por ejemplo, el dibujo en perspectiva se ha simplificado, y ahora dispondrás de un punto de fuga en el que colocar los objetos con una facilidad pasmosa.
Ingresar 1. 2. 3.
Clic en el botón Inicio. Clic en la opción Todos los Programas. Clic Adobe Master Collection CS5 4. Clic en Adobe Illustrator
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 3
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Otra forma de ingresar a Adobe Illustrator CS5 1. Presionar las dos teclas Windows + R, abrirá la ventana ejecutar. Ahí digitar ILLUSTRATOR 2. Clic en Aceptar
Elementos de la pantalla Inicial: Al iniciar Adobe Illustrator CS5 se muestra la pantalla inicial que me permite crear diferentes tipos de archivos como por ejemplo. Documentos para imprimir Documentos para la web Documentos para Móvil y dispositivos Documentos para Video y Película etc.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 4
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Comenzar a trabajar con Illustrator CS5 Para comenzar a trabajar con Illustrator CS5, tenemos que crear un nuevo documento. Al abrir Illustrator se muestra la pantalla de bienvenida, clic en Documento para Web. Automáticamente se muestra una ventana. En esta ventana tenemos que configurar con que tamaño del Área de trabajo que se va a trabajar.
Crear un nuevo documento Rellenar los siguientes datos: Nombre: Ejercicio1 Anchura: 500 Altura 500
Clic en OK
Entorno grafico de Illustrator
Panel de control Barra de Menús
Menú de Paneles
Barra de Herramientas Mesa de Trabajo Zoom
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 5
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Ejercicio Dirigido Nº1 1. 2. 3.
Abrir Adobe Illustrator CS5 En la Pantalla de bienvenida, haz clic sobre Documento para web En la ventana Nuevo documento, vamos a dar un nombre al documento, y reducir el tamaño del área de recorte. Para ello, rellena los siguientes campos con estos datos:
Nombre: Rectángulo Anchura: 200 px Altura: 200 px 4. Clic en OK 5. 6.
Selecciona la herramienta Rectángulo(M) Dibuja un rectángulo que abarque el 80% del área de trabajo
7. 8. 9.
Con el rectángulo seleccionado pulse el botón Clic en el menú Archivo / Guardar Clic en OK
y elija un color
Nota: Los Archivos de Illustrator se guardan con la extensión *.ai
BARRA DE HERRAMIENTAS
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 6
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
HERRAMIENTAS DE SELECCIÓN
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 7
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
HERRAMIENTAS DE DIBUJO
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 8
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
HERRAMIENTAS DE TEXTO
HERRAMIENTAS DE PINTURA
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 9
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
HERRAMIENTAS DE REFORMA
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 10
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
HERRAMIENTA DE SÍMBOLOS
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 11
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
HERRAMIENTA DE SECTOR Y DE CUCHILLA
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 12
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Colocar y enlazar archivos 1. 2. 3. 4. 5. 6. 7. 8. 9.
Abrir Adobe Illustrator CS5 Clic en Documentos para la Web Nombre Enlace, Altura: 300, Anchura: 300 Clic en OK Clic en el Menú Archivo / Colocar. Buscar el archivo guardado anteriormente Rectángulo Comprueba que la casilla Enlazar esté seleccionada, y pulsa Colocar Si es que aparece la ventana Colocar PDF. En la Opción Recortar A: seleccione Cuadro delimitador. Clic en OK
Guardar el archivo como GIF 1. 2. 3.
Clic en el menú Archivo Clic en Guardar para la Web y Dispositivos. Seleccionar GIF en el panel derecho clic en Guardar
Guardar el archivo como JPG 1. 2. 3. 4. 5. 6. 7. 8. 9. 11. 12.
Crear un nuevo Documento para la web Nombre: Formato JPG, Altura 600, Anchura: 600 Clic en OK Clic en el Menú Archivo / Colocar. Buscar el archivo guardado anteriormente Rectángulo Comprueba que la casilla Enlazar esté deseleccionada, y pulsa Colocar Si es que aparece la ventana Colocar PDF. En la Opción Recortar A: seleccione Cuadro delimitador. Clic en OK Clic en el Menú Archivo / Exportar 10. Escribe rectángulo y elije el formato JPG. Clic en Aceptar En la siguiente ventana clic en OK
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 13
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPITULO II
El dibujo vectorial se basa en trazados, por tanto, al dibujar con las herramientas de Illustrator estamos creando trazados, veamos estos dos trazados simples.
La figura cerrada fue hecha con la herramienta lápiz a mano alzada y el zigzag con la herramienta pluma, en ambas luego se les podrán modificar sus propiedades iniciales. La ventaja de este trazado en dibujo vectorial es que podrá ser modificado, seleccionado o eliminar mientras que en el mapa de bits no. Ejercicio Dirigido Nº2 Dibujando Rectángulos 1. 2. 3. 4. 5. 6.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Rectángulos, Anchura: 800, Altura: 600 Clic en OK Clic en rectángulo (M) Dibujar un rectángulo mediano
7. 8.
Después clic en la paleta de colores Y aplicarle el color amarillo al Relleno y Rojo al Trazo
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 14
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Color de Relleno
Color de Trazo
En la barra Panel de control también encontramos herramientas que nos van ayudar aplicarles color de relleno, color de trazo, grosor del trazo y algunos estilos.
Dibujar 10 rectángulos de diferentes tamaños con diferente color de relleno, color del trazo, y grosor del trazo. En el mismo documento que se está trabajando. Ejercicio Dirigido Nº3 Dibujando Rectángulos redondeados 1. 2. 3. 4. 5. 6. 7. 8. 9.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Redondeados, Anchura: 800, Altura: 600 Clic en OK Clic en rectángulo redondeado Clic en el área de trabajo Aparece una ventana En anchura 300, en Altura 300, Radio 20 Clic en OK
10. Después clic en la paleta de colores 11. Y aplicarle el color Azul al Relleno y Rojo al Trazo Dibujar 10 rectángulos redondeados de diferentes tamaños, radio, con diferente color de relleno, color del trazo, y grosor del trazo. En el mismo documento que se está trabajando. Ejercicio Dirigido Nº4 Dibujando Elipses 1. 2. 3. 4. 5. 6.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Elipses, Anchura: 800, Altura: 600 Clic en OK Clic en Elipse (L) Dibujar un Elipses medianos
7. 8.
Después clic en la paleta de colores Y aplicarle el color amarillo al Relleno y Rojo al Trazo
Dibujar 10 Elipses redondeados de diferentes tamaños, con diferente color de relleno, color del trazo, y grosor del trazo. En el mismo documento que se está trabajando.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 15
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Ejercicio Dirigido Nº5 Dibujando Polígonos 1. 2. 3. 4. 5. 6.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Polígonos, Anchura: 800, Altura: 600 Clic en OK Clic en Poligono Clic en el área de trabajo 7. Aparece una ventana
8. 9.
Aquí configuramos de cuantos lados se va a conformar el Polígono Digitar 6 lados y 50 de radio
10. Después clic en la paleta de colores 11. Y aplicarle el color amarillo al Azul y Rojo al Trazo Dibujar 10 Polígonos de diferentes tamaños, radio lados, con diferente color de relleno, color del trazo, y grosor del trazo. En el mismo documento que se está trabajando. Ejercicio Dirigido Nº6 Dibujando Estrellas 1. 2. 3. 4. 5. 6. 7.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Estrellas, Anchura: 800, Altura: 600 Clic en OK Clic en Estrella Clic en el área de trabajo Aparece una ventana
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 16
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Radio1
Radio2
Dibujar 10 estrellas de diferentes tamaños, radios, Puntos, con diferente color de relleno, color del trazo, y grosor del trazo. En el mismo documento que se está trabajando.
Ejercicio Dirigido Nº7 Herramienta Destello 1. 2. 3. 4. 5. 6.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Destellos, Anchura: 800, Altura: 600 Clic en OK Clic en Herramienta Destello Clic en el área de trabajo 7. Aparece una ventana
8.
Está formado por 4 grupos de configuración -
Centro Aureola Rayos Anillos
9. Clic en OK 10. Se dibujara el destello con las configuraciones predeterminadas. Dibujar 5 Destellos de diferentes tamaños, utilizando las configuraciones antes mencionadas.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 17
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Practica Nº1
Dibujar los siguientes objetos para formar el diseño. Tratar de hacerlo igual o mejorado. Ejercicio Dirigido Nº 8 En esta práctica aprenderemos Activar la regla, crear guías, cuadriculas, vistas y ventanas 1. 2. 3. 4.
Abrir Adobe Illustrator CS5 Clic en Documento para Web Colocar los siguientes datos. Nombre Practica, Anchura: 800, Altura: 600 Clic en OK
Activar la regla: 1. Clic en el menú Ver / Mostrar regla (Ctl + R) Crear guías 1. 2.
Hacer clic en la regla vertical y arrastrar hacia el área de trabajo. Crear las siguientes guías como se muestra en la imagen.
3.
Luego configura sus colores, ingresando a menú EDICIÓN/ PREFERENCIA / GUÍAS Y CUADRÍCULA.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 18
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
4.
Dibujar rectángulos redondeados en cada cuadrado formado por las guías, darle color de relleno y trazado, como se muestra en la siguiente imagen. Los objetos encajan en las guías.
Aprende Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 19
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Ver cuadricula 1. Clic en el menú Ver / Mostrar cuadricula Guardar el documento con el nombre de estrellas.ai -
Crear un nuevo documento y diseñar el siguiente trabajo utilizando las guías. Guardarlo como cuadrados.ai
-
Crear un nuevo documento y diseñar el siguiente trabajo utilizando guías. Guardarlo como estrellas.ai
Vistas y ventanas Illustrator permite ver varios documentos ala ves. Ejemplo copiar objetos de un documento a otro. Teniendo los tres documentos de Illustrator abiertos realizar lo siguiente. 1. Clic en el menú Ventana / Organizar /
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 20
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Tambiﾃｩn abrimos otra ventana de un mismo documento. 1. 2.
Seleccionar la ventana que quiere duplicar Clic en el menﾃｺ Ventana / Nueva ventana
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 21
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPÍTULO III
Con Illustrator podemos combinar objetos para 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. FORMAS COMPUESTAS Ya hemos visto que con el panel Buscatrazos podemos crear formas compuestas. Pero si en vez de combinar sólo dos objetos combinamos varios objetos simples, y utilizando las diversas formas compuestas como añadir, intersección, etc... Llegaremos a crear ilustraciones cada vez más complejas de un modo sencillo. TRAZADOS COMPUESTOS Podemos crear un trazado compuesto por varios trazados. Esto normalmente lo haremos en trazados sencillos. El resultado es parecido al de agrupar objetos, pero en este caso no podremos variar las propiedades del trazado, como el relleno, y que sean distintas en los trazados que forman el compuesto. Por ejemplo, imaginemos que creamos trazados para formar la letra "i". La formaremos con dos trazados, para el cuerpo de la letra y el punto, pero nos interesa que sea tratado como uno sólo.
Ejercicio Dirigido Nº 9 En este ejercicio aprenderá a: -
Crear un documento con múltiples mesas de trabajo Usar herramientas y comando para crear formas básicas Usar reglas y guías inteligentes como método de ayuda al dibujar Escalar y duplicar objetos Unir y contornear objetos Trabajar con los comandos buscatrazos para crear formas. COMENZAR 1. 2. 3.
Abrir el archivo herramientas (Este archivo va a servir como referencia para el trabajo a realizar) Clic en Ver / Encajar mesa de trabajo en ventana Clic en el menú Archivo / Nuevo
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 22
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
4. 5. 6. 7.
En Nuevo documento: Herramientas. En Nuevo perfil: Imprimir. Cambien las unidades a Milímetros Número de Mesas de trabajo: 1.
8. 9. 10. 11. 12. 13.
Clic en el botón Organizar por filas En Espaciado: 1 En Anchura: 177.8 mm En Altura: 203.2 Clic en ok Guardar el documento con el nombre de Herramientas
14. 15. 16. 17. 18. 19.
Clic en el botón que se encuentra en el panel control En Sangrado ingrese 1 mm Clic en OK Mostrar la cuadricula Clic en el menú ventana / Espacio de trabajo / Aspectos esenciales Mostrar la regla
Lo primero que vamos a crear es un destornillador empleando las herramientas de forma básica. 1. 2. 3.
Seleccione la herramienta rectángulo en la meza de trabajo 1 dibuje un rectángulo clic en el menú Ventana / Transformar para ingresar los siguientes datos 4. Ingresar en Altura: 63.5 y Anchura: 19 mm
5. A continuación crearemos otro rectángulo 6. Clic en Ver / Ocultar cuadricula 7. Clic en la herramienta rectángulo y ubique el puntero en el centro del rectángulo anterior, clic y arrastre presionando la tecla Alt para dibujar un rectángulo desde el centro del otro. 8. En el panel Transformación cambiar los siguientes datos Anchura: 38.1 y Altura: 63.5 9. Ahora colocaremos el último rectángulo dibujado detrás de la otra. 10. Seleccione el rectángulo. 11. Clic en Objeto / Organizar / Enviar detrás
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 23
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Ahora dibujaremos la herramienta rectángulo redondeado 1. 2. 3.
Seleccione la herramienta Rectángulo Redondeado Clic sobre la meza de trabajo Escriba los datos como se muestra en la imagen
4.
Coloque el rectángulo redondeado en la siguiente posición
5.
Teniendo seleccionado el rectángulo redondeado. Clic en el menú Objeto / Organizar / Enviar detrás
6.
Ahora duplicaremos el rectángulo redondeado. Lo seleccionamos y arrastramos el objeto hacia abajo, teniendo la tecla Alt presionada. Que quedes como se muestra en la imagen. Se queremos ver como se muestra en la imagen haga clic en el menú Ver / Contornear
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 24
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
7.
Ahora vamos a achicar un poco el objeto que se ha dibujado último. Seleccione el objeto y teniendo la tecla Alt presionada arrastre el delimitador derecho hacia el centro, que se alinee con el rectángulo que se dibujó al principio. Como se muestra en la siguiente imagen
8. Enviar detrás el objeto que se dibujó último. 9. Clic en el menú Ver / Previsualizar 10. Para que se vea como va quedando. Como se muestra en la siguiente imagen
11. Es hora de dibujar un elipse 12. Primero clic en el menú Ver / Contornear 13. Seleccione la herramienta elipse y posicione el cursor sobre la esquina superior izquierda del rectángulo más grande. Observe que aparece la palabra ancla de color verde. Haga clic y comience a arrastrar el cursor hacia abajo y hacia la derecha. Como se muestra en la figura.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 25
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
14. Con la elipse seleccionada, mantenga pulsada la tecla Shif para que al mover el objeto hacia arriba no pierda la alineación con el rectángulo grande. Como se muestra en la imagen.
15. 16. 17. 18. 19.
Enviar detrás el objeto que se dibujó último (Elipse) Clic en el menú Seleccionar / Todo en mesa de trabajo activa Clic en el Menú Objeto / Agrupar Clic en el menú Seleccionar / Deseleccionar Ahora utilizaremos la herramienta Zoom. Haga clic tres veces en la parte inferior de las formas del destornillador. 20. Seleccione la herramienta polígono 21. Ubique en puntero en la parte central del rectángulo redondeado pequeño. Sin soltar el botón del mouse pulse tres veces la flecha abajo. El polígono se convertirá a triangulo. Ahora presione la tecla Shif y dibuje hacia la parte superior como se muestra en la figura.
22. Teniendo el triángulo seleccionado presione la techa Shif y arrastre hacia abajo. Suelte las teclas
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 26
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
23. Seleccione el triángulo y haga doble clic en la herramienta rotar
, que se encuentra en la
paleta herramientas. Cambien el valor de ángulo a 180, clic en OK
24. 25. 26. 27.
Seleccione la herramienta Zoom y haga clic en el triangulo Seleccione el triángulo. Clic en Edición / Copiar y a continuación Edición / Pegar Ubicar el nuevo triangulo encima del triángulo original Seleccione el nuevo triangulo y arrastre desde hacia la derecha pulsando la tecla Alt. Como se muestra en la imagen
28. Con la herramienta selección arrastre el cursor sobre ambos triángulos y ejecute el comando Objeto / Agrupar
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 27
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
29. Haga doble clic en la herramienta mano
para encajar la mesa de trabajo en la ventana.
Contornear Trazos Si creamos líneas en Illustrator y queremos aplicarle un relleno y un trazo, podemos contornearlos al trazo, convirtiendo la línea en una forma cerrada (Trazo compuesto) 1. 2. 3. 4.
5. 6. 7. 8. 9.
Crear la vara del destornillador dibujando un segmento de línea. Contornearemos ese trazo de forma que podamos aplicar un relleno y trazo al objeto. Deseleccione todo Seleccione los objetos agrupados que conforman el mango y arrástrelo hacia la parte superior. Guiarse con la línea verde que se muestra Ubicar el triángulo agrupado más abajo como se muestra en la figura.
Seleccione la herramienta Segmento de la paleta de Herramientas Clic en el centro del rectángulo redondeado pequeño y arrastre hasta el triángulo. Guiarse con la guía de color verde que de muestra. Clic en el menú Objeto / Trazado / Contornear trazado Clic en relleno en el panel de control y cambia por el color blanco Y en el trazo de color negro
10. Clic en el Panel Trazo
que se encuentra en la derecha del espacio de trabajo.
11. Seleccione el botón Alinear trazo al interior 12. Ahora seleccione el trazo contorneado y teniendo presionado la tecla Alt jale al lado izquierdo hasta que encaje con el triángulo, como se muestra en la siguiente imagen.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 28
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Crear el tornillo para el destornillador 1. 2. 3.
Con la herramienta Zoom clic tres veces sobre la punta del destornillador Clic en la herramienta elipse (L) Clic en la parte inferior del destornillador. Aparase la ventana para agregar las mediadas del elipse. Ingrese las medidas como se muestra en el gráfico.
4.
En
6.
Con la herramienta inferior del elipse. Para
7. 8.
Clic en Edición / Copiar y al instante clic en edición / Pegar delante Con el cursor hacia abajo bajar 7 veces. Como se muestra en la siguiente imagen
9.
Deseleccione todo
relleno
seleccione
ninguno 5. El grosor del trazo debe ser 1 pt. Selección directa arrastre el cursor sobre la parte seleccionar la mitad del objeto
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 29
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
10. Clic en la herramienta Segmento de línea. Dibuje desde el punto de ancla del lado izquierdo del elipse hasta el punto de ancla izquierdo del nuevo trazado. Para asegurar que salga recto dibuje presionando la tecla Shif.
Unir trazados Cuando los puntos finales de un trazado abierto se encuentran seleccionados, podemos unirlos para crear un trazado cerrado. 1.
Deseleccione todo
2. 3.
Clic en la herramienta Selecciono directa Seleccione el punto inferior del lado izquierdo del elipse y del trazo
4. 5.
Una ves seleccionado Clic en Contornear puntos finales , que se encuentra en el panel control. Se mostrara una ventana llamada Unir. Estar seguro que este seleccionada la opción Vértice
6. 7. 8.
Clic en ok Deseleccione todo Repita los pasos paras los puntos de ancla inferiores del lado derecho
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 30
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
9.
Una vez terminado la unión de los puntos de ancla del lado derecho deseleccionar todo
10. Seleccione la herramienta Selección directa 11. Precione la tecla chif y seleccione el punto de ancla superior izquierdo del elipse y el puento de ancla superior derecho. Como se muestra la imagen
12. Clic en contornear puntos finales se unirá los dos puntos seleccionados. Como se muestra en la imagen.
13. Deseleccione todo 14. Seleccione el trazado que acaba de unir y rellénelo con el color (K=20)
15. Clic en Objeto / Organizar / Enviar detrás 16. Ahora seleccione el elipse y rellénelo de color blanco
17. 18. 19. 20.
Seleccione las dos formas para agruparlas. Clic en Objeto / Agrupar Con el grupo todavía selecciona. Clic en Objeto / Bloquear / selección Esto es para que no seleccionemos en forma accidental el objeto antes dibujado.
Dibujando la Estrella
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 31
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
1.
Seleccione la herramienta estrella , coloque el cursor en el centro de la elipse. Observe que aparece una palabra “Centro”, haga clic y arrastre despacio el cursor hacia la derecha presione control para mantener el radio interior y arrastre un poco, suelte control y a continuación mantenga presionado Shif, redimensione la figura arrastrando el cursor hasta llegar como se muestra la siguiente figura.
2.
Seleccione la herramienta Selección. Manteniendo la tecla Alt presionada arrastre la parte superior del punto de ancla hacia abajo. Que quede como se muestra en la figura.
3.
Hacer lo mismo pero con el punto de ancla central del lado derecho hacia la derecha (No olvide presionar la tecla Alt)
Redondeando la punta del destornillador 1. 2.
Ubíquese en la punta del destornillador Con la herramienta borrador redondee la punta del destornillador. Como se muestra en la figura
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 32
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
3. 4. 5. 6.
Seleccione el menú Seleccionar / Todo en mesa de trabajo Clic en el menú Objeto / Agrupar Deseleccione todo Clic en Archivo / Guardar
Combinando Objetos Los comandos busca trazas nos permiten combinar objetos para crear formas. Existen dos tipos de comandos Busca trazos: efectos de busca trazos y Modos de Formas. Añadir a área de forma Formar Intersección con áreas de formas Restar de área de forma Excluir áreas de formas superpuestas
Menos fondo Contornear Recortar Combinar Dividir Cortar
Practica Soldar (Unificar) 1. 2.
Crear un área de trabajo con el nombre de Soldar. Con una medida de 600 X 500 Dibuje un rectángulo con las medidas de Anchura: 50 mm, Altura 50 mm 3. Dibuje otro y colóquelo encima como se muestra la imagen
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 33
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
4. 5.
Seleccionar los dos objetos con la herramienta selecciﾃｳn Apertura la ventana Buscatrazos, haciendo clic en Ventana / Buscatrazos
6. 7.
Clic en Unificar Los objetos se soldaran o se unificaran como se muestra en la siguiente imagen
8.
Dibujar los siguientes objetos
Menos Frente 1.
Crear un ﾃ｡rea de trabajo con el nombre de Menos frente. Con una medida de 600 X 500
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 34
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
2.
Dibuje un rectángulo con las medidas de Anchura: 50 mm, Altura 50 mm 3. Dibuje un elipse y colóquelo encima como se muestra la imagen
4. 5. 6.
-Seleccione los dos objetos y clic en Menos Frente El objeto quedara de la siguiente forma Realice los siguiente diseños
Formar intersección 1. 2. 3.
Crear un área de trabajo con el nombre de Formar intersección. Con una medida de 600 X 500 Dibuje un Elipse con las medidas de Anchura: 50 mm, Altura 50 mm Dibuje otro elipse con las medidas de Anchura: 50 mm, Altura 50 mm y colóquelo encima como se muestra la imagen
4.
Seleccione los dos objetos y clic en Formar intersección
5.
El objeto quedara de la siguiente forma:
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 35
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR Diseﾃｱar los siguientes objetos:
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 36
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 37
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPITULO IV
Deformación de objetos Es posible distorsionar las formas originales de los objetos de diferentes maneras mediante algunas herramientas. Reflejado de Objetos 1. Cuando se refleja un objeto Ilustrador crea una imagen espectacular en relación con el eje invisible especificado por el usuario.
1. 2. 3. 4. 5. 6.
Haga clic en panel símbolos situada en la parte derecha del espacio de trabajo. Arrastre el símbolo Cohete sobre la mesa de trabajo Con el símbolo seleccionado haga doble clic en la herramienta escala de la paleta de herramientas. En el cuadro de dialogo Escala, cambie Uniforme a 30% y haga clic en OK Seleccione el símbolo, luego seleccione la herramienta Reflejo en la paleta de Herramientas, y Puelse Alt + Clic en el borde derecho del símbolo. En el cuadro de dialogo Reflejo marque la opción Previzualizar. Seleccione Vertical y haga clic en Copiar. Debe quedar como se muestra la siguiente imagen.
Rotación de Objetos Los objetos son rotados al hacer que giren alrededor de un punto de referencia designado. Podemos rotar objetos visualizando sus cuadros delimitadores y moviendo el cursor hacia un vertiese exterior. 1.
Selecciones el objeto como se muestra en la imagen
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 38
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
2. Haga doble clic en la herramienta Rotar 3. Active la opción Previsualizar 4. Cambie el ángulo a 20 y haga clic en OK 5. El objeto se rotara al ángulo indicado.
Crear el siguiente diseño utilizando la herramienta reflejo:
Torcer Es posible distorsionar las formas originales de los objetos de diferente manera mediante algunas herramientas. 1. 2. 3.
Dibujer un estrella de 5 puntas Ejecute el comando Efecto / Deformar / Torcer Dibujar los siguientes objetos.
Fundir y engordar 1. 2. 3. 4. 5. 6.
Dibujar una estrella de 5 puntas de color celeste Aplicarle el efecto Torcer Con la herramienta escala copiar o duplicar el objeto al 60 % Seleccionar Cambiar de color amarillo a la estrella duplicada con Escala Clic en Efectos / Distorsionar y transformar /Fundir y engordar En el cuadro de dialogo que aparece colocar -83 en Fruncir y activar Previsualizar
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 39
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
7.
Tratar que el diseño se vea como la siguiente imagen:
Distorsionar con la Herramienta distorsión 1. 2. 3. 4.
Dibuje una estrella de 8 puntas Clic en la herramienta Distorsión que se encuentra en el Panel de herramientas Posicione el cursor sobre el borde inferior del objeto. Ahora clic en la parte interior del objeto y arrastre hasta llegara ala distorsión deseada
Transformación libre Haga clic en la herramienta Texto Configurar en el Panel Control lo siguiente:
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 40
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPITULO V
Utilizaremos la herramienta Transformación libre para cambiar la perspectiva del texto. 1. Haga clic en la herramienta Texto 2. Configurar en el Panel Control lo siguiente: 3. Escribir el siguiente texto: “OMARSOFT” 4.
Estando seleccionado clic en el menú Texto / Crear contornos.
5. 6.
Clic en la herramienta Transformación Libre del panel de Herramientas Posicione el cursor de doble cabeza sobre la esquina superior derecha del cuadro delimitador como se muestra en la imagen
7.
Hacer clic, luego sin soltar el ratón presionar las teclas Alt + Control + Shif y arrastre hacia arriba con el ratón. Que quede como se muestra en la siguiente imagen.
8.
Soltar las teclas y el ratón.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 41
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR Realizar los siguientes ejemplos:
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 42
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Existe otra forma de realizar lo mismo optimizando un efecto del menú efecto 1. 2.
Seleccionar la herramienta Texto Aplicar las siguientes propiedades en el panel control:
3. 4.
Escribir COMPUTACIÓN Estando seleccionado la palabra, clic en el menú Efecto / Distorsionar y transformar / Distorsión libre. Como se muestra en la siguiente imagen
En esta ventana arrastrar los puntos de los bordes
1.
Clic en OK
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 43
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
TRABAJAR CON TEXTO Crear texto de punto 1. 2.
Elaborar el diseño siguiente considerando las herramientas de texto. Seleccione la herramienta texto y dibuje un cuadro encima de la primera imagen de la parte superior. Como se muestra en la siguiente figura.
3. Terminado los fondos con formas básicas y buscatrazos, preparar con texto artístico y marco de textos los contenidos. 4. Considere:
5.
Finalmente agrupa los contenidos.
Importar un archivo de texto sin formato Si deseas realizar un folleto o boletín y deseas trabajar con varios párrafos, esta es la herramienta, importar texto en una imagen desde un archivo creado en otra aplicación. Estos son los formatos que soporta la función de importación de texto de illustrator. - Microsoft Word Para Windows 97, 98, 2000, 2003, 2007,2010 y 2013.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 44
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
También se puede copiar y pegar texto, pero a veces ocurre que se pierde el formato. Una de las ventajas de importar texto desde otro archivo en lugar de copiar y pegar es que el texto importado conserva el formato de los caracteres y de los párrafos. 1. 2. 3.
Haga doble clic en la herramienta Mano para ajustar la mesa de trabajo en la ventana y haga en Ver / Guías inteligentes para seleccionar las guías inteligentes. Antes de importar el texto cree un objeto de texto de área. Para ello, seleccione la herramienta Texto (T), haga clic en las esquina superior izquierda del cuadro guía y arrastre hasta la esquina inferior derecha. Como se muestra en la siguiente imagen.
4. 5.
Haga clic en colocar. En el cuadro de dialogo Opciones de importación de texto, que incluye opciones que se pueden configurar antes de importar el texto, mantenga los ajustes que aparecen por defecto y haga clic en OK
6.
El texto se coloca en un objeto de texto. Ahora mismo, no es necesario que se preocupe por el formato. Seleccione Guardar y deje el archivo abierto.
7.
Crear columnas de texto Se puede crear fácilmente columnas y filas de texto con las opciones de texto de área. 1. Si el objeto de texto no está seleccionado haga clic en la herramienta Selección para seleccionarlo. 2. Seleccione Texto / Opciones de texto de área 3. En el cuadro de dialogo Opciones de texto de área, marque la casilla Previsualizar y en la sección columnas, escriba 2 en el campo de texto Numero y haga clic en OK 4. Seleccione Seleccionar / Deseleccionar 5. Guardar y deje al archivo abierto.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 45
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
QUE ES EL FLUJO DE TEXTO En este apartado colocara un documento de Microsoft Word en una forma rectangular para crear textos de área en la segunda mesa de trabajo del archivo que está abierto. De este modo añadirá texto a un postal que acompaña el poster. 1.
2. 3. 4. 5.
Haga clic en el botón Siguiente que está en la barra de estado abajo ala izquierda de la ventana Documentos para acceder a la segunda mesa de trabajo. Seleccione Ver / Encajar mesa de trabajo en ventana. Seleccione la herramienta Rectángulo en el panel Herramientas. Pulse D para configurar los colores predeterminados de relleno (Blanco) y trazo (Negro) Haga clic y arrastre el ratón desde la esquina superior izquierda del cuadro de guía que está en el centro de la mesa de trabajo hasta la esquina inferior derecha para crear el rectángulo. Seleccione la herramienta Texto (T) y pásela por encima del borde del rectángulo. Vera que nuevamente aparece la palabra Trazado.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 46
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPITULO VI
DIBUJAR CON LAS LÁPIZ Y PLUMA 1. 2.
Ejecute el comando Ver / Guías inteligentes Para anular la selección de las guías inteligentes
3. 4.
Seleccione la Configurar en panel de
5. 6. 7.
Observe que el puntero muestra una X, eso es porque no se ha escogido un punto de inicio Clic en la parte Izquierda de la meza de trabajo. Luego clic en en la parte izquierda pero bajando un poco.
herramienta pluma control lo siguiente:
8. Luego nuevamente clic en la parte izquierda bajando un poco 9.
Terminar el diseño como se muestra en la siguiente imagen
10. Diseñar el siguiente diseño con la pluma
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 47
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CREACIÓN DE TRAZADOS CURVOS En esta parte, aprenderemos a dibujar líneas con curvas suaves, empleando la herramienta pluma. 1.
Ejecute el comando Archivo / Nuevo para crear un nuevo documento tamaño carta, dejando los ajustes de la página con sus valores por defecto.
2.
En el panel Control, haga clic sobre el color de Relleno y seleccione la muestra ninguno .A continuación haga clic sobre el color de trazo y asegúrese de que la muestra negra se encuentre seleccionada. Verifique que el color de trazo es 1 pt en el panel control.
3. 4. 5.
6.
Con la herramienta Pluma haga clic en cualquier en cualquier parte de la página para crear un punto de ancla inicial. Nuevamente haga clic en otra parte del área de trabajo y sin soltar el ratón arrastre un poco hacia la derecha. Esto hará que se forme los manejadores de dirección.
Seleccione la herramienta selección directa y haga clic en un segmento curvo para visualizar los manejadores de dirección.
Creación de una curva 1.
Crear un nuevo documento con las medidas predeterminadas
2.
Seleccione la herramienta pluma en la paleta herramientas. Haga clic sobre la base de la parte izquierda del arco y arrástrela hacia arriba para crear una línea de dirección y suelte el botón cuando la línea de dirección se encuentre ligeramente por encima del arco.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 48
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
3.
Luego haga clic en la base derecha inferior del trazado del arco y arrastre el cursor hacia abajo. Suelte el botón del ratón cuando el punto de dirección superior se encuentre ligeramente sobre el arco.
4.
Puede usar la herramienta selección directa
para seleccionar los puntos de ancla uno a uno,
si es que el trazado creado no se encuntra alineado.
Conversión de puntos curvos a puntos vértices 1. 2. 3.
Abrir el archivo L5star_04.ai de la carpeta Lessosn05. En esta página, puede ver los trazados que crearemos. Utilice la sección superior como plantilla para este ejercicio. Guardar el archivo con el nombre de Practica de pluma Pulse Z para cambiar a la herramienta Zoom alrededor de la curva con etiqueta A.
y arrastre como dibujando un rectángulo
Seleccione la herramienta pluma , y mientras pulsa la tecla Shif, haga clic sobre el primer punto de ancha y arrastre el cursor hacia arriba
4.
5. Haga clic sobre el segundo punto de ancla y arrastre el cursor hacia abajo sin soltar el botón, hasta que la curva se vea como se muestra en la imagen.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 49
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
6.
Luego clic en el otro punto teniendo presionado la tecla shif y arrastrar hacia abajo. La curva quedara como se muestra la imagen
7.
Para diseñar la curva correctamente como se ve en el dibujo que sirve como guía. Haga lo siguiente, presione la tecla Alt y el puntero cambiara de forma y haga clic en el punto de ancla que se muestra en la imagen y arrastre hacia arriba:
8.
El resultado será el siguiente:
9.
Repita los pasos desde el punto 6. El diseño quedara como se muestra en la siguiente imagen
Pasar una curva a una línea recta 1. 2. 3. 4. 5.
Con la herramienta pluma, haga clic sobre el primer punto de ancla de la izquierda y arrastre el cursor hacia arriba. A continuación haga clic en el segundo punto y arrastre hacia abajo. Pasaremos de una curva a una línea recta. Con tan solo pulsar la tecla Shif y haciendo clic no generamos una línea recta, debido a que su último punto es un punto de ancla curvo. Para crear el siguiente trazado en forma de línea recta, haga clic en el último punto creado para borrar una línea de dirección desde el trazado. Pulse Shif + Clic para establecer el siguiente punto hacia la derecha, creando un segmento recto
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 50
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
6.
Para el siguiente arco, pase por encima del último punto creado (observe que aparece el icono de la pluma como se muestra en la imagen ( ^)) y a continuación haga clic y arrastre el cursor hacia abajo desde el punto que acaba de crear. Con esto crearemos una línea de dirección
7.
Haga clic en el siguiente punto y arrástrelo para completar el arco descendente
8. 9.
Para dibujar las otra línea recta repetir los pasos 4 y 5 Para crear el otro arco repetir los pasos 6 y 7. Pero esta vez el cursor se arrastrara hacia arriba para crear la línea de dirección, como se muestra en la siguiente imagen:
10. Ejecute el comando Archivo /Guardar y a continuación Archivo / Cerrar
CREACIÓN DE LA ILUSTRACIÓN PARA LA MANZANA En la siguiente sesión crearemos una ilustración de una manzana atravesada por una flecha. Pondrá en práctica las nuevas habilidades adquiridas en los ejercicios anteriores. Además aprenderemos algunas técnicas adicionales de la herramienta Pluma. 1.
Elaboramos un conjunto de diseño haciendo uso de la herramienta pluma y sus herramientas de edición.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 51
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Creación de la flecha 1. 2.
3. 4.
Comenzaremos dibujando una línea recta para la flecha. La capa de plantilla nos permite dibujar directamente sobre la ilustración. Ejecute el comando Ver / Straight line para aumentar la visualización sobre la esquina izquierda de la plantilla. En el panel Control, verifique ahora que Ninguno es el color de relleno y que el color de trazo es negro. Asegúrese también de que el grosor del trazo sea 1 Haga clic sobre el punto A, y luego haga clic sobre el punto B
5.
Ejecute después el comando Seleccionar / Deseleccionar para finalizar el trazado. Debe deseleccionar antes de poder dibujar otras líneas que no se encuentren conectadas a este trazado.
6. 7.
Con la herramienta selección , haga clic sobre la línea recta para seleccionarla. En el panel control, cambie el grosor de trazo a 3pt.
División de trazados Para continuar con la flecha dividiremos el trazado de la línea recta con la herramienta Tijera y ajustando los segmentos. 1. 2.
Asegúrese que las Guías inteligentes estén activadas. Con la línea recta seleccionada, en la paleta Herramientas, haga clic y mantenga pulsada la herramienta borrador ( ) para que se muestre la herramienta Tijera ( ). Seleccione la herramienta tijeras y haga clic en el medio de las líneas para hacer un corte (Aparece la palabra trazado)
Los cortes realizados con la herramienta Tijeras deben hacerse sobre una línea o curva en lugar de sobre un punto final. Cuando hace clic con la herramienta Tijeras, aparece un nuevo punto de ancla seleccionado.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 52
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
3.
Seleccione ahora la herramienta Selección Directa ( ) y posicione el cursor sobre el corte que acaba de realizar. el puntero indica que se encuentra sobre el punto de ancla.
4.
Seleccione el nuevo punto de ancla, y arrástrelo hacia arriba para ampliar el hueco entre los dos segmentos divididos. Al arrastrar aparece el texto Forma intersección indicando que el punto de ancla coincide con la línea. Mantenga el trazado superior seleccionado
Añadir puntas de flecha Puede añadir puntas de flecha y colas para abrir los trazados aplicando un efecto. La ventaja de usar un efecto está en que la flecha cambia dinámicamente con el trazo que le es aplicado. 1. 2.
Con el segmento de línea superior seleccionado ejecute el comando Efecto / Estilizar / Añadir puntas de flecha de los efectos de Illustrator En el cuadro de dialogo Añadir puntas de flecha, deje la sección Inicio como ninguno. Para la sección Fin, haga clic en el botón flecha para seleccionar el estilo Nº 2 de punta de flecha, y haga clic en OK
La flecha quedara como se muestra en la siguiente imagen:
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 53
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
3.
Con la herramienta selección, seleccione el segmento de línea inferior, y ejecute Efectos / Estilizar / Añadir puntas de flecha. Seleccione el estilo punta de flecha 17. En la sección Inicio. En la Sección Fin, seleccione Ninguno haciendo clic en la flecha izquierda y haga clic en OK para añadir una cola al punto de Inicio
DIBUJAR CURVAS 1.
Ejecute Ver / Curved line para mostrar una vista de una línea curva de la plantilla
2.
Usando la herramienta selección directa (
) haga clic sobre unos de los segmentos de
la línea curvada para ver sus puntos de ancla y sus manejadores de direccion, los cuales se extienden desde los puntos Dibujar 1.
la Hoja
Ejecute el comando Ver / Hoja, o desplácese hacia abajo para ver las guías de Leaf step 1
Seleccione la herramienta pluma y posiciónela sobre el punto A de la plantilla. Haga clic y arrastre el cursor desde el punto A hacia el punto de color rojo
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 54
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
A continuación establecemos el segundo punto de ancla y sus manejadores de dirección. 3.
Haga clic y arrastre con la herramienta Pluma desde el punto B hasta el siguiente punto rojo. Los dos puntos de ancla están conectados con una curva que sigue el manejador de dirección que acaba de crear.
4.
Para completar la curva, haga clic y arrastre el cursor con la herramienta Pluma desde el punto C hasta el punto rojo
5.
Ejecute el comando Control + Clic hacia afuera desde la línea para finalizar el trazado.
Dibujar Diferentes tipos de curvas Terminemos dibujando la hoja por medio de la adición de un segmento de una curva existente. Incluso después de finalizar un trazado, podemos volver a la curva y añadírselo. 1.
Haga clic sobre la flecha de la derecha de la barra de estado en la esquina inferior izquierda de la ventana de documento, y ejecute el comando Mostrar / Herramienta actual
2.
Mueva la barra de desplazamiento hacia abajo hacia Leaf step 2. En esta ocasión, añadiremos un punto de vértice al trazado. Un punto de vértice nos permite cambiar la dirección de la curva. Un punto de suavizado permite dibujar una curva continua.
3.
Posicione la herramienta pluma sobre el punto A. la barra que aparece junto al icono de la pluma indica que se encuentra alineada con un ancla y continúan el trazado de la línea existente, en lugar de comenzar con una nueva línea.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 55
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
4.
Pulse Alt y observe que la barra de estado de la esquina inferior izquierda de la ventana de documento muestra Pluma: Hacer vértice. Ahora pulse Alt mientras arrastra la herramienta Pluma desde el punto de ancla A hacia el punto rojo
5.
Posicione el cursor sobre el punto de ancla B de la planilla. Un circulo abierto aparece pegado a la herramienta Pluma, indicando que al hacer clic se cierra el trazado. Haga clic y arrastre el cursor desde este punto hasta más allá del punto rojo que se encuentra debajo del punto B
6. 7.
Pulse Control + Clic hacia afuera de la línea para culminar con la ilustración. Ejecute Archivo /Guardar
Dibujar el tallo de la Hoja A continuación crearemos el tallo de la hoja ajustando un trazado curvo. 1. 2. 3.
Ejecute el comando Ver / Stem para visualizar un aumento del tallo Seleccione la herramienta selección directa, y posicione el cursor sobre el punto A de la parte superior de la curva Cuando aparezca un cuadrado abierto pegado al cursor, haga clic sobre el punto de ancla para seleccionarlo y mostrar sus manejadores de dirección rojos para el punto de suavizado
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 56
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
4.
Seleccione la herramienta Convertir punto de ancla ( ). Con esta herramienta, seleccione el puno de dirección izquierdo, y arrastre hasta el punto dorado de la plantilla.
5. Con la herramienta Convertir punto de ancla, seleccione el punto de ancla inferior y arrastre el cursor desde el punto B hasta el punto rojo.
6.
Ahora editaremos la forma del tallo Con la herramienta selección directa haga clic para seleccionar el punto A. en el Panel control haga clic en Cortar trazado en los puntos de ancla seleccionados ( ). Arrastre el punto de ancla seleccionado hacia la izquierda.
7.
Ejecute Shif + clic sobre los dos puntos superiores, y después
haga clic en Conectar puntos finales seleccionados (
) en el panel
control para crear una línea recta que vaya de lado a lado de la parte superior del tallo. Como se muestra en la imagen.
8.
Seleccione el punto de ancla situado arriba a la izquierda con la herramienta Selección directa y haga clic en Convertir puntos de ancla seleccionados en suavizado (
) en el panel Control,
como muestra la segunda imagen de la figura.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 57
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
9.
Haga clic y arrastre la línea de dirección inferior del punto superior izquierdo hacia la derecha de modo que la forma siga las guías un poco más e cerca.
DIBUJAR LA FORMA MANZANA En esta ocasión dibujaremos un único y continuo objeto compuesto de puntos de suavizado y puntos de vértice. Cada vez que queramos cambiar de dirección de una curva en un punto específico, pulsaremos Alt para crear un punto de vértice. 1.
Ejecute Ver / Apple para aumentar la visualización de la manzana
Primero dibujáremos el lado opuesto del mordisco por medio de la creación de puntos de suavizados u puntos de vértice. 2. Seleccione la herramienta pluma. comenzando desde el cuadro azul (punto A), haga clic y arrastre el cursor desde el punto A hacia el punto rojo para establecer el punto de anclay la dirección de la primera curva. 3. Con la herramienta Pluma, haga clic y arrastre el cursor desde el punto B hasta el punto rojo, cuando la línea de dirección que controla la siguiente curva. 4. Haga clic y arrastre el cursor desde el punto C hasta el punto rojo y mantenga el botón del ratón pulsado.
5. 6.
Pulse Alt y arrastre el cursor desde el punto rojo hasta el punto dorado. Suelte el botón del ratón y después la tecla Con eso dividimos los manejadores de dirección Con la herramienta Pluma, haga clic y arrastre el cursor desde el punto D hasta el punto rojo Con la herramienta Pluma, haga clic y arrastre el cursor desde el punto E hasta el punto rojo.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 58
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
7.
pulse Alt mientras arrastra el manejador de dirección desde el punto rojo hasta el punto dorado. Continúe arrastrando el cursor hacia los puntos F, G, H, I, primero desde el punto de ancla hacia el punto rojo, y después punzando Alt arrastrando el manejador de dirección desde el punto rojo hasta el punto dorado.
A continuación, completaremos el dibujo de la manzana cerrando el trazado. 8. Posicione la herramienta Pluma sobre el punto A. observe que aparece un circulo abierto pegado al cursosr de la pluma, indicando que el trazado se cierra al hacer clic.
DIBUJAR CON LA HERRAMIENTA LÁPIZ La herramienta lápiz permite dibujar trazados abiertos y cerrados como si lo hiciera con un lápiz sobre un papel 1. 2.
Ejecute el comando Ver / Encajar mesa de trabajo en ventana Seleccione la herramienta Zoom en la paleta de herramientas y haga clic sobre la hoja antes dibujada.
3.
Haga doble clic en la herramienta Lápiz ( ). En el cuadro de dialogo Opciones de la herramienta lápiz, arrastre el desplazador Suavizado hacia la derecha hasta que el valor llegue a 100. Esto hace que los puntos dibujados con la herramienta Lápiz tengan menos puntos y aparezcan más suaves. Clic en OK Con la herramienta Lápiz seleccionada, haga clic en el color de trazo en el panel Control, y
4.
5.
seleccione el negro en el panel Muestras, y después haga clic en el color de relleno Haga clic y arrastre el cursor desde la parte final de la izquierda de la hoja hacia la parte final derecha formando un arco para crear un línea central para la hoja.
6.
La herramienta Lápiz terminar el dibuja como se muestra en la siguiente imagen
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 59
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
Practica: Utilizando la mano alzada (Lápiz) dibujar el siguiente dibujo. Se recomienda utilizar el Suavizado a 95 o más
Edición con la herramienta lápiz También es posible editar cualquier trazado con la herramienta Lápiz, asi como añadir líneas irregulares a cualquier forma. 1. 2. 3. 4.
5.
Haga doble clic en la herramienta Mano ( ). Para encajar la meza de trabajo en la ventana Seleccione la herramienta Zoom y haga clic tres veces sobre el tallo situado en la esquina superior izquierda de la mesa de trabajo. Con la herramienta selección, seleccione el tallo Haga doble clic en la herramienta Lápiz. En la ventana que se muestra haga clic en restaurar. Verifique que la opción Editar trazados seleccionados se encuentre marcado. Cambie el suavizado el Suavizado al 15% y haga clic en OK Posicione la herramienta Lápiz sobre la parte superior izquierda del trazado del tallo y observe que la X desaparece del cursor. Esto indica que está apunto de dibujar el trazado seleccionado.
6. Arrastre el cursor hacia arriba y hacia la derecha para rodear la esquina del tallo. Como se muestra en la siguiente imagen.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 60
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
CAPITULO VII
A continuación rellenaremos una forma con un degradado y después lo editaremos 1. 2.
Abrir Illustrator Crear un documento nuevo para la web 3. Dibujar 4 elipses de diferentes tamaños 4. Ejecute el comando Ventana / Espacio de trabajo / Aspectos esenciales. 5. Haga clic sobre la herramienta mano para encajar la mesa de trabajo en ventana
USO DE MOTIVOS Puede emplear motivos preestablecidos que se ejecutan con adobe Illustrator CS5 o crear los suyos propios. 1.
Seleccione un de los elipses antes dibujados
2.
Haga clic en el icono panel Muestras (
3. 4. 5. 6.
) en la parte inferior del panel y seleccione Motivos / Gráficos Básicos / Gráficos básicos_Motivo2 para abrir la biblioteca de motivos. Con la herramienta Selección, seleccione la forma En el panel Control, cambie el color de trazo a ninguno Asegúrese de que el cuadro de Relleno esta seleccionado en la paleta Herramientas Seleccione la muestra de motivo 10dpi 60% para rellenar el elipse con el motivo
7.
A las demás formas rellenarle con un motivo diferente.
), Haga clic en el botón Menú Biblioteca muestras (
CREACIÓN DE SU PROPIO MOTIVO 1. 2. 3.
Dibuje un objeto cualquiera ejemplo un rectángulo y mantenerla seleccionado Cambie el relleno en el Panel Control a color Gris oscuro. Haga clic en el icono del Panel Muestras. Con la herramienta Selección, haga clic y arrastre la forma seleccionada hasta el panel Muestras. Ha creado un nuevo motivo.
Podemos colocar ilustraciones para que se rellenen como motivo.
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 61
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
TRABAJAR CON PINTURA INTERACTIVA Pintura interactiva le permite pintar gráficos vectoriales de forma intuitiva. Por medio de la detección y corrección automática de huecos que previamente habrían afectado a la aplicación de rellenos y trazos 1. 2.
Busca en internet una imagen en dibujo lineal y colocar en AI. Seleccione la imagen trazada y ejecute el comando Objeto / Pintura Interactiva / Crear.
3.
Antes de comenzar a dibujar, ejecute el comando Objeto / Pintura Interactiva / Opciones de hueco En el cuadro de dialogo Opciones de hueco seleccione Detención de huecos si no se encuentra marcada.
4.
El color de Pre visualización de huecos está definido para que sea resaltado en rojo. 5. Seleccione huecos medianos en el menú Detener pintura en. Con esto se reconocen los huecos de los trazado de pintura interactiva, impide que la pintura pase entre alguno de los huecos más grandes. 6. 7. 8. 9.
Seleccione la herramienta Bote de pintura interactiva ( )en la paleta de herramientas Seleccione un tono de color Luego mueva el puntero del ratón sobre la pierna izquierda del dibujo, y pinte Trate de pintar todo el dibujo utilizando la Herramienta Bote de pintura.
Edición de regiones de pintura interactiva A continuación, crearemos un nuevo archivo y una ilustración sencilla. 1. Ejecute archivo Nuevo, y cree un documento tamaño carta. Haga clic en OK 2. Seleccione la herramienta elipse. Y dibuje una elipse, de cualquier tamaño. 3. Con la herramienta selección pulsando Alt, clone o duplique el elipse 4. 5.
Ejecute seleccionar todo. En el panel control, seleccione ninguno para el relleno y el trazado Para visualizar los elipses clic en Ver / Contornear
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 62
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
6.
Seleccione la herramienta bote de pintura Interactiva ( ) , y pase por la zona superpuesta. Cuando los círculos sean resaltados, haga clic una vez para activar la forma central como grupo de pintura interactiva para colorearlo en el panel muestras.
7. 8. 9. 10.
Luego haga clic dentro del grupo de puntura interactivo izquierdo Luego repita los pasos para el lado derecho. Utilice diferentes nonos de pintura. Para visualizar como va quedando. Clic en Ver / Previzulizar. Ejecute el comando Seleccionar / deseleccionar. Seleccione la herramienta Selección directa. Haga clic sobre el sobre el circulo izquierdo, luego seleccione le punto de ancla para jalar el circulo como se muestra en la siguiente imagen.
COLORES DE DEGRADADO 1. Dibujar 5 elipses, 5 estrellas, 5 rectángulos redondeados 2. Seleccione el primer Elipse 3. Clic en la herramienta Degradado ( ) de los paneles del lado derecho 4. Se mostrara un panel como se muestra en la siguiente imagen Tipo: - Radial - Lineal
Rellenos de degradado: - Degradado lineal - Suavizado hacia negro - Degradado radial - Viñeta negra suave - Puesta de sol en el desierto - Radial cobre Regulador de degradado
Regulador de degradado
5.
El elipse quedara como se muestra en la siguiente imagen:
6.
De la misma forma aplicarle degradado a los demás objetos o dibujos. (trate de cambiar el tipo de degradado) Para modificar el degradado podemos utilizar la herramienta Degradado que se encuentra en el
7.
panel Herramientas
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 63
DISEÑO PUBLICITARIO CON ADOBE ILLUSTRATOR
8. Primero seleccione el primer elipse 9. Luego clic en Degradado 10. En el objeto aparece una línea como se ve en la siguiente imagen:
11. Esta herramienta me permite modificar el degradado. Solamente ubíquese en uno de los puntos finales y muévalo o rótelo. Como se muestra en la imagen
12. Al hacer clic en ese recta aparase unos reguladores que me ayudan a modificar el degradado. como se muestra en la siguiente imagen
APLICANDO LAS HERRAMIENTAS DE CALCO INTERACTIVO Y RELLENO INTERACTIVO, DISEÑAR:
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Página 64
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 65
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 66
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 67
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 68
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 69
DISEﾃ前 PUBLICITARIO CON ADOBE ILLUSTRATOR
Adobe Illustrator con Ing. Dante Omar Panta Carranza
Pﾃ｡gina 70