Effets de texte 3D faciles à réaliser dans Adobe Illustrator | Sean Bates | Skillshare

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Efectos de texto 3D fáciles en Adobe Illustrator

teacher avatar Sean Bates, Graphic Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

8 lecciones (21min)
    • 1. Introducción

      0:34
    • 2. Configuración y elección de tu fuente

      2:18
    • 3. Hacer los elementos 3D y compensar el camino de texto

      5:07
    • 4. Agrupación de tu diseño

      3:17
    • 5. Agrega color y sombras al de color y gota a tu diseño

      3:24
    • 6. Agrega sombras interna

      2:10
    • 7. Implementar un patrón

      4:10
    • 8. ¡Gracias!

      0:19
  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

919

Estudiantes

11

Proyectos

Acerca de esta clase

3c0b27ff

En esta clase aprenderás a recrear el tipo de efectos de texto 3D que utilizados en el título gráfico, desde la de cero y desde la vez aprender, usando Adobe Illustrator. Luego, completarás el proyecto de clase en el que creas tu propio diseño personal.

Conoce a tu profesor(a)

Teacher Profile Image

Sean Bates

Graphic Designer

Profesor(a)

Hi, I'm Sean

I am a Graphic Designer currently living York. I have previously worked on a range of projects both academically and professionally, all projects of which are available for viewing within my portfolio. I have a particular passion for branding, interactive design and typography.

Ver perfil completo

Calificaciones de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%
Archivo de reseñas

