Cómo crear un efecto de texto Lego 3D en Adobe Illustrator

En los siguientes pasos aprenderá cómo crear un conjunto de piezas de Lego y cómo convertirlas fácilmente en un bonito efecto de texto. Para empezar, solo necesitarás dos formas simples y el efecto Extrusión y Biselado 3D. Una vez que organice las formas iniciales, continuaremos con los aspectos más destacados. Primero, para el efecto de sombra, aprovecharemos al máximo el panel Apariencia. A continuación, usaremos las opciones de Pathfinder junto con algunas técnicas y efectos de fusión básicos. Finalmente, para la coloración usaremos un truco de fusión simple más una técnica de enmascaramiento básica..


Paso 1

Pulsa Comando + N para crear un nuevo documento. Ingrese 600 en los cuadros de ancho y alto, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla "Alinear nuevos objetos con la cuadrícula de píxeles" esté desactivada antes de hacer clic en Aceptar..

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Para este tutorial necesitarás una cuadrícula cada 1px. Simplemente vaya a Editar> Preferencias> Guías> Cuadrícula, ingrese 1 en el cuadro Cuadrícula y 1 en el cuadro Subdivisiones. También debe abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Edición> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..


Paso 2

Usando la herramienta Rectángulo (M), cree un cuadrado de 70 px y establezca el color de relleno en R = 128, G = 130, B = 133.


Paso 3

