Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Crear un Efecto de Texto de Goma de Mascar con Brillo, en Photoshop

by
Difficulty:AdvancedLength:LongLanguages:

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

Final product image
What You'll Be Creating

Cuando se combina con las técnicas correctas, la Herramienta Pluma de Photoshop es una herramienta increiblemente poderosa para ayudarle a crear ilustraciones. En este curso, le mostraré como crear un efecto de texto brillante de goma de mascar usando una combinación de la Herramienta Pluma de Photoshop y los Estilos de Capa. ¡Empecemos!

1. Haga un Boceto

Paso 1

Primero, cree un Nuevo Documento con las siguientes dimensiones 3000x2400px. Para asegurarse de la calidad, lo haremos con una resolución de 300 DPI para que nuestro diseño sea lo suficientemente bueno para que lo pueda imprimir.

heck yeah

Paso 2

Ahora crearemos nuestro boceto base de lo que será nuestro diseño. Preferiblemente, debería usar para está tarea una tableta digital Wacom para obtener un resultado adecuado. Con su lápiz de su table digital Wacom en mano, seleccione la Herramienta Pincel y active la presión del lápiz.

heck yeah

Moldearé mi diseño sobre la bien reconocida tipo de fuente de caligrafía Bello. Editaré la forma de ciertas letras para hacerlas más únicas para mi diseño. Ahora, cree una Capa Nueva y empiece a bosquejar. Empiece con una lápiz delgado para conseguir una idea general, con un grosor alrededor de 4px está bien.

heck yeah

Y luego continúe hasta seleccionar un pincel más grueso. Con un tamaño de 8px estará bien para esta parte.

heck yeah

Paso 3

Una vez que usted está a gusto con el contorno general de su diseño, es hora de seleccionar la Herramienta Pluma (P) para crear el contorno de su diseño.

heck yeah

Asegúrese que su Herramienta Pluma (P) está en modo Trazo, y eso es todo lo que necesitaremos hasta ahora.  Ahora puede dirigirse a su diseño y crear un trazo con una circulación fluida.

heck yeah

Asegúrese de mantener presionada las teclas Command/Ctrl mientras ajusta los puntos de anclaje para lograr las curvas perfectas que usted necesita.

heck yeah

Una vez que usted ha hecho su trazo, el siguiente paso es rellenarlo. Clic-Derecho y seleccione Rellenar Sub-Trazo. Cerciórese de que ha hecho esto en su capa nueva y no en la misma capa en la que usted creo su boceto.

Seleccione la opción Relleno de Color y vamos a escoger este color rosado fluorescente con el valor #ff0060 para ser exactos.

heck yeah

Use la Herramienta Pluma para recorrer el relleno en todas las letras en todo el diseño.

heck yeah
heck yeah

Una vez que lo haya definido, desactive la visibilidad de la capa boceto.

heck yeah

2. Cree el Efecto 3D

Paso 1

Ahora vamos a comenzar el proceso de crear un efecto 3D alrededor de su diseño. Para hacer eso, debemos empezar creando un borde grueso alrededor de nuestras letras como una base. Seleccione las capas que contienen todo el diseño y presione la tecla Command/Ctrl mientras coloca el cursor sobre la miniatura de la capa.

heck yeah

Esto seleccionará el diseño y creará la marcha de hormigas alrededor de ella.

heck yeah

Ahora cree una capa nueva arriba de la primera capa presionando la tecla Command/Ctrl-Shift-N. Seleccione la opción Modificar > Expandir, que está en el menú de la barra superior. Vamos a expandir la selección por 20px.

heck yeah
heck yeah

Después, agarre la Herramienta Balde de Pintura (G) y rellene la selección con un color que ha usted le pueda gustar. Preferiblemente, negro para que el efecto de sombra sea más efectivo.

heck yeah

Ahora mueva la Capa Sombra detrás de la capa principal.

heck yeah

Paso 2

No hemos terminado con la perfección de está capa. Si usted ve más de cerca, verá que hay algunas inconsistencias con las formas y curvas de algunas partes de la forma.

