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

Cómo Crear un Efecto de Texto de Wafer Cubierto con Chocolate Derretido en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, usted aprenderá cómo crear un efecto de texto inspirado de oblea con la ayuda de las opciones de 3D y el efecto transformar para obtener las capas de oblea en Adobe Illustrator. También creará el patrón de oblea desde cero utilizando un pincel de modelo personalizado y a terminar con el brillante derretido chocolate corriente en las letras. ¡Suena delicioso!

Este efecto de texto fue inspirado por el Alfabeto Letras de Helado Chocolate y Obleas disponible en GraphicRiver. Si quieres mas estilos de Illustrator o vectores de alimentos, dirígete a GraphicRiver y navegar a través de una multitud de diseños sorprendentes.

Activos del Tutoriales

Para completar el tutorial, necesita los siguientes activos:

1. Cómo Abrir un Documento Nuevo

Inicie Illustrator y vaya a Archivo > Nuevo para abrir un documento en blanco. Escriba un nombre para el archivo, ajustar las dimensiones y luego selecciona Píxeles como Unidades y RGB como Modo de Color.

A continuación, vaya a Editar > Preferencias > General y configurar el Incremento de Teclado a 1 px y, una vez allí, ir a las Unidades para asegurarse de que se establecen en la siguiente imagen. Normalmente trabajo con estos valores, y le ayudará durante el proceso de dibujo.

how to open new illustrator document

2. Cómo Preparar el Texto

Paso 1

Coge la herramienta de tipo (T) y escribir "Oblea" en su mesa de trabajo utilizando la fuente de Bob de Envato elementos. Después, elija Expandir y Desagrupar (Shift-Control-G) en el menú de Objeto para obtener las letras individuales.

how to type the wafer text

Paso 2

Ahora, tome la Herramienta de selección directa (A) y utilizarla para mover algunos de los puntos de anclaje para las zonas indicadas un poco más amplias.

how to adjust the wafer text

3. Cómo Crear las Capas de Oblea

Paso 1

Ahora que las letras estén listas, puede seleccionar todos ellos e ir a Efecto > 3D > Extrusión y Biselado. Establecer la Rotación de Coordenadas y ajustes como se muestra y entonces presionar OK.

how to apply 3D effect to wafer letters

Paso 2

Se centran en la letra "A". Elija Expandir Apariencia en el menú de Objeto y luego Desagrupar (Shift-Control-G) varias veces hasta llegar a todas las formas separadas. Ahora, seleccione sólo las cuatro finas marrón formas (la primera capa de oblea) e ir a Efecto > Distorsionar y Transformar > Transformar. Escribir 2.6 px en el campo de Mover Vertical, elija 6 Copias y luego presione OK. Como resultado, obtendrá siete capas de oblea, pero ya están llenos con el mismo color, no son claramente visibles en este momento.

Repita lo mismo para las otras cuatro letras.

how to create the wafer layers

Paso 3

Mientras que las siete capas de la oblea para la letra "A" es aún seleccionado, elija Expandir apariencia en el menú Objeto ampliar el efecto de Transformar. Ahora, usted puede seleccionar cada capa por separado con la Herramienta directa de selección (A) y cambiar el color de los.

Repita lo mismo para las otras letras.

how to color the wafer layers

4. Cómo Crear y Aplicar un Pincel de Patrón de Oblea

Paso 1

Utilice la Herramienta Rectángulo (M) para dibujar un rectángulo pequeño de de 25 x 5 px llena de gris (1). Ahora, utilice la Herramienta de selección directa (A) para seleccionar sólo los puntos de la esquina superior y moverlos hacia adentro presionando las teclas de flecha en su teclado de cinco veces (2).

Mientras que la nueva forma gris permanece seleccionada, ir a Objeto > Transformar > Reflejar, seleccione Horizontal y presione Copiar. Alinee la segunda forma en la parte inferior de la primera y cambiar el color de relleno al color de rosa (3).

Arrastre las formas grises y rosa en el panel Pinceles y seleccione Nuevo pincel de patrón. En la ventana de Opciones de pincel de patrón, sólo escriba un nombre para su nuevo cepillo y establece el Método de Colorización en Matices y Gradaciones.

