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

Lo que vas a crear

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, te mostraré cómo crear un efecto brillante de texto de chicle usando una combinación de la herramienta de lápiz de Photoshop y los estilos de capa. Empecemos!

1. Crea un Sketch

Paso 1

Crear un Nuevo documento con dimensiones 3000x2400. Para garantizar la calidad, lo haremos con resolución de 300 DPI Así que nuestra obra de arte será lo suficientemente buena como para imprimir.

Paso 2

Ahora crearemos nuestro boceto base de lo que será nuestro diseño. Preferiblemente debería usar una tableta Wacom para hacer esto correctamente. Con su bolígrafo Wacom en la mano, seleccione el Pincel y permitir la presión de la pluma.

Estaré moldeando mi diseño en el conocido script typefaceBello. Estaré ajustando la forma de ciertas letras para hacerlas más exclusivas para mi diseño. Crear un Nueva capa y empieza a dibujar. Comience con un lápiz delgado para obtener la idea general, alrededor de 4px está bien.

Y luego pasar a la configuración de pincel más grueso. 8px el tamaño del cepillo 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 el Herramienta Pluma (P) para crear un esquema adecuado de su diseño.

Asegúrate de que el modo Pen Tool (P) esté activado Camino, como eso es todo lo que necesitaremos por ahora. Ahora puedes recorrer tu diseño creando un camino fluido.

Asegúrese de mantener pulsada la Comando / Ctrl clave mientras ajusta los puntos de anclaje para obtener las curvas perfectas que necesita.

Una vez que haya hecho su camino, el siguiente paso es completarlo. Botón derecho del ratón y seleccione Rellenar la ruta secundaria. Asegúrese de hacer esto en una nueva capa y no en la misma en la que creó su boceto..

Selecciona el Relleno de color opción y vamos a elegir este color rosa fluorescente aquí con el valor del color # ff0060 para ser exacto.

Utilizar el Lapicera Para recorrer y rellenar todas las letras en todo el diseño..

Una vez que haya terminado, desactive 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 todo el diseño y mantenga Comando / Ctrl mientras se desplaza sobre la miniatura de la capa.

Esto seleccionará el diseño y creará las hormigas marchando alrededor de él..

Ahora crea una nueva capa sobre la capa primaria presionando Comando / Ctrl-Shift-N. Vaya a la opción de selección en la barra de menú superior y luego a Modificar> Expandir. Vamos a ampliar la selección por 20px.

Entonces toma el Herramienta de cubo de pintura (G) y complete la selección con un color que le guste. Preferiblemente negro para que el efecto de sombra funcione más efectivamente.

Ahora mueve el Capa de sombra detrás del principal.

Paso 2

No hemos terminado con el perfeccionamiento de esta capa. Si observas de cerca, hay algunas inconsistencias con las formas y curvas de algunas partes..

Ahora nos tomaremos un tiempo para hacer todas las curvas y puntos perfectos. Así que toma tu Lapicera de nuevo y redondear todos los bordes. Juega con los puntos de anclaje tanto como necesites, para obtener la curva perfecta.

Al corregir sus curvas, asegúrese de estar siempre en línea con el resto de la capa. Esto es así cuando su nueva ruta, cuando se complete, se combinará mejor con el resto de la forma y creará un efecto continuo en lugar de una desconexión obvia. Así que por favor tómate tu tiempo.

Paso 3

Una vez que haya completado y corregido todas las curvas y puntos en su capa de trazo, y esté contento con ellos, ahora es el momento de crear algunos efectos de sombra al recortar un poco nuestro diseño para darle esa sensación de tipografía ilustrada..

Para hacer esto, debe comenzar seleccionando la capa de diseño principal y seleccionando Añadir máscara vectorial Opción en la parte inferior del panel de capa. Esto permitirá dividir nuestra forma como queramos y luego cubrirla de nuevo si es necesario..

Ahora vamos a ir alrededor de nuestro diseño y hacer rebanadas donde sea necesario. Al hacer esto, es importante usar su instinto en lo que se ve bien. También es importante no exagerar y aplicar demasiados cortes en su diseño.

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

Con un diseño como este, agregar rodajas en los lugares correctos es realmente crucial para sacar a relucir esa sensación de caricatura brillante de la manera más realista posible..

Conseguir su Lapicera de nuevo y dibuja tu camino de lo que quieres cortar. Asegúrese de que ha hecho clic en el Icono de máscara de capa en sí así que estarás borrando eso. Una vez que haya hecho su selección, haga clic derecho y elija Haz una seleccion seleccione una opción de pluma baja para que el corte sea lo más fino posible y simplemente cepille la parte de la capa con su Pincel.

