Diseño de ilustraciones: consigue una ilustración creativa y diseña con Figma y mejora tus habilidades de diseño | Olivier | Skillshare
Buscar

Velocidad de reproducción


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

Diseño de ilustraciones: consigue una ilustración creativa y diseña con Figma y mejora tus habilidades de diseño

teacher avatar Olivier

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.

      Intro - ilustración de gato

      0:57

    • 2.

      Proyecto de clase

      0:55

    • 3.

      Prepara el lienzo

      3:21

    • 4.

      Cómo diseñar la ilustración

      44:24

    • 5.

      Cómo se dibujó la plantilla de ilustración

      11:31

    • 6.

      Conclusión

      0:55

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

67

Estudiantes

3

Proyectos

Acerca de esta clase

En esta clase vamos a hacer una ilustración simple para ayudarnos

  • Familiarizarnos con una herramienta de diseño
  • Haz que nuestro jugo creativo fluyendo.
  • Aumenta nuestra habilidad con la herramienta y con el tiempo podrás usarla para comunicar ideas a una amplia audiencia.

Cómo dibujar la ilustración de un gato que mira fuera de una ventana en un bonito paisaje de luna.

¿A quiénes está dirigida esta clase?

  • Si quieres aprender a dibujar ilustraciones

  • Si quieres conocer el software de diseño Figma.

  • Si eres un principiante de Figma.

  • Si eres un diseñador UX principiante.

  • Si quieres trabajar en empresas de productos tecnológicos.

  • Si eres un gestor de productos, dueño de productos, analista de negocios o diseñador de productos digitales.

  • si quieres trabajar en digital.

  • si estás estudiando Diseño, ingeniería o TI.

    Entonces, esta clase es para ti.

Qué vas a aprender - los detalles.

¿Te has preguntado cómo se hacen las ilustraciones de diseño y quieres ser creativo y dibujar tus propios?

En esta clase te darás un proceso paso a paso para dibujar tu primera ilustración con el software de diseño popular Figma.

  • Comenzarás con descargar la plantilla de mano amanecer que vamos a usar para la ilustración, así como la paleta de colores que vamos a usar para colorear la ilustración. Puedes encontrarlas en la pestaña Descripción de proyectos como adjuntos.
  • Luego te registrarás para una cuenta de categoría Figma
  • Cómo configurar tu lienzo con la plantilla dibujada a mano para dibujar la ilustración.
  • Luego, usando la herramienta de lápiz en figma, podrás dibujar la ilustración y pintar cada forma siguiendo los videos que se acompañan.

Comentarios

Realmente quiero hacer estos cursos tan útiles como puedan ser. Si identificas cualquier área que se beneficiaría de ser más clara o si quieres que crees un curso sobre un tema en particular, por favor envíame un correo electrónico y hazme saber. Me encantaría saber de ti :)

Conoce a tu profesor(a)

Teacher Profile Image

Olivier

Profesor(a)

Hello, I'm Olivier - Product Manager, French speaker, Tech person & Engineer. I'm currently working for a Digital Product Company down in Melbourne Australia.

Ver perfil completo

Habilidades relacionadas

