Cómo crear un efecto de texto inspirado en España en Adobe Illustrator

Lo que vas a crear

En los siguientes pasos, aprenderá cómo crear un efecto de texto inspirado en España en Adobe Illustrator. 

Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear el fondo utilizando rectángulos simples. Con la Herramienta de tipo y el panel Carácter, aprenderá cómo agregar texto y cómo ajustarlo fácilmente. Aprovechando al máximo el panel Apariencia, aprenderá cómo crear su efecto de texto completamente editable. Finalmente, aprenderá cómo agregar algunos matices y una textura sutil..

Para obtener más inspiración sobre cómo ajustar o mejorar su efecto de texto final, puede encontrar muchos recursos en GraphicRiver.

1. Cómo crear un nuevo documento y configurar una cuadrícula

Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 850 en los cuadros de ancho y alto, y luego haga clic en ese Más ajustes botón. Seleccionar RGB Para el Modo de color, selecciona el Efectos raster a Pantalla (72 ppi), y luego haga clic en eso Crear documento botón.

Habilitar la cuadrícula (Ver> Mostrar cuadrícula) y el complemento a la cuadrícula (Ver> Ajustar a la cuadrícula). Necesitará una cuadrícula cada 5 px, así que simplemente ve a Edición> Preferencias> Guías y cuadrícula, y entrar 5 en el Gridline cada caja y 1 en el Subdivisiones caja. Trate de no desanimarse por toda esa cuadrícula: facilitará su trabajo y tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el Controlar-" atajo de teclado.

Puede aprender más sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Entendiendo el sistema de cuadrícula de Adobe Illustrator.

También debe abrir el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No te olvides de configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..

2. Cómo crear el fondo

Paso 1

Elige el Herramienta Rectangular (M) y enfócate en tu barra de herramientas. Elimine el color del trazo y luego seleccione el relleno y establezca su color en R = 255 G = 196 B = 0.

Mueva a su mesa de trabajo y simplemente cree un 860 px cuadrado. La función Grid y Snap to Grid deberían facilitar esto.

Paso 2

Regrese a su barra de herramientas y reemplace el color de relleno existente con R = 198 G = 11 B = 30. Utilizando la Herramienta Rectangular (M), crear dos 860 x 170 px Formas y colócalas como se muestra en la siguiente imagen..

3. Cómo crear y ajustar el texto

Paso 1

Elige el Tipo de herramienta (T) y abre el Personaje panelVentana> Tipo> Carácter). Seleccione la fuente ChuckFive Roman y establezca el tamaño en 150 px. Simplemente haga clic en su mesa de trabajo y agregue el texto blanco "¡Buena". Seleccione solo el signo de exclamación invertido de su texto y cambie la fuente existente a la fuente Impact.

Usando la misma herramienta y fuentes, agregue la "Vida!" texto.

Paso 2

Seleccione el signo de exclamación de la parte superior del texto y céntrese en el Personaje panel. Abra el menú desplegable desde su Personaje panel e ir a Mostrar opciones Si no puedes ver todos los atributos que se muestran en la siguiente imagen. Selecciona el rastreo a 150 y cambiar el cambio de línea de base a 15 px.

Mueve a la parte inferior del texto y selecciona ese signo de exclamación junto con el carácter final. Volver a la Personaje panel y establecer el rastreo a 150.

4. Cómo crear el efecto de texto

Paso 1

Selecciona tu texto y simplemente deshazte de ese color blanco..

Mover a la Apariencia panelVentana> Apariencia) y haga clic en ese Añadir nuevo relleno Botón para agregar un nuevo relleno a sus selecciones. Seleccione este relleno y aplique el degradado lineal que se muestra en la siguiente imagen.

Paso 2

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel.

Seleccione el relleno existente y vaya a Efecto> Ruta> Ruta compensada. Entrar a 10 px de desplazamiento y luego haga clic en eso DE ACUERDO botón.

Paso 3

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Agrega un segundo relleno usando ese mismo Añadir nuevo relleno botón, selecciónelo y arrástrelo debajo de ese otro relleno.