heck yeah
heck yeah

Ahora nos ocuparemos de eso haciendo todas las curvas y los puntos; perfectos. Así que agarre su Herramienta Pluma otra vez y redondee todos los bordes. Juegue con los puntos de anclaje tanto como lo vaya a necesitar para conseguir que las curvas sean perfectas.

heck yeah
heck yeah
heck yeah
heck yeah

Cuando corrija las curvas, asegúrese siempre de quedarse con el resto de las capas. Este es su nuevo trazado, cuando lo rellene, lo mezclará mejor con el resto de la forma y creará un efecto impecable en lugar de uno que tiene una desconección obvia. Así que, por favor, tómese su tiempo.

heck yeah

Paso 3

Una vez que usted haya completado y corregido todas las curvas y los puntos en su capa de contorno y esté feliz con el resultado, entonces es hora de crear algunos efectos de sombra desplazando nuestro diseño un poco para darle esa sensación de tipografía ilustrada.

Para hacer esto, debe comenzar por seleccionar la capa de diseño principal y seleccionando la opción Añadir Mascara de Vector que está en la parte inferior del panel capas. Esto hará posible deslizar nuestra forma como queremos y más tarde cubrirla nuevamente si es necesario.

heck yeah

Ahora vamos ha continuar en nuestro diseño y haremos unos cortes donde sea necesario. Cuando haga esto, es importante usar su instinto para determinar qué es lo que luce bien. Además, es importante no exagerarlo ni tampoco aplicar demasiados cortes en su diseño.

Un lugar común para añadir cortes es donde una esquina se conecta con otra o sobre una curva para exagerar su movimiento.

Con un diseño como este, al añadir cortes en los lugares correctos es crucial para conseguir esa sensación caricaturesca tan realistícamente como sea posible.

Tome nuevamente su Herramienta Pluma y dibuje su trazo de lo que usted quiere cortar. Asegúrese de que usted ha hecho clic sobre el mismo icono Mascara de Capa así usted estará borrando eso. Una vez que haya hecho su selección, clic-derecho y escoja Hacer Selección, seleccione una opción de suavizado bajo para que el corte sea tan fino como sea posible y simplemente pinte hacia afuera de la parte de la capa que está usando su Herramienta Pincel.

heck yeah

En la Mascara de Capa, use un pincel negro para eliminar las partes que ya no quiere y use un pincel blanco para volverlas a revelar. Continúe y seleccione las áreas que usted cree que podría hacer con un corte e implemente los mismos pasos.

heck yeah
heck yeah
heck yeah

Una vez que haya finalizado la primera palabra debería lucir así:

heck yeah

Si está contento con el resultado, y le gusta el efecto que creo, continúe y, también, termine la segunda palabra (Yeah). Una vez que haya terminado, debería verse como la imagen a continuación.

heck yeah

Paso 4

Ahora es el momento de crear nuestro primer Efecto 3D al crear una extrusión de nuestro contorno usando las herramientas básicas de Selección y de Relleno.

Primero, seleccione la capa del contorno exterior que hicimos anteriormente y luego presione M para seleccionar la Herramienta Marco.

heck yeah

Paso 5

Una vez que está seleccionado, cree una Capa Nueva, aquí es donde será creada la capa de extrusión.

Escoja un color para hacer su extrusión. No importa cual sea por ahora ya que; siempre podemos cambiarlo más tarde a través de la Capa de Estilos. Sería aconsejable escoger algo que choca con el resto del diseño de modo que sea muy visible mientras sigue trabajando en él.

heck yeah

¡Estupendo! Ahora que tenemos nuestro color seleccionado, vamos a continuar y a comenzar con los pasos para hacer la extrusión de nuestra capa y hacer que luzca 3D. Con la capa del contorno seleccionada haga clic en la Herramienta Marco y presione Alt-Barra espaciadora.

Esto creará la capa base. Si usted ve más de cerca, verá que está detrás de la capa de contorno. Ahora que sabemos que hemos rellenado el espacio en blanco, podemos continuar y rellenar la forma 3D.