how to define a new wafer pattern brush

Paso 2

Utilice la Herramienta segmento de línea (\) o la Herramienta pluma (P) para dibujar un trazado recto sobre la letra "W" y movimiento con el nuevo Pincel de patrón de oblea. Reducir el Grosor de trazo a 0,5 pt y usar color de rosa como el color del trazo (1).

Mientras que la ruta rosa permanece seleccionada, ir a Objeto > Transformar > Reflejar, seleccionar Horizontal y Copiar con el fin de obtener un segundo camino. Elegir un color de trazo diferente, como el verde (2). Alinee las dos vías de manera que las formas de color rosas y verdes coinciden perfectamente (ver primer plano).

how to apply the wafer pattern brush

Paso 3

Multiplicar el camino color de rosa y organizar las copias entre las formas verdes. Puede que necesite zoom para asegurarse de que todos ellos coinciden perfectamente. Mantenga copias del camino color de rosa hasta la letra "W" es la cobertura (1).

Ahora, multiplica el camino verde y arreglar todas las copias entre el color de rosa unos. Asegúrese de que ellos se juego y este será el patrón de la oblea (2).

how to create the wafer pattern for letter W

Paso 4

Seleccione todas las trayectorias de color rosas y verdes y elija Expandir Apariencia en el menú de Objeto para obtener las formas pequeñas individuales. Ahora, utilizar la Herramienta de selección directa (A) para seleccionar sólo una de las formas de color de rosa y van a Seleccionar > Mismo > Color de relleno. Como resultado, Illustrator selecciona todas las formas de color de rosa para usted, y usted puede cambiar fácilmente el color de relleno a la crema (1).

A continuación, utilice la Herramienta de selección directa (A) para seleccionar sólo una de las formas púrpura y luego ir a Seleccionar > Mismo > Color de relleno. Illustrator selecciona todas las formas púrpura para usted, y usted puede cambiar el color de relleno a beige (2).

how to recolor half of wafer pattern on letter W

Paso 5

Seguir la misma técnica y cambiar el color de todas las formas de verdes luz con el color indicado (1); luego cambiar el color de las formas de verdes oscuro a marrón (2).

how to recolor entire wafer pattern on letter W

Paso 6

Seleccione la forma de W y Copiar y pegar en Lugar (Shift-Control-V) para hacer una copia de la misma ante el patrón de la oblea. Establece esta copia en movimiento-ninguno y relleno-ninguno.

Ahora, seleccione el patrón de oblea junto con la copia de la letra y al Objeto > Máscara de Recorte > Hacer (Control-7).

He explicado el proceso de crear el modelo de oblea para la letra "W". Aplicar el mismo método para crear el patrón en el resto de las letras.

how to mask the wafer pattern

5. Cómo Colorear el Patrón de la Oblea Cuadrados

Paso 1

En primer lugar, seleccione la forma de W y luego Copiar y Pegar en Lugar (Shift-Control-V) para hacer una copia de la misma. Dar cualquiera llena de color (1).

Ahora, seleccione los dos grupos de formas que componen el patrón de oblea debajo de la máscara existente y Copiar y Pegar en Lugar (Control-Shift-V) para hacer copias de ellos. Presione Unir en el panel Buscatrazos y luego ir a Objeto > Trazado compuesto > Hacer (Control-8). Rellene el trazado compuesto resultante de oblea con rosa (2). Antes de continuar, hacer dos copias de él para su uso posterior, pero ocultar de momento.

Seleccione la forma de W azul junto con el trazado compuesto de oblea y presiona Menos frontal en el panel Buscatrazos. Usted recibirá un grupo de cuadrados azules (3).

how to create the wafer squares on letter W

Paso 2

Siga la técnica que se explicó anteriormente para obtener los cuadrados azules en las otras cuatro letras así (1). Después de usted, llene cada grupo de cuadrados con el degradado lineal que se muestra en un 90 º de Angulo (2). Arrastre estos grupos de plazas entre el patrón de la oblea y las cartas reales en el panel Capas.