Aplique el degradado lineal que se muestra en la siguiente imagen y tenga en cuenta que el número azul del Gradiente imagen significa Ubicación porcentaje. Con este nuevo relleno aún seleccionado, vaya a Efecto> Ruta> Ruta compensada. Entrar a 10 px de desplazamiento, haga clic en eso DE ACUERDO botón, y luego ir a Efecto> Distorsionar y transformar> Transformar. Ingrese todos los atributos que se muestran en la siguiente imagen y luego haga clic en DE ACUERDO.

Etapa 4

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Seleccione el relleno inferior y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en DE ACUERDO.

Paso 5

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Seleccione el relleno superior y vaya a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en DE ACUERDO.

Paso 6

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Agrega un tercer relleno, establece el color a R = 127 G = 0 B = 0, y arrástrelo debajo de esos otros rellenos.

Con este nuevo relleno aún seleccionado, vaya a Efecto> Ruta> Ruta compensada. Entrar a 10 px de desplazamiento, haga clic en eso DE ACUERDO botón, y luego ir a Efecto> Distorsionar y transformar> Transformar. Ingrese todos los atributos que se muestran en la siguiente imagen, haga clic en DE ACUERDO, y luego ir a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran a continuación y luego haga clic en DE ACUERDO.

Paso 7

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Agregue un cuarto relleno y arrástrelo sobre esos otros rellenos. Aplique el gradiente lineal que se muestra a continuación y luego vaya a Efecto> Estilizar> Resplandor interior. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en DE ACUERDO.

Paso 8

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Seleccione ese relleno superior y vaya a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran en la ventana izquierda (en la siguiente imagen), haga clic en ese DE ACUERDO botón, y luego ir de nuevo a Efecto> Stylize> Drop Shadow. Ingrese los atributos de esa segunda ventana y luego haga clic en DE ACUERDO.

Paso 9

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel. Agregue un quinto relleno y arrástrelo sobre esos otros rellenos..

Aplique el gradiente lineal que se muestra a continuación, baje su Opacidad a 70% y luego ir a Efecto> Ruta> Ruta compensada. Entrar a -Offset 6 px y luego haga clic DE ACUERDO. Tenga en cuenta que el número amarillo de la Gradiente imagen significa Opacidad porcentaje.

Paso 10

Asegúrese de que sus fragmentos de texto aún estén seleccionados y siga enfocándose en la Apariencia panel.

Seleccione el trazo y establezca el color para R = 238 G = 242 B = 243, aumenta el Peso a 2 px y luego ir a Efecto> Ruta> Ruta compensada. Entrar a -1 px Offset, hacer clic DE ACUERDO, y luego ir a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en DE ACUERDO.

5. Cómo agregar sombreado y una textura sutil

Paso 1

Seleccione su cuadrado amarillo, haga una copia al frente (Control-C> Control-F), y llevarlo al frente (Shift-Control-]). Asegúrese de que esta copia permanezca seleccionada y céntrese en la Apariencia panel.

Seleccione el relleno, cambie su Modo de fusión a Luz tenue, y reemplace el color existente con el degradado radial que se muestra a continuación. Recuerda que el cero amarillo de la Gradiente imagen significa Opacidad porcentaje, y usar el Herramienta de gradiente (G) para estirar su gradiente como se muestra a continuación.

Paso 2

Asegúrese de que el cuadrado agregado en el paso anterior aún esté seleccionado, enfóquese en el Apariencia Panel, y añadir un segundo relleno. Hazlo negro (R = 0 G = 0 B = 0), baja su Opacidad a 20%, y cambiar el Modo de fusión a Luz tenue. Luego ve a Efecto> Boceto> Papel de nota. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en ese DE ACUERDO botón.

¡Felicidades! Estas hecho!

Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros..

Siéntete libre de ajustar el diseño final y hacerlo tuyo. Puede encontrar algunas excelentes fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar su diseño..