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.