Consejo rápido Cómo crear un delicioso efecto de texto de chocolate

Para todos los amantes del chocolate, aquí está cómo crear un delicioso efecto de texto de barra de chocolate en Illustrator. Utilizará la herramienta de fusión, efectos como Roughen y Chrome, diferentes modos de fusión y también el efecto Extrusión y biselado 3D para crear cuadrados de chocolate perfectos. Disfrutar!


Paso 1

Abra un nuevo documento web. Tome la herramienta Rectángulo (M) y dibuje un cuadrado de 16x16 px, luego rellénelo con el color marrón que se muestra. Una vez seleccionado este cuadrado, vaya al menú Efecto> Distorsionar y transformar y aplique el efecto Transformar. En el menú Objeto, seleccione Expandir apariencia, luego Desagrupar dos veces y obtendrá los ocho cuadrados que necesita más.


Paso 2

Ahora vamos a componer las letras. Seleccione la columna de ocho cuadrados y mientras presiona la tecla Alt, arrástrelos para duplicar toda la columna. Haga lo mismo otra vez para obtener las tres columnas que usará para cada una de las letras. Luego, coloque los cuatro cuadrados como se muestra en la imagen y multiplíquelos (Alt + arrastrar) para obtener la letra "C".


Paso 3

Para la letra "H", todo lo que necesita son dos copias de las tres columnas, luego coloque otras dos casillas entre ellas. La letra "O" es similar solo borra los cuatro cuadrados de las esquinas. Duplica las letras "C" y "O" y ahora tienes todas las letras.


Etapa 4

En este paso, necesita un círculo de px de 32x32 (dos veces el tamaño del cuadrado) y una copia del cuadrado marrón. Coloque el círculo en la parte superior del cuadrado y asegúrese de que el centro del círculo se interseca con la esquina inferior izquierda del cuadrado. Seleccione ambas formas y haga clic en Intersecar áreas de formas> Expandir desde el Panel de Pathfinder. Haz lo mismo para obtener los otros cuartos del círculo. A continuación, elimine los cuadrados indicados de la letra "C" y coloque en su lugar las esquinas redondeadas..

En la imagen de abajo puedes ver todos los cuadrados que fueron reemplazados. Ha terminado con las letras, pero antes de continuar, copie y pegue cada una de ellas en la parte posterior, porque las volverá a necesitar. Por ahora puedes esconderlos para que no te molesten..


Paso 5

Tome una copia del cuadrado marrón y luego vaya al menú Efecto> 3D y aplique el efecto Extrusión y Biselado. Elija la posición frontal, una profundidad de extrusión de 15 puntos y redondeada como la forma de bisel. Acabas de obtener un cuadrado perfecto de chocolate. Ahora vaya al Panel de apariencia y arrastre la miniatura al Panel de estilos gráficos para guardarla.

Si baja la profundidad de extrusión de 15 a 10 puntos, obtendrá un cuadrado de chocolate más brillante. Guarda éste también en el Panel de estilos gráficos. En la imagen de abajo puede ver otros tipos de chocolate que puede obtener al cambiar el color de relleno de los cuadrados..


Paso 6

Seleccione todos los cuadrados que componen una letra y aplique el estilo guardado anteriormente. Para las letras "H" y la segunda "C" apliqué el primer estilo guardado en el paso anterior y para los demás el estilo Chocolate square 2. Puedes elegir solo una de las variantes si quieres. Cuando haya terminado, seleccione Expandir apariencia en el menú Objeto.


Paso 7

Tome la herramienta Rectángulo (M) y dibuje un rectángulo de 630 x 170 px detrás de las letras, luego vaya al menú Efecto> Distorsionar y transformar y aplique el efecto Roughen. En el menú Objeto, seleccione Expandir apariencia y luego Desagrupar..


Paso 8

