Practica Dirigida de Diseño

INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO DE DISEÑO Y COMUNICACIÓN (IDC)
Módulo: Artes Publicitarias, Unidad Didáctica: Ofimática

Mg. Mario Quiroz Martínez
Práctica Dirigida 13: Efecto de texto con

colores de la bandera española
Por Andrei Marius
Traducido y adaptado de: https://design.tutsplus.com/tutorials/how-to-create-a-spain-inspired-text-effect-

in-adobe-illustrator—cms-29230
En los siguientes pasos, aprenderá cómo crear un efecto de texto inspirado en España en Adobe Illustrator.
1. Documento nuevo y configurar una grilla de la cuadricula.

1. Presione Control+N para crear un documento nuevo.
2. Seleccione Píxeles en el menú desplegable de Unidades, ingrese 850 px en los cuadros de ancho y
alto, y luego haga clic en el botón Más configuraciones. Seleccione RGB para el Modo de color,
configure los Efectos de ráster en Pantalla (300 ppp) y luego haga clic en el botón Crear documento.
1
3. Habilite la cuadrícula menú principal: Ver> Mostrar cuadrícula
4. Y ajustar a cuadrícula menú principal: Ver> Ajustar a cuadrícula.
5. Necesitará una cuadrícula cada 5 px, así que simplemente vaya al menú principal: Edición> Preferencias> Guías y
cuadrícula, e ingrese 5 en la cuadrícula en cada recuadro y 1 en el cuadro Subdivisiones.
6. Intente no desanimarse con toda esa cuadrícula; le facilitará el trabajo, y tenga en cuenta que puede habilitarlo o
deshabilitarlo fácilmente usando el atajo de teclado Control
2
7. También debe abrir el panel Información menú principal: Ventana> Información, para obtener una
vista previa en vivo con el tamaño y la posición de sus formas.
8. No olvide configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades. Todas
estas opciones aumentarán significativamente su velocidad de trabajo.
3
2. El fondo
Paso 1
9. Elija la herramienta Rectángulo (M) y concéntrese en su barra de herramientas. Elimine el color del
trazo y luego seleccione el relleno y establezca su color en R=255, G=196, B=0.
10. Muévete a tu mesa de trabajo y simplemente crea un cuadrado de 860 px. La función Cuadrícula y
Ajustar a la cuadrícula debería facilitar esto.
11. Centre el objeto (vertical y horizontal) en la mesa de trabajo usando el panel Alineaciones.
4
Paso 2: Crear barras horizontales de color rojo

12. Regrese a su barra de herramientas y reemplace el color de relleno existente con R=198, G=11, B=30.
Usando la herramienta Rectángulo (M), crea dos formas de 860 x 170 px y colócalas como se muestra
en la siguiente imagen.
5
13. Con la tecla Alt duplique el rectángulo y desplácelo a la parte inferior del área de trabajo.
6
3. Cómo crear separar y ajustar el texto

Paso 1
14. Seleccione la herramienta de texto (T) y abra el panel Carácter (Ventana> Texto> Carácter ).
Seleccione la fuente ChuckFiveEx y configure el tamaño a 150 px . Simplemente haga clic en su mesa
de trabajo y agregue el texto blanco ¡BUENA VIDA!. Seleccione solo el signo de exclamación invertido
de su texto y cambie la fuente existente a la fuente Impact.
7
Paso 2
15. Seleccione el signo de exclamación de su parte superior de texto y céntrese en el panel Carácter.
Abra el menú flotante desde su panel de Carácter y vaya a Mostrar opciones si no puede ver todos los
atributos que se muestran en la siguiente imagen. Establezca el seguimiento en 150 y cambie el
cambio de referencia a 15 px .
8
16. Vaya a la parte inferior de su texto y seleccione ese signo de exclamación junto con el carácter final.
Regrese al panel Carácter y establezca la separación de carácter de 150.
17. Separe las líneas de texto dos párrafos, corte la segunda línea y péguelo en el mismo lugar de la línea
de texto, utilice si es necesario una guía horizontal para realizar este paso.
9
4. Cómo crear el efecto de texto