how to color the wafer squares

6. Cómo Crear Sombra en las Cuadros de Patrón de Oblea

Paso 1

Se centran en la letra "W" y hacer una copia de la ruta de acceso compuesto de oblea visible otra vez (1). Copiar y Pegar en el Frente (Control-F) este compuesto y moverlo 1 px hacia arriba presionando la tecla de Flecha Arriba en el teclado una vez (2).

Mientras tanto la oblea estancia trazados compuestos seleccionado, presione Menos frontal en el panel Buscatrazos. Como resultado, usted obtendrá un grupo de figuras V invertidas en la parte superior de las plazas de oblea (3).

how to create shading shapes on letter W

Paso 2

Rellenar el grupo de formas obtenidas en el paso anterior con marrón; luego ir a Efecto > Desenfoque > Desenfoque Gaussiano y aplicar un Radio de 1 px (1).

Nombre "sombreado" de este grupo y arrástrela bajo la máscara existente y bajo el modelo de oblea en el panel de Capas (2).

how to color shading shapes on letter W

7. Cómo Crear Reflejos en los Cuadrados de Patrón de Oblea

Paso 1

Visibilizar la segunda copia de la ruta de acceso compuesto de oblea otra vez (1). Copiar y Pegar en el Frente (Control-F) este compuesto y esta vez, mueve 1 px hacia abajo presionando la tecla de Flecha Abajo en el teclado una vez (2).

Mientras que ambos trazados compuestos estancia seleccionadas, presione Menos frontal en el panel Buscatrazos. Usted conseguirá un grupo de figuras en forma de V en la parte inferior de los cuadrados de la oblea (3).

how to create highlight shapes on letter W

Paso 2

Completa el grupo de formas obtenidas en el paso anterior con el color indicado y aplican un 1 px Gaussian Blur (1).

Nombre de este grupo "destacar" y arrástrela bajo la máscara existente y bajo el modelo de oblea en el panel de Capas (2).

how to color highlight shapes on letter W

Paso 3

He explicado cómo el color y cómo agregar sombreado y reflejos en las plazas de oblea para la letra "W". Aplicar el mismo método para agregar detalles en las otras cuatro letras.

how create shading and highlight on wafer letters

8. Cómo Crear Textura en las Letras de Oblea

Paso 1

En primer lugar, vamos a crear una forma de máscara. Seleccione todas las capas de la oblea y luego copiar y Pegar en Lugar (Shift-Control-V) para hacer copias de ellas delante de todo. Prensa Únete en el panel Buscatrazos y, después, ir a Objeto > Trazado compuesto > Hacer (Control-8).

how to create a wafer layers compound path

Paso 2

A continuación, seleccione las letras y Copiar y Pegar en Lugar (Shift-Control-V) para hacer copias de ellos. Ir a Objeto >  Trazado compuesto > Hacer (Control-8) para obtener un nuevo trazado compuesto fuera de ellos (1).

Mientras que los trazados compuestos rojos y rosas estancia seleccionadas, presione Menos frontal en el panel Buscatrazos; vaya al Objeto >  Trazado compuesto > Hacer (Control-8). Vamos a utilizar el trazado compuesto resultante para enmascarar la textura siguiente (2).

how to create a wafer layers masking shape

Paso 3

Utilice la Herramienta Rectángulo (M) para dibujar un rectángulo que cubre las letras. Seleccione gris como el color de relleno; luego ir a Efecto >  Textura > Texturizador y aplicar la configuración que se muestra (1).

Mientras que este rectángulo permanece seleccionado, también seleccione la forma de la máscara obtenida en el paso anterior y vaya a Objeto > Máscara de recorte >  Hacer (Control-7) (2). Coloque el rectángulo de Modo de Fusión Luz Suave (3).

how to add texture on wafer layers

Paso 4

Hacer copias de las cinco letras y luego ir a Objeto >  Trazado compuesto > Hacer (Control-8). El nuevo trazado compuesto se llenan de gris y aplique el efecto Texturizador con la misma configuración (1). Establecer el Modo de fusión a Superposición y reducir la Opacidad al 40%.

