Flash Sale! Up to 40% off on unlimited courses, tutorials and creative asset downloads Up to 40% off on unlimited assets SAVE NOW
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo crear un efecto de texto de Cactus en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Text Effects .
How to Create an 80s-Inspired Text Effect in Adobe Photoshop
How to Create an Ink Cloud Typography Text Effect Using Adobe Photoshop

Spanish (Español) translation by Luis Chiabrera (you can also view the original English article)

Final product image
What You'll Be Creating

En los siguientes pasos, aprenderá cómo crear un efecto de texto de cactus en Adobe Illustrator. Para empezar, aprenderá cómo configurar una grilla simple y cómo crear un pincel de patrones.

Continuando, aprenderá cómo crear y guardar un patrón bastante complejo. Aprovechando al máximo el panel Apariencia, aprenderá cómo crear la primera pieza de su cactus y cómo guardar sus atributos. Usando dos formas simples y algunos efectos, aprenderá cómo crear las macetas. Finalmente, para el fondo, aprenderá a aplicar un degradado radial con un patrón incorporado.

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

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

Presione Control-N para crear un documento nuevo. Seleccione Píxeles en el menú desplegable de Unidades, ingrese 850 en el cuadro de ancho y 500 en el cuadro de altura, 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 (72 ppp) y luego haga clic en Crear documento.

Habilite la cuadrícula (Ver> Mostrar cuadrícula) y Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Necesitará una cuadrícula cada 1 px, por lo tanto, simplemente vaya a Edición> Preferencias> Guías y cuadrícula, e ingrese 1 en la cuadrícula en cada recuadro y 1 en el cuadro Subdivisiones. 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- ".

Puede obtener más información sobre el sistema de grillas de Illustrator en este breve tutorial de Andrei Stefan: Comprender el sistema de grillas de Adobe Illustrator.

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

setup grid

2. Cómo crear un pincel de patrones

Paso 1

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 = 188 B = 53. Muévase a su mesa de trabajo y simplemente cree una forma de 25 x 14 px; la cuadrícula y la opción Ajustar a la cuadrícula deberían facilitarlo.

rectangle

Paso 2

Cambia el color de relleno a R = 93 G = 74 B = 27 y elige la herramienta Elipse (L). Cree los cinco círculos exprimidos que se muestran a continuación y colóquelos exactamente como se muestra en la siguiente imagen.

Una vez que haya terminado, seleccione todas estas formas nuevas y conviértalas en una ruta compuesta (Control-8).

ellipses

Paso 3

Elija la herramienta Rectángulo (M), cree una forma de 25 x 7 px y colóquela como se muestra en la primera imagen. Seleccione este nuevo rectángulo junto con su ruta compuesta y haga clic en el botón Menos frente en el panel Explorador (Ventana> Explorador).

minus front

Paso 4

Elija la herramienta de punto de anclaje (Shift-C), concéntrese en sus formas marrones y simplemente haga clic en los puntos de anclaje superiores como se muestra en la primera imagen.

Seleccione el rectángulo amarillo y elimine el color de relleno.

anchor point tool

Paso 5

Seleccione todas las formas hechas hasta ahora, abra el panel Pinceles (Ventana> Pinceles) y haga clic en el botón Pincel nuevo. Verifique el cuadro Pincel de patrones y haga clic en Aceptar para abrir la ventana Opciones de pinceles de patrones. Escriba un nombre para su nuevo pincel, ingrese todos los atributos que se muestran a continuación y haga clic en Aceptar para guardar el pincel nuevo.

new brush

3. Cómo crear un patrón

Paso 1

Usando la herramienta Rectángulo (M), crea un cuadrado de 50 px y llénalo de amarillo.

square

Paso 2

Con la herramienta Pluma (P), dibuje dos senderos simples y colóquelos en el borde derecho de su cuadrado amarillo como se muestra a continuación. Asegúrese de que ambas rutas estén seleccionadas y abra el panel Apariencia (Ventana> Apariencia).

Elimine el color de relleno, establezca el color de trazo en R = 93 G = 74 B = 27 y abra el panel desplegable Trazo. Aumente el Ancho a 2 px y seleccione Perfil de Ancho 1.

Con una de estas formas aún seleccionada, abra los Estilos gráficos (Ventana> Estilos gráficos). Haga clic en el botón Nuevo estilo gráfico para guardar la apariencia de la ruta seleccionada.