Paso 1
18. Vaya al panel Apariencia (menú principal: Ventana> Apariencia)
19. Y haga clic en el botón Agregar nuevo relleno para agregar un nuevo relleno a sus selecciones.
20. Seleccione este relleno y aplique el degradado lineal que se muestra en la siguiente imagen.
1. Ubicación: 0
10
2. Ubicación: 30
3. Ubicación: 67
4. Ubicación: 89
11
5. Ubicación: 100
Paso 2
21. Asegúrate de que las dos líneas de texto sigan seleccionadas. Seleccione el relleno existente en el
panel Apariencia y vaya a Fx> Trazado> Desplazamiento.
12
22. Ingrese un desplazamiento de 10 px y luego haga clic en el botón Ok.
Paso 3
23. Teniendo todavía seleccionadas las dos líneas de texto y que este abierto en el panel Apariencia.
Agregue un segundo relleno usando el mismo botón Agregar nuevo relleno, selecciónelo y arrástrelo
debajo de ese otro relleno.
24. Aplique el degradado lineal que se muestra en la siguiente imagen.
13
25. Con este nuevo relleno aún seleccionado, vaya a Fx> Trazado> Desplazamiento. Ingrese un
desplazamiento de 10 px, haga clic en ese botón Ok
14
26. Y luego vaya a FX> Distorsionar y transformar> Transformar. Ingrese todos los atributos que se
muestran en la siguiente imagen y luego haga clic en Ok.
27. Este es el resultado
15
Paso 4
28. Seguimos trabajando en el panel Apariencia, ocultamos el relleno superior y seleccionado el relleno
inferior y vaya a Fx> Estilizar> Resplandor interior. Ingrese los atributos que se muestran en la
siguiente imagen y luego haga clic en OK.
16
29. Obteniendo el siguiente resultado.
30. Con las líneas de texto seleccionados, visualicemos y revisemos los componentes el relleno superior
en el panel Apariencia, si no se encuentra este efecto Desplazamiento aplicado en el punto 20 y
actualizaremos de nuevo un efecto Desplazamiento. Como se aprecia en la imagen.
17
• Este es el resultado que debe quedar.
Paso 5
31. Asegúrate de que las líneas de texto sigan seleccionadas y sigue enfocando en el panel Apariencia.
Seleccione el relleno superior y vaya a Fx> Estilizar> Sombra paralela. Ingrese los atributos que se
muestran en la siguiente imagen y luego haga clic en Ok.
18
Paso 6
32. Asegúrate de que tus líneas de texto sigan seleccionadas y seguimos trabajando en el panel Apariencia.
Seleccione el tercer relleno (si no lo tiene crear un nuevo relleno), establezca el color en R = 127 G = 0 B = 0 y
verifique que esta al final de apilamiento de resto de los rellenos (como se aprecia en la imagen)
19
33. En este nuevo relleno seleccionado, vaya a Efecto> Trazado> Desplazamiento. Ingrese un
desplazamiento de 10 px, haga clic en ese botón Ok.
34. Y luego vaya a FX> Distorsionar y transformar> Transformar. Ingrese todos los atributos que se
muestran en la siguiente imagen, haga clic en Ok.
20
35. Aplique los siguientes parámetros mostrados en el panel del Efecto Transformar.
36. Y luego vaya a FX> Estilizar> Sombra paralela. Ingrese los atributos que se muestran a continuación y
luego haga clic en Ok.
21
Paso 7
37. Asegúrate de que las líneas de texto sigan seleccionadas y activa el panel Apariencia. Agregue un
cuarto relleno y arrástrelo encima de esos otros rellenos, si sale de color cámbielo a blanco.
38. Aplique el Degradado lineal que se muestra a continuación.
R:216 R:246
G:216 G:246
B:216 B:246
39. Y luego vaya a FX> Estilizar> Resplandor interior. Ingrese los siguientes valores que se muestran en la
siguiente imagen y luego haga clic en Ok.
22
Paso 8
40. Todavía aun seleccionado las dos líneas de texto y el panel Apariencia abierto. Seleccione ese relleno
superior e ir a FX> Estilizar> Sombra paralela. Ingrese los atributos que se muestran en la ventana izquierda
(en la siguiente imagen), haga clic en el botón Ok.
23
41. Y luego vuelva aplicar una segunda Sombra paralela: FX> Estilizar> Sombra paralela. Ingrese los siguientes
valores y luego haga clic en OK.
24
Paso 9
42. Con las dos líneas de texto seleccionados. Agregue un quinto relleno en el panel Apariencia y
arrástrelo encima de esos otros rellenos.
43. Aplique un nuevo degradado lineal que se muestra a continuación.
50
R:158 R:255
G:162 G:255
B:163 B:255
44. Baje su Opacidad al 70%
25
45. Luego vaya a FX> Trazado> Desplazamiento.
46. Introduzca un desplazamiento de -6 px y luego haga clic en Ok.
Paso 10
47. Seleccione el trazo y establezca el color en R=238, G=242 B=243, aumente el grosor a 2 pts.
26
48. Luego vaya a FX> Trazado> Desplazamiento. Ingrese un Desplazamiento de -1 px, haga clic en Ok.
49. Continúe, ahora vaya a FX> Estilizar> Sombra paralela. Ingrese los atributos que se muestran en la
siguiente imagen y luego haga clic en Ok.
27
El trabajo finalmente queda así:
28
Guardar el archivo AI
50. Guarde el documento con sus nombres y apellidos
51. Y entréguelo en la tarea de la plataforma educativa Classroom en la Fase 1.
29
Guardar archivo en PDF

