Cómo crear un efecto de texto oscuro usando Extrusión y biselado 3D

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

En el siguiente tutorial aprenderás a crear un efecto de texto oscuro en 3D. Este tutorial utiliza muchas técnicas vectoriales diferentes, incluyendo el panel Apariencia, ajustes de Transparencia, motivos y mucho más. ¡Comencemos!

Paso 1

Pulsa Comando + N para crear un nuevo documento. Introduce 600 en la casilla de anchura y 300 en la de altura y haz clic en el botón Avanzado Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear nuevos objetos con cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar.

Paso 2

Comencemos con el fondo. Elige la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo y rellénala con el degradado radial que se muestra en la siguiente imagen. Los números blancos de la imagen del degradado representan el porcentaje de ubicación. Asegúrate de que esta nueva forma permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno en el panel Apariencia, hazlo negro, baja su opacidad al 10%, cambia el modo de fusión a Multiplicar y ve a Efecto > Artístico > Grano de película. Introduce los datos que se muestran a continuación y haz clic en Aceptar.

Sigue concentrándote en el panel Apariencia y añade un tercer relleno para este rectángulo. Necesitarás un motivo incorporado para este nuevo relleno. Ve al panel Muestras, abre el menú desplegable y ve a Abrir Biblioteca de Muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Se abrirá una nueva ventana con un conjunto de motivos incorporados. Vuelve a seleccionar tu rectángulo, céntrate en el panel Apariencia, selecciona ese tercer relleno y añade el motivo "USGS 19 Land Inundation". Muévete al panel Capas y simplemente bloquea este rectángulo.

Paso 3

Selecciona la herramienta Texto (T), añade tu texto "vector tuts" y establece su color en R=209 G=211 B=212. Utiliza la fuente Hybrid Bold, establece el estilo en Negrita y el tamaño en 100pt. Además, alinea este texto utilizando el botón "Alinear al centro" del panel Párrafo.

Paso 4

Vuelve a seleccionar el texto y ve a Efecto > 3D > Extrusión y biselado. Introduce los datos que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

Paso 5

Ve al panel Capas, explora el grupo creado en el paso anterior y localiza el subgrupo con todas las formas que componen la primera letra, la "v". Busca los dos subgrupos que contienen las formas de la "v" (señalados por la flecha azul en la siguiente imagen), desagrúpalos (Mayúsculas + Control + G) y arrástralos fuera del grupo principal, hacia la parte superior del panel Capas. Vuelve a ese subgrupo y elimina el resto de las formas que componen tu forma "v". Al final sólo deberías tener las dos formas "v" (imagen #2). Rellena la de delante con R=181 G=183 B=184 y la de detrás con negro.

Paso 6

Sigue concentrándote en el panel Capas y repite la técnica mencionada en el paso anterior para el resto de las letras. Una vez que hayas terminado, nombra tus formas como se muestra en la siguiente imagen. Te será más fácil encontrarlas cuando las necesites. Además, asegúrate de que tus letras estén ordenadas como se muestra en el panel Capas de la siguiente imagen.

Paso 7

Vuelve a seleccionar todas las formas de letras negras y duplícalas (Control + C > Control + F). Selecciona estas copias y conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear). Selecciónalo y envíalo hacia atrás (Mayúsculas + Control + Corchete izquierdo ). Necesitarás este trazado para los pasos finales. Ahora, céntrate en las formas de las letras superiores. Comienza con la palabra superior y rellena las formas de las letras con el degradado lineal que se muestra en la segunda imagen. Muévete a la palabra inferior, selecciona las formas de las letras y rellénalas con el degradado lineal que se muestra en la tercera imagen.

Paso 8

Céntrate en las formas "v". Selecciona la "v" superior y haz una copia en el fondo (Control + C > Control + B). Ve al panel de capas, selecciona esta copia junto con la "v" negra y pulsa Alt + Control + B. Esto añadirá una atractiva fusión a estas dos formas. A continuación, la tienes que editar. Selecciónala y ve a Objeto > Fusión > Opciones de fusión. Selecciona "Pasos especificados" en el menú desplegable de Espaciado, introduce "250" en el cuadro blanco y luego pulsa Intro. Al final tu fusión debería verse un poco más suave.

Paso 9