Con la herramienta marco aún seleccionada, vamos a repetir el método de relleno en una capa presionando la flecha hacia Abajo del teclado, luego la tecla de la flecha de la Derecha y luego repetiremos el relleno Alt+Barra Espaciadora.

heck yeah
heck yeah

Verá que vamos creando un efecto 3D en forma descendente usando simplemente está técnica de repetición.

heck yeah

De modo que podemos seguir haciendo está técnica constantemente haciendo la profundidad cada vez más gruesa. Cuando parar depende de usted. Personalmente, voy a parar cuando no quede más espacio en blanco en los huecos sobre esta H.

heck yeah

Una vez que hemos hecho nuestra capa 3D. Debería lucir así.

heck yeah

Además, podemos cambiar la Superposición de Color de está, usando las opciones de estilos de capas. 

heck yeah

4. Crear los Trocitos de Gomas

Paso 1

Debido a que queremos darle a la ilustración el efecto de una goma de mascar auténtica, crearemos los trocitos conectado algunas letras.

Para hacer esto, necesitaremos nuestra Herramienta Pluma (P). Comience creando una capa nueva. El estilo para crear estos trocitos será haciendo las partes finales gruesas y las partes de en medio hacerlas lucir como si las piezas están siendo sacadas.

heck yeah

He creado una forma aproximada de esto y la he rellenado.

heck yeah

Paso 2

Para avanzar un paso extra, podemos crear una Mascara de Capa y hacer un agujero en el los trocitos, otra vez, para hacerlo lucir como si fuera rasgado.

heck yeah

Una vez que hemos terminado, nuestro primera cara debería lucir así.

heck yeah

Ahora iremos alrededor del diseño completo y añadiremos trocitos de fibra para resaltarlo un poco más y darle ese auténtico efecto de goma de mascar. Una vez que haya completado ese paso, debería verse como éste.

heck yeah

5. Primeras Fase de Reflejos

Paso 1

Ahora viene la parte emocionante. Vamos a comenzar al primera fase haciendo que nuestro diseño luzca más brillante y lo haremos a través de unas series de Relleno y Efectos con el Pincel.

Vamos a comenzar con los reflejos. Cree una Capa Nueva encima de la capa principal del diseño. En éste diseño, el origen de la luz vendrá desde el lado derecho. Debajo, he dibujado un mapa aproximado de donde afectará la luz.

heck yeah

Esta es una indicación aproximada de donde aparecerán nuestras sombras .

heck yeah

Empezaremos con algo muy básico por ahora, añadiendo reflejos liso a la capa. Vamos a usar la Herramienta Pluma (P) y vamos añadir al diseño los reflejos brillantes. Usted, también, puede hacer estas como capas de formas si lo prefiere.

heck yeah
heck yeah

El color que usaremos para rellenar esta capa es #ff92bb. Voy a empezar con la palabra Yeah. Una vez que los reflejos están rellenados, deberían lucir como se aprecia a continuación.

heck yeah

Paso 2

Ahora vamos a crear un nuevo grupo y, además, vamos a empezar a trabajar en los reflejos de la palabra Heck. Son muy similares a los otros.

heck yeah

Así que vaya a la palabra y aplique los efectos de Reflejos como lo hizo anteriormente.

heck yeah

Una vez que esté completado el primero de los reflejos de su diseño, éste debería de lucir así:

heck yeah

5. Creando las Sombras

Paso 1

Ahora que hemos creado una capa base de los reflejos. Ahora, vamos a continuar para crear nuestra primer, capa única de sombras sobre nuestro texto.  Para esto, vamos a requerir el uso de la Herramienta Pluma (P) y, también, de los pinceles.

Para tener una idea aproximada de los pares de diseño, seremos expertos en sombras en ésta fase, aquí está un boceto rápido de las áreas que deseamos que sean afectadas.

heck yeah

Comience creando un grupo llamado Sombras donde usted creará sus capas nuevas para las sombras.

