1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo Crear un Efecto de Texto con Sorbete de Beber en Adobe Illustrator

Scroll to top

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear el conjunto de formas que formarán un primer pincel de patrón. Aprenderás cómo crear fácilmente formas de píxel perfecto y cómo guardar patrones. Usando este primer pincel, la Herramienta Constructor de Forma y algunos efectos básicos, aprenderá cómo crear el pincel de patrón de sorbete real. Finalmente, aprenderá cómo cambiar fácilmente el color de su pincel y cómo crear un efecto de texto limpio.

1. Crear un Nuevo Documento y Configurar una Cuadrícula

Pulsa Control-N para crear un nuevo documento. Seleccione Píxeles en el menú desplegable Unidades, ingrese 600 en el cuadro de ancho y 620 en el cuadro de altura, y luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla Alinear Nuevos Objetos con la Cuadrícula de Píxeles esté desactivada antes de hacer clic en Aceptar.

Active la Cuadrícula (Ver> Mostrar Cuadrícula) y la función Ajustar a la Cuadrícula (Ver> Ajustar a la Cuadrícula). Necesitará una cuadrícula cada 1 px, así que simplemente vaya a Editar> Preferencias> Guías> Cuadrícula, e ingrese 1 en la Cuadrícula de Cada Cuadro y 1 en el cuadro Subdivisiones. 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 método abreviado de teclado Control- ".

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 Edición> Preferencias> Unidades> General. Todas estas opciones aumentarán significativamente su velocidad de trabajo.

setup gridsetup gridsetup grid

2. Cree el Conjunto de Rectángulos que Conformarán el Cuerpo de su Pincel de patrón

Paso 1

Elija la Herramienta Rectángulo (M), céntrese en su mesa de trabajo y cree la columna de pequeños rectángulos que se muestran en la siguiente imagen. La cuadrícula y la función Ajustar a la Cuadrícula lo harán más fácil y se asegurarán de utilizar los atributos de color de tamaño y relleno que se indican a continuación.

rectangles columnrectangles columnrectangles column

Paso 2

Usando la misma herramienta, cree dos formas de 5 x 1 px y colóquelas como se muestra en la siguiente imagen. Seleccione el rectángulo superior y céntrese en el panel Apariencia (Ventana> Apariencia). Asegúrese de que el color de relleno esté configurado en blanco (R=255 G=2555 B=255) y luego haga clic en el fragmento de texto "Opacidad" para abrir el panel desplegable Transparencia. Cambie el Modo de Fusión a Luz Suave y baje la Opacidad al 50%. Vaya al otro rectángulo hecho en este paso, asegúrese de que el color de relleno también esté configurado en blanco, baje su Opacidad al 70% y cambie el Modo de Fusión a Luz Suave.

white rectangleswhite rectangleswhite rectangles

Paso 3

Usando la misma Herramienta de Rectángulo (M), cree tres formas de 5 x 1 px y colóquelas como se muestra en la siguiente imagen. Seleccione el rectángulo superior, establezca el color de relleno en negro (R=0 G=0 B=0) y cambie el Modo de Fusión a Luz Suave. Vaya al rectángulo inferior hecho en este paso, establezca el color de relleno en negro, baje su Opacidad al 30% y cambie el Modo de Fusión a Luz Suave. Finalmente, seleccione el tercer rectángulo hecho en este paso, asegúrese de que el color de relleno esté configurado en negro, reduzca su Opacidad al 70% y cambie el Modo de Fusión a Luz Suave.

black rectanglesblack rectanglesblack rectangles

Paso 4

Seleccione todas las formas creadas hasta ahora y simplemente arrástrelas dentro del panel Muestras (Ventana > Muestras) para guardarlas como un patrón. Haga doble clic en este nuevo patrón, cámbiele el nombre a "Inicio / Finalización" y luego asegúrese de presionar el botón Cancelar. No elimine esta columna de rectángulos de su mesa de trabajo, ya que la necesitará más adelante.

new patternnew patternnew pattern

3. Crea el Primer Conjunto de Formas que Conformarán el Lado Surcado del Sorbete.

Paso 1

Vuelva a seleccionar la Herramienta Rectángulo (M) y cree una nueva columna de rectángulos como se muestra a continuación. Asegúrese de que está utilizando los atributos de tamaño y color indicados en la siguiente imagen.

second rectangles columnsecond rectangles columnsecond rectangles column

Paso 2

