Consejo rápido Creando un Bazinga! Tratamiento de texto en Adobe Illustrator

Con este tutorial, te mostraré cómo crear un efecto de texto Bazinga que Sheldon hizo famoso desde la comedia de situación The Big Bang Theory en Adobe Illustrator. Usaremos algunas técnicas para agregar múltiples efectos a una sola forma, también duplicaremos y copiaremos objetos rápidamente, además de crear un patrón e incluso rotar ese patrón sin interrumpir la forma que se aplica..

Propina: Tenga en cuenta que es posible que tenga que instalar fuentes antes de abrir Illustrator para que aparezca en su lista de fuentes..


1. Crear un nuevo documento

Empecemos por preparar nuestro documento. Abre Illustrator y pulsa. Comando + N para crear un Nuevo documento. Puede hacer que su documento sea de cualquier tamaño, pero para este tutorial usaré un tamaño de fondo de escritorio de escritorio predeterminado, así que ingrese 1024 en la caja de ancho y 768 en el cuadro de altura y luego haga clic en el Botón avanzado. Seleccionar RGB, Pantalla (72ppi) y asegúrese de que el Alinear nuevos objetos a la cuadrícula de píxeles casilla está desactivada antes de su clic DE ACUERDO.



2. Crea tus formas base

Paso 1

Ahora crearemos el mismo color de fondo que encajará con nuestro texto. Selecciona el Herramienta Rectangular (M) Desde la barra de herramientas, haga clic en cualquier lugar del lienzo para crear un rectángulo con las mismas dimensiones del lienzo. 1024 x 768px. Una vez hecho el rectángulo habilite el Herramienta de selección (V) desde la barra de herramientas y arrástrelo para que quepa dentro del lienzo del documento. No te preocupes por ser demasiado exacto con la colocación. En unos pocos pasos alinearemos el fondo perfectamente con la mesa de trabajo..


Paso 2

Con el rectángulo creado vamos a darle estilo. Mientras que el rectángulo aún está seleccionado, navegue a la Panel de apariencia (Ventana> Apariencia) y elimine el elemento Trazo arrastrando el elemento al icono de la papelera en la parte inferior del panel. Ahora seleccione el elemento Relleno y rellénelo con un color rojo como se describe a continuación.


Paso 3

Le invitamos a detenerse aquí, pero démosle un poco de profundidad al fondo y también agregue un degradado. Mientras que en el Panel de apariencia (Ventana> Apariencia) haga clic en el Añadir nuevo relleno Botón en la parte inferior del panel. Esto creará otra capa de relleno rojo pero la cambiaremos ahora. Navegar a la Panel gradiente (Ventana> Gradiente) y cree un degradado radial negro opaco a transparente con los siguientes atributos.



3. Dibuja un Círculo Central a la Mesa de Arte

Paso 1

Para finalizar el fondo selecciona la Herramienta Elipse (L) Luego haga clic una vez en el documento y cree un círculo. 580px ancho y 580px alto. Cambiemos el color a blanco liso..


Paso 2

Tendremos que centrar el círculo dentro de nuestra forma rectangular ahora. Para ello habilite el Herramienta de selección (V) entonces SHIFT-CLICK Nuestras dos formas para seleccionarlas. Ahora navega a la Alinear el panel (Ventana> Alinear) y seleccione el botón Alinear con en la esquina inferior derecha del panel y elija Alinear a Artboard Opción del menú que aparece. Ahora, bajo el encabezado Alinear objetos, elija el segundo botón de la izquierda etiquetado Centro de alineación horizontal A continuación, seleccione el segundo botón de la derecha etiquetado Centro de alineación vertical.



4. Agrega tu texto

Con nuestro fondo fuera del camino, vamos a lo divertido, ¡el tratamiento de texto! Estamos usando una fuente gratuita disponible en dafont.com llamada "Badaboom BB", que puede descargar aquí. Seleccione su Tipo de herramienta (T) luego haga clic en la mesa de trabajo y escriba "BAZINGA!" en todas las gorras Asegúrese de no acercarse demasiado a ninguno de los bordes de la forma del fondo o, de lo contrario, el texto intentará adherirse a esa forma. Una vez que tu texto está escrito, navega a la Panel de personajes (Ventana> Tipo> Carácter) luego elige tu fuente y cambia la Tamaño de fuente a 305px y el Rastreo a -7.



