Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Práctica Dirigida:
Portada de Libro
Logro:
“Al finalizar la sesión 9, el estudiante aplica herramientas del programa Adobe Illustrator en el desarrollo de una
portada para una publicación editorial.”
Empezando
Para la primera lección de este libro, obtendrá un recorrido rápido de las herramientas y características de Adobe
Illustrator CC, ofreciendo un sentido de las muchas posibilidades. En el camino, creará una ilustración de para una
portada de Libro.
1. Inicie Adobe Illustrator CC.
1
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
3. En el cuadro de diálogo Nuevo documento, cambie sólo las siguientes opciones (dejando el resto en su
configuración predeterminada):
o Nombre: DV 9_Portada Nombre y apellido del estudiante
o Número de mesas de trabajo: 1
o Área de recorte: A medida
▪ Ancho: 140 mm
▪ Alto: 205 mm
o Sangrado: 5 mm en todos los lados
o Avanzado:
▪ Modo: CMYK
▪ Efectos de Rasterizado: Alta (300 ppp)
• En el cuadro de diálogo Guardar (Save), deje el nombre como DV 9_Portada Nombre y apellido del
estudiante y vaya a la carpeta Material del Estudiante en el escritorio de la computadora (Si no existe el
archivo crea uno).
2
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
3
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
Creando el fondo
4. Antes de trazar el rectángulo cambiamos el color de relleno a azul oscuro vamos al panel de herramienta y en
el color de relleno le damos doble clic y abrimos el Selector de colores e insertamos los siguientes valores de
color:
5. Seleccione la herramienta Rectángulo y dele clic sobre la mesa de trabajo e inserte los siguientes
valores en milímetros.
6. Con el rectángulo de color negro creado ubíquelo en el centro de la mesa de trabajo utilizando el
Panel de Control de la herramienta Rectángulo.
4
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
7. Posteriormente presione los botones centro y centro vertical para que el rectángulo se ubique en el
centro de la mesa de trabajo.
9. Para apreciar los elementos que intervendrán en el ejercicio aplicaremos los iconos del panel de
Capas. Vamos al panel de capas, menú principal: Ventana>Capas (Window>Layes)
5
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
10. En el menú emergente del panel de Capas (Layers) (esquina superior derecha) seleccione la función
Opciones de panel…(Panel Options…) y en el panel active e inserte el valor indicado en la imagen.
11. El icono en el Panel de capas se verá de la siguiente manera y luego bloquearemos la Capa 1
12. Ahora vamos al panel de Herramientas y en el cuadro de Relleno de color cambiamos a Blanco.
6
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
13. Posteriormente seleccionamos la herramienta Elipse (L) (Ellipse Tool), y además creamos una Nueva
capa y le cambiamos el nombre: ARTE FINAL.
7
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
15. Cambiamos a herramienta Selección (V) (Selection Tool) y abrimos el panel Pinceles (Brushes) (o
presionamos la tecla F5)
16. Ahora con el panel de Pinceles (Brushes) abierto, seleccionamos el círculo, creado con la herramienta
Elipse (L) (Ellipse Tool), y creamos un nuevo pincel, dando clic en el botón de la parte inferior del panel
pincel, en las opciones de nuevo pincel seleccionamos Pincel de dispersión (Scatter Brush).
17. Dando Ok en el panel de Nuevo pincel (New Brush), nos aparecerá un nuevo panel: Opciones de
pincel de dispersión (Scatter Brush Options), en donde realizaremos los siguientes cambios. En nombre el
Grupo 1 pondrá Nubes 1 y el Grupo 2: Nubes 2.
8
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
18. Al cerrar el panel OPCIONES DE PINCEL DE DISPERSIÓN (SCATTER BRUSH OPTIONS), revisaremos el panel de pinceles y
encontraremos que apareció un punto Blanco el cual significa que tenemos agregado un nuevo pincel en el Panel.
19. Ahora borraremos el circulo que se utilizó como muestra para crear el pincel.
9
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
3. Para cubrir algunas áreas vacías por el TRAZADO DEL PINCEL, agregaremos algunos círculos como se muestra en la imagen. Utilice la
tecla ALT para realizar la copia y ubicación de los círculos en las diferentes áreas de la ilustración de la NUBE. No importa que la nueva
imagen rebase la mesa de trabajo.
10
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
4. Puede quedar una figura similar al que se muestra en la imagen.
5. Ahora seleccionamos todas las formas (trazados y pinceles), menú principal: Seleccionar>Todo en la
mesa de trabajo activa (Select>All on Active Artboard).
Expandir apariencia
6. Convierta los elementos seleccionados en Curvas, vamos a menú principal: Objeto>Expandir apariencia,
(Object>Expand Appearance)
11
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
7. Se observará que las figuras se separan y superponen.
Panel Buscatrazos
8. Ahora fusionaremos el conjunto de figuras usando el panel Buscatrazos. Vaya al menú principal:
Ventana> Buscatrazos (Window>Pathfinder).
12
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
9. Ahora moveremos nuestra figura fusionada en la parte inferior de la mesa de trabajo, con la
herramienta Selección (V) (Selecction Tool). Como se muestra en la imagen.
13
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
14
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
15
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
4. Abra el panel de colores. Menu principal: Ventana>Color (F6) (Window>Color)
5. Y en el menú del panel de Color, active la función CMYK, para cambiar de color de la figura como se ve en la imagen.
16
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
2. Active la imagen del centro, con la herramienta Selección (V) (Selection Tool) y tráigalo al primer plano. Vaya al menú
principal: Objeto>Organizar>Traer al frente (Object>Arrange>Bring to Front).
3. El objeto de la izquierda debe estar al final del apilamiento de capas. Mueva la capa al final
17
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
4. Con el orden de apilamiento de capas logrado, ahora alinearemos centrado vertical. Con la herramienta Selección (V) (Selection Tool)
activamos los tres objetos y vamos al Panel de Control y presionamos el botón Centrar (Horizontal Align Center).
2
3
1
5. Con la herramienta Selección (Selection Tool) lo ubicamos en el centro hacia abajo de la mesa de trabajo como lo vemos en la imagen.
18
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
6. Ahora usando el panel de Capas, seleccionamos el segundo componente de las nubes (utilizando el
botón identificar apariencia) y aplicamos una Transparencia del 90% (abrir el panel transparencia:
Menú principal: Ventana> Transparencia (Window>Transparency).
7. Ahora usando el panel de Capas (Layers), seleccionamos el tercer componente de las nubes (utilizando el
botón identificar apariencia (drag to move appearance) y aplicamos una Opacidad (Opacity) del 75%
19
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
8. Ahora usando el panel de Capas, seleccionamos el primer componente de las nubes (utilizando el botón
identificar apariencia (Drag to move appearance) y aplicamos una Opacidad (Opacity) del 35%.
20
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
10. Separamos y rotamos los objetos creados ligeramente:
21
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
13. Así puede quedar nuestras modificaciones.
14. Ahora aplicaremos a la primera Sub Capa de las Nubes una sombra paralela.
22
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
16. En el cuadro de dialogo del filtro Sombra paralela (Drop Shadow) aplique los siguientes valores.
17. Seleccionamos la segunda Capa apilada y aplicamos el mismo efecto del paso anterior.
23
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
19. Estos pasos deben dejar el siguiente acabado.
20. Seleccionamos los tres (3) objetos trabajados hasta ahora y los agrupamos menú principa. Objeto>
Agrupar (Control+G) (Object>Group).
24
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
2. Lo ubicaremos en las siguientes coordenadas usando el panel Transformar (Transform). No olvidar revisar el punto de
referencia (Reference point).
25
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
3. Abra el panel de degradado. Menú principal: Ventana> Degradado (Window>Gradient)
4. Con la selección activada en el círculo. Aplique el tipo de degradado lineal que se encuentra en el recuadro de muestra.
26
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
6. Modificamos el degradado de la siguiente manera.
7. Ahora cambiaremos el color del Regulador de degradado a NEGRO. Abrimos la paleta de Color (Window>Color)
27
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
9. Modificamos los valores CMYK de la siguiente manera:
10. Ahora cortaremos el circulo y lo insertaremos dentro de grupo de objetos como una máscara de transparencia. Corta el circulo
presionado las teclas Ctrl+X (Comado+X).
11. Seleccionamos el grupo de objetos en el panel de Capas usando el botón Identificador de Apariencia
Enmascarado
12. Ahora vaya el panel de Transparencia (menú principal: Ventana>Transparencia (Window>Transparency). Podemos presionar el
botón Crear máscara o dar doble clic sobre el icono vacío .
28
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
13. Y pegamos el circulo cortado utilizando el menú principal: Edición>Pegar delante (Edit>Plaste in Front).
29
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
15. Ahora regresaremos al estado original de la capa dando clic sobre el icono de las nubes, en el panel de Transparencia.
2. Damos un clic sobre la mesa de trabajo solo insertaremos el valor de tres (3) en la cantidad de PUNTAS, para crear un triángulo.
Posteriormente usando el panel Transformar rote el triángulo a 180º.
30
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
3. Ahora seleccionaremos la herramienta Selección directa(A) (Direct Selection Tool) (flecha blanca) sobre los manejadores de ángulos
(puntos rojos) dele clic y arrástrelos hacia abajo las puntas de triangulo se convierte en ángulos.
4. Utilizando el panel de Transformar (Transform) deformaremos proporcionalmente la figura usando las dimensiones indicadas y los
ubicaremos la figura en la siguiente coordenada (no olvidar posición de punto de referencia) y ya tenemos la loma de nuestra
ilustración:
5. La nueva figura lo rellenamos con el mismo color del fondo para eso utilizamos la herramienta Cuentagotas, primero ver si esta
desbloqueado la Capa 1
31
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
Insertando estrellas
6. Ahora insertaremos las estrellas sobre el cielo. Cambiamos primero el color de relleno de Azul a Blanco.
7. Selecciona la herramienta Elipse(L) (Ellipse Tool) y dele clic sobre la mesa de trabajo, para crear un círculo de 2 mm de diámetro.
8. Con el circulo activado, abrimos el panel de Pinceles (menú principal: Ventana >Pinceles (Window>Tool)) y creamos un nuevo pincel
presione el botón Nuevo pincel (New Brush) y con la función de Pincel de dispersión (Scatter Brush).
9. Le ponemos como nombre “estrella” y asignamos los siguientes valores que muestran la imagen del panel.
32
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
33
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
13. Siga haciendo nuevos trazos sobre la mesa de trabajo como se observa en el panel de Capas (Layers) por un nuevo trazo se creará una
nueva subcapa.
Esta capa
también se
bloquea
15. Seleccionamos todas las estrellas, Menú principal: Seleccionar>Todo en la mesa de trabajo activa (Select> All on Active Artboard)
presionando las teclas Alt+Ctrl+A
34
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
17. Y le cambiamos el nombre a la capa dando doble clic en el texto <Grupo> y le ponemos el nombre de Estrellas
35
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
2. Vamos al panel Transparencia (Transparency) y le damos clic en el cuadro de máscara y aparecerá en el panel de Capas una capa
llamada <Máscara de opacidad>, damos clic sobre la <Máscara de opacidad> y en la mesa de trabajo la selección de la máscara
circular.
36
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
3. Copiamos la selección activa del círculo de la máscara
4. Salimos de la capa máscara dando clic sobre el icono blanco donde están las nubes
37
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
7. Y pegamos el circulo en el mismo lugar de la capa nubes para eso vamos a menú principal: Edición >Pegar en el mismo lugar
38
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
9. Movemos el circulo de la máscara y ampliamos su tamaño usando el panel Transformar. NO OLVIDAR REVISAR PUNTO DE REFERENCIA a
en el momento de insertar las dimensiones
10. Damos doble clic para regresar en el recuadro blanco para salir del estado de máscara.
39
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
12. Damos clic sobre el botón de identificar la apariencia en la capa Estrellas y el en panel de Transparencia aplicamos un
modo de color SUPERPONER (OVERLAY), y el color blanco de las estrellas se fusionó con el FONDO AZUL.
40
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
13. Ahora duplicaremos la capa Estrella varias veces. Arrastremos la capa Estrellas sobre el icono nueva Capa 5 veces
41
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
15. Subimos la capa <Trazado>, donde se encuentra la loma de nuestra ilustración, sobre todas las sub capas.
42
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
Insertando la Luna
1. Ahora insertaremos una Luna llena, para eso vamos primero a cambiar el color de relleno en el panel de herramientas, damos doble
clic sobre el cuadro de relleno e insertamos los siguientes valores de color en CMYK. Nota: Nos aseguramos de que el contorno o color
de trazo este en función Ninguno.
3. Y lo ubicamos en la coordenada:
43
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
4. Baje la capa donde esta el circulo debajo de la loma.
5. Ahora crearemos un aura de la Luna para eso vamos al menú principal: Objeto>Trazado> Desplazamiento (Object>Offset Path…)
6. Como vemos en el panel de Capas (Layers) se ha creado otro objeto bajo el objeto <Elipse>
44
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
7. De nuevo repetiremos el efecto Desplazamiento (Offset Path), seleccionamos el circulo de la capa <Trazado>, con los mismos valores.
45
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
10. Ahora con el último círculo creado y seleccionado desde el botón Identificador de Apariencia. Vamos al panel de Transparencia y
bajamos la Opacidad a 10 %
46
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
11. Ahora seleccionamos el penúltimo círculo creado en la capa <Trazado> y le ponemos un valor de Opacidad del 15%
12. Y en primer círculo creado con el efecto Desplazamiento (Offset Path), le ponemos un valor de opacidad de 20%.
47
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
15. El grupo de capas creado lo llamaremos Luna. Y guardamos el archivo, presione las teclas Ctrl+S
48
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
2. Con el icono cargado con la imagen, hacemos clic y arrastre sobre la pantalla. Debe quedar de tamaño como se aprecia en la
imagen.
3. Con la herramienta selección activada, en el panel de control aparecerá un botón llamado CALCO DE IMAGEN (Imagen Trace),
presione el botón, y aparecerá, otro botón el de EXPANDIR (EXPAND) este botón convertirá la imagen a vector.
49
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
4. Después de se ha convertido en trazado podemos eliminar los objetos blancos con la herramienta Selección directa (A) (Direct
Select Tool) (flecha blanca).
50
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
5. Con la selección activa sobre la figura vectorizada, vamos a reducirla, activamos la herramienta Escala (S) (Scale
Tool) del panel de herramientas, damos doble clic sobre la herramienta e insertamos en número 40%.
7. La silueta del lobo esta de color negro, tenemos que cambiarlo al color de la loma para que se fusiones y este en el mismo plano de
la composición. Utilizaremos la herramienta cuentagotas dando solo un clic sobre la forma de la loma para capturar el color e
insertarlo automáticamente en la silueta del lobo.
51
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
Insertando Texto
8. Aquí terminamos la ilustración y ahora comenzamos con el diseño de la portada de libro. Bloquemos la
capa Arte final y creamos una nueva capa Texto.
52
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
9. Con la HERRAMIENTA TEXTO (T) (Type Tool) insertamos una Caja de texto, con las dimensiones y las
siguientes coordenadas y escribimos el texto: “El aullido del Atuk”
53
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
10. Asigne las características tipográficas a las dos líneas de texto. Pinte el texto de la primera línea en amarillo.
54
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
12. Le ponemos las siguientes dimensiones y lo ubicamos en la siguiente coordenada:
13. Finalmente inserte el nombre y apellido del autor de libro. Trace una caja de texto con las siguientes
dimensiones y ubíquelo en las siguientes coordenadas.
14. Inserte su nombre y apellido (del estudiante) como autor de libro con las siguientes características
tipográficas.
55
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
Exportar a PDF
1. Ahora procedemos a convertir el arte final a PDF
2. Entregue los archivos en formato AI (Adobe Illustratror) y PDF (Adobe Acrobat). Y envíelo por la
plataforma Canvas.
56
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz
57