Concéntrese en su nueva columna de rectángulos y elija la Herramienta Selección Directa (A). Seleccione los puntos de anclaje resaltados en la primera imagen y simplemente arrástrelos 2 px hacia arriba como se muestra en la segunda imagen.

move anchor pointsmove anchor pointsmove anchor points

Paso 3

Continúe enfocándose en su nuevo conjunto de formas y asegúrese de que la Herramienta de Selección Directa (A) permanezca activa. Seleccione los puntos de anclaje resaltados en la primera imagen y simplemente arrástrelos 1 px hacia abajo como se muestra en la segunda imagen.

move anchor pointsmove anchor pointsmove anchor points

Paso 4

Continúe enfocándose en su nuevo conjunto de formas y asegúrese de que la Herramienta de Selección Directa (A) aún esté activa. Seleccione los puntos de anclaje resaltados en la primera imagen y simplemente arrástrelos 2 px hacia abajo como se muestra en la segunda imagen.

move anchor pointsmove anchor pointsmove anchor points

Paso 5

Vuelva a seleccionar la Herramienta Rectángulo (M) y cree una nueva columna de rectángulos como se muestra a continuación. Asegúrese de que está utilizando los atributos de tamaño y color indicados en la siguiente imagen.

third rectangles columnthird rectangles columnthird rectangles column

Paso 6

Concéntrese en esta nueva columna de rectángulos y elija la Herramienta Selección Directa (A). Seleccione los puntos de anclaje resaltados en la primera imagen y simplemente arrástrelos 2 px hacia arriba como se muestra en la segunda imagen.

move anchor pointsmove anchor pointsmove anchor points

Paso 7

Continúe enfocándose en su nuevo conjunto de formas y asegúrese de que la Herramienta de Selección Directa (A) permanezca activa. Seleccione los puntos de anclaje resaltados en la primera imagen y simplemente arrástrelos 1 px hacia abajo como se muestra en la segunda imagen.

move anchor pointsmove anchor pointsmove anchor points

Paso 8

Continúe enfocándose en su nuevo conjunto de formas y asegúrese de que la Herramienta de Selección Directa (A) aún esté activa. Seleccione los puntos de anclaje resaltados en la primera imagen y simplemente arrástrelos 2 px hacia abajo como se muestra en la segunda imagen.

move anchor pointsmove anchor pointsmove anchor points

Paso 9

Vuelva a seleccionar la columna de formas resaltadas en la primera imagen y simplemente arrástrela 1 px a la izquierda como se muestra en la segunda imagen.

move shapesmove shapesmove shapes

4. Crea el Segundo Conjunto de Formas Que Formarán el Lado Surcado del Sorbete.

Paso 1

Usando la Herramienta Rectángulo (M), cree una forma de 5 x 1 px, hágala blanca y colóquela como se muestra en la primera imagen. Siga enfocándose en este nuevo rectángulo, elija la Herramienta Agregar Punto de Anclaje (+) y simplemente agregue dos puntos de anclaje como se muestra en la primera imagen. Cambie a la Herramienta de Selección Directa (A), seleccione los dos puntos de anclaje agregados hace unos momentos y arrástrelos 1 px hacia arriba como se muestra en la segunda imagen.

white shapewhite shapewhite shape

Paso 2

Asegúrese de que su forma blanca aún esté seleccionada y vaya a Objeto > Transformar > Reflejar. Marque la casilla Horizontal y luego simplemente haga clic en el botón Copiar. Vaya a su mesa de trabajo, seleccione la forma recién creada, arrástrela hacia abajo y colóquela como se muestra en la siguiente imagen.

multiply white shapemultiply white shapemultiply white shape

Paso 3

Sigue centrándote en las formas blancas. Seleccione la superior, baje su Opacidad al 50% y cambie el Modo de Fusión a Luz Suave. Luego, seleccione la inferior, baje su Opacidad al 70% y cambie el Modo de Fusión a Luz Suave.

edit white shapesedit white shapesedit white shapes

Paso 4

Usando la Herramienta Rectángulo (M), cree una forma de 5 x 1 px, haga que sea negro y colóquela como se muestra en la primera imagen. Siga enfocándose en este nuevo rectángulo, elija la Herramienta Agregar Punto de Anclaje (+) y simplemente agregue dos puntos de anclaje como se muestra en la primera imagen. Cambie a la Herramienta de Selección Directa (A), seleccione los dos puntos de anclaje agregados hace unos momentos y arrástrelos 2 px hacia arriba como se muestra en la segunda imagen.

black shapeblack shapeblack shape

Paso 5

