Está en la página 1de 57

Universidad Tecnológica del Perú

Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial


Mg. Mario Quiroz

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.”

Este ejercicio tarda aproximadamente una hora en completarse.

• Descargue los archivos de proyecto de esta lección desde la plataforma Canvas


• Guarde los archivos en su computadora de trabajo
• Al terminar el ejercicio envié los archivos a la plataforma Canvas

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.

Creación de un nuevo documento


1. Seleccione Ventana> Espacio de trabajo> Restablecer Aspectos esenciales.

2. Vaya al menú principal: Archivo> Nuevo (File>New).

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)

Haga clic en Ok. Aparece un nuevo documento en blanco.


o Vaya al menú principal: Archivo> Guardar (File>Save).

• 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

En el cuadro de diálogo Opciones de Illustrator, deje las opciones de Illustrator en su configuración


predeterminada y haga clic en OK.

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.

8. En la pantalla de su computadora se apreciará de la siguiente forma.

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

Herramienta Pincel y panel Pinceles


14. Con la herramienta Elipse (L) (Ellipse Tool) activado damos un clic sobre la mesa trabajo e insertamos los
siguientes valores.

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

Dibujando nubes con la herramienta Pincel


1. Ahora seleccionamos la herramienta Pincel (B) (Paintbrush Tool) y probaremos el funcionamiento del nuevo
pincel Nube, pasamos el pincel sobre el rectángulo. Debemos tener un efecto como se ve en la imagen.

Trayecto de la herramienta Pincel

2. Pasamos varias veces observaremos el efecto que deseamos.

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).

20. Y presione el botón Combinar (Merge).

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.

Tarea: Repetir el procedimiento para crear 2 formas de nubes


Usando la herramienta Pluma y el pincel Nube (1 o 2) y trace dos formas similares a las presentadas en las
imágenes adjuntas. Y lo ubica a cada lado de la figura desarrollada en el paso anterior.

13
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz

Montando las nubes


1. Con la herramienta Selección (V) (Selection Tool), activamos las tres formas creadas en el paso anterior.

2. Y le agregamos un color de Relleno

14
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz

3. Como se aprecia en la imagen, se han rellenado de gris las figuras.

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.

Trabajando con capas


1. Vamos al panel de Capas y en la capa Arte final presionamos la flecha en donde desagregamos sus componentes.

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%.

9. El resultado sería así:

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:

11. Aquí rotamos.

12. La imagen superior la reducimos

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.

Efectos sombra paralela


15. Nos vamos al menú principal: Efectos> Estilizar> Sombra paralela...(Effect>Stylize>Drop Shadow)

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.

18. Aplicar también el efecto Sombra paralela en la tercera Subcapa.

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

Insertando una máscara de degradado en las nubes


1. Con la herramienta Elipse (L) (Ellipse Tool) crearemos un círculo. Para eso daremos un clic sobre la mesa
de trabajo y en el cuadro de dialogo insertaremos el valor de 100 mm (o 10 cm).

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.

5. Cambiamos a tipo de degradado a RADIAL

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)

8. Cambiamos el estado del gris del círculo a CMYK

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).

14. Este será el resultado:

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.

Creando una loma


1. Ahora crearemos una loma usando la herramienta Estrella (Star Tool)

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

10. Borramos el circulo dibujado con la herramienta Elipse.


11. Seleccionamos la herramienta Pluma (B) (Paintbrush Tool) y realizando un trazado en zigzag vertical de la herramienta sobre la mesa
de trabajo.

12. Así queda del trazado

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.

14. Bloqueamos las capas donde está la figura de la loma.

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

16. Luego lo agrupamos.

17. Y le cambiamos el nombre a la capa dando doble clic en el texto <Grupo> y le ponemos el nombre de Estrellas

18. Guardamos el trabajo presiona las teclas Ctrl+S

35
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz

Crear una máscara circular para las estrellas


1. Ahora insertaremos una máscara circular en la subcapa estrellas, como lo realizamos en la sub capa nubes. Desbloqueamos la capa
<Grupo> en donde se encuentra las figuras nubes. Y presionamos el botón identificador de apariencia.

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

5. Ahora seleccionamos la capa Estrellas presionando el botón Identificar la apariencia.

6. Damos doble clip sobre la máscara de capa en el panel Transparencia

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

8. Ahora podemos ver el resultado de la máscara en la Mesa de trabajo.

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.

11. Ahora bloquearemos la capa <Grupo>

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

14. Bloqueamos las 5 capas Estrellas

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.

19. Guardamos el trabajo presiona la tecla Ctrl+S

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.

2. Seleccionamos la herramienta Elipse(L) (Elipse) dele clic sobre la mesa de trabajo.

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.

8. Y otra vez sobre el circulo de la capa <Trazado>

45
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Vectorial
Mg. Mario Quiroz

9. Finalmente tenemos 4 círculos en el panel de capas.

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%.

13. Guardamos el trabajo presiona las teclas Ctrl+S


14. Seleccionamos todas las capas que contengan las circunferencias y los agrupamos. Con la tecla
mayúscula activamos las capas, presionando el botón Identificador de Apariencia.

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

Insertar imagen y vectorizar


1. Ahora insertaremos una imagen en mapa de bits y lo convertiremos en vector de Illustrator. Vamos al menú principal:
Archivo>Colocar (File Place…).

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%.

6. Con la imagen reducida lo ubicamos en la siguiente coordenada

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.

11. Colocamos el logo de la editorial.

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

También podría gustarte