Hacer una copia del mismo trazado compuesto en frente y eliminar todos los aspectos existentes. Se usa para enmascarar la textura para conseguir bordes cortantes (2).

how to add texture on wafer letters

9. Cómo Crear el Chocolate Derretido

Paso 1

Vamos a cubrir la parte superior de las letras de oblea con delicioso chocolate derretido.

Mira las letras de oblea e imagina bajando chocolate sobre ellos. Utilice la Herramienta Pluma (P) para definir que el chocolate derretido en cada letra (1). Únete a continuación, las rutas entre ellos (2) y, al final, cerca de la forma en la parte superior para cubrir las letras (3).

how to draw the melted chocolate shape

Paso 2

Mientras que la forma chocolate permanece seleccionada, añadir un Nuevo relleno en el panel de Apariencia sobre el marrón actual. Usar el degradado radial que se muestra; luego ir a Efecto > Sketch >  Cromo y aplicar la configuración se muestra. Establecer el Modo de fusión a Luz suave.

how to apply chrome effect to melted chocolate shape

Paso 3

Con el chocolate forma aún seleccionada, agregar un Nuevo relleno en la parte superior del panel Apariencia y uso blanco como el color de relleno. Ir a Efecto >  Estilizar > Resplandor interior y aplicar los ajustes mostrados. Establecer el Modo de Fusión a Multiplicar (el blanco se vuelve transparente).

how to add inner shading to melted chocolate shape

Paso 4

Hacer un trazado compuesto de las capas de oblea y otro trazado compuesto de las letras, como lo hizo antes (1). Mientras que ambas formas estancia seleccionadas, pulsa el Unir en el panel Buscatrazos y luego ir a Objeto >  Trazado compuesto > Hacer (Control-8) (2).

how to create a wafer letters compound path

Paso 5

Seleccione la forma de chocolate y Copiar y Pegar en Lugar (Shift-Control-V) para hacer una copia de él delante de todo. Quite todos los aspectos existentes y sólo le dan un color de relleno (1).

Mientras que las formas azules y rosas estancia seleccionadas, pulse Intersectar en el panel Buscatrazos y luego ir a Objeto > Trazado compuesto >  Hacer (Control-8) (2).

Utilice la Herramienta de Eliminar Punto de Ancla (-) y Herramienta de Añadir Punto de Ancla (+) para distorsionar la forma resultante, especialmente en la parte superior. Añadir más puntos de anclaje y mover al azar para crear un borde irregular (3).

how to create a melted chocolate masking shape

Paso 6

Seleccione la forma de chocolate junto con la rosa trazado compuesto del paso anterior (movimiento-ninguno, llenar-ninguno) y vaya a Objeto > Máscara de Recorte > Hacer (Control-7).

how to mask the melted chocolate on wafer letters

10. Cómo Crear una Sombra en el Chocolate Derretido

Paso 1

Hacer una copia de la forma de chocolate y mover detrás del chocolate original pero delante de las letras de oblea. Eliminar los aspectos existentes porque tenemos nuevos. Seleccione marrón oscuro como el color de relleno y aplique el efecto Sombra Paralela con los ajustes mostrados.

how to add shadow under melted chocolate on wafer letters

Paso 2

Ahora necesitamos una forma de máscara. Hacer un trazado compuesto de las capas de oblea y otro trazado compuesto de las letras, como lo hizo antes (1). Mientras que ambas formas estancia seleccionadas, pulsa el Unir en el panel Buscatrazos y luego ir a Objeto > Trazado compuesto > Hacer (Control-8) (2).

how to create new wafer letters compound path

Paso 3

Vaya al panel de capas y buscar la forma de máscara que utiliza para el chocolate. Copiar y pegar en Mismo lugar (Control-Shift-V) porque necesitamos una copia de la misma (el contorno naranja) (1).

Mientras que las formas azul y naranja estancia seleccionadas, pulsa el Unir en el panel Buscatrazos y luego ir a Objeto > Trazado compuesto > Hacer (Control-8) (2). Utilice este nuevo trazado compuesto para enmascarar la copia de la forma de chocolate con el efecto de Sombra Paralela aplicado (3).