Agarre la Herramienta Pluma (P) y cree los contornos que luego convertirá en selecciones para que usted pueda pintar con los pinceles y sombrear. Cuando esté elaborando sus contornos, siempre asegúrese de dejar un poco de espacio entre sus contornos y los bordes del carácter. 

heck yeah

Ahora, agarre su Herramienta Pincel (P). Asegúrese que es un pincel suave y ajuste el tamaño a 100px con la opacidad al 100%, pero ajuste el Flujo en 15% y, por supuesto, asegúrese de que el color de su pincel es Negro. También, puede cambiar a la función aerógrafo, pero esto no va a ser necesario. Usted será capaz de lograr éste efecto con un mouse regular o una tableta digital.

heck yeah

La idea es pintar con el pincel en la selección en una forma degradada para tener la parte superior más rellenada que la parte inferior para crear un efecto de aerografo.

heck yeah

La idea cuando está desvaneciéndose es empezar en los cortes del diseño y empezar a crear sombras desde aquí. Asegúrese también de entrar en los trocitos de fibra y, también, aplicarles las sombras.

heck yeah

Ahora nos dirigiremos a la palabra Heck, cuando haya terminado debería de lucir así.

heck yeah

Continúe con la segunda palabra.

heck yeah
heck yeah

Una vez que esté completa, la frase completa debería de lucir como esta.

heck yeah

6. Segunda Fase de Reflejos

Paso 1

Ahora que hemos hecho una sombra aceptable para nuestro diseño. Puede ver en verdad que está empezando a engrosar. Ahora vamos añadir otra capa de reflejos para hacerlo realmente pop. Lo haremos con el mismo estilo como con las sombras, excepto que esta vez optaremos por usara un pincel blanco.

Con los reflejos, vamos a rellenar el resto de los lugares de las letras, así que juegue con las curvas de los bordes con reflejos en un estilo libre.  Tampoco se preocupe en jugar con el Flujo de un pincel. Cuánto más espontáneo, mejor. Una vez que esté completo, la frase completa debería verse así:

heck yeah

Paso 2

Superponer los reflejos para crear un efecto mucho más brillante en las letras, dándoles una textura jugosa. Una vez que está completo, debería verse como éste:

heck yeah

La primera palabra debería de lucir como esta:

heck yeah

Empiece a trabajar en la segunda palabra y continúe como de costumbre.

heck yeah

Una vez que está fase de los reflejos esté completa, el diseño debería verse como el que se muestra a continuación.

heck yeah

7. Reflejos más Intensos

Así que ahora vamos a comenzar a trabajar en añadir reflejos para la parte 3D del diseño. Vamos a hacerlo a través de un método retro de barras escalonadas para crear éste efecto.

Paso 1

Regrese a la capa de profundidad y oculte la Superposición de Color de modo que podamos ver nuevamente el contraste.

heck yeah

Cree un nuevo grupo llamado Barras y cree una capa de forma rectangular junto a ella. Para empezar a crear nuestras barras escalonadas, optaremos por una simple barra con un color negro medio. Asegúrese que es suficiente, mientras vamos rotándola para que coincida con la perspectiva de la profundidad.

heck yeah

Para crear un efecto genial de los reflejos escalonados, usted duplicará la capa y jugará con el ancho de cada barra. Sólo asegúrese que añadió una guía en la base de sus barras para que estén en el mismo nivel.

heck yeah

Una vez que su composición está empezando a lucir como un código de barra, entonces probablemente significa que tiene suficientes barras para rotar y que correspondan con las perspectiva de la profundidad. Para hacer esto, usted debe seleccionar el grupo completo y presionar las teclas Command/Ctrl+T para activar la opción; Transformación Libre para el grupo entero. Después ajuste el ángulo para rotarlo a -45 grados.

heck yeah

Paso 2

Una vez que tenga las barras en esta posición, usted tiene la libertad de controlar el espacio entre cada barra a su propio gusto.