52. Guarde el documento en formato PDF para imprimir.
53. Aplique las configuraciones indicadas en los siguientes paneles de Guardado en PDF.
30
31
54. Entregue el PDF en la tarea Fase 1, el ejercicio del efecto España en la plataforma Educativa
Classroom
32
Etiqueta para gaseosa

55. Abra el archivo Matriz de arte final de etiqueta BUENA VIDA.ait
56. Seleccione la capa Arte final y vaya al menú principal: Archivo>Colocar
33
57. Seleccione el PDF creado al terminar el efecto Español Nombre y apellido del estudiante.pdf
58. Coloca el objeto y aplica las siguientes dimensiones y lo ubica en las siguientes coordenadas.
coordenadas dimensiones
34
59. Sobre el arte trace un cuadrado con las siguientes dimensiones:
35
60. Seleccione los dos objetos de la capa Arte final.
61. Y aplique una Máscara de recorte. Menú principal: Objeto>Mascara de recorte>Crear
36
62. Este es el resultado.
63. Guarde su archivo como: Arte final_etiqueta_ nombre y apellido.ai
37
Guardar en PDF
64. Proceda a guardar el archivo en un formato PDF
65. Establecer los siguientes parámetros para convertir el archivo en PDF
38
39
66. El PDF debe visualizarse de esta manera.
40
Arte final impreso

67. Abra el archivo Arte final Impreso Buena Vida nombre y apellido del estudiante.ait.
68. Guárdelo con sus Arte final impreso nombre y apellidos del estudiante.ai
41
69. Ahora colocaremos el documento digital en formato PDF en la capa Arte final impreso.
70. Seleccione el Arte final_etiqueta_nombre y apellido del estudiante.pdf
42
71. Dele clic en el cruce de las guías para insertar el arte final de la etiqueta al tamaño como se observa
en la imagen.
72. Posteriormente guarde el archivo en formato PDF e imprímalo en papel Couche a todo color según
indicaciones en la Guía de presentación etiqueta de cola.pdf
43

Practica Dirigida de Diseño

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Practica Dirigida de Diseño

Cargado por

Copyright:

Formatos disponibles

INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO DE DISEÑO Y COMUNICACIÓN (IDC)

Módulo: Artes Publicitarias, Unidad Didáctica: Ofimática

Práctica Dirigida 13: Efecto de texto con

Traducido y adaptado de: https://design.tutsplus.com/tutorials/how-to-create-a-spain-inspired-text-effect-

1. Documento nuevo y configurar una grilla de la cuadricula.

3. Habilite la cuadrícula menú principal: Ver> Mostrar cuadrícula

4. Y ajustar a cuadrícula menú principal: Ver> Ajustar a cuadrícula.

Paso 2: Crear barras horizontales de color rojo

3. Cómo crear separar y ajustar el texto

4. Cómo crear el efecto de texto

22. Ingrese un desplazamiento de 10 px y luego haga clic en el botón Ok.

24. Aplique el degradado lineal que se muestra en la siguiente imagen.

27. Este es el resultado

29. Obteniendo el siguiente resultado.

• Este es el resultado que debe quedar.

38. Aplique el Degradado lineal que se muestra a continuación.

43. Aplique un nuevo degradado lineal que se muestra a continuación.

44. Baje su Opacidad al 70%

45. Luego vaya a FX> Trazado> Desplazamiento.

46. Introduzca un desplazamiento de -6 px y luego haga clic en Ok.

El trabajo finalmente queda así:

51. Y entréguelo en la tarea de la plataforma educativa Classroom en la Fase 1.

Guardar archivo en PDF

Etiqueta para gaseosa

56. Seleccione la capa Arte final y vaya al menú principal: Archivo>Colocar

59. Sobre el arte trace un cuadrado con las siguientes dimensiones:

60. Seleccione los dos objetos de la capa Arte final.

61. Y aplique una Máscara de recorte. Menú principal: Objeto>Mascara de recorte>Crear

62. Este es el resultado.

63. Guarde su archivo como: Arte final_etiqueta_ nombre y apellido.ai

65. Establecer los siguientes parámetros para convertir el archivo en PDF

66. El PDF debe visualizarse de esta manera.

Arte final impreso

70. Seleccione el Arte final_etiqueta_nombre y apellido del estudiante.pdf

También podría gustarte