width profile

Paso 3

Asegúrese de que las dos rutas hechas en el paso anterior todavía estén seleccionadas y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

transform

Paso 4

Con la herramienta Pluma (P), dibuje cinco senderos simples y colóquelos en el borde superior de su cuadrado amarillo como se muestra a continuación. Aplica tu estilo gráfico desde el panel Estilos gráficos a todas estas rutas.

Seleccione solo la segunda y la cuarta ruta de este conjunto de nuevas rutas. Vaya al panel Apariencia y cambie el Ancho a 1 px, luego vaya al panel Estilos gráficos y guarde un nuevo estilo gráfico.

pen tool

Paso 5

Asegúrese de que las dos rutas hechas en el paso anterior todavía estén seleccionadas y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

transform

Paso 6

Con la herramienta Pluma (P), cree las cinco rutas que se muestran en la primera imagen y aplique su primer estilo gráfico desde el panel Estilos gráficos.

Con la misma herramienta, cree las ocho rutas que se muestran en la segunda imagen y aplique su segundo estilo gráfico desde el panel Estilos gráficos.

paths

Paso 7

Seleccione todas sus pequeñas formas marrones y vaya a Objeto> Ruta> Esquema de contorno, y luego convierta las formas resultantes en una ruta compuesta (Control-8).

compound path

Paso 8

Seleccione su cuadrado amarillo junto con la ruta compuesta marrón y haga clic en el botón Intersecar en el panel Explorador. Simplemente arrastre las formas resultantes dentro del panel Muestras (Ventana> Muestras) para guardarlas como un patrón.

new pattern

4. Cómo crear un estilo gráfico

Paso 1

Deshabilite la Cuadrícula (Control- ") y el Ajustar a la Cuadrícula (Shift-Control-").

Seleccione la herramienta de texto (T) y abra el panel Carácter (Ventana> Texto> Carácter). Seleccione la fuente Insaniburger y establezca el tamaño en 200 px.

Haga un simple clic en su mesa de trabajo, agregue el texto "Cactus" y configure el color en R = 78 G = 174 B = 99. Coloque su texto como se muestra a continuación, y luego vaya al panel Capas y bloquéelo.

text

Paso 2

Enfócate en la primera letra de tu texto. Usando la herramienta de pluma (P) o la herramienta de pincel (B), dibuje una ruta simple más o menos como se muestra en la siguiente imagen. Asegúrese de que permanezca seleccionado y concéntrese en el panel Apariencia.

Asegúrese de que no haya color de relleno y seleccione el trazo. Establezca su color en R = 93 G = 58 B = 20, aumente el Ancho en 4 px, y seleccione Perfil de ancho 1 en el panel desplegable Trazo.

stroke

Paso 3

Asegúrese de que su ruta circular permanezca seleccionada, concéntrese en el panel Apariencia y configure el color de relleno en R = 75 G = 147 B = 106.

fill

Paso 4

Asegúrese de que su ruta circular permanezca seleccionada, siga centrándose en el panel Apariencia y agregue un segundo relleno con el botón Agregar nuevo relleno. Selecciónelo, configure el color en R = 78 G = 174 B = 99, y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

add new fill

Paso 5

Asegúrese de que su ruta circular permanezca seleccionada, siga centrándose en el panel Apariencia y agregue un tercer relleno. Selecciónelo y establezca el color en blanco (R = 255 G = 255 B = 255). Baja su Opacidad al 30%, cambia el Modo de fusión a Superposición y ve a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Explorador> Agregar, y luego vaya a Efecto> Ruta> Ruta de compensación. Ingrese un desplazamiento de -7 px y haga clic en Aceptar.

white fill

Paso 6

Asegúrese de que su ruta circular permanezca seleccionada, siga centrándose en el panel Apariencia y agregue un cuarto relleno. Selecciónelo, aplique su patrón desde el panel Muestras y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

apply pattern

Paso 7

Asegúrese de que su ruta circular permanezca seleccionada, siga centrándose en el panel Apariencia y agregue un segundo trazo con el botón Agregar nuevo trazo. Seleccione este nuevo trazo y aplique su pincel de patrón desde el panel Pinceles, y luego arrástrelo por debajo del otro trazo.

Con su ruta redonda aún seleccionada, vaya al panel Estilos gráficos y guarde un nuevo estilo gráfico.