Vamos a comenzar con el área inferior del diseño y trabajar a nuestra manera, en el sentido contrario a las manecillas del reloj.  Además, solamente nos vamos a enfocar en la parte externa del diseño con los reflejos por ahora. Una vez que hemos trabajado a nuestra manera con el diseño, éste debería de lucir así:

heck yeah

Ahora vamos a crear una Mascara de Recorte para esto, por lo tanto, las barras se adaptarán alrededor de la capa profundidad. Para hacer esto, usted debe duplicar el grupo y luego convertirlo en un objeto inteligente para combinar las capas. Luego, vaya a Capas > Crear Mascara de Recorte para crear la mascara que necesitamos.

heck yeah

Paso 3

Necesitamos cambiar el color de nuestras barras. Puede hacer eso con la opción Superposición de Color, cambiando a blanco usando un Estilo de Capa. Ahora necesitamos cambiar nuestra Superposición de Color en el reverso, en nuestra capa profundidad. Una vez que nuestro diseño esté completo, debería verse como este:

heck yeah

Además, necesitamos recortar las barras ligeramente para que no toquen los bordes de la profundidad. Solamente presione Command/Ctrl-clic en la capa profundidad para seleccionarlo y contraer la selección por 10px.

heck yeah
heck yeah

Paso 4

Vamos a crear un efecto colorido a través de un estilo de capa para nuestro reflejo, ya que no podemos dejarlo que luzca aburrido así como está. Comenzaremos con la opción Superposición de Patrón y luego la opción Superposición de Degradado. Los colores que vamos a usar para la Superposición de Degradado son #631ca5 y #4a0882, respectivamente y ajustar el modo de fusión a Superposición. Además, añadiremos una Superposición de Color.

heck yeah
heck yeah
heck yeah

Para añadir un poco más de realismo al efecto, crearemos una capa nueva y agarramos nuestro pincel y ligeramente pintamos sobre las partes de la capa para crear un efecto más sofisticado.

heck yeah

Una vez que este completado. Debería de lucir como éste, hasta ahora:

heck yeah

8. Creando el Fondo

Casi hemos terminado. Aquí vamos a crear un fondo genial con un patrón geométrico para que la tipografía se quede en frente.

Paso 1

Crear otra capa que esté detrás de todas sus capas. Está sera su Capa de Fondo y debería nombrarla así. Coloque esta capa dentro de un nuevo grupo llamado fondo, si usted quiere, por supuesto. Ahora vamos a colorear este fondo con el mismo color como la base de nuestra tipografía. Si lo había olvidado es #ff0060.

heck yeah

Paso 2

Ahora vamos a crear a Documento Nuevo para diseñar nuestro diseño geométrico. Use estos valores cuando vaya a crear su documento nuevo. Será un cuadrado de 35px con Fondo Transparente.

heck yeah

Una vez que este hecho, cree una capa nueva y haga un triángulo de ángulo recto desde la esquina superior izquierda hasta la esquina inferior derecha del documento usando su Herramienta Pluma. Asimismo, vamos a rellenar esta capa, con éste tono de Púrpura #c70083 para que se mezcle bien con el resto del diseño.

heck yeah
heck yeah

Ahora vamos a rebanar una sección de nuestro triángulo para crear un patrón genial. Seleccione la Herramienta Pluma y cree un contorno similar al del diagrama. Cuando haya terminado convierta el Trazo a una Selección y elimine la porción, revelando un patrón interior genial.

heck yeah

Una vez que esté completo debería lucir como este.

heck yeah

Paso 3

Ahora vamos a deslizar esta capa de vuelta en nuestro documento original y comenzar el proceso de duplicación para crear un patrón sobre toda la ilustración. Mantenga presionada la tecla Alt+Clic y arrastre la capa para duplicarla, y combine las capas mientras acelera el proceso aún más.

heck yeah

Una vez que duplico hasta el final de la página, asegúrese de que el triángulo final se alinea perfectamente con el final del documento como éste.

heck yeah