5. Cortar y centralizar su texto

Ahora ajustaremos el ángulo en el que se encuentra nuestro texto. Habilitar el Herramienta de selección (V) y BOTÓN DERECHO DEL RATÓN con el mouse sobre el texto y elige Transformar> Cizalla Desde el menú que aparece. Cuando el Panel de corte Abre ingresa las opciones que se indican a continuación. También alineamos el texto con el lugar correcto en el documento navegando a la Alinear el panel (Ventana> Alinear) y seleccione el botón Alinear con en la esquina inferior derecha del panel y elija Alinear a Artboard Opción del menú que aparece. Ahora, bajo el encabezado Alinear objetos, elija el segundo botón de la izquierda etiquetado Centro de alineación horizontal A continuación, seleccione el segundo botón de la derecha etiquetado Centro de alineación vertical. Entonces, mientras se mantiene CAMBIO en su teclado presione el ARRIBA Flecha en su teclado cuatro veces para empujar el texto hasta 40 píxeles.



6. Agregar estilo a texto expandido

Paso 1

Una vez que nuestro texto esté en su lugar, navegue a la Panel de apariencia (Ventana> Apariencia) Ajusta el elemento de relleno a negro. A continuación, habilite la Herramienta de selección (V) y elige Objeto> Expandir Para expandir el texto para dar forma a las capas. Entonces BOTÓN DERECHO DEL RATÓN en el texto y elija Desagrupar.


Paso 2

Volver a la Panel de apariencia (Ventana> Apariencia) y seleccione el elemento Relleno negro. Haga clic en el Añadir nuevo efecto botón (se parece a las letras "fx") en la parte inferior del panel Apariencia y luego seleccione Ruta> Ruta compensada e ingrese los atributos descritos a continuación. Haga clic en el Añadir nuevo efecto botón de nuevo y elegir Distorsionar y transformar> Transformar e ingrese los atributos como se ve abajo.


Paso 3

Vamos a añadir otro elemento de relleno. En Panel de apariencia (Ventana> Apariencia) Selecciona el Añadir nuevo relleno Botón en la parte inferior del panel. Rellene este artículo con un color blanco plano como se describe a continuación.


Etapa 4

Una vez más agregaremos un elemento de relleno. En Panel de apariencia (Ventana> Apariencia) Selecciona el Añadir nuevo relleno Botón en la parte inferior del panel. Rellene este artículo con un bonito color amarillo mostaza como se describe a continuación. Ahora haga clic en el Añadir nuevo efecto botón y elegir Distorsionar y transformar> Transformar e ingrese los atributos como se ve abajo.


Paso 5

Ahora en el Panel de apariencia (Ventana> Apariencia) localice el elemento Trazo y haga clic y arrástrelo hasta el punto más alto en el panel Apariencia si aún no está allí. Navegar a la Panel de trazo (Ventana> Trazo) y ajusta los atributos como se ve abajo.



7. Creando un patrón geométrico simple

Paso 1

Para ayudar a agregar un poco de pizazz adicional al texto, vamos a crear y aplicar un patrón. Para crear nuestro patrón seleccionemos nuestro Herramienta Rectangular (M) a continuación, haga clic en la mesa de trabajo y crear una 15 X 15px plaza llena de negro plano.


Paso 2

Con nuestro cuadrado creado habilitar el Herramienta de selección (V) y selecciona el cuadrado haciendo clic en él. Entonces BOTÓN DERECHO DEL RATÓN la plaza y elige Transformar> Cizalla luego ingrese los siguientes atributos.


Paso 3

Con la forma aún seleccionada vamos a Dupdo eso (Comando + C) entonces Pegar en frente (Comando + F). Entonces BOTÓN DERECHO DEL RATÓN en la forma y elige Transformar> Reflejar e ingrese los siguientes atributos.


Etapa 4

Ahora que la forma está volteada, BOTÓN DERECHO DEL RATÓN Es una última vez y elige Transformar> Mover e ingrese los siguientes atributos.


Paso 5

Ahora SHIFT-CLICK ambas formas y navegar a la Panel de pionero (Ventana> Pathfinder) luego haga clic en la primera opción debajo del encabezado de los modos de forma titulado Unir. Ambos objetos ahora deben estar unidos en uno.


Paso 6

Finalmente, con la selección de forma combinada. Edita> Define Patrón y nombra tu patrón como mejor te parezca. ¡Ya hemos completado nuestro patrón! Puede eliminar esta forma de chevron ahora y volver a su texto.