apply pattern brush

5. Cómo crear el texto Cactus

Paso 1

Con la herramienta Pluma (P) o la herramienta Pincel (B), dibuje una nueva ruta más o menos como se muestra en la primera imagen. Asegúrese de que permanezca seleccionado y aplique su último estilo gráfico desde el panel Estilos gráficos.

apply graphic style

Paso 2

Asegúrese de que la ruta establecida en el paso anterior permanezca seleccionada y concéntrese en el panel Apariencia. Primero, seleccione los dos rellenos inferiores y reemplace los colores existentes con los que se muestran a continuación, y luego haga clic en el efecto Transformar aplicado para el relleno superior y ajuste el Ángulo de rotación como se muestra a continuación.

Con esta ruta aún seleccionada, vaya al panel Estilos gráficos y guarde un nuevo estilo gráfico.

adjust graphic style

Paso 3

Sigue enfocándote en la primera letra de tu texto y dibuja más rutas redondas a lo largo de esa letra, como se muestra a continuación.

apply graphic styles

Paso 4

Seleccione esas nuevas rutas de ronda y aplique los dos últimos estilos gráficos desde el panel Estilos gráficos. Intenta no tener dos caminos con estilos idénticos uno después del otro. Además, seleccione estas rutas una a una, abra el efecto Transformar aplicado para el relleno superior (en el panel Apariencia) y ajuste el Ángulo de rotación para que coincida con la orientación de la ruta seleccionada.

apply graphic styles

Paso 5

Seleccione las piezas de cactus más pequeñas y céntrese en el panel Apariencia. Abra el efecto Transformar aplicado para el relleno superior, arrastre los controles deslizantes de Escala al 50% y haga clic en Aceptar.

scale pattern

Paso 6

Pase a las otras letras de su texto y siga las mismas técnicas utilizadas para la primera letra. Primero, cree las rutas redondas y aplique los estilos gráficos, y luego ajuste la rotación del patrón y la escala del patrón para las rutas más pequeñas.

cactus text

6. Cómo crear las flores de Cactus

Paso 1

Con la herramienta Pluma (P) o la herramienta Pincel (B), dibuje tres senderos simples como se muestra en la primera imagen. Llénelos con R = 239 G = 75 B = 74 y agregue un trazo de 3 px. Establezca su color en R = 93 G = 58 B = 20, aumente el Ancho en 3 px, y no olvide seleccionar Perfil de ancho 1. Una vez que haya terminado, guarde estos atributos como un estilo gráfico.

cactus flower

Paso 2

Con la herramienta Pluma (P) o la herramienta Pincel (B) junto con el estilo gráfico guardado en el paso anterior, agregue la flor de cactus para las otras letras. Una vez que haya terminado, vaya al panel Capas, desbloquee su fragmento de texto y bórrelo.

cactus flowers

7. Cómo crear la maceta

Paso 1

Habilite la cuadrícula (Control- ") y el Ajuste a la cuadrícula (Shift-Control-"). Para los siguientes pasos, necesitará una cuadrícula cada 5 px. Simplemente vaya a Edición> Preferencias> Guías y cuadrícula e ingrese 5 en el recuadro de Cada cuadrilla

Elija la herramienta Rectángulo (M), cree una forma de 75 x 20 px, llénela de amarillo y colóquela como se muestra en la siguiente imagen.

yellow rectangle

Paso 2

Usando la herramienta Rectángulo (M), crea una forma de 65 x 40 px, llénalo de azul y colócalo como se muestra en la primera imagen.