Diseño Diseño UX/UI
Level: Beginner

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. Introducción: gato en la ilustración nocturna: Hola amigos y bienvenidos. Hoy vamos a ir a una clase muy divertida. Juntos. Tú y yo estaremos diseñando una ilustración sencilla. Ahora, ¿por qué querría aprender esto? Oigo que pidas, bueno, primer lugar, que fluyan tus jugos creativos. Y en segundo lugar, para familiarizarse con una herramienta de diseño. Aquí estará Figma. Y la herramienta pluma Figma en particular. Ser capaz de manejar una herramienta de diseño es una habilidad muy útil para tener si trabajas en una empresa de tecnología, nos gustaría expresarte a diferentes audiencias para que tus ideas se acerquen a ellas. Como gerente de producto, lo uso cuando hablo con el equipo de tecnología, el equipo de diseño, el equipo comercial, el equipo de marketing y el equipo de atención al cliente. Ojalá este ejercicio te ayude a familiarizarte en cómo usar una herramienta de diseño. Y esta habilidad te seguirá por todo tu portador. Mi nombre es Olivia, Nuestra para empresa digital abajo en Melbourne, Australia. Y te veré en la próxima clase. Nos vemos pronto. 2. Proyecto de clase: Bienvenido de nuevo. Hablemos del proyecto de clase. En esta clase, diseñaremos juntos una ilustración sencilla. Empezarás registrándote para obtener una cuenta de nivel gratis en figma.com. Después descargarás la plantilla dibujada a mano que he puesto en el proyecto y recursos que luego agregarán la plantilla a nuestro marco en Figma y la usaremos como guía para dibujar nuestra ilustración. También puedes dibujar tu propia plantilla y te mostraré cómo hacerlo en el cuarto video. Luego pasaremos dibujando juntos la ilustración usando la herramienta pluma Figma. Por favor, síguelo. Y abogados a la vez, llamaremos a nuestra ilustración. También encontrarás la paleta de colores que utilizo para la ilustración en la pestaña Proyecto y Recursos. Y cuando termine, por favor publique su ilustración en la pestaña de proyecto y recursos odiando en el botón Crear proyecto y siguiendo las indicaciones y sin más amigos preámbulos, vamos llegar a ella. Te veré en el siguiente video. 3. Prepara el lienzo: Hola amigos. En esta clase estaremos diseñando lo que llamo el gato en la ilustración nocturna. Pero antes de llegar a eso, preparemos nuestro Canvas para diseñar. Si no tienes Figma, por favor dirígete a figma.com y regístrate para obtener una cuenta de nivel gratis justo aquí. Después de que te hayas registrado, puedes usar Figma en el navegador, lo que te permitirá hacer, o puedes descargar la aplicación para tu Mac OS o máquina Windows. Estoy usando Mac y he descargado la app. Estaré usando la app para este tutorial. Una vez que hayas configurado Figma, dirígete a la pestaña Proyecto y Recursos en Skillshare y descarga los dos activos proporcionados. Número uno, la paleta de colores, y el número dos, la plantilla para el dibujo. Después, dirígete de nuevo a Figma. Verás este plus inscribirse aquí. Haga clic en él y haga clic en Archivo de diseño. Dejaremos que se cargue. Después de que se cargue. Vamos a seguir adelante y llamar a esto En la ilustración nocturna. Y si los has descargado de la pestaña Proyecto y Recursos, deberías haber cortado en la paleta nocturna de tu máquina, que solo puedes arrastrar y soltar en Figma, así como el intestino en la plantilla nocturna que puede arrastrar y soltar en Figma. A continuación, alejaremos el zoom y vamos a redimensionarlos. Por lo que sólo tienes que mantener Shift a medida que lo redimensiona desde la esquina para que mantengamos la relación de aspecto. Y también haremos que la paleta de colores sea un poco más pequeña. Muy bien, así que ahora adelante y presiona F en tu teclado para marco. Tendrás diferentes opciones para marcos. Seleccionemos las publicaciones de Instagram, que es un marco 1080 por 1080. Como se puede ver aquí. Y lo que vamos a hacer es que vamos a arrastrar nuestra imagen y la vamos a poner en el marco. Podemos redimensionar un poco esa imagen porque es demasiado grande y hacer que se ajuste al marco. Al igual que así. Después sigue adelante y presiona dos en tu teclado para disminuir la opacidad de la imagen. Eso es porque cuando usamos la herramienta pluma en Figma, queremos que la imagen en sí sea apenas suficiente para que cuando lo estamos rastreando, en realidad podamos ver, correcto, resaltemos todo este marco. Y Sandra, De acuerdo, ahora estamos listos para dibujar nuestra ilustración. Entonces te veré en la próxima clase donde vamos a estar usando el lápiz Figma para dibujar sobre nuestra ilustración así como cloro ella. Nos vemos pronto. 4. Diseñar la ilustración: Muy bien amigos, dibujemos esta ilustración. Así que adelante y presiona P en tu teclado para Penn. Muy bien, para que puedas acercar con tu trackpad con la herramienta pluma en la que deseas hacer clic primero y luego tratar de juzgar dónde va a terminar la curva en la plantilla. Entonces es por aquí. Por lo que haces clic y luego no te sueltas y arrastra para intentar igualar la forma, así como así. Para cambiar de dirección, basta con hacer clic en el punto anterior. Haga clic. Intenta juzgar dónde va a terminar esta pequeña curva aquí. Así que por aquí, y arrastre. Haga clic en el punto anterior para cambiar de dirección. Intenta juzgar dónde va a terminar esta curva aquí. Haga clic allí y arrastre y haga clic en el punto anterior cambia de dirección. Intenta juzgar dónde va a agregar la curva , haz click y arrastra. Se puede ver cómo está tomando forma el contorno. Sólo sigue adelante. Haga clic en el punto anterior. Juez que ha ido al siguiente. La curva va a terminar y arrastrar. Haga clic, haga clic, arrastre, haga clic, haga clic, arrastre, haga clic, haga clic y arrastre. Y se puede ver lo fácil que es simplemente usar la herramienta Pluma. Haga clic y arrastre. Haga clic y arrastre. Coincidiendo con la curva. Haga clic, haga clic y arrastre. Haga clic. Haga clic y arrastre. Haga clic. Haga clic, haga clic, haga clic, arrastre, haga clic, arrastre, cleveland, conducir. Y punto final, haga clic, haga clic y arrastre. Y ya se puede ver este es nuestro contorno de gato con la herramienta pluma. Entonces hagamos la forma interior del intestino. Haga clic. Haga clic y arrastre. Haga clic, arrastre, haga clic y arrastre. Así que solo presiono Escape para romper el camino solo para poder desplazarse hacia abajo. Y luego puedes hacer doble clic de nuevo para entrar en el modo vector, P para pluma. A continuación, haga clic, haga clic, arrastre , haga clic y arrastre, y arrastre. Haga clic y arrastre. Hagamos ahora la cola. Diseño. Haga clic, arrastre, haga clic, haga clic y arrastre. Aquí, haga clic y arrastre. Haga clic. Muy bien, entonces ahora queremos llamarlo nuestro gato. Simplemente presione B para cubeta de pintura. Y verás esta cosita aquí apareciendo, que es la herramienta de cubo de pintura. O puedes subir aquí en la esquina superior izquierda, que justo aquí, ya que pinta cubo B. Y si haces click ahí, llenará el color, lo cual es genial. Pero queremos tal vez digamos negro para el color de la gorra. Sé lo que pasó. Entonces antes de disminuir la opacidad de todo el marco, aquí, queremos llevar eso al 100%. Lo que queremos hacer es en realidad disminuir la opacidad de solo la ilustración. Entonces en el lado izquierdo, se puede ir en la plantilla de ilustración de corte. Y vamos a poner estos dos. 20%, igual que así. Y no queremos que se mueva. Así que somos sólo tú ves la mirada aquí. Sólo vamos a poner esto arriba. Vale, entonces ahora tenemos a nuestro gato y está pintado de negro. Vamos a seguir adelante y terminar la pintura. Haga doble clic para volver en modo vector antes del bucket. Y podemos terminar las rayas aquí. Entonces. Para que la ilustración sea profesional, sigamos adelante y quitemos el trazo. En el lado derecho, se puede ver el menos. Basta con hacer clic en este trazo menor. Y lo que vamos a hacer es que vamos a sacar esto salir. Oh, nos olvidamos de pintar los pedacitos blancos. Así que adelante, presiona doble clic en el modo vector, presiona B. Y esto, queremos rellenarlo como blanco. Entonces si vamos a nuestra paleta de colores, basta con hacer click en blanco. Y esto aquí B. Y usa el pivote ancho, aka sellador de color. Y B. Usa el sellador de color, blanco en la paleta de colores. Y B. Para hacer la parte final de la cola. Tenemos nuestra palabra gato. Ahora vamos a dibujar nuestro florero. Así que sigamos adelante y acerquemos un poco. P para bolígrafo. Haga clic en C donde la curva está terminando, haga clic, arrastre. Haga clic de nuevo en el punto anterior para cambiar de dirección. Haga clic y arrastre. Haga clic. Haga clic y arrastre. Haga clic y arrastre. Haga clic, haga clic, haga clic, haga clic, arrastre, haga clic en. Verás esas líneas rojas que a veces aparecen. Sólo están diciendo que esos dos puntos están en el mismo nivel. Para que haga clic y arrastre. Haga clic, haga clic y arrastre. Haga clic, arrastre, haga clic, arrastre, haga clic, arrastre y haga clic en. Haga clic, arrastre. Genial. Y tenemos nuestros valores. Muy bien, ahora sigamos adelante y pintemos la olla. Basta con hacer doble clic en él para volver al modo vector antes de que Paint Bucket lo compartiera. Y vamos a llenarlo. Entonces para este tal vez vamos a ir lineales solo para que sea un poco más elegante. Y se puede ver la calificación del color justo aquí. Quiero cambiar un poco su dirección para que puedas hacer click en éste, la parte superior aquí, y rotarla. Y haga clic en el punto en la parte inferior y gire. Se puede ver la dirección del sombreado cambiando notas de ahí a ahí. Y por las formas tal vez queremos un color diferente al gris. Vamos a nuestra paleta de colores y escoja este azul aquí. Y este sombreado lineal hizo sentarse un poco más elegante. Y puedes jugar con ella. Hacerlo más concentrado en este lado del jarrón y menos concentrado en ese lado de la base. Muy bien. Entonces esa es nuestra maceta. Vamos a quitar el trazo. Y ahí lo tienes. Vamos a seguir adelante y arrastrar eso hacia fuera. Sí, esa es tu segunda forma vectorial. Ahora dibujemos nuestra flor. Empecemos con el tallo. Prohibición de la gente. Siempre empieza un poco más dentro de la siguiente forma. El clave es que nos pondremos sobre esos artículos y te mostraré cómo hacerlo en un segundo. Por lo que lo quieres un poco más. De lo que realmente es. Así que haga clic y arrastre, y haga clic. Haga clic de nuevo. Vámonos más aquí. Haga clic y arrastre. Haga clic, haga clic, haga clic, haga clic, arrastre y haga clic en. Para completar la forma vectorial. Pintemos nuestro tallo. Así que haz doble clic para entrar en modo vector antes de Paint bucket. Está mezclada, su llenarlo. Y escojamos un color de nuestra paleta. Seamos marrones para el tallo. Y aquí lo tenemos. Ese es nuestro tallo de la flor. Prensa Escape. Esa es nuestra forma vectorial. Vamos a quitar el trazo. Y aquí lo tenemos. Ese es nuestro tallo. Muy bien, ahora dibujemos el centro de la flor y la flor misma. Pero antes de eso, arrastremos nuestro tallo hacia fuera. Al igual que así. Volvamos aquí. Acercar la flor. P para pluma, haga clic, haga clic, arrastre. Y por supuesto, la plantilla en sí es sólo una guía. Chicos, sólo síguela. Pero también puedes salir de frontera si quieres. Haga clic, haga clic y arrastre, y haga clic en. Y arrastrar. Antes de Ben cubo. Vamos a llenar el centro. Tenemos algún bonito color amarillento, amarillo brillante aquí. Y vamos a sacar el trazo. Y ahora dibujemos nuestros pétalos. Simplemente presiona Escape primero porque quieres empezar en un nuevo vector formas para que no se unan. Escapar. Y P por pluma, dibujemos batallas. Haga clic, haga clic, arrastre, haga clic, haga clic y arrastre. Haga clic. Ella hizo algo mal. Simplemente comando Z. Haga clic en el punto anterior. Haga clic y arrastre. Y haga clic y arrastre. Por nuestro primer pétalo. Apenas ven aquí, pincha y arrastra. Es como una canción. Haga clic, haga clic y arrastre. Haga clic, haga clic y arrastre. Haga clic y arrastre. Haga clic y arrastre. Haga clic y arrastre. Haga clic y arrastre. Arrastre. Arrastre. Dr. Dr. Muy bien, antes de Cuchara de Pintura. Y escojamos un bonito rosa brillante para éste. Y b, llénalo. Muy bien, Ahora ves que la parte amarilla ya no se muestra porque esta forma aquí está al frente. Para que puedas hacer clic con el botón derecho y vas a enviar esta capa a la parte posterior y aparecerá la barra amarilla. O puedes usar tu teclado. corchete izquierdo y derecho los traerá, traerá su uso hacia arriba o hacia abajo es igual. Entonces si lo traemos de nuevo con el corchete derecho, lo quiere un amarillo, tráelo nuevo con el corchete izquierdo. Verás que el amarillo está adelante y quitas el trazo en los pétalos y lo tienes. Esa es la flor hecha. Ahora, ya que el amarillo y el rosa siempre estarán juntos, queremos agrupar a estos dos. Así que sólo selecciónalos ambos y simplemente ve con el botón derecho. Selección de grupo o presiona Comando G. Quieres acostumbrarte a usar atajos de teclado porque es mucho, mucho más rápido en el futuro. Comando G. Y eso es hace, whoops. Y eso lo hace una forma. Ataque fuera. Igual que antes. Queremos que este rosa y amarillo esté encima del marrón. Por lo que lo sacaremos adelante con el corchete derecho. Y ahí vamos. Ahora, sigamos adelante y hagamos la hoja. Ustedes conocen la canción ahora P para pluma. Haga clic, haga clic y arrastre. Haga clic, haga clic, arrastre, haga clic, haga clic, arrastre, haga clic, arrastre, haga clic, arrastre, haga clic, arrastre, haga clic, haga clic, arrastre, haga clic, arrastre, haga clic, haga clic, arrastre y haga clic en. Haga clic y arrastre. Correcto. Por lo que queremos un bonito verde para las hojas, sea llenarlo. Y seleccione tal vez éste aquí. Muy bien. ¿ Qué tal las venas de la hoja? Escucho que eres tan P para pluma primero presione Escape. Entonces tienes una forma vectorial diferente que estás dibujando. Entonces P para pluma, haga clic, haga clic y arrastre. Entonces lo que podemos hacer es que podamos aumentar el golpe de esto. A lo mejor ya cinco. Whoops, demasiado grande, tal vez tres. Muy bien, sigue adelante. Haga clic, haga clic y arrastre. Haga clic, haga clic y arrastre. Escapar. Haga clic, haga clic y arrastre. Haga clic y arrastre. Y podemos cambiar ese color. Éste para tal vez simplemente usar el pivote de nuevo, verde oscuro. Y luego solo selecciona la otra hoja. Y vamos a quitar el trazo del otro. Y como antes, queremos agrupar a estos dos. Entonces selecciona éste y presiona Mayús. Selecciona la hoja y manda G. Esa es nuestra hoja, que vamos a echar un vistazo aquí. Y mira eso. Tenemos la ilustración de maceta. Muy bien, ahora dibujemos la pared. Vamos a acercar de nuevo a nuestra imagen. P para bolígrafo. A partir de un poco por aquí, haga clic, si mantiene presionada Shift, dibujará una línea recta. Haga clic. Como se mencionó antes, lo queremos un poco más grande, el dibujo real para que encaje cómodamente cuando mandemos esto a la parte de atrás más adelante. Demandando. Para que pueda ver click, click, click y click. Puedes cambiar el trazo de nuevo a uno y cambiar el color nuevo a negro y B. Y vamos a colorear nuestra pared. Hagámoslo un mejor gris. A lo mejor éste de aquí, azul gris. Y volvamos a tenerlo lineal, solo para que sea un poco elegante. Y tal vez algo como esto. Ahora quita el trazo. Y ahí lo tenemos. Esa es nuestra, Whoa. Vamos a seguir adelante y hacer la mesa. Entonces P por pluma para escapar primero, venció por Penn. Haga clic en Mayús. Tráelo hasta aquí. Vamos a cerrarlo. Ser. Y pintemos nuestro marrón. Hagámoslo lineal también, solo para que sea un poco elegante. Y creo que voy a convertir esto un poco así. Aquí vamos. Vamos a quitar el trazo de la mesa. Y ahora tenemos nuestra mesa. Presionemos Escape. Por lo que empezamos de nuevo. Y ahora dibujemos nuestro cielo estrellado. Entonces P para bolígrafo. Haga clic, shift, click, shift for straight line. Haga clic, haga clic. Y vamos a cerrarlo. Y antes del cubo Paint, vamos a pintarlo. Y escojamos un color oscuro para nuestro cielo. A lo mejor queremos tener un poco de cielo fresco también. Entonces hagámoslo lineal. Y hablemos de un segundo color. Tal vez hagámoslo púrpura. Al igual que así. Y ese será nuestro cielo. Muy bien. Vamos adelante y quitemos el trazo. Y arrastremos esas formas fuera del lienzo. Escapar. Arrastra este, que es arrastrar a este tipo. Y de nuevo, queremos mandar éste a la parte de atrás. Por lo tanto, el cuadrante izquierdo y lo conseguiste. Simplemente lo dejaremos aquí por ahora y luego vamos, vamos a reorganizar la forma. Cuando hayamos terminado todos los dibujos. Muy bien, ahora dibujemos nuestra luna. Así que volvamos a acercar en la imagen. Por la luna. Vamos a seguir adelante y presionar O por círculo. Simplemente dibujaremos un círculo más. Si presionas Shift, te dará un círculo exacto. Arrástralo aquí, intenta aproximar la plantilla como, como puedas. Y aquí vamos. Esa es nuestra luna. A lo mejor podemos hacerlo un poco más pequeño si queremos . Al igual que así. Y presiona Shift X que invertirá el trazo y el relleno. Así. Ahora se puede ver el trazo es el contorno. Puede usar negro con negro hasta ahora. Y si haces doble clic en esto, se convierte en una forma vectorial, igual que teníamos antes. Muy bien, ahora hagamos las formas internas. Prensa Escape. Ante Ben. Haga clic, haga clic y arrastre. Arrastrando, haga clic, haga clic y arrastre. Haga clic y arrastre. Haga clic, haga clic y arrastre. Haga clic. Arrastre. Y haga clic. Haga clic y arrastre. Haga clic y arrastre. Haga clic y arrastre. Haga clic y arrastre. Y haga clic. Haga clic, haga clic y arrastre. Haga clic, arrastre, haga clic, zoom. Para que podamos ver click, click, arrastrar, click, arrastrar, click, click, click, click, click, click, click, click, click y arrastrar. Y haga clic, haga clic y arrastre. Conducir. Haga clic, arrastre. Y el último. Haga clic, haga clic y arrastre. Haga clic y arrastre. Haga clic. Control Z. pluma predeterminada, haga clic, haga clic y arrastre. Y SK. Muy bien, pintemos nuestro estado de ánimo. Haga doble clic en el límite del círculo, como antes, antes de Paint Bucket. Y Hagamos lineal de nuevo. Seleccionemos un amarillo brillante para la parte superior y vamos demasiado anchos. Y haga doble clic en los cráteres más pequeños, ser igual cubo de pintura. Vamos a pintarlas. Hagámoslos más oscuros. Una especie de este tipo de color. Y veamos, quizá demasiado verde. Hacerlo más amarillo así. También puedes jugar con los colores aquí. No tienes que seguir necesariamente la paleta de colores. Solo sé creativo con él, juega con ella. Y vamos a llenar esos. Creo que es un poco demasiado verde el acero puede cambiar esto un poco más. Más como así. Aquí vamos. Éste. Y los otros. Haga doble clic. Ser click. Rellenar con este color. Si ves sólo se seleccionan esos tres es porque no presioné Escape lo suficiente al levantar la pluma y dibujar las diferentes formas. Entonces se quedaron atrapados juntos. Así que justo por qué necesitas presionar Escape Just para asegurarte de que estás dibujando formas vectoriales. solo puedas llenar la advertencia, puedes ver que no funcionaría en la que no está coloreada. Por lo que hay que realmente hacer clic en el que se dibujó por separado, sea Paint bucket. Y luego lo llenamos con el mismo color. Y tenemos esta, la luna grande misma. Podemos quitar el trazo. Y también podemos seguir adelante y quitar esos golpes si nos gusta. Olvidé pintar éste. Vamos a rellenar, solo usa el selector de color. Y vamos a quitar el trazo. Ahí lo tenemos, tenemos la luna. Entonces lo que vamos a hacer es resaltar todo. Y como el estado de ánimo es sólo la única cosa, todos estamos mando G y lo agruparemos. Y entonces vamos a mover la luna fuera del lienzo hacia aquí. Por ahora. No olvidemos que las estrellas sólo pueden subir aquí. Esquina superior izquierda. Da click en este rectángulo aquí, y verás que esto hace en el menú. Haga clic en las estrellas, puede dibujar una estrella aquí. Y volvamos a dibujar esa estrella. Estrella. Dibuja esto pero turno para mantener la relación de aspecto. Y queremos que la estrella sea blanca. Vamos a llenarlo de blanco. Rellenar en el lado derecho, tomar el pivote, llegar a blanco en la paleta de colores. Entonces solo puedes presionar opción, click en la estrella y conducir para hacer otras estrellas. Y solo mantén Option y arrastra. Opción, Arrastrar. Opción arrastrar. Estas serán nuestras estrellas. Selecciona todos ellos y arrástralos hacia fuera. No haga click en esto, esto solo redistribuya al espacio. Por lo que queremos agarrarlos y arrastrarlos aquí por ahora. Y lo reorganizaremos más tarde. Y esa es la luna y las estrellas. Por último pero no menos importante, dibujemos nuestro marco de fotos. Así que acerquemos el marco del dedo gordo del pie. Ante Ben. Haga clic, haga clic. Haga clic. Simplemente sigue a la aerolínea como lo hicimos antes. Y de nuevo, no tiene que ser al 100%. En la plantilla. Esquema. Sólo una guía. Aquí. Haga clic. Cierre esta parte. Dibujemos nuestra forma. Haga clic, haga clic, arrastre. Haga clic y arrastre. Aquí. Haga clic, arrastre. Haga clic, arrastre. Para hacer nuestra forma abstracta. Y B para cubo de pintura. Vamos a seguir adelante y dar este fondo aquí. Sombra oscura de marrón porque está abajo, por lo que es efecto de sombra. Y B, éste, queremos que sea gente de colores más pálidos en esta de aquí. B, llamémoslo así. En esta parte, probablemente queríamos color blanco. Blanco y nuestra forma, forma abstracta. Vamos a seguir adelante y llamarlo así. Y tomaremos el sellador de color y usaremos este color aquí. Tomemos todos los trazos y tenemos nuestro lienzo. Presionemos Escape. Y lo arrastraremos afuera. Y corchete derecho para llevarlo a la parte superior. Cierto, eso es todo para todas las formas. Ahora vamos a reorganizar todo en el Lienzo. Acabo de arrastrar al gato de vuelta aquí. Vuelve a poner la mesa aquí. Vamos a traer el muro. Simplemente arrástralo un poco. Y queremos enviarlo a la parte de atrás. Igual que antes. Puede simplemente utilizar el soporte cuadrado izquierdo si lo desea. Y trae ese marco de imagen adentro. Aquí. Primavera, el cielo nocturno en. Aquí. Lo enviaremos al cuadradero trasero izquierdo. Lo queremos encima de la pared. Entonces lo que voy a hacer es que voy a ir por el lado izquierdo aquí y traer a un buen tipo encima de la pared. Entonces sí, se puede ver que la pieza extra de la pared está escondida detrás ella solo para que sea un poco más limpia. Y para la mesa, ya está ahí arriba, así que eso es bueno. Llevemos a nuestro gato hacia adelante en el marco. Trae la luna de vuelta. Queremos la mente detrás del gato. Acabo de tomarlo. Entonces si miras el lado izquierdo, no fue Tupac. Queríamos el intestino en la parte superior. Entonces ponemos, es otro vector. Vamos a traer estrellas. Aquí. Turno para seleccionarlos a todos. Y arrastrar. Y vamos a traer nuestra maceta. Arrastra un poco hacia abajo. Y ahí lo tenemos, amigos. Nuestra primera ilustración en Figma, muy sencilla. Entonces, ¿qué vamos a hacer ahora? Vamos a volver a buscar al gato. En la plantilla de ilustración. Vamos a desbloquearlo y vamos a arrastrarlo hacia fuera. Simplemente presione Mayús con las teclas de flecha para arrastrarlo hacia fuera. Porque de lo contrario vas a agarrar todo lo demás en el lienzo y puedes sacarlo. Ponlo aquí. Mi Figma no se está renderizando correctamente. Genial. Golpeaba al Comando X, Comando V, y eso lo arregló por alguna razón. Y ahí lo tenemos, amigos. Esa es nuestra primera ilustración en Figma. Muy sencillo, agradable y fácil. Esto no se ve del todo bien, así que tal vez traemos el color en un poco. Claves, ¿dónde está el tallo? Y se puede ver la pared y la mesa detrás. Entonces podemos simplemente traer eso, hacerlo un poco más real. Y ahí vas. Si quieres probar otros colores mientras puedes hacer es simplemente seleccionar este marco aquí se da click en publicaciones de Instagram u opción y simplemente arrástralo para hacer una copia. Ahora puedes empezar a probar diferentes colores con tu ilustración. Entonces si haces clic en este tipo, tal vez en lugar de púrpura aquí, queremos en azul. Así que sólo lo cambias a un azul. Tal vez. A lo mejor queremos que la luna salga un poco más. En lugar de este tobogán, puedes tener aquí este amarillo claro. De verdad quieres un color diferente para este de aquí. Flor de diferentes colores puede simplemente jugar con ella. Más pálida. Y quieres cambiar la forma abstracta, el color de la misma. Ahí lo tienen amigos. Primera ilustración con Figma. Si has estado siguiendo a lo largo y dibujando al mismo tiempo que yo era, deberías haber ideado algo como esto. Por favor, publique su producto final en la pestaña de proyecto y recursos. Estaría extremadamente feliz de verlos, y los veré en la próxima clase. 5. Cómo se dibujó la plantilla de ilustración: Muy bien gente, así que después haber tomado una foto de la plantilla, básicamente me correo electrónico es la foto. Y luego lo descargué en mi computadora iniciando sesión en mi correo electrónico y luego descargué la imagen de la plantilla. Y entonces lo que hacemos es tomar la foto y la arrastramos a Figma así. Se puede ver que está agregando la imagen y es demasiado grande. Utilizas tu trackpad para obtener un mejor zoom en él. Y entonces lo que haces es ir a Rellenar imagen. Da click en eso. Verás el campo aquí. Haz click en el desplegable y obtendrás la opción de cultivo. Por lo que hace clic en Recortar y luego verá estos bordes azules que aparecen. Entonces, lo que vamos a hacer es recortar la imagen hasta el límite que hemos dibujado antes para que se ajuste a nuestro marco. Voy a recortarlo aquí. Recortar el fondo. Este lado. Al igual que así. Aquí vamos. Y entonces lo que hacemos es hacer clic en esta imagen. Vamos a exportar justo aquí. Y vamos a exportar esto, podemos exportarlo como PNG. Entonces cuando lo exportamos también guardando, te dará la carpeta donde podrás guardarla después. Al igual que así. Y entonces podemos salvar esto, lo llamaremos En la ilustración nocturna. Plantilla, punto PNG, Guardar. Y como pueden ver, ahora lo tenemos aquí. Y si lo abrimos, es básicamente la plantilla que acabamos crear para nuestra ilustración. Y luego para empezar a dibujar encima de él en Figma, o tendrías que volver a hacerlo es arrastrarlo a Figma, así. Y ahí lo tienes. Y solo mostrarte un par de pasos más como lo hicimos en el video anterior. Por lo que hace clic en F para obtener un marco, elegirá el marco de publicaciones de Instagram, que es 1080 por 1080. Y ahora lo tenemos aquí. Tomaremos nuestra foto y la pondremos ahí. Y podemos ver que es mucho más grande. Entonces presionaremos Shift y lo arrastraremos para que mantenga el tamaño, me refiero a la relación de aspecto. Y lo arrastraremos al marco. Entonces para permitirte ver el contorno cuando estás dibujando solo hará disminuir la opacidad de esta imagen. Si golpeas a tres, irá al 30%, básicamente, para hacer el 20 por ciento. Ahora puedes, de nuevo tomar tu banda presionando B y empieza a dibujar o a un zorro. Nos vemos en el siguiente video. 6. Conclusión: Hola otra vez, amigos. Entonces esto es todo. Hoy. Hemos aprendido a usar la herramienta pluma en Figma y dibujar una ilustración sencilla. Espero que haya disfrutado la clase. Por favor, publique tu resultado final en el proyecto y recursos que al presionar el botón Crear proyecto y siguiendo el mensaje para subir tu producto terminado, está bien subir el trabajo en curso si lo deseas. Si tiene alguna pregunta, por favor DME o ponlo en la sección de discusión de esta clase. Si tienes algún comentario sobre cómo podría mejorar la clase o me gustaría que enseñara cualquier otra cosa, por favor siéntete libre de contactar también. Puedes agregar tus comentarios y nueva sugerencia de clase al área de discusión. O de nuevo, la MA. Esta fue en realidad mi segunda clase de la historia. Por lo que sus comentarios serían muy bienvenidos. Y hasta la próxima vez mis amigos siguen aprendiendo todo lo que puedas. Sigamos adquiriendo nuevas habilidades para mejorarnos y cuidar y ver a amigos hasta la próxima vez.