Sobre el Capa de máscara, Usa un pincel negro para borrar las partes que ya no quieres y un pincel blanco para recuperarlas. Desplácese y seleccione las áreas que cree que podrían hacer con una porción e implemente los mismos pasos.

Una vez que hayas terminado la primera palabra, debería verse así..

Si está contento y le gusta el efecto que crea, continúe y termine 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 creando una extrusión de nuestro trazo usando las herramientas básicas de selección y relleno.

Primero, seleccione la capa de trazo exterior que hicimos anteriormente y luego presione METRO para seleccionar el Herramienta de marco.

Paso 5

Una vez que se selecciona eso crea una Nueva capa, Aquí es donde se creará su capa de extrusión.

Elige un color para hacer tu extrusión. No importa lo que sea por ahora, siempre podemos cambiarlo a través de Estilos de capa mas tarde. Sería aconsejable elegir algo que choque con el resto del diseño para que sea muy visible mientras se trabaja..

¡Genial! 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 Herramienta de marco 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 rellenando de manera 3D.

Con la herramienta de marquesina aún seleccionada, vamos a repetir un método de relleno de capa presionando Tecla abajo, entonces Llave correcta luego repita el Alt + Retroceso llenar.

Verá que estamos creando un efecto 3D descendente simplemente utilizando esta técnica de repetición..

Así que seguimos haciendo esta técnica de manera constante haciendo que la profundidad sea más gruesa y más gruesa. Cuando parar es tu elección. Personalmente voy a detenerme cuando ya no quede más espacio en blanco en la brecha en este H.

Una vez que tengamos nuestra capa 3D hecha. Debe tener un aspecto como este.

También podemos cambiar el Superposición de color de ella mediante el uso de la opción de estilos de capa.

4. Creando Stringy Bubble Gum Bits

Paso 1

Debido a que queremos dar a la ilustración el efecto de un chicle real, ahora vamos a crear trozos de cuerda que conectan algunas de las letras..

Para ello necesitaremos nuestra Herramienta Pluma (P). Comience creando una nueva capa. El estilo de creación de estas brocas fibrosas será hacer que las partes finales sean gruesas y las partes medias delgadas para que parezca que las piezas se están separando..

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

Paso 2

Para dar un paso más, podemos crear un Máscara de capa y hacer un agujero en los trozos fibrosos para hacer que parezca que ha sido destrozado.

Una vez terminado, nuestra primera brizna debería verse así..

Ahora iremos por todo el diseño y agregaremos fragmentos de cuerda para animarlo un poco más y darle ese auténtico efecto de chicle. Una vez completado debe verse así.

5. Aspectos destacados de la primera etapa

Paso 1

Ahora viene lo emocionante. Vamos a comenzar la primera etapa de hacer que nuestro diseño se vea como un chicle brillante a través de una serie de Efectos de Relleno y Pincel.

Vamos a comenzar con lo más destacado. Crear un Nueva capa por encima de la capa de diseño principal. En este diseño, la fuente de luz vendrá del lado derecho. A continuación, he dibujado un mapa aproximado de donde la luz llegará..

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

Empezaremos de forma muy básica por ahora, agregando resaltes de capa plana. Vamos a utilizar el Herramienta Pluma (P) Y recorre el diseño añadiendo reflejos brillantes. También puedes hacer estas capas de formas si quieres..

El color que usaremos para rellenarlo es. # ff92bb. Voy a empezar con . Una vez que se rellenan los aspectos más destacados debe verse así.

Paso 2

Ahora vamos a crear un nuevo grupo y comenzar a trabajar en el Infierno reflejos. Serán bastante similares a los demás..

Recorra la palabra y aplique el efecto Resaltar como lo hizo anteriormente..

Una vez completado, el primer nivel de aspectos destacados de su diseño debe tener este aspecto.

5. Creando sombras

Paso 1

Ahora que hemos creado una capa base de resaltados. Ahora vamos a avanzar para crear nuestra primera y única capa de sombras en nuestro texto. Para ello necesitaremos la Herramienta Pluma (P) y cepillar una vez más.

Para tener una idea aproximada de los aspectos del diseño, estaremos sofisticados aquí. A continuación se muestra un resumen de las áreas que afectarán..

Comienza creando un grupo llamado Oscuridad Donde crearás tus nuevas capas para sombras..

Conseguir su Herramienta Pluma (P) y cree esquemas que luego se convertirán en selecciones para que pueda aplicar pinceles y sombrear. Al elaborar sus contornos, asegúrese siempre de dejar un pequeño espacio entre el contorno y el borde del personaje..