how to mask shadow under melted chocolate

11. Cómo Agregar Detalles y Brillo en el Chocolate Derretido

Paso 1

Coge la Herramienta pluma (P) y dibujar unos trazados siguiendo el borde superior del chocolate (1). Todos ellos dan un 5 pt negro de Trazo y utilice Perfil Ancho 1 en el panel Trazo. A continuación, vaya a Efecto > Desenfoque > Desenfoque Gaussiano y aplicar un Radio de 2 px; luego ajuste el Modo de Fusión a Multiplicar y reducir la Opacidad al 25% (2).

Agrupar (Control-G) todos estos caminos y arrastre el grupo bajo la máscara existente utilizados para el chocolate para el desenfoque que va sobre el borde superior de la máscara.

how to add shading on edge of melted chocolate

Paso 2

Echa un vistazo en el chocolate y los detalles creados por el efecto del Cromo (1). Siga los detalles y dibujar unos trazados en la parte superior utilizando la Herramienta Pluma (P) (2).

Todos ellos dan una 2 pt con Trazo blanco y utilizar Anchura Perfil 1 otra vez. Aplicar un Desenfoque Gaussiano 2 px; luego ajuste el Modo de Fusión a Superposición y 75% Opacidad (3).

how to add highlights on melted chocolate

Paso 3

Dibujar trazados más en el chocolate como se muestra en la imagen de abajo, donde hay un espacio vacío más grande (1). Darles un Trazo blanco de 4 pt y utilizar Anchura perfil 1 otra vez. Aplicar un Desenfoque gaussiano 4 px; luego ajuste el Modo de fusión a Superposición y 25% Opacidad (2).

how to add extra details on melted chocolate

Paso 4

Vamos a añadir más brillo. Dibujar unos trazados siguiendo el borde inferior del chocolate (1) con la Herramienta pluma (P). Darles un Trazo 4 pt utilizando el color indicado y utilizar el Pincel de Mezcla Negro 100x3 (info más abajo). A continuación, vaya a Efecto > Estilizar > Pluma y aplicar un Radio de 4 px (2).

Tengo un tutorial entero dedicado a Pinceles de Arte Mezcla y lo útil que son. Usarlos en mis dibujos todo el tiempo. Usted puede encontrar cómo crear y guardar el Pinceles de Arte Mezcla Negro 100x3 que estamos usando hoy en día en Cómo Crear un Sistema de Pinceles Mezcla Multi-Uso en Adobe Illustrator. Desde la Coloración de la escobilla es a Tintas, cuando se selecciona otro color del trazo, el pincel se convierte en ese color, a pesar de su nombre.

how to add shine on melted chocolate

Paso 5

Vamos a añadir más brillo. Dibujar trazados más cerca a los bordes del chocolate (1) usando la Herramienta Pluma (P). Todos ellos dan un Trazo 3 pt y utilizar el Pincel de Mezcla Negro 100x3 otra vez. Ir a Efecto > Estilizar > Pluma y aplicar un Radio de 4 px para hacerlos más suaves (2).

how to add extra shine on melted chocolate

12. Cómo Añadir una Sombra Debajo de las Letras de Oblea

Vaya al panel de Capas y buscar la forma que ha utilizado para enmascarar la sombra bajo el chocolate derretido. Copiar y Pegar en el Mismo Lugar (Control-Shift-V) ya que necesitamos otra vez (el trazado compuesto gris).

Mover esta copia a una nueva capa llamada "Sombra" en las letras y luego aplicar el efecto Sombra Paralela dos veces.

how to add shadow under wafer letters

Estos son los ajustes de los efectos de Sombra Paralela:

drop shadow settings

¡Felicidades! Esta Listo

Aquí está la imagen final del efecto de texto de oblea que llega cubierto con delicioso chocolate derretido. Espero que disfrutado de este tutorial dulce y aprendió nuevas técnicas. No te olvides de compartir una imagen con nosotros si decide volver a crearla.

Mantenga en dibujo y aprender con los tutoriales recomendados desde abajo.

wafer text effect with melted chocolate final image


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.