Una vez que haya terminado de duplicar el patrón a través de todo el diseño, éste debería lucir como esto.

Consejo: Esto podría haberse hecho por medio de Edición > Definir Patrón y rellenar la capa de fondo con ese patrón.

heck yeah

Ahora vamos a añadir 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 color púrpura #c70083 que hemos estado usando hasta ahora, mezclado con un tono más oscuro de nuestro color base rosado. #e30357. Siga el diagrama para los otros valores que usted necesita.

heck yeah
heck yeah

Paso 4

Ahora vamos a añadir una viñeta. Hay un montón de formas para crear esto. Sin embargo, la forma más rápida es creando rápidamente una Capa Nueva, seleccione la Herramienta Marco Elíptico y cree una selección sobre el documento. Clic-Derecho y añada un suavizado de 250px a la selección.

heck yeah

Luego invierta la selección y Rellene con color Negro. Controle la Opacidad y tal vez el tamaño de la capa para obtener un mejor resultado. Yo quiero que mi viñeta sea relativamente sutil así que vamos a ajustar la Opacidad de la capa a 20%.

heck yeah

9. Más Sombras

Paso 1

Ahora, vamos a crear un efecto de sombra auténtica a través del diseño completo usando los métodos similares que hemos usado para crear nuestra profundidad de nuestro efecto 3D.

Vamos a comenzar mezclando el grupo que contiene todas las capas del diseño y las convertiremos en un Objeto Inteligente. Luego, seleccionela para conseguir su contorno. Cree un Grupo Nuevo y una capa dentro de éste. Al contrario de lo que pueda pensar, en realidad, vamos a Rellenar esta con blanco. Le mostraré porqué en un momento.

heck yeah

Paso 2

Ahora que tenemos nuestro relleno en una capa, vamos a aplicar una Superposición de Color para hacerlo negro y, además, vamos a ajustar la opacidad a 80%. Más importante aún, debemos ajustar el Modo de Fusión del grupo a Multiply y su opacidad a 60%.

heck yeah

Paso 3

Vamos a usar el relleno y a repetir el método que usamos anteriormente para crear nuestro efecto de profundidad. Ahora, la diferencia es esta que está vez crearemos una sombra desvanecida al reducir la Opacidad de la Superposición de Color a 2% cada vez que dupliquemos un relleno.

heck yeah

Este efecto tomará algo de tiempo que lo completemos y usted terminará con 40 capas duplicadas si tuviera que reducir la Opacidad hasta 2%. Mientras duplica las capas, asegúrese de colocar la capa más reciente debajo del primero para que el efecto funcione de forma adecuada. Una vez que esté completado, debería verse como este.

heck yeah

Paso 4

El toque final de esta sombra es añadir un Filtro Ruido después de convertir el grupo a un Objeto Inteligente. Use un efecto de Ruido a un 8%.

heck yeah

10. Efectos Finales

Paso 1

Antes de concluir este proyecto, vamos añadir algunos toques finales al diseño. Comenzando con añadir algo más de brillo alrededor de los reflejos de la tipografía. Para hacer esto, sencillamente, cree una Capa Nueva arriba de la capa combinada y use un pincel suave con un Flujo variado alrededor del diseño en puntos que usted sienta que merecen un brillo. Una vez que haya finalizado, ajuste el Modo de Mezcla de la capa a Soft Ligth.

heck yeah

Paso 2

Finalmente, vamos a añadir un Mapa de Degradado a nuestro diseño. Ajuste el color a negro y blanco y asegúrese ajustar Invertido.

heck yeah

Entonces, ajustaremos el Modo de Mezcla a Diferencia y la Opacidad a 5%. Esto le dará a nuestra ilustración una sutil textura antigua que concluye de forma estupenda.

heck yeah

Conclusión

En este curso, le mostré como crear un texto con un efecto de goma de mascar desde un boceto, en Photoshop. Espero que haya aprendido algo de este curso y pueda aplicar esta técnica para crear alguna letra con estilo de goma de mascar por su propia cuenta.

heck yeah
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.