Está en la página 1de 106

Cree un efecto de texto de chicle de alto brillo en Photoshop

Lo que crearás
Cuando se combina con las técnicas correctas, la herramienta Pluma en Photoshop es una
herramienta increíblemente poderosa para ayudarlo a crear su obra de arte. En este tutorial, le
mostraré cómo crear un efecto de texto de chicle brillante utilizando una combinación de la
herramienta Pluma de Photoshop y los estilos de capa. ¡Empecemos!

1. Crea un boceto

Paso 1

Crea un nuevo documento con dimensiones 3000x2400 . Para garantizar la calidad, lo haremos
con una resolución de 300 DPI para que nuestras ilustraciones sean lo suficientemente buenas como
para imprimirlas.
Paso 2

Ahora crearemos nuestro boceto base de lo que será nuestro diseño. De preferencia, debe usar una
tableta Wacom para hacer esto correctamente. Con su pluma Wacom en mano, seleccione
la herramienta Pincel y habilite la presión del lápiz.
Estaré moldeando mi diseño sobre el conocido tipo de letra de escritura Bello . Voy a modificar la
forma de ciertas letras para que sean más exclusivas de mi diseño. Crea una nueva capa y
comienza a dibujar. Comience con un lápiz delgado para obtener la idea general, alrededor
de 4px está bien.

Y luego avance a la configuración de pincel más grueso. El tamaño del pincel 8px estará bien para
esta parte.
Paso 3

Una vez que se sienta cómodo con el esquema general de su diseño, es hora de seleccionar
laherramienta Pluma (P) para crear un contorno adecuado de su diseño.
Asegúrate de que tu modo Pen Tool (P) esté en Path , ya que eso es todo lo que necesitaremos por
ahora. Ahora puede ir alrededor de su diseño creando una ruta de flujo suave.
Asegúrese de mantener presionada la tecla Comando / Ctrl mientras ajusta los puntos de anclaje
para obtener las curvas perfectas que necesita.

Una vez que haya realizado su ruta, el siguiente paso es completarla. Haga clic con el botón
derecho y seleccione Completar ruta secundaria . Asegúrate de hacer esto en una nueva capa y
no en la misma sobre la que creaste tu boceto.

Seleccione la opción Relleno de color y vamos a elegir este color rosa fluorescente aquí con el valor
de color #ff0060 para ser exactos.
Use la herramienta Pluma para recorrer y completar todas las letras de todo el diseño.
Una vez que haya terminado, apague la visibilidad de la capa de boceto.
2. Creando el efecto 3D

Paso 1

Ahora vamos a comenzar el proceso de crear un efecto 3D alrededor de nuestro diseño. Para hacer
esto, debemos comenzar creando un borde grueso alrededor de nuestras letras como
base. Seleccione la capa que contiene el diseño completo y mantenga presionada la tecla Comando
/ Ctrl mientras se desplaza sobre la miniatura de la capa.
Esto seleccionará el diseño y creará las hormigas que marchan a su alrededor.
Ahora crea una nueva capa sobre la capa primaria presionando Command / Ctrl-Shift-N . Vaya a
la opción de selección en la barra de menú superior y luego a Modificar> Expandir . Vamos a
expandir la selección en 20px .

Luego agarre la herramienta Paint Bucket Tool (G) y complete la selección con un color que le
guste. Preferiblemente negro para que el efecto de sombra funcione de manera más efectiva.
Ahora mueve la Capa de Sombra detrás de la principal.

Paso 2
No hemos terminado de perfeccionar esta capa. Si miras de cerca hay algunas inconsistencias con
las formas y curvas de algunas partes de ella.
Ahora nos tomaremos un tiempo dando vueltas y haciendo que todas las curvas y puntos sean
perfectos. Así que toma tu herramienta de pluma nuevamente y completa todos los bordes. Juega
con los puntos de anclaje tanto como lo necesites para obtener la curva perfecta.
Cuando corrijas tus curvas, asegúrate de mantenerte alineado con el resto de la capa. Esto es así
para que su nueva ruta, cuando se rellene, se mezcle mejor con el resto de la forma y cree un efecto
perfecto en lugar de una desconexión obvia. Así que tómate tu tiempo.

Paso 3