Céntrate en el resto de las formas y repite las técnicas mencionadas en el paso anterior. Cuando hayas terminado, selecciona todas estas fusiones y agrúpalas (Control + G). Ve al panel Capas y arrastra este nuevo grupo justo encima del rectángulo de "fondo". También, bloquéalo.

Paso 10

Ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1px. Vuelve a seleccionar la forma "v" superior y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia abajo usando la flecha hacia abajo. Vuelve a seleccionar las dos copias, abre el panel Buscatrazos y haz clic en el botón Menos frente. Rellena la forma resultante con negro, baja su opacidad al 25% y cambia el modo de fusión a Multiplicar.

Paso 11

Vuelve a seleccionar la forma "v" superior y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 2px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=151 G=151 B=151, baja su opacidad al 25% y cambia el modo de fusión a Multiplicar.

Paso 12

Concéntrate en el resto de las formas de letras superiores y repite las técnicas mencionadas en los dos últimos pasos.

Paso 13

Pasa a las letras de abajo y utiliza las técnicas mencionadas en los pasos #10 y #11 pero mueve las copias hacia arriba en lugar de hacia abajo.

Paso 14

Vuelve a la forma "v" y haz una nueva copia delante (Control + C > Control + F). Rellénala con el degradado radial que se muestra en la siguiente imagen, baja su opacidad al 40% y cambia el modo de fusión a Superponer.

Paso 15

Vuelve a seleccionar la forma de "v" superior y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y muévela 1px hacia la izquierda. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto (Objeto > Trazado compuesto > Crear), rellénalo de blanco, baja su opacidad al 60% y cambia el modo de fusión a Superponer.

Paso 16

Divide tus letras en dos grupos. El grupo de la izquierda y el de la derecha. Céntrate en el resto de las formas del grupo izquierdo y repite las técnicas mencionadas en los dos últimos pasos.

Paso 17

Pasa a las formas del grupo de la derecha, repite las técnicas mencionadas en los pasos #14 y #15 pero mueve esa copia a la derecha en lugar de a la izquierda.

Paso 18

Ve al panel Capas, vuelve a seleccionar las formas de las letras y conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear). Asegúrate de que seleccionas las formas originales (rellenadas con el degradado lineal), no las copias creadas hace unos pasos (rellenadas con el degradado radial). Rellena este nuevo trazado compuesto con blanco, envíalo hacia atrás (Mayúsculas + Control + Corchete izquierdo) y nómbralo "vectortuts".

Paso 19

Vuelve a seleccionar "vectortuts" y haz una copia por delante (Control + C > Control + F). Elige la herramienta Elipse (L), crea una forma de 250 por 40px y colócala como se muestra en la segunda imagen. Selecciónala junto con la copia creada al principio del paso y haz clic en el botón Intersectar del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto, rellénalo con el degradado lineal que se muestra en la siguiente imagen y baja su opacidad al 30%.

Paso 20

Vuelve a seleccionar "vectortuts" y haz una copia delante (Control + C > Control + F). Elige la herramienta Elipse (L), crea una forma de 520 por 50px y colócala como se muestra en la segunda imagen. Selecciónala junto con la copia creada al principio del paso y haz clic en el botón Intersectar del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto, rellénalo con el degradado lineal que se muestra en la siguiente imagen, baja su opacidad al 25% y cambia el modo de fusión a Superponer.

Paso 21

Paso 22

Vuelve a seleccionar "vectortuts", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayúsculas + Control + Corchete derecho). Selecciona esta nueva forma y céntrate en el panel Apariencia. Elimina el color del relleno y añade un trazo blanco. Selecciónalo, hazlo de 3pt de ancho, alinéalo al interior y baja su opacidad al 5%. Sigue concentrándote en el panel Apariencia y añade dos nuevos trazos blancos para esta forma usando el botón Añadir nuevo trazo. Selecciona el de abajo, hazlo de 2 puntos de ancho, alinéalo al interior y baja su opacidad al 5%. Selecciona el de arriba, hazlo de 1pt de ancho, alinéalo al interior y baja su opacidad al 5%.

Paso 23

Vuelve al grupo con la fusión y desbloquéalo. Selecciona la primera fusión, haz una copia delante y ve a Objeto > Expandir apariencia. Selecciona el grupo de formas resultante y haz clic en el botón Unir del panel Buscatrazos.