Cambie a la herramienta de selección directa (A) y concéntrese en la parte inferior de este nuevo rectángulo. Seleccione ambos puntos de anclaje, vaya al panel de control e ingrese 20 px en ese cuadro de Esquinas. Una vez que haya terminado, envíe esta forma a la parte posterior (Shift-Control- [).

blue shape

Paso 3

Seleccione su forma amarilla y enfoque en el panel Apariencia. Reemplace el amarillo con R = 188 G = 117 B = 71 y luego agregue un segundo relleno. Selecciónelo, configure el color en R = 214 G = 146 B = 97, y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

add new fill

Paso 4

Asegúrese de que su rectángulo permanezca seleccionado y continúe enfocando en el panel Apariencia. Agregue un tercer relleno y selecciónelo. Establezca el color en blanco, baje su Opacidad al 25%, cambie el Modo de fusión a Superposición, y luego vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un desplazamiento de -8 px, haga clic en Aceptar, y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

offset path

Paso 5

Asegúrese de que su rectángulo permanezca seleccionado y continúe enfocando en el panel Apariencia. Agregue un trazo de 4 px y configure su color en R = 92 G = 59 B = 28.

stroke

Paso 6

Asegúrese de que su rectángulo permanezca seleccionado y continúe enfocando en el panel Apariencia. Seleccione la ruta completa (simplemente haga clic en el fragmento de texto "Ruta" desde la parte superior del panel) y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 5 px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Enrarecer. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

rounded corners

Paso 7

Seleccione su forma azul y concéntrese en el panel Apariencia. Reemplace el azul con R = 188 G = 117 B = 71 y luego agregue un segundo relleno. Selecciónelo, configure el color en R = 214 G = 146 B = 97, y vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

new fill

Paso 8

Asegúrese de que su forma inferior permanezca seleccionada y siga centrándose en el panel Apariencia. Agregue un tercer relleno y selecciónelo. Establezca el color en blanco, baje su Opacidad al 25%, cambie el Modo de fusión a Superposición, y luego vaya a Efecto> Distorsionar y Transformar> Transformar. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

new fill

Paso 9

Asegúrese de que su forma inferior permanezca seleccionada y siga centrándose en el panel Apariencia. Agregue un trazo de 4 px y configure su color en R = 92 G = 59 B = 28.

stroke

Paso 10

Asegúrese de que su forma inferior permanezca seleccionada y siga centrándose en el panel Apariencia. Agregue un nuevo relleno y arrástrelo a la parte inferior del panel. Establezca el color en negro, disminuya su Opacidad al 60%, cambie el Modo de fusión a Luz suave y luego vaya a Efecto> Convertir a forma> Elipse. Ingrese los atributos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese la configuración que se muestra en la siguiente imagen y haga clic en Aceptar.

ellipse effect

Paso 11

Asegúrese de que su forma inferior permanezca seleccionada y siga centrándose en el panel Apariencia. Seleccione la ruta completa y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 5 px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Endurecer. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

roughen

8. Cómo multiplicar tu maceta

Paso 1

Duplique las dos formas que componen su maceta y coloque las copias como se muestra en la primera imagen. Con la herramienta Selección directa (A), seleccione los puntos de ancla resaltados en la primera imagen y arrástrelos hacia la derecha como se muestra en la segunda imagen.

Sigue enfocándote en estas copias, selecciona solo las formas inferiores y enfoca el panel Apariencia. Abra el efecto Transformar aplicado al relleno superior y el efecto Elipse aplicado al relleno inferior y ajuste la configuración como se muestra a continuación.

hotchpotch

Paso 2

Crea otras cuatro copias de tu maceta más pequeña y colócalas como se muestra en la siguiente imagen.

hotchpotches

9. Cómo crear el fondo

Paso 1

Con la herramienta Rectángulo (M), cree una forma de 860 x 510 px y llénela con R = 195 G = 224 B = 177. Asegúrese de que este rectángulo cubra toda su mesa de trabajo y envíela hacia atrás (Shift-Control- [).

rectangle

Paso 2

Abra el menú desplegable en el panel Muestras y vaya a Abrir biblioteca de muestras> Patrones> Gráficos básicos> Texturas básicas de gráficos.

Con la herramienta Rectángulo (M), cree una nueva forma de 860 x 510 px y colóquela encima del rectángulo existente, como se muestra en la siguiente imagen. Llena esta nueva forma con el patrón USHS 22 Gravel Beach, baja su opacidad al 50%, cambia el modo de fusión a luz suave y luego ve a Efecto> Artistico> Granularidad de pelicula. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

film grain

Paso 3

Asegúrese de que el rectángulo creado en el paso anterior todavía esté seleccionado y continúe enfocando en el panel Apariencia. Agregue un segundo relleno y selecciónelo. Baja su Opacidad al 50% y cambia el Modo de fusión a Superposición, y luego aplica el degradado radial que se muestra a continuación. Use la herramienta de degradado (G) para estirar su degradado como se muestra a continuación.

radial gradient

¡Felicidades! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No dude en compartir su resultado final en la sección de comentarios.

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

final product
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.