Una vez que ha rellenado y corregido todas las curvas y puntos en su capa de trazo, y está contento
con ellos, es hora de crear algunos efectos de sombra cortando nuestro diseño un poco para darle
la sensación de tipografía ilustrada.
Para hacer esto, debe comenzar seleccionando la capa de diseño principal y seleccionando
la opción Agregar Máscara de Vector en la parte inferior del panel de capa. Esto permitirá cortar
nuestra forma como queremos y luego cubrirlos de nuevo si es necesario.

Ahora vamos a revisar nuestro diseño y hacer divisiones cuando sea necesario. Al hacer esto, es
importante usar tu instinto en lo que parece correcto. También es importante no exagerar y aplicar
demasiados cortes en su diseño.

Un lugar común para agregar rebanadas es cuando una esquina se encuentra con otra o en una
curva para exagerar su movimiento.

Con un diseño como este, agregar rebanadas en los lugares correctos es realmente crucial para
resaltar esa sensación caricaturesca tan realista como sea posible.

Obtenga su herramienta de pluma de nuevo y dibuje su camino de lo que quiere cortar. Asegúrese
de haber hecho clic en el icono de máscara de capa en sí mismo para borrarlo. Una vez que haya
hecho su selección, haga clic con el botón derecho y elija Hacer selección, seleccione una opción
de pluma baja para que la división sea lo más fina posible y simplemente cepille la parte de la capa
con la herramienta Pincel .

En la Capa de máscaras , usa un pincel negro para borrar las partes que ya no quieres y un pincel
blanco para devolverlas. Vaya y seleccione las áreas que cree que podría hacer con un sector e
implemente los mismos pasos.
Una vez que haya terminado la primera palabra, debería verse así.

Si eres feliz y te gusta el efecto que crea, continúa y completa la segunda palabra (sí) también. Una
vez terminado, debe verse como la imagen de abajo.
Etapa 4

Ahora es el momento de crear nuestro primer efecto 3D mediante la creación de una extrusión de
nuestro trazo utilizando herramientas básicas de selección y relleno.

Primero, seleccione la capa externa de carrera que hicimos anteriormente y luego presione M para
seleccionar la herramienta Marquesina .
Paso 5

Una vez que se selecciona crear una nueva capa , aquí es donde se creará la capa de extrusión.

Elija un color para hacer su extrusión. No importa lo que sea por ahora, siempre podemos cambiarlo
a través de los estilos de capa más adelante. Sería aconsejable elegir algo que choca con el resto
del diseño por lo que es muy visible durante el trabajo.
¡Estupendo! Ahora que tenemos nuestro color seleccionado, sigamos adelante y comencemos los
pasos para extruir nuestra capa y hacer que se vea en 3D. Con la capa de contorno seleccionada,
haga clic en la herramienta Marquesina y presione Alt-Retroceso.

Esto creará la capa base. Si miras detenidamente, puedes verlo detrás de la capa de trazo. Ahora
que sabemos que hemos llenado el espacio que podemos seguir y seguimos llenando de la manera
3D.

Con la herramienta de recuadro aún seleccionada, vamos a repetir un método de relleno de capa
presionando la tecla Abajo , luego la tecla Derecha y luego repetiremos el relleno Alt +
Retroceso .
Verás que estamos creando un efecto 3D descendente simplemente mediante el uso de esta técnica
de repetición.
Así que seguimos haciendo esta técnica de forma constante haciendo que la profundidad sea más
gruesa y espesa. Cuándo detenerse es su elección. Yo personalmente voy a parar cuando no hay
más espacio en blanco que queda en la brecha en este H .
Una vez que tenemos nuestra capa 3D hecha. Debe tener un aspecto como este.

También podemos cambiar la Superposición de colores mediante la opción de estilos de capa.


4. Creando Stringy Bubble Gum Bits

Paso 1

Como queremos dar a la ilusión el efecto del chicle real, ahora crearemos bits fibrosos que conecten
algunas de las letras.

Para hacer esto, necesitaremos nuestra herramienta Pluma (P) . Comience creando una nueva
capa. El estilo de crear estos bits fibrosos será hacer que las partes finales sean gruesas y las partes
centrales delgadas para que parezca que las piezas se separan.
He creado una forma aproximada de esto y la he rellenado.
Paso 2