Desactive la cuadrícula (Ver> Ocultar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Seleccione el cuadrado realizado en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Ingrese las propiedades que se muestran en la siguiente imagen, asegúrese de marcar la casilla "Dibujar caras ocultas" y luego Aceptar.


Etapa 4

Asegúrese de que su cuadrado gris aún esté seleccionado y vaya a Objeto> Expandir apariencia. Vaya al panel Capas (Ventana> Capas) y debería encontrar un grupo recién creado. Selecciónalo y pulsa Shift + Control + G dos veces. Al final deberías tener seis formas simples. Continúe enfocándose en el panel Capas y simplemente elimine las dos formas inferiores.


Paso 5

Concéntrese en el panel Capas, haga doble clic en la forma inferior y denomínela "sombra". Selecciónelo y desplácese al panel Apariencia (Ventana> Apariencia). Seleccione el relleno existente, conviértalo en negro y vaya a Efecto> Ruta> Ruta de compensación. Ingrese un Desplazamiento de 3px, haga clic en Aceptar y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 4px, haga clic en Aceptar y regrese al panel Apariencia. Asegúrese de que la "sombra" aún esté seleccionada y agregue un segundo relleno con el botón Agregar nuevo relleno (señalado por la pequeña flecha azul). Seleccione este nuevo relleno, establezca el color en negro, baje su opacidad al 5% y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 4px, haga clic en Aceptar y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 6px, haga clic en Aceptar y regrese al panel Apariencia. Agregue un tercer relleno para esta forma, selecciónelo, establezca el color en negro, baje su opacidad al 10% y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 2px, haga clic en Aceptar y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 4px, haga clic en Aceptar y regrese al panel Apariencia. Agregue un relleno final para esta forma, selecciónelo, establezca el color en negro, baje su opacidad al 20% y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 1px, haga clic en Aceptar y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2.5px y haga clic en Aceptar. Abra la ventana Estilos gráficos (Ventana> Estilos gráficos), asegúrese de que la "sombra" todavía esté seleccionada y simplemente haga clic en el botón "Nuevo estilo gráfico" (señalado por la flecha azul).


Paso 6

Concéntrese en el panel Capas, haga doble clic en la forma sobre "sombra" y denomínela "lado izquierdo". Selecciónelo y reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen. El número blanco de la imagen de gradiente representa el porcentaje de ubicación. Concéntrese en el panel Degradado, haga clic en la miniatura cuadrada del degradado y simplemente arrástrela hacia dentro del panel Muestras (Ventana> Muestras) para guardarla. Manténgase enfocado en el panel de Muestras, haga doble clic en este degradado recién agregado y asígnele el nombre "Gradiente1". Obviamente necesitarás este gradiente de nuevo. Guardar y nombrarlo facilitará su trabajo más adelante. Vuelva al panel Capas, haga doble clic en la forma sobre "leftSide" y llámela "rightSide". Selecciónelo y reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen. Guarda este nuevo gradiente y llámalo "Gradient2". Regrese al panel Capas, haga doble clic en la forma sobre "lado derecho" y llámela "arriba". Selecciónelo y reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen. Una vez más, guarda este nuevo gradiente y llámalo "Gradient3".


Paso 7

Vaya a Edición> Preferencias> General y asegúrese de que el Incremento del teclado esté establecido en 1px.
Seleccione "lado izquierdo" y "lado derecho" y duplíquelos (Control + C> Control + F). Seleccione ambas copias, abra el panel de Pathfinder (Ventana> Pathfinder) y haga clic en el botón Unir del panel de Pathfinder. Seleccione la forma resultante y haga una copia al frente (Control + C> Control + F). Seleccione esta copia y presione la flecha hacia arriba desde su teclado para moverla 1px hacia arriba. Vuelva a seleccionar las dos formas creadas en este paso y haga clic en el botón Minus Front del panel Pathfinder. Rellene la forma resultante con negro, baje su Opacidad al 10% y cambie el Modo de fusión a Luz suave.


Paso 8

Seleccione "top" y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia abajo con la flecha hacia abajo de su teclado. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la siguiente imagen. Los ceros amarillos de la imagen de gradiente representan el porcentaje de opacidad.


Paso 9

Seleccione "top" y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba con la flecha hacia arriba de su teclado. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la siguiente imagen.


Paso 10

Vaya a Edición> Preferencias> General y configure el Incremento de teclado en 0.5px. Seleccione "lado derecho" y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 0.5px hacia arriba y hacia la derecha con las teclas de flecha de su teclado. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellena la forma resultante con blanco. Céntrese en la parte inferior de esta forma blanca, tome la herramienta Eliminar punto de anclaje (-) y simplemente quite los tres puntos de anclaje resaltados en la tercera imagen. Al final, su forma blanca debe verse como en la cuarta imagen..


Paso 11

Seleccione "lado izquierdo" y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 0.5px hacia arriba y hacia la izquierda con las teclas de flecha de su teclado. Vuelva a seleccionar ambas copias y haga clic en o en el botón Frontal Inferior del panel de Pathfinder. Rellena la forma resultante con blanco. Céntrese en la parte inferior de esta forma blanca, tome la herramienta Eliminar punto de anclaje (-) y simplemente quite los tres puntos de anclaje resaltados en la tercera imagen. Al final, su forma blanca debe verse como en la cuarta imagen..


Paso 12

Seleccione las dos formas blancas hechas en los dos últimos pasos y haga clic en el botón Unir del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la siguiente imagen.


Paso 13

Seleccione las cuatro formas hechas en los últimos seis pasos y agrúpelas (Control + G). Vaya al panel Capas, haga doble clic en este nuevo grupo y asígnele el nombre "resaltados".


Paso 14

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Usando la herramienta Elipse (L), cree un círculo de 19px, llénelo con R = 147, G = 149, B = 152 y colóquelo como se muestra en la siguiente imagen.


Paso 15

Desactive la cuadrícula (Ver> Ocultar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Seleccione el círculo realizado en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Ingrese las propiedades que se muestran en la siguiente imagen, asegúrese de no marcar la casilla "Dibujar caras ocultas" y haga clic en Aceptar.


Paso 16

Asegúrese de que su círculo todavía esté seleccionado y vaya a Objeto> Expandir apariencia. Vaya al panel Capas, seleccione el grupo resultante y presione Shift + Control + G tres veces. Vaya al panel Capas, seleccione el subgrupo restante y haga clic en el botón Unir del panel Buscador. Rellene la forma resultante con el degradado lineal que se muestra en la tercera imagen. Asegúrese de que esta forma permanezca seleccionada, enfoque el panel Apariencia y agregue un segundo relleno. Seleccione este nuevo relleno, cambie su Modo de fusión a Luz suave y arrástrelo en la parte inferior del panel Apariencia. Reemplace el degradado lineal existente con el que se muestra en la cuarta imagen y luego vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en Aceptar.


Paso 17

Vaya a Edición> Preferencias> General y configure el Incremento de teclado en 1px. Vaya al panel Capas y seleccione la otra forma realizada en el paso anterior. Reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la primera imagen y luego haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con el degradado lineal que se muestra en la tercera imagen y cambie su Modo de fusión a Luz suave.


Paso 18

Vuelva a seleccionar el círculo comprimido editado en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia abajo y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 80, G = 80, B = 80 y baje su Opacidad al 50%.


Paso 19

Seleccione todas las formas creadas en los últimos tres pasos y agrúpelas (Control + G). Seleccione este nuevo grupo y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la ventana izquierda, haga clic en Aceptar y vaya nuevamente a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la ventana derecha y haga clic en Aceptar. Vaya al panel Capas, haga doble clic en este nuevo grupo y asígnele el nombre "muesca".


Paso 20

A continuación, debe agregar un poco de color a su pieza de Lego. Seleccione "lado izquierdo", "lado derecho" y "arriba" y duplíquelos (Control + C> Control + F). Seleccione estas copias, haga clic en el botón Unite del panel de Pathfinder y coloque la forma resultante al frente (Shift + Control +]). Asegúrese de que esta nueva forma permanezca seleccionada y enfoque en el panel de Apariencia. Seleccione el relleno existente, establezca el color en R = 0, G = 163, B = 75 y cambie su Modo de fusión a Color. Agregue un segundo relleno para esta forma, selecciónelo, establezca el color en R = 205, G = 205, B = 205 y cambie el Modo de fusión a Color Burn. Ahora, simplemente reemplace el relleno verde por uno azul (R = 39, G = 170, B = 225) y su pieza de Lego se volverá azul. Siéntase libre de probar otro color o un modo de fusión diferente. Vaya al panel Capas, haga doble clic en la forma hecha en este paso y llámela "color".


Paso 21

Vaya al panel Capas, seleccione todo lo creado hasta ahora, excepto la forma de "sombra", y agrúpelas (Control + G). Abra este grupo, seleccione "Color" y duplíquelo (Control + C> Control + F). Seleccione esta copia y arrástrela fuera del grupo, en la parte superior del panel Capas. Asegúrese de que esta nueva forma esté seleccionada y simplemente presione el botón "D" de su teclado. Esto agregará las propiedades predeterminadas para su forma, que es un relleno blanco y un trazo negro de 1 pt. Elimine el trazo negro, luego seleccione el relleno y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar y abra el panel Transparencia (Ventana> Transparencia). Seleccione esta forma blanca junto con el grupo creado al comienzo del paso, abra el menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad. Esto agregará una redondez discreta a las esquinas de tu pieza de ego. Mira más de cerca y lo notarás..


Paso 22

Seleccione Todas las formas creadas hasta ahora (Control + A) y agrúpelas (Control + G). Esta será la primera pieza de Lego. Concéntrese en el panel Capas y llámelo "cuadrado".


Paso 23

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Con la herramienta Rectángulo (M), cree una forma de 140 por 70 px y configure el color de relleno en R = 128, G = 130, B = 133.


Paso 24

Desactive la cuadrícula (Ver> Ocultar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Seleccione el rectángulo hecho en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Ingrese las propiedades que se muestran en la siguiente imagen, asegúrese de marcar la casilla "Dibujar caras ocultas" y haga clic en Aceptar.


Paso 25

Asegúrese de que su rectángulo gris aún esté seleccionado y vaya a Objeto> Expandir apariencia. Vaya al panel Capas, seleccione el grupo recién creado y presione Shift + Control + G dos veces para Desagrupar. Seleccione la parte inferior, dos formas y simplemente eliminarlos. Manténgase enfocado en el panel Capas, haga doble clic en la forma inferior, llámela "sombra" y agregue el estilo gráfico guardado en el quinto paso.


Paso 26

Continúa con las otras tres formas hechas en el paso anterior. Nómbrelos "lado izquierdo", "lado derecho" y "arriba", luego se usó el gradiente lineal guardado en el sexto paso.


Paso 27

Manténgase enfocado en las formas editadas en el paso anterior y agregue las formas delgadas resaltadas tal como lo hizo con el cuadrado, pieza del ego. Básicamente, debes repetir las técnicas mencionadas en los pasos 7 a 12. Tendrás que hacer dos pequeños cambios cuando llegues a la coloración. Simplemente edite los dos gradientes lineales como se muestra en la siguiente imagen. Una vez que hayas terminado, asegúrate de agrupar todas estas formas y nombrar al grupo "destacados".


Paso 28

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Usando la herramienta Elipse (L), cree un círculo de 19px, llénelo con R = 147, G = 149, B = 152 y colóquelo como se muestra en la siguiente imagen.


Paso 29

Desactive la cuadrícula (Ver> Ocultar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Seleccione el círculo realizado en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Ingrese las propiedades que se muestran en la siguiente imagen, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.


Paso 30

Vaya al panel Capas, seleccione el grupo resultante del paso anterior y haga clic en el botón Unir del panel Buscador. Rellena la forma resultante con blanco..


Paso 31

Concéntrese en el panel Capas, abra el grupo con la primera pieza del ego y duplique el grupo "muesca" (Control + C> Control + F). Seleccione esta copia de grupo, muévase en el panel Apariencia y elimine los efectos de transformación existentes. Manténgase enfocado en esta copia de grupo, arrástrela en la parte superior del panel Capas y colóquela aproximadamente como se muestra en la primera imagen. Tome la Herramienta de selección (V) y seleccione la copia de grupo junto con la forma blanca realizada en el paso anterior. Haga clic en el borde de esta forma blanca (debe enfatizarse) y luego simplemente haga clic en los botones Centro de alineación horizontal y Centro de alineación vertical desde el panel Alinear (Ventana> Alinear). Al final, su copia de grupo debe colocarse como se muestra en la tercera imagen. Vuelva al panel Capas y elimine la forma blanca del paso anterior..


Paso 32

Seleccione la copia de grupo de "muesca" realizada en el paso anterior y agregue los dos efectos de transformación que se muestran en la siguiente imagen.


Paso 33

A continuación, debe agregar la forma de "color". Simplemente repite las técnicas mencionadas en el vigésimo paso. Asegúrese de agrupar esta forma de "color" junto con todas las formas que conforman esta segunda pieza de Lego (excepto la forma de "sombra").


Paso 34

Finalmente agregar la técnica de enmascaramiento mencionada en el paso veintiuno. Selecciona todas las formas que componen esta segunda pieza del ego y agrúpalas (Control + G). Nombre a este nuevo grupo "rectangle1".


Paso 35

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Con la herramienta Rectángulo (M), cree una forma de 140 por 70 px y configure el color de relleno en R = 128, G = 130, B = 133.


Paso 36

Desactive la cuadrícula (Ver> Ocultar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Seleccione el rectángulo hecho en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Ingrese las propiedades que se muestran en la siguiente imagen, asegúrese de marcar la casilla "Dibujar caras ocultas" y haga clic en Aceptar.


Paso 37

Asegúrese de que la forma editada en el paso anterior aún esté seleccionada y vaya a Objeto> Expandir apariencia. Vaya al panel Capas, seleccione el grupo recién creado y presione Shift + Control + G dos veces. Seleccione la parte inferior, dos formas y simplemente eliminarlos. Manténgase enfocado en el panel Capas, haga doble clic en la forma inferior, llámela "sombra" y agregue el estilo gráfico guardado en el quinto paso.


Paso 38

Continúa con las otras tres formas hechas en el paso anterior. Nómbrelos "lado izquierdo", "lado derecho" y "arriba", luego se usó el gradiente lineal guardado en el sexto paso.


Paso 39

Manténgase enfocado en las tres formas editadas en el paso anterior y agregue los reflejos delgados como lo hizo con la segunda pieza del ego. Una vez más, tendrá que hacer dos pequeños cambios cuando llegue a la parte para colorear. Simplemente edite los dos gradientes lineales como se muestra en la siguiente imagen. Una vez que hayas terminado, asegúrate de agrupar todas estas formas y nombrar al grupo "destacados".


Paso 40

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Usando la herramienta Elipse (L), cree un círculo de 19px, llénelo con R = 147, G = 149, B = 152 y colóquelo como se muestra en la siguiente imagen.


Paso 41

Desactive la cuadrícula (Ver> Ocultar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Seleccione el círculo realizado en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Ingrese las propiedades que se muestran en la siguiente imagen, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.


Paso 42

Vaya al panel Capas, seleccione el grupo resultante del paso anterior y haga clic en el botón Unir del panel Buscador. Rellena la forma resultante con blanco..


Paso 43

Concéntrese en el panel Capas y haga una nueva copia de ese grupo de "muescas" (Control + C> Control + F). Seleccione esta copia de grupo, elimine los efectos de transformación existentes y repita las técnicas de alineación mencionadas en el trigésimo primer paso. No te olvides de quitar la forma blanca al final..


Paso 44

Seleccione la copia de grupo de "muesca" realizada en el paso anterior y agregue los dos efectos de transformación que se muestran en la siguiente imagen.


Paso 45

Continuemos con la forma del "color". Simplemente repite las técnicas mencionadas en el vigésimo paso. Asegúrese de agrupar esta nueva forma junto con todas las formas que conforman esta tercera pieza de Lego (excepto la forma de "sombra").


Paso 46

Finalmente agregue las esquinas redondeadas discretas usando la técnica de enmascaramiento mencionada en el paso veintiuno. Selecciona todas las formas que componen esta tercera pieza de ego y agrúpalas (Control + G). Nombre a este nuevo grupo "rectangle2".


Paso 47

Estas son tus tres piezas de ego. Al final, debes tener tres grupos principales dentro de tu panel Capas.


Paso 48

Active la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Finalmente, multiplica los grupos creados hasta ahora y construye tus letras de ego. The Snap to Grid facilitará tu trabajo. Solo hay una cosa que debes tener en cuenta. Manténgase en la visibilidad de la forma de "sombra" para las piezas inferiores de Lego, pero apáguela para las piezas que se encuentran arriba. Esto no debería ser muy difícil, ya que todo lo que tienes que hacer es ir al panel Capas y simplemente hacer clic en el ícono del ojo pequeño..


Conclusión

Ahora tu trabajo está hecho. Aquí es cómo debe verse.

Echa un vistazo a la segunda imagen para obtener una guía sencilla sobre cómo organizar tus piezas de Lego para construir todas las letras del alfabeto.