Cómo crear arte digital usando formas complejas en Adobe Illustrator | Cory Posts | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Cómo crear arte digital usando formas complejas en Adobe Illustrator

teacher avatar Cory Posts

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

    • 1.

      Avance del curso

      0:44

    • 2.

      Configuración de tableros de trabajo

      6:46

    • 3.

      Hacer formas

      4:25

    • 4.

      Aplicar el efecto especial

      6:03

    • 5.

      Salpicar colores y efectos de bonificación

      9:00

    • 6.

      Poner tu obra de arte en el producto físico

      5:14

  • --
  • 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.

1739

Estudiantes

23

Proyectos

Acerca de esta clase

Cómo hacer arte digital en Illustrator. Aprende a hacer ilustraciones vector complejos de formas básicas. Convierte cualquier forma de vector en un trabajo estilizado de la perfección geométrica. Después de de que te enseñe el truco para hacer la forma, ¡entonces tomaremos dos colores desde nuestra swatch de nuestra swatch y de salirlos en el vortex de nuestra ilustración de la forma compleja de la que Esta clase de diseño gráfico es un comienzo rápido en Adobe Illustrator. Aprende los fundamentos de Adobe Illustrator haciendo un diseño de formas divertido en este tutorial de ilustración paso a paso usando las herramientas y efectos de Illustrator.

Esta clase está dirigida a ilustradores en los que ya comprenden los fundamentos de la navegación y con Adobe Illustrator de consulta (consulta mi curso de ilustración digital si eres nuevo en Illustrator). Pero incluso si todavía eres nuevo en Illustrator, los métodos explicados en esta clase son fáciles de aprender y seguir.

Tanto si quieres hacer un diseño de camisetas, diseño de afiches o gráficos de etiquetas de Illustrator en un producto físico, puedes tomar el diseño final que haces en esta clase y usarlo para algo divertido y práctico. Esta es una clase divertida y ligera, fácil de tomar en un solo ajuste. Crea tu propia ilustración de formas y asegúrate de publicar tu diseño final en el proyecto de clase para que illustration




Conoce a tu profesor(a)

Teacher Profile Image

Cory Posts