Para dar un paso más, podemos crear una máscara de capa y hacer un agujero en los bits fibrosos
para que parezca que se ha desgarrado.
Una vez terminado, nuestro primer bit de cadena debería verse así.
Ahora revisaremos todo el diseño y agregaremos fragmentos fibrosos para animarlo un poco más y
darle ese auténtico efecto de goma de mascar. Una vez completado, debería verse así.

5. Lo más destacado de First Stage

Paso 1

Ahora aquí viene lo emocionante. Vamos a comenzar la primera etapa de hacer que nuestro diseño
se vea como una goma de mascar brillante a través de una serie de efectos de relleno y pincel.

Vamos a comenzar con los aspectos más destacados. Crea una nueva capa encima de la capa de
diseño principal. En este diseño, la fuente de luz vendrá desde el lado derecho. A continuación, he
dibujado un mapa aproximado de dónde golpeará la luz.
Esta es una indicación aproximada de dónde aparecerán nuestras sombras.
Comenzaremos de manera muy básica por el momento, agregando reflejos de capa plana. Vamos
a usar la herramienta Pluma (P) y recorreremos el diseño agregando reflejos brillantes. También
puede hacer estas capas de forma si lo desea.
El color que usaremos para completarlo es #ff92bb. que comenzaré con Sí . Una vez que se

completen los aspectos más destacados, debería verse así.


Paso 2

Ahora vamos a crear un nuevo grupo y comenzar a trabajar en los aspectos más destacados
de Heck . Serán bastante similares a los otros.
Repase la palabra y aplique el efecto Destacar como lo hizo anteriormente.
Una vez completado, el primer nivel de resaltar su diseño debe verse así.
5. Creando sombras

Paso 1

Ahora que hemos creado una capa base de reflejos. Ahora vamos a avanzar para crear nuestra
primera y única capa de sombras en nuestro texto. Para esto, necesitaremos la herramienta Pluma
(P) y el pincel una vez más.

Para tener una idea aproximada de los pares del diseño, estaremos sombreando de manera
sofisticada el siguiente es un boceto rápido de las áreas a las que afectaremos.
Comience creando un grupo llamado Sombras donde creará sus nuevas capas para sombras.

Obtenga su herramienta de pluma (P) y cree líneas que luego se convertirán en selecciones para
que pueda cepillar y sombrear. Al diseñar los contornos, siempre asegúrese de dejar un pequeño
espacio entre su contorno y el borde del personaje.
Ahora agarrarás tu herramienta Pincel (B) . Asegúrate de que sea un pincel suave y ajústelo a
aproximadamente 100 px con 100% de opacidad, pero establece el flujo en
aproximadamente 15% y, por supuesto, asegúrate de que el color del pincel esté
en negro . También puede activar la función de aerógrafo, pero no es necesario. Podrá lograr este
efecto con un mouse normal o una tableta.

La idea es pintar en la selección de una manera difuminada para que la parte superior se llene más
que la parte inferior para crear un efecto de aerógrafo.
La idea al sombrear es comenzar en las secciones / cortes del diseño y crear sombras a partir de
allí. Asegúrese de entrar también en los bits fibrosos y enséñelos.
Ahora vamos a repasar toda la palabra Heck cuando hayas terminado, debería verse así.

Mantenerlo funcionando para la segunda palabra.


Una vez completa, toda la frase debería verse así.
6. Aspectos destacados de la segunda etapa

Paso 1

Ahora que hemos hecho una sombra decente para nuestro diseño. Realmente puedes ver que está
comenzando a desarrollarse. Ahora vamos a agregar otra capa de resaltado para hacerlo realmente
popular. Lo haremos con el mismo estilo que la sombra, pero esta vez optaremos por un pincel
blanco.

Con los aspectos más destacados, estamos rellenando el resto del espacio de las letras, así que
realmente jugamos con las curvas de los bordes resaltados esta vez, y el estilo libre. No tengas
miedo de jugar con el flujo del pincel tampoco. Cuanto más espontáneo, mejor. Una vez completa,
toda la frase debería verse así.
Paso 2

Superposición / superposición de los aspectos más destacados para crear un efecto mucho más
brillante sobre las letras, dándoles una textura jugosa. Una vez completado, debería verse así.
La primera palabra debería verse así.
Comience a trabajar en la segunda palabra y continúe como de costumbre.
Una vez que se completa esta etapa de resaltado, el diseño debe verse así.

7. Puntos destacados de la profundidad