Ahora agarrarás tu Herramienta de pincel (B). Asegúrate de que sea un cepillo suave y configúralo a aproximadamente 100px con 100% opacidad, pero el flujo establecido a alrededor de 15% y, por supuesto, asegúrese de que el color de su pincel esté configurado en Negro. También puede activar la función de aerógrafo, pero no es necesario. Podrás lograr este efecto con un mouse o una tableta normales..

La idea es cepillar la selección de una manera difusa para que la parte superior se rellene más que la parte inferior para crear un efecto de aerógrafo..

La idea cuando el sombreado es comenzar en los cortes / cortes del diseño y crear sombras a partir de ahí. Asegúrate de meterte también en las brocas y sombrearlas en.

Ahora vamos a rodear toda la palabra. Infierno Cuando hayas terminado debería verse así.

Sigue con la segunda palabra.

Una vez completa, toda la frase debe 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á empezando a hacerse realidad. Ahora vamos a agregar otra capa de resaltado para hacerlo realmente pop. Lo haremos en el mismo estilo que la sombra, excepto que esta vez optaremos por un pincel blanco..

Con los aspectos más destacados, estamos completando el resto del espacio de las letras, así que realmente juega con las curvas de los bordes de los aspectos más destacados en esta ocasión, y estilo libre. No tengas miedo de jugar con el Fluir del pincel tampoco. Cuanto más espontáneo, mejor. Una vez completa, toda la frase debe verse así.

Paso 2

Superpone / superponga los resaltes para crear un efecto mucho más brillante en las letras, dándoles una textura jugosa. Una vez completado, debería verse así.

La primera palabra debería verse así..

Comienza a trabajar en la segunda palabra y continúa como siempre..

Una vez que se complete esta etapa de resaltado, el diseño debería tener este aspecto.

7. Aspectos destacados de la profundidad

Ahora vamos a comenzar a trabajar para agregar aspectos destacados a la parte de Profundidad / 3D del diseño. Vamos a buscar un método retro de barras escalonadas para crear este efecto..

Paso 1

Regresa a la capa de profundidad y oculta la Superposición de color Para que podamos verlo de nuevo en contraste..

Crear un nuevo grupo llamado Barras y crear una capa de forma rectangular junto con ella. Para comenzar a crear nuestras barras escalonadas, optaremos por una barra simple negra de lados medianos. Asegúrese de que sea lo suficientemente largo, ya que lo vamos a rotar para que coincida con la perspectiva de la profundidad.

Para crear un efecto genial de resaltados escalonados, duplicará la capa y jugará con el ancho de cada barra. Solo asegúrate de agregar una guía en la base de tus barras para que estén en el mismo nivel.

Una vez que su diseño comienza a parecerse a un código de barras, es probable que tenga suficientes barras para girar y coincidir con la perspectiva de la profundidad. Para ello debes seleccionar todo el grupo y pulsar Comando / Ctrl-T Para transformar libremente todo el grupo. Luego establece el ángulo para rotar a -45 grados

Paso 2

Una vez que tenga las barras en esta posición, podrá controlar el espaciado de cada barra a su gusto..

Vamos a comenzar con el área inferior del diseño y trabajaremos en sentido contrario a las agujas del reloj. También solo nos centraremos en el exterior del diseño con los aspectos más destacados por ahora. Una vez que hayamos trabajado en el diseño, debería verse así..

Ahora vamos a crear una Máscara de recorte para esto así las barras encajan alrededor de la capa de profundidad. Para hacer esto, debe duplicar el grupo y luego convertirlo en un objeto inteligente para combinar las capas. luego ve a Capa> Crear máscara de recorte para crear la máscara que necesitamos.

Paso 3

El color de nuestras barras necesita cambiar. Puedes hacerlo con un simple Superposición de color, cambiarlo a blanco usando una Estilo de capa. Ahora tenemos que convertir nuestro Superposición de color de nuevo, en nuestra capa de profundidad. Una vez completado nuestro diseño debería verse así..

También necesitamos recortar las barras ligeramente para que no toquen el borde de la profundidad. Sólo Comando / Ctrl-clic en la capa de profundidad para seleccionarlo y contraer la selección por 10px.

Etapa 4

Ahora también vamos a crear un efecto de estilo de capa colorido para nuestro punto culminante, ya que no podemos dejar que todo se vea aburrido. Comenzaremos con un Patrón de superposición y luego un Gradiente de superposición. Los colores a utilizar para la Superposición de degradado son - # 631ca5 y # 4a0882 respectivamente y establecer el modo de fusión a Cubrir. También añadiremos un Superposición de color

Para agregar un poco más de realismo al efecto, crearemos una nueva capa. Obtenga nuestro pincel y pinceladas ligeramente sobre 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