En octubre de 2018, actualizamos nuestro sistema de reseñas para mejorar la forma en que recopilamos comentarios. A continuación, se muestran las reseñas escritas antes de esa actualización.

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. Introducción: Hola ahí, mi nombre se muestra. Y hoy vamos a estar aprendiendo a volver a crear los tres efectos de texto D utilizados en el gráfico de título para este video. El diseño se va a hacer enteramente dentro de Illustrator. Vamos a estar aprendiendo a hacer el paso dentro del texto así como hacer que el texto sea tres d mismo. Esta pregunta sea para todos. Vamos a atravesarlo paso a paso, aprendiendo a construirlo de abajo hacia arriba. Es un efecto realmente agradable que quiere que estés más familiarizado con el proceso. Estarás fuera a recrear mucho más rápido. Entonces si esto parece el tipo de cosas que te interesan aprender, sumémonos directamente y empecemos a aprender a hacerlo. 2. Configuración y elección de tu fuente: Entonces lo primero que vas a querer hacer es cargar. Ilustra. Una vez que hayas hecho eso, tenía más que archivar, ve a nuevo en. Nos vamos a asegurar que tengamos nuestros documentos fuera en silencio. Estos son los ajustes con los que voy a estar trabajando. Voy a tener mi talla de ocho para el modo de color de orientación paisaje establece RGB Ahora es importante tienes que volver rango de color y pedirte ser Lo ves como a Puedes cambiar esto más adelante. Mal. Pero por ahora, qué con rgb y tú Los efectos de ráster establecerán demasiado altas 300 personas. Una vez que hayas hecho eso, adelante y haz clic. OK, ya configuré mi documento para este proyecto sólo pero los colores que voy a estar usando. Por lo que estarás mirando un tablero de arte blanco en blanco por ahora, mientras que tengo celda mía con colores ya encendidos. Entonces lo siguiente que queremos hacer es seleccionar la diversión con la que vamos a estar trabajando. Adelante a tu herramienta de impuestos sobre la barra de herramientas o pulsa t seguro en. Simplemente queremos escribir la palabra con la que vamos a estar trabajando ahora porque estoy recreando el gráfico de título que uso para el video. Voy a teclear la forma Ilustra a Voy a centrar en medio del lienzo . Podrías hacer esto haciendo clic y arrastrando, o puedes subir aquí a ti barra de menú D justo en la parte superior justo aquí. Tienes algunas opciones de alineación bajo este pequeño menú desplegable. Quieres hacer clic en eso, y quieres asegurarte de que tienes tu objeto seleccionado en ti. Quieres asegurarte de que eres un mentiroso a nuestra pizarra, así que bueno, eso va a hacer es eso sólo va a mandar a tu texto y al medio de tu documento para seguir adelante y solo tienes que hacer clic en este centro horizontal online. No sólo lo alinea al centro en un centro de línea vertical, y eso sólo lo hace mucho enfáticamente también. Ahora mi tamaño de impuestos está fijado en alrededor de 1 50 Estoy trabajando con los fondos de BBS. Es una forma audaz en ti. ¿ De verdad quieres estar trabajando aquí con una fuente negrita? Por todos los medios, puedes usar otra cosa, pero para los efectos de este tutorial, se recomienda un teléfono negrita. Es mucho más fácil trabajar con y mucho más fácil recrear los efectos que puedes ver en el gráfico del título. 3. Hacer los elementos 3D y compensar el camino de texto: Entonces lo siguiente que queremos dio es que queremos sacar el impuesto que acabamos de escribir. Queremos ampliarlo a píxeles. Por el momento, sigue siendo un objeto de texto, lo que significa que puedes editarlo. Pero queremos convertir esto en píxeles, lo que significa expandir el objeto Así que quieres seleccionar el objeto, subir hasta objetos en la barra de menús en la parte superior e ir a expandir. Queremos expandir objetos y Phil solo tiene que hacer clic en Aceptar, y lo que se hace es que se acaba de dibujar una línea alrededor de todos estos últimos conviértelos en tus objetos admisibles. Lo siguiente que voy a hacer es que vamos a hacer que este texto aparezca tres D ahora para estos fines, solo quieres establecer el color de tu dedo del pie en primer plano blanco que hace el texto en blanco. Esto sólo significa que cuando te vuelves tres d, es mucho más fácil trabajar con. Se puede ver que los tres elementos tratados D X así como el texto que tienes delante trabajan con negro. Se vuelve todo el asunto ondas negras mucho más diferente. Entonces lo que has hecho que acaba de llegar a efecto tres días nivel extremo. Y lo que eso hace es que carga el menú de opciones de tres D con el que puedes tipo extremo ahora bajan al fondo de la ventana y golpean la vista previa. Por lo que eso hace, ¿ es solo que puedes ver en nuestra pizarra? Preve. Te pondrás la forma. puedes ver cómo se va a ver ahora los ajustes con los que voy a estar trabajando es quiero establecer el eje X toe uno el eje y toe, uno en el zed, acceso a cero sobre lo que eso hace es solo crea un cada vez tan leve tres efectos D. Esto se puede editar por cualquier medio, mucho que quieras. Pero para mí, sólo quiero un efecto tres D muy leve. No quiero que parezca demasiado ahora, una vez que hayas hecho eso, quieres bajar a profundidad extrema bajo bisel extremo on. Simplemente quieres plantear esto justo arriba. Como puedes ver, es solo texto tratado con X. Ahora este valor puedes decir que es por mucho que quieras. Voy a poner mi A aproximadamente 800 si quieres. Levantas esto lo puedes sobre lo que eso hace es que solo hace que los elementos del ID de estreet sean más grandes en más tres D. Así que voy a seguir adelante, establecer mis 2 800 porque esa es la cantidad correcta. Tres D que quiero trabajar con ella. De lo que has hecho eso. Adelante y haga clic en Aceptar. Tienes un texto tres D ahora. Por el momento se juega un objeto. Una vez que te mueves, todo se mueve. Es un objeto que no quieres con el que quieres ser un charlatán. Se trata de píxeles como lo hicimos con el texto originalmente. Entonces vuelve a subir a objetos e ir a expandirse. Apariencia en lo que se hace es expandido. El aspecto de los objetos dibujó una línea alrededor de cada elemento un dibujo una línea alrededor de los tres elementos D también. El siguiente paso es que se quiere simplemente dar click en que lo que queremos hacer es que queremos separar el texto de los tres días. Esto significa que podemos cambiar los colores mucho más fácilmente en él. Es mucho más fácil trabajar con, así que quieres subir y seleccionar la herramienta de selección directa o un en el teclado, y quieres entrar y quieres seleccionar todas tus letras, pero no los tres elementos D. Una vez que hayas hecho eso, quieres ir a editar, cortar o mandar X en el teclado. Pero lo que se hace es que se corta todo el texto y te deja con los tres elementos D. Ahora, una vez que hayas hecho eso, quieres seleccionar los tres elementos D recordando ignorar tus antecedentes, así que simplemente decentes así manteniendo el turno encendido. Se quiere agrupar estos para ir a objeto y grupo saldrá G seguro. Una vez que hayas hecho eso, queremos pegar de nuevo en nuestro texto original en ¿Quieres hacer esto yendo a editar y pegar delante en qué ritmo al frente? ¿ Lo pega exactamente donde lo dejaste? Entonces adelante. Ni ni oficial de mando. Está pegado exactamente de nuevo en la parte superior, donde estaba antes. Ahora, antes d selecciónela como acabo de hacer. Se quiere agrupar también estos elementos, uh, uh, para seguir adelante y volver a hacer clic en el comando G. Y ahora tenemos dos grupos. Tienes los tres grupos D ons, el texto, duelo 4. Agrupación de tu diseño: Lo siguiente que queremos hacer es que queremos crear el elemento interior del texto. Y cómo se hace esto es mediante el uso de la función de trayectoria de desplazamiento. Su grupo fiscal electoral llega hasta los objetos van a pasar, después camino de desplazamiento. Ahora sólo marcando un cuadro de vista previa aquí en lo que puedes ver es que solo expande el león de texto . Ahora no queremos expandir esto. Queremos estar haciendo un más pequeño Así que en el cuadro de desplazamiento, Solo asegúrate de tener un menos al principio de tu valor de píxel. Solo tienes que hacer clic en los siguientes libros. puede ver que lo contrae hacia abajo en el interior del texto original. Ahora juega mucho esto valores. Ella te quiere más. Podrías querer una intersección bastante grande. También podríamos caminar por pequeña intersección, en cuyo momento solo se reduce el número y se hace más pequeño. Ahora voy a fijar mucho alrededor de cinco. Eso me deja con un área bastante grande para trabajar con dentro de texto. Cinco algo un poco demasiado. Digamos que son alrededor de cuatro. Una vez que hayas hecho eso, solo tienes que hacer clic en Aceptar, igual que antes de conseguir un grupo con el en un texto dentro de tu texto original. Entonces ahora tienes un diseño con elementos ex tratados un elemento de texto andan en un elemento de texto donde has offset parte. Tiene el en un elemento de texto en y el elemento de texto original en el mismo grupo. No quieres esto. quieres en grupos separados para que cuando elijas tus colores, sean colores solo los inhibe todo el ácido para seguir adelante, ir a objetos, click en grupo y lo que eso hace. ¿ Es solo un grupo Todo esto último es tan como lo hiciste antes. Simplemente quieres pasar por, selecciona cada Lhasa click en grupo otra vez, y ahora te quedas con todas las letras de forma individual. Ahora sólo tienes que pasar y seleccionar todos los elementos Thean del texto como lo he hecho aquí y quieres saludar cerca. A mí me gusta antes selecciona el texto original. Cualquiera grite esos también, siendo cuidadoso aviso como los elementos internos al mismo tiempo, lo que has hecho que vaya tenía un grupo ellos y ahora te queda con un grupo ex tratado en un grupo Andan original de impuestos 5. Agrega color y sombras al de color y gota a tu diseño: El siguiente paso es que vamos a empezar a agregar algo de color. No para mí. Ya tengo mi celda de color. Yo recomendaría elegir algunos colores con bastante buen contraste. Por lo que he ido con un fondo claro sobre algunos colores más oscuros que tienen bastante buena gama sobre lo que esta gama va a permitir es todos los diferentes elementos. Teoh se complementan y no desaparecen el uno dentro del otro. Por lo que desea configurar su capa de texto original al color más claro de esta selección. Como puedes ver, solo está coloreado el cazador de impuestos original y dejó a todos los demás grupos un color para seguir pasando por justo fuera del color la capa interior de texto que quieres establecer para ti un color más oscuro que la capa de texto original en lo que esto hace es que solo permite que el texto tenga un poco de profundidad. Posteriormente, cuando salgas alguna sombra, dará la apariencia de que hay algún tipo de profundidad al Enola. Entonces solo continúa de esta manera ahora colorando. Vas a ex elementos tratados Teoh a Daca, todavía de color, y ahora deberías tener algo que se vea un poco así. A lo mejor en tu estilo en color, pero siéntete libre de usar estas llamadas también. Por lo que lo siguiente que quieres hacer es agregar una sombra gota a los elementos extremos. Antes de hacer esto, quieres que decidas sobre un color de sombra que va a complementar bastante bien tu fondo en el café. El código de color por aquí en el panel de color de la derecha. Si no puedes ver esto, sube a este pequeño menú. Pero justo aquí en adelante asegúrate de que has seleccionado RGB y podrás seleccionar el RGB. Una vez que hayas hecho eso, baja a tus ex elementos tratados. Ir a efecto. tiro gota estilizada. ¿ Quieres establecer el modo a capacidad normal en 100? Blatter. Zero Andi Lo que significa el desplazamiento X en el desplazamiento Y es que sólo significa el posicionamiento fuera de la sombra de caída detrás de tres elementos D. Adelante y haz clic en vista previa. puede ver que se le agrega una sombra gota detrás de nosotros. Se puede elevar el acento. ¿ Por qué, oficial? Si te gusta. Si quieres que esta sombra esté un poco más lejos, puedes subir mucho eso y verás que la sombra aparece bastante distancia detrás del texto. Ahora voy a poner la mente en aproximadamente 10 porque simplemente se alina perfectamente con el texto y proporciona justo la cantidad correcta de sombra que quiero para este diseño. Una vez que hayas hecho eso, entra en pasta de color en tu código de color en la caja justo aquí abajo. Permita que se actualice y luego simplemente haga clic. OK, se puede ver que se le agrega color a la sombra de gota en. Una vez que hayas hecho eso, puedes seguir adelante y volver a hacer clic en Aceptar. Y ahora tienes un diseño con algo de color Andi, un tiro de gota. 6. Agrega sombras interna: siguiente paso es agregar una sombra de gota al elemento interior de este signo. Vamos a acercar aquí solo para ver que puedes ver con lo que estoy trabajando en lo que quieres hacer es que quieras que Teoh duplique tu en una capa de texto. Así que adelante y copia eso yendo dedo del pie, edita copia o ven a ver con seguridad en voy a pegar al frente otra vez. Entonces ve a editar basado en frente o comando f seguro en lo que eso se hace es que se acaba de crear también, con los mismos objetos. Ahora quieres alinear esto para que haya una sombra cada vez tan ligera alrededor del interior de tu original en ataques capa select dot Elige el color que tienes a los genomas extremos y solo podrías ver sin cortar la forma. No obstante, sólo le da este bonito en un efecto de sombra. Ahora no quieres que todo esto se superponga aquí. Quieres que todo aparezca uno dentro del otro. Ahora, una vez que hayas hecho eso, solo quieres un jeep. ¿ De acuerdo? Tu original en ataques capa copia pega al frente otra vez. Lo que eso hace es que sólo significa que cuando hagamos este próximo bit, no vas a perder eso en un texto. Selecciona tu nueva capa encendido y el sobre últimamente, sube a una ventana Pathfinder, y queremos estar usando esta opción aquí mismo, menos frente. Adelante y haz clic en eso Ahora ¿qué se hace? Se puede ver que hay. Se deja atrás una gran cantidad de los elementos de sombra interior que queremos ahora. El laico el Jeep K es que quieres ir adelante un re color que si se cambia y te queda atrás con una sombra interior dentro de tu texto tres D? 7. Implementar un patrón: El siguiente paso es que vamos a estar haciendo de esta persona justo aquí. lo que queremos hacer, Enlo que queremos hacer,te veré de cerca, ha llegado a nuestra herramienta de forma seleccionar una herramienta de rectángulo o escucharme em en el teclado para abreviar. Ahora adelante y sólo queremos dibujar algo. Formas rectangulares Establece el color en negro para que puedas verlo. Adelante de duplicar estos que obtienes. Considera esto mi copia y pegando toro. Si mantienes el voluminoso, solo puedes hacer clic y arrastrar y hace una copia. Una vez que hayas hecho algunos, selecciónalos solo los obtienes todos y podrás replicar mucho más rápido. Una vez que te conseguiste un poco así, selecciona todos ellos en. Vamos a estar usando la alianza para mirar para subir a la barra superior. Haga clic en el alinear para iluminar el panel de alineación. Queremos ir a una línea. Teoh. Bueno, es una línea a selección Lo que has hecho que quieres venir. Teoh Horizontal distribuir sensor. ¿ Qué hace eso es solo espacios Todas las líneas igualmente separadas ahora con ellos todavía selectores , quieres barato? OK, ellos de nuevo en una línea los arriba dentro de los huecos entre las otras líneas, y se quiere establecer el color de estas dos nada. Entonces solo selecciona la caja blanca con líneas rojas a través de lo que te queda aquí con lo que te queda. Aquí tienes un patrón de negro demasiado negro, demasiado negro para blanco que puedes usar para crear tus efectos. ¿ Cuál es tu en esta etapa? Adelante y selecciona de nuevo todas esas líneas. Enciende el panel de muestreas aquí a la derecha. Simplemente arrastra ese diseño y eso ha creado un nuevo patrón. Swatch. Adelante y borra esas líneas, entonces quieres bajar a tu en un texto. Capas. Selecciona tu en ataques, no la capa de sombras. Adelante y duplica eso de nuevo yendo copia y luego pega al frente en. Tan solo quieres aplicar tus nuevos pases. Observe para seguir adelante y haga clic en él en el panel Swatch. Lo que se hace es que acaba de agregar algunas luces. Ahora. Esto no se parece del todo a los tipos de gráfico todavía ahora lo que has hecho que quieres seleccionar tu en una capa de texto, click derecho ir a transformar libras derecha Sabor ahorita Si haces clic en vista previa aquí, solo podrías ver un poco caminando con. Quiero poner la mente en ángulo de aproximadamente 45 grados. Desea objetos transformados sin marcar y seleccionar patrones transformados. Y lo que eso hace es que solo edita la muestra dentro de la capa en ataques no afecta al texto en sí. Una vez que hayas hecho eso, sigue adelante y haz clic en Aceptar a tu izquierda con un diseño con el paso dentro del mismo. Bueno, lo he hecho en mi diseño título gráfico es bajar la opacidad fuera del patrón feeler it a alrededor de 20%. Estás viendo que te queda con un efecto bastante bonito en los ataques internos. Es posible que encuentres que eso es demasiado oscuro, en cuyo momento puedes aprenderlo más abajo. Si deseas hacer aún más que eso o te gusta un rango entre los dos, puedes seguir adelante y simplemente escribir el valor que quieras, y luego te quedas con un diseño con un efecto tres D en un patrón en el interior del mismo. 8. ¡Gracias!: así que eso es todo. Chicos, Gracias por ver el video. Ahora deberías poder volver a crear tus propios tres efectos de texto D usando las habilidades que demostré dentro de este video. Adelante y publica tus respuestas dentro de la sección de proyecto de clase o Technion ellas en instagram para que pudiera ver cómo será como Tú.