Por lo tanto, ahora vamos a comenzar a agregar puntos destacados a la parte de profundidad / 3D
del diseño. Vamos a utilizar un método retro de barras escalonadas para crear este efecto.

Paso 1

Regrese a la capa de profundidad y oculte la Superposición de colores para que podamos verla
de nuevo en contraste.
Crea un nuevo grupo llamado Bars y crea una capa de forma rectangular junto con él. Para
comenzar a crear nuestras barras escalonadas, optaremos por una simple barra negra de medio
lado. Asegúrate de que sea lo suficientemente largo, ya que vamos a rotarlo para que coincida con
la perspectiva de la profundidad.
Para crear un efecto genial de reflejos escalonados, duplicarás la capa y jugarás con el ancho de
cada barra. Solo asegúrate de agregar una guía justo en la base de tus barras para que estén en el
mismo nivel.
Una vez que su diseño comienza a verse como un código de barras, probablemente signifique que
tiene suficientes barras para rotar y que coincidan con la perspectiva de la profundidad. Para hacerlo,
debe seleccionar todo el grupo y presionar Comando / Ctrl-T para transformar libremente todo el
grupo. Luego ajuste el ángulo para girar a -45 grados

Paso 2

Una vez que tenga las barras en esta posición, puede controlar el espaciado de cada barra según
su gusto.
Comenzaremos con el área inferior del diseño y trabajaremos hacia la izquierda. Por ahora, solo
vamos a centrarnos en la parte exterior del diseño con los aspectos más destacados. Una vez que
hayamos trabajado en el diseño, debería verse así.

Ahora vamos a crear una máscara de recorte para que las barras quepan alrededor de la capa de
profundidad. Para hacer esto, debe duplicar el grupo y luego convertirlo en un objeto inteligente para
fusionar las capas. luego vaya a Capa> Crear máscara de recorte para crear la máscara que
necesitamos.
Paso 3

El color de nuestras barras necesita cambiar. Puedes hacer eso con una simple Superposición de
colores , cambiarla a blanco usando un Estilo de capa . Ahora debemos volver a activar
nuestra Superposición de colores en nuestra capa de profundidad. Una vez completado nuestro
diseño debería verse así.
También tenemos que recortar las barras ligeramente para que no toquen el borde de la
profundidad. Simplemente presione / Ctrl-clic en la capa de profundidad para seleccionarla y
contraer la selección en 10px .
Etapa 4
Ahora vamos a crear un efecto de estilo de capa colorida para nuestro destacado, ya que no
podemos dejar que todo parezca aburrido. Comenzaremos con una superposición de patrón y
luego una superposición de degradado . Los colores que se usarán para la Superposición de
degradado son - #631ca5 y #4a0882 respectivamente, y establece el modo de fusión

en Superposición . También agregaremos una Superposición de colores


Para agregar un poco más de realismo al efecto, crearemos una nueva capa, obtendremos nuestro
pincel y cepillaremos ligeramente las partes de la capa para crear un efecto más sofisticado.

Una vez completado. Debería verse así hasta ahora.


8. Creando el fondo

Casi hecho ahora. Aquí vamos a crear un lindo fondo con un patrón geométrico para que la tipografía
se coloque delante.

Paso 1

Crea otra capa para sentarte detrás de todas tus capas. Esta será tu capa de fondo y deberías
nombrarla como tal. Coloque esta capa dentro de un nuevo grupo llamado fondo , si lo
desea. Vamos a colorear este fondo del mismo color que la capa base de nuestro error tipográfico. Si
has olvidado su #ff0060
Paso 2

Ahora vamos a crear un nuevo documento para diseñar nuestro diseño geométrico. Use estos
valores al crear el nuevo documento. Será un cuadrado de 35 píxeles con un fondo transparente .

Una vez hecho esto, crea una nueva capa y crea un triángulo en ángulo recto desde la esquina
superior izquierda hasta la esquina inferior derecha del documento con la herramienta
Pluma . También vamos a llenarlo con este tono púrpura, #c70083 por lo que se combina bien con

el resto del diseño.


Ahora vamos a cortar una sección de nuestro triángulo para crear un patrón genial dentro. Seleccione
su herramienta de pluma y cree un esquema similar al del diagrama. Una vez que haya terminado,
convierta la ruta a una selección y borre la porción que muestra un bonito diseño interior.
Una vez completado, debería verse así.
Paso 3