Ya casi termino. Aquí vamos a crear un bonito fondo con un patrón geométrico para que la tipografía se siente delante de.

Paso 1

Crea otra capa para sentarte detrás de todas tus capas. Este sera tu Capa de fondo y debes nombrarlo como tal. Coloque esta capa dentro de un nuevo grupo llamado fondo, Si te gusta. Vamos a colorear este fondo del mismo color que la capa base en nuestro error tipográfico. Si has olvidado su # ff0060

Paso 2

Ahora vamos a crear una Nuevo documento para diseñar nuestro diseño geométrico en. Utilice estos valores al crear el nuevo documento. Será un 35px cuadrado con un Fondo transparente.

Una vez hecho esto, cree una nueva capa y forme un triángulo rectángulo desde la esquina superior izquierda a la esquina inferior derecha del documento usando su Lapicera. También lo vamos a rellenar con este tono morado. # c70083 Así 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 fresco dentro. Selecciona tu Lapicera y crea un esquema similar al del diagrama. Una vez terminado de convertir el Camino a un Selección y borra la rebanada revelando un bonito patrón interior.

Una vez completado debe verse así.

Paso 3

Ahora vamos a deslizar esta capa de nuevo en nuestro documento original y comenzar el proceso de duplicación para crear un patrón en toda la obra de arte. Sujetar Alt + Clic y arrastre la capa para duplicarlos rápidamente y fusionarlos mientras avanza para acelerar el proceso aún más.

Una vez duplicado hasta el final de la página, asegúrate de que el triángulo final se alinee perfectamente con el final del documento como este (igual que con la vertical cuando comienzas que también).

Una vez que termine de duplicar el patrón a lo largo del diseño, debería verse así..

Propina: Esto también se podría hacer yendo a Editar > Definir patrón y llenando tu capa de fondo con ese patrón.

Ahora vamos a agregar un poco más de color a nuestro patrón aplicando un Gradiente de superposición. Los dos colores que usaremos para crear nuestro degradado serán nuestro púrpura.# c70083 que hemos estado utilizando 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 vamos a añadir una viñeta. Hay muchas formas de crear esto. La forma más rápida que conozco es crear rápidamente un Nueva capa, Selecciona el Herramienta de marco elíptico y crear una selección sobre el documento. Haz clic derecho y agrega una pluma de 250px a la seleccion

Luego invierta la selección y rellénela con negro. Controlar el 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 configurar la capa Opacidad a 20%.

9. Más sombras

Paso 1

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

Vamos a comenzar 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. Crear un Nuevo grupo y una capa en su interior. Contrariamente a lo que piensas, en realidad lo vamos a llenar con blanco. Te mostraré por qué en un momento.

Paso 2

Ahora que hemos completado nuestra capa, vamos a aplicar el Superposición de color para que sea negro y ponga su opacidad a 80%. Lo más importante es que debemos configurar el grupo. Modo de fusión a Multiplicar y su opacidad a 60%.

Paso 3

Vamos a utilizar el método Fill-Nudge y repetir que usamos anteriormente para crear nuestro efecto de profundidad. Solo ahora, la diferencia es que esta vez crearemos una sombra que se desvanece al reducir la Opacidad del Superposición de color por 2% Cada vez que hacemos Duplicate-Nudge.

Este efecto tardará algún tiempo en completarse y debería terminar con aproximadamente 40 capas duplicadas si vas todo el camino hasta 2% de opacidad. Al duplicar las capas, asegúrese de colocar las capas más recientes debajo de las primeras para que el efecto funcione correctamente. Una vez completado debe verse así.

Etapa 4

El toque final a esta sombra es agregar. Filtro de ruido después de convertir el Grupo en una Objeto inteligente. Use un efecto de ruido de alrededor de 8%.

10. Efectos de acabado

Paso 1

Justo antes de concluir este proyecto, agregaremos algunos toques finales al diseño. A partir de la adición de algunos efectos de brillo más alrededor de los aspectos más destacados de la tipografía. Para hacer esto simplemente crea un Nueva capa por encima de la capa fusionada y utilice un cepillo suave con diferentes Fluir para rozar el diseño en lugares que sientas que merecen un brillo para ellos. Una vez terminado, establece el Modo de fusión de la capa a Luz tenue.

Paso 2

Finalmente, vamos a añadir una Mapa de gradiente a nuestro diseño. Ajuste el color a blanco y negro y asegúrese de establecer Marcha atrás.

A continuación, vamos a establecer la Modo de fusión a Diferencia y Opacidad a 5%. Esto le dará a nuestra ilustración una sutil textura vintage que lo terminará muy bien..

Conclusión

En este tutorial, te mostré cómo crear un efecto brillante de texto 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..