Paso 24

Pasa al resto de las fusiones y repite las técnicas mencionadas en el paso anterior. Selecciona todas estas formas junto con la creada en el paso anterior, únelas usando el botón Unir del panel Buscatrazos y luego conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear). Rellénalo con blanco y llévalo al frente (Mayúsculas + Control + Corchete derecho).

Paso 25

Vuelve a seleccionar el trazado compuesto creado en el paso anterior y haz tres copias detrás. Ve al panel Capas, selecciona la copia superior, muévela 1px hacia arriba, rellénala de negro y baja su opacidad al 10%. Selecciona la copia del medio, muévela 4px hacia arriba, rellénala de negro y baja su opacidad al 10%. Selecciona la copia inferior, muévela 7px hacia arriba, rellénala de negro y baja su opacidad al 7%.

Paso 26

Vuelve a seleccionar el trazado compuesto creado en el paso #24 y haz cuatro copias en la parte de atrás. Ve al panel Capas, selecciona la copia superior, muévela 1px hacia abajo, rellénala de negro y baja su opacidad al 30%. Sigue centrado en el panel Capas, selecciona la siguiente copia, muévela 4px hacia abajo, rellénala de negro y baja su opacidad al 10%. Selecciona la tercera copia, muévela 7px hacia abajo, rellénala de negro y baja su opacidad al 7%. Finalmente, selecciona la copia inferior, muévela 10px hacia abajo, baja su opacidad al 10% y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px y haz clic en OK.

Paso 27

Vuelve a seleccionar el trazado compuesto creado en el paso #24 y haz tres copias por detrás. Ve al panel Capas, selecciona la copia superior, muévela 1px a la izquierda, rellénala de negro y baja su opacidad al 15%. Selecciona la copia del medio, muévela 4px a la izquierda, rellénala de negro y baja su opacidad al 10%. Selecciona la copia inferior, muévela 7px a la izquierda, rellénala de negro y baja su opacidad al 7%.

Paso 28

Vuelve a seleccionar el trazado compuesto creado en el paso #24 y haz tres copias en la parte de atrás. Ve al panel Capas, selecciona la copia superior, muévela 1px a la derecha, rellénala de negro y baja su opacidad al 15%. Selecciona la copia del medio, muévela 4px a la derecha, rellénala de negro y baja su opacidad al 10%. Selecciona la copia inferior, muévela 7px a la derecha, rellénala de negro y baja su opacidad al 7%.

Paso 29

Selecciona todas las formas negras creadas en los últimos cuatro pasos y agrúpalas (Control + G). Ve al panel Capas y arrastra este nuevo grupo justo encima de la forma del fondo.

Paso 30

Vuelve a seleccionar el trazado compuesto creado en el paso #24. Reemplaza el blanco del relleno por negro, baja su opacidad al 30% y cambia el modo de fusión a Superponer.

Paso 31

Vuelve a seleccionar "vectortuts", haz una copia delante (Control + C > Control + F) y llévala al frente (Mayúsculas + Control + Corchete derecho ). Rellénala con el degradado lineal que se muestra en la siguiente imagen, baja su opacidad al 50% y cambia el modo de fusión a Superponer.

Paso 32

Vuelve a seleccionar "vectortuts" y llévalo al frente (Mayúsculas + Control + Corchete derecho ). Rellena con R=96 G=57 B=19 y cambia el modo de fusión a Subexposición de color. Selecciona esta forma y haz una copia al frente (Control + C > Control + F).

Paso 33

Ve al panel Capas, selecciona el trazado compuesto negro creado en el séptimo paso y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 4px y haz clic en Aceptar. Selecciona la forma resultante, arrástrala justo encima de la forma de "fondo" y luego céntrate en el panel Apariencia. Primero, rellénala con el degradado lineal que se muestra en la siguiente imagen y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar. A continuación, añade tres trazos negros para esta forma. Alinéalos al interior y baja su opacidad al 30%. Haz que el de arriba tenga 2 puntos de ancho, el del medio 3 puntos de ancho y el de abajo 4 puntos de ancho. Sigue concentrándote en el panel Apariencia y añade un cuarto trazo para esta forma. Hazlo de 1pt de ancho, alinéalo al interior y establece su color en R=10 G=10 B=10.