Una vez seleccionada la forma resultante, vaya al menú Objeto> Ruta> Ruta de compensación y aplique un valor de compensación de 10 px. Rellene estas dos formas con los colores que se muestran, luego selecciónelos y vaya al menú Objeto> Fusión> Opciones de fusión. Elija Color suave y luego vuelva a Objeto> Mezclar y seleccione Crear.


Paso 9

Copie y pegue al frente la forma más pequeña de las dos (pero arrástrela fuera del grupo Mezcla) y rellénela con el degradado lineal que se muestra. A continuación, vaya al menú Efecto> Boceto y aplique el efecto Chrome. Cambia el modo de fusión para multiplicar y reduce la opacidad al 25%..


Paso 10

Copia y pega la misma forma dos veces. Deje uno de ellos donde está (el camino rojo) y mueva el segundo a la derecha (el camino verde). Seleccione ambas formas y haga clic en Restar del área de forma> Expandir desde el Panel de Pathfinder. Obtendrá una ruta compuesta, pero vaya al menú Objeto> Ruta compuesta y seleccione Liberar. Mantenga solo las formas amarillas que ve a continuación y rellénelas con el color que se muestra. A continuación, seleccionando todas estas pequeñas formas, vaya a Efecto> Desenfoque y aplique un Desenfoque gaussiano de 1.5 px, luego cambie el modo de fusión a Luz suave.


Paso 11

En este paso, necesita otras dos copias de la misma forma que usó anteriormente. Mueve uno de ellos hacia arriba (el camino rosa) y luego repite el paso anterior para obtener más puntos destacados. El color de relleno y el radio de desenfoque son los mismos solo que esta vez configúrelos en Luminosidad.

Crea aún más destacados de la misma manera.


Paso 12

Para crear las pequeñas piezas de chocolate, primero dibuje una forma como en la imagen usando la Herramienta Pluma (P) o la Herramienta Lápiz (N). Rellénelo con marrón oscuro y luego vaya a Efecto> Estilizar y aplique el efecto Resplandor interior. A continuación, dibuje una forma más pequeña en la parte superior, como la roja y rellénela con el color que se muestra. Vaya al menú Efecto> Desenfocar y aplique un Desenfoque gaussiano de 1 px, luego cambie el modo de fusión a Luminosidad. Las otras piezas se fabrican de la misma manera, solo se cambian los modos de fusión de las formas resaltadas pequeñas para un aspecto diferente. Incluso puede reducir un poco la opacidad si cree que es necesario..

Aquí están todas las pequeñas piezas de chocolate dispuestas al azar alrededor de las letras:


Paso 13

Copie uno de los cuadrados de chocolate (expandido) y seleccione usando la Herramienta de selección directa (A) solo el cuadrado delantero del grupo. Vaya al menú Objeto> Ruta y seleccione Agregar puntos de ancla dos veces. Use estos puntos de anclaje como referencia y dibuje los tres caminos rojos entre ellos. Golpéalos con un pincel llamado Trazo cónico que puedes encontrar en el Menú de bibliotecas de pinceles en Artistic> Artistic_Ink. Reduzca el peso del trazo a 0.05 pt, luego vaya al menú Objeto y seleccione Expandir apariencia. Rellene las rayas resultantes con el degradado lineal que se muestra.

Ahora multiplica el nuevo cuadrado de chocolate y reemplaza algunos de los otros con ellos como en la imagen.


Paso 14

Todo lo que queda por hacer es agregar algunas sombras detrás de las letras. Para eso necesita las copias de las letras que dije para guardar en el paso 4. Una vez que haya seleccionado todos los cuadrados que componen la letra seleccionada, haga clic en Agregar al área de la forma> Expandir en el Panel de Pathfinder para unirlos y obtener la letra "C". Rellénelo con marrón oscuro y luego vaya a Efecto> Desenfoque y aplique un Desenfoque gaussiano de 4 px. Haz lo mismo con las otras letras..


Imagen final

Ya has terminado y esta es la imagen final. Ahora sigue mi ejemplo y ve y come un poco de chocolate:)