Asegúrese de que su forma negra aún esté seleccionada y vaya a Objeto > Transformar > Reflejar. Marque la casilla Horizontal y luego simplemente haga clic en el botón Copiar. Vaya a su mesa de trabajo, seleccione la forma recién creada y haga una copia al frente (Control-C > Control-F). Ahora, seleccione las dos formas hechas en este paso una por una y colóquelas como se muestra en la siguiente imagen.

multiply black shapesmultiply black shapesmultiply black shapes

Paso 6

Sigue centrándote en las formas negras. Seleccione el de abajo, baje su Opacidad al 30% y cambie el Modo de Fusión a Luz Suave. Vaya a la forma superior y cambie su Modo de Fusión a Luz Suave, y luego seleccione la del medio, baje su Opacidad al 70% y cambie el Modo de Fusión a Luz Suave.

edit black shapesedit black shapesedit black shapes

Paso 7

Con la Herramienta Pluma (P), cree un trayecto vertical de 15 px y colóquela como se muestra en la siguiente imagen. Asegúrate de que este nuevo trayecto permanezca seleccionada y enfoca el panel de Apariencia. Elimine el color del relleno y luego seleccione el trazo existente. Establezca el color en blanco y luego simplemente haga clic en el texto "Trazo" para abrir el panel desplegable Trazo. Asegúrese de que el Peso esté establecido en 1 px y luego seleccione Ancho Perfil 1 en el menú desplegable de Perfil.

vertical pathvertical pathvertical path

Paso 8

Asegúrese de que su trayecto vertical aún esté seleccionada y vaya a Objeto > Trayecto > Trazar Contorno. Seleccione la forma resultante y simplemente cambie su Modo de Fusión a Luz Suave.

edit vertical pathedit vertical pathedit vertical path

5. Crea el Primer Pincel de Patrón

Vuelva a seleccionar todas las formas resaltadas en la siguiente imagen, abra el panel Pinceles (Ventana > Pinceles) y haga clic en el botón Nuevo Pincel. Marque la casilla Pincel de Patrón y luego haga clic en el botón Aceptar. Llámelo "Sorbete Doblado", ingrese los atributos que se muestran a continuación y luego muévase a los cuadros de Mosaico. Abra las ventanas desplegables Mosaico Inicial y Mosaico Final y simplemente agregue el patrón "Mosaico Inicial / Final" de esa lista. Finalmente, haga clic en Aceptar y debería encontrar su nuevo pincel de patrón dentro del panel Pinceles.

bent straw pattern brushbent straw pattern brushbent straw pattern brush

6. Prepare las Formas y el Patrón Que Se Utilizará para Crear Su Pincel de Patrón de Sorbete

Paso 1