Profesor(a)
Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Avance del curso: Hola, me llamo Cory Kensinger. En esta clase te voy a mostrar cómo crear diseños con forma compleja usando Adobe Illustrator. En esta clase, aprenderás todo lo que necesitas saber para hacer obras de arte hipnotizantes, tomar formas básicas y convertirlas en diseños independientes que puedes colocar en productos del mundo real. Desde arte mural, hasta prendas de vestir, o cualquier producto físico que te guste. Estarás construyendo y diseñando tu propia forma personalizada y aprendiendo un efecto especial dentro de ilustrador, utilizo el término mis propias formas vectoriales en ilustraciones complejas en poco tiempo. Esta es realmente una clase rápida, más fácil de tomar en un escenario y es perfecta para cualquiera aunque apenas estés empezando. Te llevaré paso a paso y te mostraré cómo creo diseños de formas complejas. Aprender el truco que te mostraré en esta clase es seguro que será una técnica que ahorra tiempo para producir diseños atractivos en cuestión de minutos. Si estás listo, empecemos en nuestro proyecto y saltemos dentro de ilustrador. 2. Configuración de tableros de trabajo: El primero que vamos a hacer es abrir Adobe Illustrator. Si mi pantalla de apertura de ilustrador se ve diferente a la tuya, eso es porque la he personalizado para que cuando abro, realidad solo muestre un espacio de trabajo aquí en lugar de mostrar como si creara nuevo espacio de documentos. Pero eso está bien porque vamos a estar en la misma página. Todo lo que necesitamos hacer es ir a “Archivo”, “Nuevo”, y vamos a crear tres tableros de arte, 1000 por 1000 píxeles cada uno. Vamos a ir a “Ancho y Altura”, aquí estoy poniendo 1000 por 1000. Entonces vamos a pasar a la pestaña de tablas de arte aquí y hacer clic en ella hasta tres. Lo último que tenemos que hacer es ir a más ajustes. Tenemos que asegurarnos de que el espaciado entre cada tablero de arte sea 100 píxeles para que tengamos suficiente espacio para que todo quede bien. Entonces queremos asegurarnos de que tengamos tres columnas, para que todas se alineen lado a lado. Sólo vamos a nombrar esto. Ya podemos golpear “Crear documento”. Ahora tenemos tres tablas de arte alineadas de lado a lado. Lo que vamos a hacer primero es ir al panel “Capas” aquí. En realidad, debo mencionar también, si tu espacio de trabajo se ve diferente al mío, simplemente sube a “Essentials” y luego restablece los esenciales aquí. Entonces eso te llevará de vuelta a donde necesitas estar. Lo que vamos a hacer primero, es ir a Capas. Vamos a nombrar a esta primera Capa, Guías. Queremos configurar guías primero. Sólo vamos a hacer doble clic en esta plaza aquí y hacerlo azul medio. Guardo todas mis capas por defecto básicas azul medio, es solo una cosa de preferencia. Ahora para traer guías, queremos hacer Command R y sólo vamos a arrastrar el primero por aquí y dejarlo caer a cualquier parte. Ahora, lo que necesitamos son los paneles alineados. Vamos a ir a “Ventana” y luego a “Alinear”. Aquí se va a abrir el fondo. Simplemente lo vamos a arrastrar hacia fuera. Todo lo que necesitamos de este panel es Alinear panel, así que arrastraremos ese panel hacia fuera y luego cerraremos los otros paneles. Ahora podemos atracar este panel Alinear justo aquí en el lateral en la parte inferior. Sólo vamos a ir a “Opciones de menú”, “Mostrar opciones”. Para alinear nuestra guía, lo que tenemos que hacer es simplemente asegurarnos de que primero nuestras guías estén desbloqueadas, así que vamos a subir a “Ver” y luego a “Guías”. Parece que están bloqueados porque tienes la opción de desbloquearlos. Sólo vamos a tocar “Desbloquear”. Como viste aquí arriba, el atajo de teclado que uso todo el tiempo es comando de opción, punto y coma. Con nuestras guías desbloqueadas, vamos a tocar una vez en nuestros tableros de arte para que Illustrator sepa que ese es el documento con el que estamos trabajando primero. Entonces, vamos a tocar la propia “Guía” y luego pasaremos al panel Alinear. Asegúrate de que esté configurado en tu tablero alineado a arte. Entonces, podemos seleccionar “Horizontal Alinear Centro”. Perfecto. Sólo voy a dar clic en esta “Guía” y mantener pulsada la opción y arrastrar. Nos va a dar una copia por aquí. Entonces vamos a tocar una vez en este tablero de arte, tocar de nuevo en la línea guía y “Horizontal Align Center”. Haz esto una vez más. Opción, arrastre, suéltelo en cualquier lugar. Toca una vez en el tablero de arte, y luego una vez en la guía y “Horizontal Align Center”. Ahora solo necesitamos crear dos líneas de guía más que conozcamos el espaciado de cada una de nuestras formas. Sólo vamos a arrastrar una línea de guía hacia abajo desde la parte superior, arrastrar de nuevo hasta aproximadamente el marcador de 200 por aquí, y vamos a mantener “Shift” para contenerlo para que aparezca en el eje y de 200 píxeles. Eso se ve bastante bien, pero voy a volver a comprobar. Voy a ir al “panel Propiedades”. El panel Propiedades es donde puedes consultar todas tus dimensiones y dimensionamiento y relleno y trazo y todas estas cosas diferentes. Pero sólo vamos a mirar el eje y ahora mismo. Podemos ver que la línea guía está perfectamente a 200 píxeles. Lo que haremos es arrastrar una línea de guía más hacia fuera, mantener “Shift” y luego tratar de ponerlo alrededor del marcador 800 aquí. Como se puede ver en el eje y, ahí es donde aterrizó a 100 píxeles. Lo que podemos hacer ahora es simplemente bloquear nuestras líneas de guía y recordar que el atajo de teclado es comando de opción, punto y coma. Ahora bien, si tratamos de mover alguna de estas guías, no podemos, está bloqueado. Enfriar. Vamos a volver al “panel Capas” y vamos a bloquear esto porque esa es nuestra capa guía. Podemos encender y apagar esto como queramos. También, al atajo de teclado para ocultarlos se encuentra el comando punto y coma. Puedes deshacerte rápidamente de ellos o traerlos copia de seguridad para referencia. Nuestra capa guía está configurada, así que vamos a ir al botón crear nueva capa aquí. Vamos a nombrar esto, Antecedentes. Haga doble clic porque esta es una de nuestras capas predeterminadas, simplemente la haremos Azul Medio. Ahora, vamos a ir a la “Herramienta Rectángulo”, y esta es M en tu teclado. Ahora necesitamos asegurarnos de que las guías inteligentes estén configuradas para que podamos ver la indicación de intersección y obtener un cuadrado perfecto. Si no estás viendo la indicación de intersección en la esquina superior izquierda de tu primer tablero de arte, solo tienes que ir a View y luego Smart Guides aquí debajo del panel Ver y eso te ordena. Ese es el atajo rápido de teclado que voy a estar usando. Podemos dar click en “Away” y una vez que veamos esa indicación de intersección, podemos simplemente dar click, arrastrar hacia fuera. Entonces, cuando veamos cruzan en la esquina inferior aquí y solo podemos soltarlo. Tenemos un rectángulo hecho, y el color que vamos a hacer este rectángulo es de color gris y es apenas 202020. Súper fácil, y pega “Ok”. Ahora, sólo volveré a la herramienta de selección directa, y esa es V en tu teclado. Vamos a dar click en la “Plaza”. Entonces, opción arrastre y luego mantenga presionado el turno para limitarlo para que podamos agregarlo a nuestro segundo tablero de arte y luego soltarlo. Haz eso una vez más. Opción arrastrar, desplazar, para limitarlo. Entonces, una vez que veamos intersectar, déjalo ir. Genial. Vamos a seguir adelante y ocultar nuestras líneas de guía ahora solo comanda punto y coma. Voy a volver al panel Capas, bloquear esa capa. Entonces, vamos a crear tres capas más. Simplemente les vamos a nombrar las formas que les vamos a hacer. La primera forma que estaremos haciendo es un pentágono. La segunda forma que haremos es un decágono. Entonces la tercera y última forma que vamos a hacer es un triángulo. Vamos a hacer doble clic en estas capas para colorearlas. Yo sólo voy a seguir adelante y colorear estos diferentes colores para que podamos distinguir a los tres de ellos. Entonces voy a hacer de éste un azul claro, voy a hacer de este decagón un color naranja, y luego voy a hacer del triángulo un color rosa. Se ve genial. Nuestros documentos configurados ahora. 3. Hacer formas: Vamos a seguir adelante y seleccionar este primer tablero de arte y solo mando cero. Eso sólo nos pone en forma ese tablero de arte en toda nuestra pantalla. Yo solo quiero traer una nota que hice en mi Mac aquí con nuestros colores de proyecto porque vamos a hacer nuestra primera forma ahora. Nuestra primera forma va a ser un pentágono y el color principal va a ser el azul, así que lo que vamos a hacer es cambiar nuestro relleno a un trazo aquí. Entonces voy a traer eso de nuevo aquí también. En el color azul que estamos usando está este brillante azul claro. Voy a copiar este código hexadecimal Comando C, luego voy a dar clic en el “Trazo”, doble clic sobre él y pegarlo en el selector de color, así Comando V luego Ok. Enfriar, ahora vamos a sacar a nuestros guías, por lo que Comandos punto y coma. Como dije, la primera forma que vamos a hacer es el pentágono. Voy a dar clic en este panel de forma por aquí e ir a la herramienta de polígono. Ahora, si empiezo desde el centro como guías inteligentes nos está diciendo en este momento y hago clic y arrastre hacia fuera, verás que tengo un hexágono. Para que sea un pentágono, todo lo que haces es presionar la flecha abajo de tu teclado. Mantenga pulsado Shift para mantenerlo constreñido y recto. Entonces voy a arrastrar hasta que llegue al punto superior de la guía ahí mismo. Entonces me soltaré. Necesitamos un tamaño esto un poco, así que voy a saltar de nuevo a la herramienta de flecha, que es V. Sólo voy a dar clic y arrastrar mientras mantiene pulsado Shift y Alt, por lo que se mantiene centrado y esperar a que la parte inferior golpee el pauta inferior ahí y luego dejar ir. Yo sólo voy a cerrar este panel de color. En realidad lo voy a atracar por aquí, lo contrario, seguirá apareciendo cuando elijamos nuestros colores. Simplemente lo dejaremos ahí mismo y cerraremos estos otros paneles. Ahora voy a dar clic abajo en el borde aquí, Shift hasta que se ponga en su lugar. El mío encerrado en su lugar con esa pauta entonces voy a dejar ir. El formato es del tamaño exacto que necesitábamos. Yo sólo voy a reventar el trazo aquí un poco a tal vez cuatro o cinco puntos. Ahora con el pentágono seleccionado quieto, vamos a ir de nuevo a nuestro panel Alinear, alinear horizontal centro luego se hace nuestra primera forma. Vamos a mandar a menos para alejar aquí y luego pasar a nuestro próximo tablero de arte. Simplemente selecciona el tablero de arte comandos cero para caber en ventana, entonces el siguiente color para nuestro pentágono va a ser este color naranja brillante. Copia este color. Vuelve al selector de color, haz doble clic en el “Trazo” y luego pega ese código ahí. Para la forma de decagón, vamos a volver a la misma herramienta. Vaya al centro de nuestro documento, haga clic en arrastrar hacia fuera y luego presione la tecla de flecha para que baje hacia arriba. Después mantendremos turno para limitarlo, luego esperaremos hasta que se alinee con nuestras pautas aquí. Entonces suelta. Yo solo quiero ir a la herramienta de flecha, tu V en el teclado para arrastrar esto hacia arriba y asegurarme de que esté bloqueado en un lugar con nuestras pautas, así que solo tienes que sostener Shift y arrastrar hacia fuera en las esquinas. Sí, aparece en su lugar, bien. Ahora que eso está establecido, vamos a alinear horizontal centro, este. Simplemente se movió un poco. Pasemos a nuestro último y último aeropuerto aquí. Nuestra última forma va a ser un triángulo. El color principal que estamos usando para eso es un color verde brillante. Voy a copiar este código hexadecimal. Entonces vamos a volver a la herramienta poligonal e ir al centro de nuestro último tablero de arte. Da click y arrastra hacia fuera, luego ves que dice ese decagón que hicimos, así que vamos a golpear la flecha abajo hasta que tengamos el triángulo. Mantenga Shift para mantenerlo recto para que llegue a la pauta superior aquí. Suéltame. Vuelve a la herramienta de flecha. Haga clic y arrastre en la esquina inferior, Shift para mantenerlo recto. Espera a que es un pop en la pauta inferior ahí. Centro alineado horizontalmente, bueno. Vamos a alejarnos y sólo echar un vistazo a nuestras formas. Ahora que tenemos nuestras formas básicas creadas, vamos a seguir adelante y pasar a aplicar la tienda en efecto transformado. 4. Aplicar el efecto especial: Ahora, que tenemos nuestras formas básicas creadas, solo vamos a seguir adelante y ocultar nuestras pautas. Comando; y vamos a acercar nuestro primer tablero de arte. Simplemente selecciónelo y el comando cero, y este efecto es genial. Es fácil y es realmente divertido. Simplemente vamos a empezar seleccionando el pentágono y en realidad vamos a volver a subir al panel de capas. Porque me di cuenta de que no puse estas formas individuales en sus propias capas. Pero parece que el pentágono terminó por su cuenta ahí. Pero rápidamente voy a pasar y simplemente colocar estas otras formas en su propia capa. Aquí voy a seleccionar este decagon y ponerlo en su capa de decagón, luego hacer lo mismo con el último. Seleccione aquí la forma del triángulo, y luego colóquela en su propia capa. Simplemente seleccionaremos los otros por ahora, y vamos a volver a subir al pentágono. Es comando cero, selecciona esa capa. Para aplicar este efecto, lo que haces es simplemente seleccionar la forma y vas al panel de efectos aquí arriba, y luego se distorsiona y transforma, y luego debajo de eso lo que seleccionas es transformar. Obtenemos este panel de efectos de transformación, y realmente hay cuatro valores a los que hay que prestar atención para que este efecto sea perfectamente correcto. Esos valores son el valor horizontal, el valor vertical, el valor de rotación, el ángulo en el que pones el efecto, y luego cuántas copias del efecto que replicas para que pueda conseguir esto realmente espiral aspecto de efecto. Lo primero que vamos a hacer es, vamos a ajustar este pentágono para que esté en un valor establecido del 92 por ciento. Cuando tabulo hacia abajo a la entrada de valor vertical en 92 también. Para el ángulo de esta forma, vamos a poner en un grado de cinco para conseguir el look que vamos por. Lo último fue, vamos a hacer 32 copias. Ahora, que los cuatro valores de nuestra forma están establecidos, sólo vamos a golpear este pequeño icono de vista previa para ver qué le hace a nuestra forma. Voila, ahí está nuestro efecto de distorsión y transformación. Ahora, algunas cosas que hay que saber sobre este efecto. Puedes ajustar cómo se ve la espiral si juegas con este ángulo, y solo dejémosla tal vez alrededor de nueve grados. Verás que a medida que vayas más alto en valor, realidad va a poner la espiral fuera de tu forma. De verdad quieres mantenerlo en algún lugar entre dos a cinco grados con esta forma en particular. Porque como ves si lo haces demasiado alto, obtienes solo un efecto directo, que puede parecer genial si eso es a lo que quieres seguir adelante. Pero debido a que esto es más un efecto espiral que vamos por, sólo vamos a jugar con algunos valores aquí. Yo quiero poner en dos grados y ver qué nos da eso, y sólo nos da una ligera espiral. Entonces si hacemos tres grados, es aún más. Si subimos a seis, verás que empieza a empujar los límites y casi pone el efecto espiral fuera de la forma así que lo dejé a las cinco. Pero realmente puedes personalizar esto como quieras. Ahora, si haces algo realmente loco, como vamos a hacer, no sé, vamos a hacer 50 grados y sólo a ver qué nos da eso. Verás que obtienes este efecto realmente errático y esto puede ser bueno para texturizar si quisieras agregarla a una de tus piezas y ponerla en segundo plano y duplicarla y rotarla. Pero si quieres que sea un diseño independiente, te recomiendo mantenerlo a un valor menor. Yo sólo voy a volver a poner esto a cinco y nuestro afecto se crea para el pentágono. Simplemente diremos, vale, sobre este efecto para guardar esos cambios y anular la selección. Se ve bien. Ahora vamos a pasar a la decágono. Simplemente manda cero para traer todo esto a la Ventana. Lo primero que tenemos que hacer es simplemente cerrar nuestro pentágono ahí y desbloquear nuestro decágono ahí. Vamos a seleccionar la forma y hacer lo mismo exacto otra vez. Vamos a ir al panel de efectos, a la tienda y transformarnos, para luego transformarnos. Para los valores de esta forma, los valores vertical y horizontal son exactamente los mismos, están en 92 por ciento. Entonces para el ángulo, encontré que el seis por ciento funciona justo a la derecha y dejé las copias es igual también. 32 copias, haga clic en el “Botón de vista previa”, y luego ahí está nuestro efecto. Sólo va a golpear bien en esa forma. Se ve bien. Vamos a pasar a nuestra forma final aquí, que es el triángulo. ir a bloquear la capa decagon y desbloquear la capa de triángulo, comando cero para ajustarla. Ahora bien, quería mostrarles este ejemplo porque quiero mostrarles que no tienen que tener tantos lados para poder completar este efecto. Puedes hacer esto incluso con un círculo si quisieras. No tiene por qué tener ningún lado en absoluto. Pero sólo para mostrarte que puedes hacer con menos ángulos o menos lados, te voy a mostrar cómo hacerlo en un triángulo. Aquí voy a seleccionar el triángulo, volver al efecto, distorsionar y transformar, y luego transformarme. Ahora, porque con este triángulo, hay mucho menos lados, los valores van a ser un poco diferentes. Para los valores horizontales y verticales, voy a poner 88 por ciento. Para el ángulo, va a ser un poco menos. Se va a poner a tres. Para copias vamos a hacer un poco menos también, van a ser 24. Haremos clic en el “Botón de vista previa” aquí y allá vamos, tenemos el efecto de distorsión y transformación en el triángulo. Solo vamos a golpear bien para guardar esos cambios, bloquear esa capa. Vamos a alejarnos aquí. Este es el efecto distorsionar y transformar aplicado a todas nuestras formas básicas. Conforme están parados en este momento se ven realmente bien. Podrías aplicar esto al arte mural, un diseño de camiseta, un diseño de póster, lo que quieras. A lo mejor añade algo de textura a la parte posterior u otras cosas a tu ilustración. Pero tal como están, se ven realmente bien. Este efecto es justo, es hipnotizante, le tiene un aspecto geométrico, es muy afilado y tiene esta intricacia que le resulta atractiva. Pero podemos llevar esto aún más allá. Voy a seguir adelante y mostrarte algunos efectos geniales que puedes hacer a estas formas. 5. Salpicar colores y efectos de bonificación: Para aplicar algo de pizzazz a estas formas, lo que vamos a hacer es desbloquear primero la capa pentágono y simplemente selecciónela. Ahora, notarás si querías volver a personalizar el efecto de transformación, si vuelves al menú Efecto y luego a Distorsionar y Transformar, y luego Transformar. Si lo vuelves a tirar hacia arriba, lo va a aplicar como si fuera un efecto totalmente nuevo porque ves que ya no están todos los valores para nuestro pentágono. Lo que tienes que hacer es simplemente cancelar, y la forma de volver al primer efecto que aplicaste a todas tus formas es ir a Ventana, Apariencia. Basta con tirar de este panel para acoplarlo en el lateral, y luego podrás entrar en el efecto Transformar seleccionando la forma y luego aparece por aquí en el lado derecho bajo Transformar. Si haces clic en eso, verás todos los ajustes que hiciste para ese efecto y podrás ajustarlo desde ahí. Ahora lo primero que quiero mostrarles cómo aplicar a cada una de estas formas es la escala, los trazos, y los efectos. Ahora lo que esto va a hacer, le va a dar un aspecto en cascada porque a medida que va bajando la espiral verás que cambia el ancho del trazo. Si golpeamos Preview aquí, le da un look completamente diferente en dimensión de estilos. Solo vamos a golpear Ok y acercar un poco aquí para que podamos verlo mejor. Lo que se hace es que se toma ese efecto y por cada copia se hace el trazo un poco más pequeño, dándole un aspecto crescendido a él. Se ve tan bonito. Aporta mucha profundidad y dimensión a nuestra forma original. Seguiremos adelante y aplicaremos esto a todos los demás. Pasemos a este segundo tablero de arte aquí, encerremos al pentágono, desbloqueemos el decágono y seleccionemos la forma. Pon aquí una transformación y luego solo marca la escala, los trazos, y los efectos. Entonces previsualizar, ahí vamos. Pasar a nuestra última forma aquí, selecciónela, entra al efecto Transformar, escala, trazos y efectos, vista previa. Simplemente se ve mucho mejor. Vamos a alejarnos aquí. Ahora que nuestro efecto se refina, lo que vamos a hacer es en realidad agregarle algo más de pizzazz agregándole color y en forma de gradiente lineal. Vamos a seleccionar la primera forma por aquí otra vez, el pentágono, y para poder aplicar este estilo, lo que tenemos que hacer es seleccionar la herramienta de gradiente. Simplemente haremos doble clic en eso. Sujémoslo aquí un poco, y para poder aplicar un gradiente, todo lo que tengo que hacer es hacer clic en la escala de gradiente aquí. Te darás cuenta de que nos quitó nuestros colores y eso está bien porque aún tenemos nuestros colores de proyecto guardados en nuestra nota aquí. Lo que vamos a hacer es tomar este azul, copiarlo, volver a Illustrator. Si intentas hacer doble clic en esto y cambias el color, notarás que solo tiene blanco y negro y luego todas estas opciones grises. Lo que tenemos que hacer es ir a las opciones de menú dentro del deslizador de gradiente aquí, y luego cambiarlo a RGB. Entonces podemos pegar ese código de nuevo en nuestro gradiente lineal, y luego nuestro azul vuelve ahí y luego el otro color que vamos a usar es un rosa brillante. Haga doble clic en esta muestra de gradiente y luego el RGB de la opción de menú. Seleccionarlo, pegarlo y luego nos dieron nuestro rosa. Ahora también puedes personalizar cuánto de una mezcla de degradado obtienes con este deslizador superior aquí, y a medida que lo ajustas, notarás dónde cae el color un poco diferente, arrastrándolo a través, luego de ida y vuelta. También puedes arrastrar estas muestras individuales hacia adentro. Si querías ver más rosa y luego ajustar el deslizador, verás que ahora está dominando más de la forma e incluso puedes ajustar este deslizador superior aquí para mostrar la mezcla. Creo que voy a arrastrar un poco esto hacia atrás. Voy a jugar con esto hasta que encuentre algo que me guste. Eso me gusta. Se ve bien. Voy a dejarlo ahí. Enfriar. Lo que vamos a hacer en realidad es simplemente atracar este panel aquí junto al panel de apariencia, y vamos a trabajar en la siguiente forma. He seleccionado la forma de la capa y luego puedo ir a lineal, y como se puede ver aplicar el mismo esquema de coloración que la última, pero eso está bien. Solo vamos a tirar de los colores del proyecto aquí arriba, y para ello necesitamos es naranja brillante y rosa brillante. Realmente todo lo que necesitamos hacer es ajustar el color azul a naranja, doble clic en ese gradiente, y ya tiene el RGB guardado. Sólo vamos a pegar eso ahí dentro. Haga clic de distancia, y ahora ese color naranja está ahí. Ahora éste se ve un poco delgado, no es tan grueso como nuestro pentágono porque hay más lados a nuestras formas. Lo que voy a hacer es que en realidad voy a reventar un poco el trazo y hacer de esto un punto más alto. Hagámoslo, cinco luce bastante bien. Creo que lo voy a dejar a las seis. A mí me gustan seis ahí. Entonces si volvemos a seleccionar la forma, vuelve al panel de gradiente que atracamos. Podemos ajustar aún más la mezcla de nuestro efecto de gradiente. Simplemente voy a jugar con estos deslizadores hasta que encuentre algo que me guste, y creo que se ve bien por ahí. Para la última y última forma, el triángulo, lo voy a seleccionar, el panel de capas, volver al gradiente y luego bajo tipo, solo vamos a asegurarnos de que esté establecido en lineal. Volvamos a nuestra nota y saquemos ese color final aquí, que es un verde. Haga doble clic en la muestra, péguela en el selector de color, y como hice con la última, creo que voy a reventar un poco el trazo aquí. Simplemente seleccionaré la forma y luego cambiaré el punto. Eso se ve bastante bien. Volveremos ahora al gradiente y solo ajustaremos un poco estos colores. En realidad creo que quiero que el verde esté del otro lado aquí. Te darás cuenta si arrastras este deslizador superior demasiado cerca de una de las muestras, obtienes esta línea definida, que realmente sólo hace que la mezcla sea menos de una mezcla y la hace más de un contraste marcado. no me gusta realmente, así que voy a tirar un poco de este slider superior para que empiece a mezclarse más. Creo que me gustan los ajustes ahí mismo. Sí, eso se ve bastante bien. Simplemente desseleccionaremos todo y ahí vamos. Este es el efecto plenamente aplicado. Vamos a acercarnos aquí sólo para ver nuestras formas de cerca. Me gusta mucho cómo resultó el pentágono. Me encanta ese azul brillante y rosa brillante. Decagon se ve bastante guay también, y entonces por supuesto tenemos nuestro triángulo. Aquí lo tenemos. Tenemos el efecto de distorsión y transformación llevado a cabo a todo su potencial. Hay como mucho más que realmente puedes hacer con esto. Yo sólo voy a abrir otro documento aquí para mostrarles las otras posibilidades de lo que se puede hacer, y aquí sólo hay un par de otros ejemplos de cosas que se pueden hacer. Como decía antes, en realidad se puede aplicar este efecto a formas que ni siquiera tienen lados, como un círculo aquí. Esto casi tiene como un look hippie salvavidas. Es de aspecto fresco. Incluso puedes aplicarlo a formas más comunes como estrellas y darle un aspecto de borde 3D. Me gustó mucho cómo resultó ésta, y luego también tenemos esta forma hexagonal realmente genial que casi parece una formación de concha. Casi tiene esa relación de aspecto divina mirar hacia ella. Simplemente se ve realmente genial. Como puedes ver, hay tantas formas en que puedes aplicar este efecto y realmente, puedes aplicarlo a cualquier forma que quieras. Si quieres ver sólo un ejemplo de algo que hice con mi forma de pentágono, porque era la forma que más me gustó hacer este proyecto. Acabo de seguir adelante y tiré un par de texturas en el fondo aquí, y sólo le dio este look realmente refinado y ardiente que me encanta incorporar en mis ilustraciones. Poner el rosa y el azul como textura en el fondo realmente acaba de sacar este efecto en su forma completa en esta forma. Simplemente se ve muy bien y me encanta cómo resultó. Ahora lo último es, si querías exportar alguna de tus formas, solo puedes seleccionar el tablero de arte Comando 0 y ahora vamos a ir a Archivo, Exportar y luego Guardar para Web. Ahora aquí, al igual que cualquier configuración de exportación, puedes cambiar el ancho y la escala, y como es una forma vectorial, simplemente puede escalar sin ninguna distorsión, que es algo que me encanta de Illustrator. Se puede hacer de este un documento enorme. Haz cualquier talla que quieras. Simplemente lo voy a dejar en 1000 por 1000 y normalmente para exportación elijo PNG-24 porque es un tipo de archivo sin pérdidas, no vas a tener ninguna degradación de tu calidad. Entonces solo guardaré esto en mi escritorio y llamaré a este Pentágono Complejo. Acaba de golpear “Save”. Ahora ese documento está en mi escritorio. Entonces si hacemos doble clic en nuestra ilustración, ahí está nuestra forma completa en su gloria y forma. 6. Poner tu obra de arte en el producto físico: fuera poco esta clase realmente quería mostrarte cómo tomar tu arte digital que has hecho dentro de ilustrador y aplicarlo a productos físicos. Lo que tengo aquí es una forma que he hecho usando el truco te mostré en esta clase y acabo de agregar algo de textura, estas son solo texturas vectoriales que encontré en línea y en realidad he comprado algunas por mi cuenta. Tienes que echar un vistazo y agregarlos tú mismo. Todo lo demás que hice en este diseño, este hexágono se ha hecho con las técnicas que te he mostrado en esta clase. Entonces lo que vamos a hacer es que en realidad encontré esta plantilla en línea. Creo que fue [inaudible]. He entrado y lo he retocado un poco, así que es sólo este estuche de CD joya aquí. Voy a ir a abrirla ahora mismo y mostrarles el producto físico. Esto es lo que se ve solo por sí mismo. Es una cubierta muy aburrida y luego el CD-R en su interior es igual de aburrido. Lo que vamos a hacer es tomar el arte digital que he hecho dentro de ilustrador, esta forma hexagonal, y también este patrón azul que he hecho dentro de Illustrator y lo vamos a aplicar directamente a esta maqueta de producto físico. Esto es realmente solo para darte una idea de lo que es tomar tu ilustración vectorial y aplicarla a un caso de uso en el mundo real. Lo que vamos a hacer primero es solo abrir esta plantilla. A pesar de que la caja de CD se ve súper aburrida en este momento estamos a punto de darle algo de vida. Lo que vamos a hacer primero es simplemente echar un vistazo este archivo y sólo echar un vistazo a este archivo y la forma en que lo tienen configurado en las capas aquí, realidad es bastante brillante la forma en que lo han construido. Tienen aquí la capa superior, que es directamente para tu diseño y te mostraré cómo agregarle tu ilustración de Illustrator en un segundo. Pero solo quería mostrarte estos filtros fotográficos que han incluido para personalizar y editar rápidamente tu imagen con. Sólo tienes que añadir como algunos toques diferentes a tu maqueta. No suelo usar esos filtros, pero están ahí si alguna vez los necesitas cuando finalmente consigues usarlos. Entonces también tienen todos estos controles para la iluminación. Estamos hablando como la reflexión en la portada del CD, sólo los reflejos, la sombra que aquí se ve en el suelo. De verdad puedes tener mucho control sobre esta maqueta. Es uno bastante hecho bueno. Vamos a ir a añadirle nuestra ilustración ilustradora y la forma en que lo haces es simplemente hacer clic derecho en la capa de edición de CD y luego también haces lo mismo para la capa de portada. Vamos a ir a hacer este CD primero y añadirle esa textura azul, ese patrón azul. Vamos a hacer clic derecho en esto, editarme capa, y luego ir a editar contenidos, aquí mismo. Nos va a meter en esta otra ventana y vamos a simplemente superponer básicamente nuestra obra de ilustrador en este documento. Vamos a volver a ilustrador, y sólo vamos a pasar a la capa aquí y luego seleccionar el [inaudible] para esa capa para seleccionar todos los elementos en ella, y luego comando C para copiar. Después volveremos a Photoshop y luego mandaremos a V para pegarlo. Entonces vamos a pegar esto como objetos inteligentes para que si necesitamos redimensionarlo dentro de Photoshop, podamos y luego así mantener todas nuestras líneas realmente bonitas y nítidas. Va a terminar bastante bien ahí. No creo que tengamos que hacerle ningún cambio. Sólo vamos a golpear esta marca de control en la barra de menús de aquí. Entonces comandaremos S para guardar esto y luego pegarle bien. Ahora si volvemos a la plantilla, verás que el CD se actualizó con nuestra obra digital que hicimos en Illustrator, lo cual es impresionante. Vamos a ir y hacer lo mismo para la portada del CD. Basta con hacer clic derecho, editar contenidos y luego haremos lo mismo aquí. Volvamos a ilustrador ahora. Acude al documento hexágono naranja. Simplemente voy a dar clic y arrastrar todas estas cosas en su lugar. Comando C. Vuelve a Photoshop. Comando V. Golpe bien. Este vamos a tener que redimensionar un poco. Simplemente vamos a dar clic en una esquina y luego mantener el turno para constreñir. Entonces haz lo mismo para la otra esquina, cambia a constreñir. Se ve bastante amarillo [inaudible] la marca de chequeo ahí. En realidad eso no lo hizo perfectamente. Voy a ir a deshacer ese paso. Simplemente da un paso atrás bajo el menú de edición. Entonces sólo vamos a repegarlo, manda V. [inaudible] esto un poco mejor esta vez. Eso se ve bien. Marca de control. Sí, eso es mejor. Ahora vamos a guardar este y volveremos a la plantilla de caso de CD. [ inaudible], mira eso. Este es un uso en el mundo real para tus ilustraciones digitales. Hay tantas maneras en que puedes tomar lo que haces dentro de ilustrador y aplicarlo a productos físicos y solo cosas que la gente que realmente queremos comprar y sin mencionar tanto trabajo de cliente que puedes hacer con un arte digital que haces dentro ilustrador. De todos modos chicos, gracias por tomar esta clase. Espero que consigas muchos consejos y trucos útiles para crear tu propia obra de arte digital y solo veas todas las posibilidades que puedes tomar con hacer arte digital dentro Illustrator y aplicarla hacia tu propia obra de arte, hacia el trabajo del cliente, hacia negocios en general, artistas, y solo todas las posibilidades de hacer tus propios diseños y luego aplicarlos a productos y usos del mundo real.