8. Agregue el patrón al texto

Paso 1

Vamos a volver a seleccionar todo el texto por SHIFT-CLICKING cada forma y luego navegar a la Panel de apariencia (Ventana> Apariencia) y haga clic en Añadir nuevo relleno Botón en la parte inferior del panel. Localice el patrón recién creado desde el Panel de muestras y aplíquelo a este elemento de Relleno luego seleccione el Modo de fusión a Cubrir y soltar el Opacidad a 36%.


Paso 2

Para terminar el efecto de texto vamos a BOTÓN DERECHO DEL RATÓN en el texto y elija Transformar> Rotar e ingrese los siguientes atributos. Asegúrese de deseleccionar Objetos para asegurarse de que solo está girando el patrón y no el texto en sí..



9. Añadir un perno de aligeramiento

Paso 1

Terminemos este tutorial creando la forma de iluminación debajo del texto. Selecciona el Herramienta Rectangular (M) Luego haga clic en su mesa de trabajo y cree un rectángulo que sea 160 píxeles de ancho por 60 píxeles de alto.


Paso 2

Ahora vamos a duplicar y transferir esta forma para crear un total de seis rectángulos. Para duplicar y mover rápidamente el rectángulo, necesitaremos usar el Transforma cada herramienta. Con el rectángulo que acabamos de crear aún resaltado., BOTÓN DERECHO DEL RATÓN en el rectángulo y elige Transformar> Transformar cada Luego ingrese los siguientes parámetros y haga clic en Dupdo, no está bien. Al hacer clic en Aceptar, simplemente se moverá el rectángulo, pero al hacer clic en Copiar, se moverá y se duplicará..


Paso 3

Ahora deberíamos tener dos rectángulos lado a lado formando una forma de escalón. Este nuevo rectángulo que se creó debe seleccionarse, así que vamos a BOTÓN DERECHO DEL RATÓN en el rectángulo y elige Transformar> Transformar de nuevo. Repite el Transformar de nuevo paso cuatro veces más hasta que tengas seis rectángulos formando una escalera alargada.


Etapa 4

Habilitar su Herramienta de selección (V) y arrastre una selección sobre los seis rectángulos para seleccionarlos todos simultáneamente. Luego navega a la Panel de pionero (Ventana> Pathfinder) y haga clic en la primera opción debajo del encabezado de los modos de forma titulado Unir. Todos los objetos ahora deben estar unidos en uno.


Paso 5

Con la forma de la escalera aún seleccionada, BOTÓN DERECHO DEL RATÓN en la forma y elige Transformar> Cizalla e ingrese los atributos descritos abajo.


Repetiremos este paso de cizallamiento solo que vamos a cambiar el ángulo. Una vez más BOTÓN DERECHO DEL RATÓN en la forma y elige Transformar> Cizalla e ingrese los atributos descritos abajo.


Paso 6

Para terminar, habilitemos nuestra Herramienta de selección directa (A) y seleccione el punto en la parte superior derecha de la forma y también la parte inferior izquierda de la forma. Una vez seleccionados estos puntos, presione BORRAR (retroceso) en tu teclado.


Paso 7

Esto nos dejará con una forma abierta que tendremos que remediar. Para hacer navegar a la Objeto> Ruta> Unirse Para cerrar el final del camino. Haz esto dos veces para cerrar ambos extremos de la forma..



10. Coloque el perno de aligeramiento

Ahora movamos el rayo a su posición final. Navegar a la Alinear el panel (Ventana> Alinear) y seleccione el botón Alinear con: en la esquina inferior derecha del panel y elija Alinear a Artboard Opción del menú que aparece. Ahora, bajo el encabezado Alinear objetos: elija el segundo botón de la izquierda etiquetado Centro de alineación horizontal A continuación, seleccione el segundo botón de la derecha etiquetado Centro de alineación vertical. Entonces, mientras se mantiene CAMBIO en su teclado presione el ABAJO Flecha en su teclado 15 veces para empujar la forma hacia abajo 150 píxeles.



Felicidades, ahora estas terminado!

Espero haber podido mostrarte algunas técnicas en Illustrator que puedes usar en otro lugar en tu vida vectorial. Siéntase libre de jugar con este efecto y agregarlo a su gusto. Espero que tengas un día de abril engañoso!