Regresa a la columna de rectángulos hecha al principio del tutorial. Elija la Herramienta Rectángulo (M), cree una forma de 5 x 17 px, ajústela en amarillo (R=255 G=222 B=23), envíela hacia atrás utilizando el atajo de teclado Mayús-Control- [, y asegúrese de que lo colocas exactamente como se muestra en la siguiente imagen. Una vez más, la cuadrícula y el Ajustarse a la Cuadrícula deberían facilitar su trabajo.

yellow rectangleyellow rectangleyellow rectangle

Paso 2

Usando la Herramienta Rectángulo (M), cree un cuadrado de 77 px, conviértalo en verde (R=141 G=198 B=63) y colóquelo como se muestra en la siguiente imagen. Cambie a la Herramienta Pluma (P), cree un trazo de 40 x 40 px como la de la segunda imagen, asegúrese de colocarla exactamente como se muestra en esa imagen y luego concéntrese en el panel de Apariencia. Quite el color del relleno y agregue una naranja simple para el trazo.

green rectanglegreen rectanglegreen rectangle

Paso 3

Asegúrese de que el trayecto con el trazo naranja todavía esté seleccionada, y simplemente reemplace ese color plano con el pincel de patrón "Sorbete Doblado". Eche un vistazo más de cerca a su trayecto y asegúrese de que el borde relleno con un azul más oscuro se encuentra en el lado interno. Si no es así, elija la Herramienta Pluma (P) y simplemente haga clic en el punto de anclaje superior derecho.

Ahora, asegúrese de que este trayecto permanezca seleccionado y vaya a Efecto > Estilizar > Esquinas Redondeadas. Ingrese un Radio de 20 px, haga clic en el botón Aceptar y luego vaya a Efecto > Distorsionar y Transformar > Transformar. Arrastre ambos controles deslizantes Mover a 0.5 px y luego haga clic en el botón Aceptar. Este último efecto se utiliza únicamente para asegurarse de que esta ruta se alineará perfectamente con el lado del cuerpo de su pincel de patrón.

add pattern brushadd pattern brushadd pattern brush

Paso 4

Vuelva a seleccionar el trayecto con el pincel de patrón y vaya a Objeto > Expandir Apariencia. Seleccione el grupo de formas resultante junto con el cuadrado verde y seleccione la Herramienta Generador de Formas (Mayús-M). Mantenga presionado el botón Mayús desde su teclado y arrastre una pequeña selección aproximadamente como se muestra en la segunda imagen, pero asegúrese de no sobrepasar el borde de su forma verde. Vaya al lado inferior de su cuadrado verde, no olvide mantener presionado el botón Mayús y arrastre una nueva selección aproximadamente como se muestra en la cuarta imagen.

shape builder toolshape builder toolshape builder tool

Paso 5

Seleccione los dos pequeños rectángulos resaltados en la primera imagen y elimínelos usando el botón Supr de su teclado. Vuelva a seleccionar el cuadrado verde, vaya al panel Apariencia y simplemente elimine el color de relleno existente.

remove rectaglesremove rectaglesremove rectagles

Paso 6

Con la Herramienta Rectángulo (M), cree un cuadrado de 77 px, conviértalo en naranja (R=251 G=176 B=64) y colóquelo como se muestra en la siguiente imagen. Cambie a la Herramienta Pluma (P), cree un nuevo trayecto de 40 x 40 px, colóquela exactamente como se muestra en la siguiente imagen, asegúrese de que esté seleccionada y enfoque en el panel de Apariencia. Quite el color del relleno y agregue una naranja simple para el trazo.

orange rectangleorange rectangleorange rectangle

Paso 7

Asegúrese de que el trayecto con el trazo naranja todavía esté seleccionada, y simplemente reemplace ese color plano con el pincel de patrón "Sorbete Doblado". Una vez más, eche un vistazo a su trayecto y esta vez asegúrese de que el borde relleno con un azul más oscuro se encuentra en el lado exterior. Si no es así, elija la Herramienta Pluma (P) y simplemente haga clic en el punto de anclaje inferior.

Ahora, asegúrese de que este trayecto permanezca seleccionada y vaya a Efecto > Estilizar > Esquinas Redondeadas. Ingrese un Radio de 20 px, haga clic en el botón Aceptar y luego vaya a Efecto > Distorsionar y Transformar > Transformar. Arrastre ambos controles deslizantes Mover a 0.5 px y luego haga clic en el botón Aceptar.

add pattern brushadd pattern brushadd pattern brush

Paso 8

Vuelva a seleccionar el trayecto con el pincel de patrón y simplemente vaya a Objeto > Expandir Apariencia. Seleccione el grupo resultante de formas junto con el cuadrado naranja y elija la Herramienta Constructor de Formas (Mayús-M). Mantenga presionado el botón Mayús de su teclado y elimine las dos secciones resaltadas en la segunda y cuarta imágenes.

shape builder toolshape builder toolshape builder tool

Paso 9

Seleccione los dos rectángulos resaltados en la primera imagen y elimínelos usando el mismo botón Supr de su teclado. Vuelva a seleccionar el cuadrado verde, vaya al panel Apariencia y simplemente elimine el color de relleno existente.

remove rectanglesremove rectanglesremove rectangles

Paso 10

Vuelva a seleccionar ese rectángulo amarillo, céntrese en el panel Apariencia y simplemente elimine el color utilizado para el relleno.

remove yellowremove yellowremove yellow

Paso 11

Seleccione el cuadrado y el resto de las formas resaltadas en la primera imagen, conviértalas en un nuevo patrón y asígnele el nombre "OuterCornerTile". Seleccione el cuadrado y el resto de las formas resaltadas en la segunda imagen, conviértalas en un nuevo patrón y asígnele el nombre "InnerCornerTile".

save new patternssave new patternssave new patterns

7. Crea el Pincel de Patrón de Sorbete

Ahora, seleccione todas las formas resaltadas en la siguiente imagen, vaya al panel Pinceles y haga clic nuevamente en el botón Nuevo Pincel. Marque el mismo cuadro de Pincel de Patrón y luego haga clic en el botón Aceptar. Asigne un nombre a este nuevo pincel "Sorbete Azul", ingrese los atributos que se muestran a continuación y luego muévase a los cuadros de Mosaico. Abra la ventana desplegable del Mosaico de la Esquina Exterior y agregue el patrón "OuterCornerTile" de esa lista, y luego abra la ventana desplegable del Mosaico de la Esquina Interna y agregue el patrón "InnerCornerTile". Finalmente, haga clic en Aceptar y debería encontrar su nuevo pincel de patrón dentro del panel Pinceles.

create straw pattern brushcreate straw pattern brushcreate straw pattern brush

8. Crea el Efecto de Texto

Paso 1

Elija la Herramienta de Tipo (T) y abra el panel Caracter (Ventana > Tipo > Caracter). Seleccione la fuente Agency FB y establezca el tamaño de fuente en alrededor de 350 px. Simplemente haga clic en su mesa de trabajo, agregue el fragmento de texto "SIP" y elija un color gris claro para el color del texto.

create piece of textcreate piece of textcreate piece of text

Paso 2

Elija la Herramienta Pluma (P), intente utilizar el fragmento de texto como una referencia aproximada y cree un conjunto de trayectos simples como se muestra en la siguiente imagen. Agregue un trazo negro para estas rutas y asegúrese de que ninguna de ellas tenga un conjunto de colores para el relleno. Una vez que tenga todos estos trayectos, puede deshacerse de ese pedazo de texto.

create pathscreate pathscreate paths

Paso 3

Asegúrese de que todos sus trayectos estén seleccionadas, reemplace el trazo negro con el pincel de patrón "Sorbete Azul" y luego vaya a Efecto > Distorsionar y Transformar > Transformar. Arrastre ambos controles deslizantes Mover a 0.5 px y luego haga clic en el botón Aceptar. Este efecto se utiliza únicamente para obtener un aspecto de píxel perfecto para tus sorbetes. Active la Previsualización de Píxeles (Ver > Previsualización de Píxeles o Alt-Control-Y) y observe uno de sus trayectos con y sin el efecto Transformar si desea comprender exactamente cómo cambian las cosas.

add straw pattern brushadd straw pattern brushadd straw pattern brush

Paso 4

Seleccione solo uno de sus trayectos y vaya a Editar > Editar Colores> Volver a Colorear la Ilustración. Vaya a la sección Editar, asegúrese de que la casilla Volver a Colorear la Ilustración y los botones de los Enlace Colores de Armonía estén marcados, y luego arrastre el control deslizante Brillo y los controles de color aproximadamente como se muestra en la siguiente imagen. Una vez que esté satisfecho con el nuevo color de su sorbete, simplemente haga clic en el botón Aceptar y el pincel de patrón volver a colorear aparecerá automáticamente dentro del panel Pinceles. Renómbrelo como "Sorbete Naranja".

recolor straw pattern brushrecolor straw pattern brushrecolor straw pattern brush

Paso 5

Usando la misma técnica mencionada en el paso anterior, cree una sorbete rosa y púrpura como se muestra en la siguiente imagen.

pink purple strawspink purple strawspink purple straws

Paso 6

Usando la Herramienta Rectángulo (M), cree una forma que cubra toda su mesa de trabajo, envíela hacia atrás (Mayús-Control- [) y rellénela con R=250 G=250 B=245. Asegúrese de que este nuevo rectángulo permanezca seleccionado, enfóquese en el panel Apariencia y agregue un segundo relleno con el botón Agregar Nuevo Relleno. Seleccione este nuevo relleno, conviértalo en negro, baje su Opacidad al 2% y cambie el Modo de Fusión a Multiplicar, y luego vaya a Efecto > Artístico > Grano de Película. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en el botón Aceptar.

add backgroundadd backgroundadd background

Paso 7

Vuelva a seleccionar todos sus trayectos, céntrese en el panel Transparencia (Ventana > Transparencia) y simplemente baje la Opacidad al 80%.

lower opacitylower opacitylower opacity

Paso 8

Este último paso puede ser un poco desafiante para su máquina, por lo que sería una buena idea guardar el trabajo que ha hecho hasta ahora. Ahora, asegúrate de que todos tus trayectos estén seleccionadas y ve a Efecto > Estilizar > Sombra Paralela. Ingrese los atributos que se muestran en la ventana superior izquierda (en la siguiente imagen), haga clic en el botón Aceptar y luego agregue los otros cinco efectos de Sombra Paralela que se muestran a continuación.

drop shadow effectsdrop shadow effectsdrop shadow effects

¡Felicidades! ¡Has Terminado!

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

final productfinal productfinal product