Ahora volveremos a colocar esta capa en nuestro documento original y comenzaremos el proceso
de duplicación para crear un patrón sobre toda la obra de arte. Mantenga presionada la tecla Alt +
clic y arrastre la capa para duplicarlos rápidamente y fusionarlos mientras avanza para acelerar aún
más el proceso.
Una vez duplicado al final de la página, asegúrese de que el triángulo final se alinee perfectamente
con el final del documento de esta manera (lo mismo con verticalmente cuando comienza eso
también).
Una vez que termine de duplicar el patrón en todo el diseño, debería verse así.

Consejo: Esto también se puede hacer yendo a Edición > Definir patrón y llenando su capa de
fondo con ese patrón.
Ahora vamos a agregar un poco más de color a nuestro patrón aplicando una Superposición de
degradado . Los dos colores que usaremos para crear nuestro degradado serán nuestro
púrpura #c70083 que hemos estado usando hasta ahora mezclado con un tono más oscuro de
nuestro color rosa base. #e30357. Siga el diagrama para los otros valores que necesita.
Etapa 4

Ahora agreguemos una viñeta. Hay numerosas formas de crear esto. La manera más rápida que
conozco es crear rápidamente una nueva capa , seleccionar la herramienta Elliptical Marquee y
crear una selección sobre el documento. Haga clic derecho y agregue una pluma de 250 px a la
selección
A continuación, invierta la selección y llénela de negro. Controla la Opacidad y tal vez la escala de
la capa para obtener mejores resultados. Quiero que mi viñeta sea relativamente sutil, así que vamos
a establecer la Opacidad de la capa al 20% .
9. Más sombras

Paso 1

Ahora vamos a crear un auténtico efecto de sombra en todo el diseño utilizando un método similar
que utilizamos para crear nuestro efecto de profundidad 3D.

Comenzaremos por fusionar el grupo que contiene todas las capas del diseño y convertirlo en
un objeto inteligente . Luego selecciónalo para obtener su contorno. Crea un nuevo grupo y una
capa dentro de él. Contrariamente a lo que puedas pensar, en realidad vamos a llenarlo de
blanco. Te mostraré por qué en un momento.
Paso 2

Ahora que tenemos nuestra capa rellena, aplicaremos la Superposición de colores para que quede
en negro y establecer su opacidad al 80% . Lo más importante es configurar el modo de fusión del
grupo para Multiplicar y su opacidad al 60% .
Paso 3
Vamos a usar el método Fill-Nudge y repeat que usamos antes para crear nuestro efecto de
profundidad.Solo que ahora, la diferencia es que esta vez crearemos una sombra que se desvanece
al reducir laopacidad de la Superposición de colores en un 2% cada vez que Duplicamos-Empuja.

Este efecto tomará un tiempo para completarse y deberías terminar con alrededor de 40 capas
duplicadas si bajas hasta el 2% de opacidad . Al duplicar las capas, asegúrese de colocar las capas
más recientes debajo de la anterior para que el efecto funcione correctamente. Una vez completado,
debería verse así.
Etapa 4
El toque final para esta sombra es agregar filtro de ruido después de convertir el grupo en un objeto
inteligente . Use un efecto Noise de aproximadamente 8% .
10. Efectos finales

Paso 1

Justo antes de concluir este proyecto, vamos a agregar algunos toques finales al diseño. A partir de
agregar algunos más efectos de brillo alrededor de los aspectos más destacados de la
tipografía. Para hacerlo, simplemente crea una nueva capa sobre la capa fusionada y utiliza un
pincel suave con flujovariable para cepillar el diseño en los puntos que creas que merecen un
brillo. Una vez terminado, configure el Modo de fusión de la capa en Luz suave .

Anuncio

Paso 2

Finalmente, vamos a agregar un Mapa de degradado a nuestro diseño. Establezca el color en


blanco y negro y asegúrese de establecer en Invertir .
Luego estableceremos el Modo de fusión en Diferencia y Opacidad en 5% . Esto le dará a nuestra
ilustración una sutil textura vintage que la termina muy bien.
Conclusión

En este tutorial, te mostré cómo crear un efecto de texto brillante, de chicle, a partir de un boceto en
Photoshop. Espero que hayas aprendido algo de este tutorial y puedas aplicar estas técnicas para
crear tus propias letras de chicle.