Transcripciones
1. Introducción: Hola. Soy Jing Jiang, ilustrador y diseñador
gráfico. Mi trabajo abarca desde
ilustraciones, diseño
gráfico, branding
y diseño de packaging. En este curso para compartir, crearemos llamativos carteles de ilustración
vectorial con diferentes composiciones. Crearás dos carteles inspirados en un motivo
de tu elección, utilizando herramientas digitales que
incluyen funciones de dibujo. Primero, usaremos Procreate para dibujar composición de forma libre A continuación, usaremos Procreate para bosquejar encima de
la composición Por último, dibujaremos arte
lineal y color en
adobe illustrator. Al final de este curso, tendrás una visión clara
del
proceso de ilustración vectorial junto con algunas nuevas habilidades de ilustración
para tu propio kit de herramientas. Para seguir mis pasos, necesitarás tener experiencia
básica usando Procreate y Dobe
Illustrator Acompáñame en el viaje del
descubrimiento y la autoexpresión.
2. Composición: inicializa tu idea: Hola. Bienvenidos de nuevo a mi clase. En esta lección, vamos a dibujar la composición
de un póster gráfico. Porque el gráfico que estamos dibujando esta vez es
un poco más abstracto. Tiene más que ver con la
composición del cuadro, por lo que necesitamos dibujar el gráfico acuerdo con el
balance de la imagen. Bien, comencemos. Dibujemos primero las formas
más grandes de la imagen, como un rectángulo grande. Después tiene algunas pequeñas formas
geométricas a su
lado para ponerla en marcha. Entonces dibujaremos una figura
relativamente grande. Vamos a
dibujarlo de una manera que contrasta y
equilibre la imagen Porque mis carteles gráficos
son principalmente rectángulos. Voy a dibujar más
rectángulos como éste. Ocupa gran
parte de la imagen, por lo que puedes agregar algunos
círculos para ajustarla. Primero dibuja los
elementos grandes en la imagen, luego agrega algunos elementos pequeños. Las grandes formas están casi hechas. Ahora dibujemos algunas
formas pequeñas, enriquezcamos el cuadro. Puedes tener algunos
elementos figurativos como yo. Por ejemplo, aquí están los ojos. Intersperar algunos
elementos pequeños entre formas
grandes para hacer
conexiones entre Dibujando pequeñas formas
en estos lugares, el centro será más rico Porque los ojos del espectador
suelen estar enfocados en la
mitad de la imagen. Bien, nuestra composición
básicamente está casi terminada. Para enfatizar la
jerarquía entre las formas, borremos las líneas. Este ojo es lo más destacado
de la imagen, así que lo voy a poner en la parte superior. Es mejor poner pequeñas
formas en la parte superior. De lo contrario, estará
cubierto por los grandes elementos. Entonces no es tan visible
como debería ser. No es necesario
borrar muy limpiamente. Lo justo para ver la
jerarquía entre las formas. Bien, las líneas
han sido borradas. Ahora, vamos a dibujar
otra composición de la misma serie de carteles. Nuevamente, siga el
contraste entre el tamaño de las formas y
el equilibrio de la imagen. Primero, dibuja la gran
figura en la imagen. Oh, puedes hacer lo que
yo estoy haciendo aquí. Dibuja primero las cuatro esquinas
de la imagen. Es más fácil para ti obtener
el equilibrio de la imagen. Los gráficos siguen siendo
predominantemente abstractos. Puedes hacer ajustes a
medida que avanzas. Ya que es solo una composición, puedes dibujarla primero de acuerdo
a tus sentimientos. Entonces puedes hacer
ajustes al bosquejar. Se pueden dibujar algunas formas grandes en el fondo
que están bloqueadas. Porque las
formas actuales son todas cuadradas. Podemos tener algunas
formas inclinadas para ajustar la imagen. Porque este póster es de la misma serie
que la anterior. Dibujaré unos gráficos
similares al último, como el hielo de aquí y los conos. Donde hay espacio vacío, puedes dibujar algunas formas pequeñas como esta para equilibrar
la imagen, y no lleva a abarrotarla. Entonces puedes agregar algunas
naves oscuras en el fondo. Quiero agregar algunas líneas. Debido a que ahora hay
muchas superficies, este rectángulo largo se puede usar como
elemento de línea de la imagen. Entonces está bastante vacío aquí para que puedas dibujar un
gráfico para llenarlo. Bien, la composición básicamente
está lista. Para enfatizar la relación de bloqueo
entre los barcos, ahora vamos a borrar
algunas de las líneas. No es necesario borrar con cuidado porque esto
es sólo una composición, principalmente en el dibujo de bocetos para desempeñar un
papel en la guía Bien, comprueba si hay ajustes
que deban hacerse. Aquí quería hacer
una forma intercalada. Entonces decidí poner esta línea corta detrás de
este rectángulo. Aquí está vacío. Entonces necesito
dibujar otro círculo. Bien, ya terminamos. Siguiente lección. Dibujemos un boceto.
3. Boceto: agrega elementos según la composición: Hola, y bienvenidos de
nuevo a mi clase. En la última lección, hemos
esbozado la composición. Hoy, vamos a
hacer un boceto. Importa el boceto que
hicimos en la última lección al programa de pintura
y reduce su opacidad Para distinguirlo
de la siguiente composición, he elegido un
color azul para el boceto. Bien, comencemos. boceto se trata realmente de agregar elementos y detalles
a la composición Entonces quiero agregar una
pupila al ojo. Para ser más creativo, quiero combinar al
alumno con el reloj Y luego el medio círculo aquí, quería dar un volumen más añadiendo aquí una
sección circular. Aquí hay demasiados círculos, así que sustituyo el círculo de
aquí por una estrella. No es necesario agregar
detalles a todas las formas. Para formas como esta, que se esconden debajo. Simplemente dibuja el contorno. Y aquí, voy a sustituir
el círculo por una estrella. Bien, entonces dibujemos
el rectángulo grande aquí. Para hacer la imagen, el rectángulo grande aquí
no agregará demasiados detalles. Podemos dibujar un hueco aquí para
que rodee el ojo. Como aquí hay
demasiados rectángulos, decidí hacer
este alrededor Bien, quiero
dibujar una casa aquí. Me gustaría agregar un rectángulo detrás de él para reforzar
la conexión. Entonces dibuja una puerta a esta casa, y dentro de la puerta hay un espacio. Y agrega algunos detalles
al rectángulo de abajo. Y luego el triángulo aquí. Me gustaría agregar un
pequeño círculo y el cono aquí para realzar la
jerarquía de la imagen. Después dibuja el
triángulo detrás de él. Entonces muévete al círculo grande. Aquí, quiero hacer
algunas divisiones en ella. Bien, aquí, dibuja un círculo
con una superficie cortada. Y para hacer eco de la con antes, quiero dibujar escalera
tridimensional. Quiero entrelazar las
naves planas y tridimensionales en la imagen Bien. Entonces dibujaré esfera
encima de la escalera. Aquí hay un poco de espacio para que podamos hacer algunas divisiones. Bien, vamos a esconder la
composición. No está mal. Pasemos al
siguiente boceto. Este está dibujado de la misma
manera que el último cartel, así que esta vez no voy a entrar en
demasiados detalles. Dibuja los grandes gráficos. En el proceso de dibujo, se pueden hacer algunos
ligeros ajustes. Porque creo que este
arte es como una ventana, así que quiero dibujar noches
adentro. Eso es un gemido Se pueden dibujar algunas
estrellas a su alrededor. Las estrellas tienen la misma
forma que el último póster. Aquí, dibujaré un pequeño arco
como elemento arquitectónico. Debido a la complejidad
de las formas circundantes, por lo que el círculo aquí
se puede dividir simplemente. Continuar con las otras formas. La composición a continuación
es solo una guía para ti para que puedas cambiar un poco
tu boceto. Y aquí se puede dibujar
escalera como una división. Aquí quiero dibujar
líneas onduladas para hacer eco de la escalera. Muévete al ojo aquí. Se puede seguir usando la forma de ojo
del cartel anterior. Entonces aquí puedo dibujar una con. Parece la luz
emitida por el ojo. Sí, voy a seguir dibujando
escalera tridimensional aquí, al
igual que el último cartel. Bien, continúe con el
resto del dibujo. Agrega un poco más de detalle. Bien, esconde la composición. No está mal. Ese es el
final del boceto hasta el momento. Siguiente lección.
Dibujemos las líneas.
4. Líneas de trabajo: vectoriza tu boceto 1: Hola a todos. Bienvenidos de
nuevo a mi clase. En la última lección,
hemos hecho un boceto. En esta lección, vamos
a hacer un dibujo lineal. Primero, seleccione el boceto. Entonces vamos a
convertir la transparencia
del boceto hasta en un 30%. Esto se basa principalmente en el grosor de las
líneas en el boceto. Aquí tengo líneas más gruesas. Voy a fijar la
transparencia al 30%. Luego presione control y
para bloquear el boceto. De esta manera, podemos dibujar las líneas sin movernos
al boceto de abajo. Como hay muchos elementos
rectangulares
en la imagen, usaré la herramienta rectángulo
para dibujar la mayoría de las formas. Seleccionando el trazo
negro sólido preparo antemano y luego
empiezo a dibujar. Empezaré dibujando primero
los rectángulos. Se han dibujado
los elementos rectangulares generales del cuadro. Ajustemos la forma
de los rectángulos. Solo la herramienta de selección directa. Después selecciona el rectángulo grande. Toca el punto central, para los puntos aparecerán. Selecciona los puntos
aquí individualmente. Después mantén pulsada la
Lk y vuelve a tocarla. Se puede cambiar entre los
tipos de esquinas redondeadas. Después arrastra los puntos hacia adentro
y aparece la muesca. Uno quiere cortar este rectángulo. Selecciónalos y luego abre el buscador de rutas y
selecciona la división aquí. La forma se dividirá. Siguiente es la casa aquí. Selecciona este punto de anclaje y luego mantén presionado la tecla Mayús y muévelo
a la distancia correcta al mismo para el lado derecho. Pasemos al círculo. Selecciona la elipse hasta
aquí y mantén presionadas las teclas t y mayúsculas para
dibujar un círculo cuadrado Dibujemos primero el círculo
en la imagen. Este es un caso especial. Dibuja primero el círculo exterior, luego duplicarlo, presionar control y tener
que duplicarlo al frente. Es mejor encogerlo. Se completa un círculo
concéntrico. Lo mismo se hace
aquí en el centro. Después dibuja el resto
de los círculos. El contorno de los ojos
también se puede dibujar en círculos. Duplicar el círculo aquí y agrandarlo a esta posición. Después seleccione la pluma TOLEHLD por la K y haga clic en los puntos de
anclaje en ambos lados Entonces Acercar y alejar así. El contorno del
ojo ya está listo. Las estrellas se dibujan de la misma manera que los huecos
en el rectángulo grande. Primer sorteo cuadrado. A continuación, seleccione la herramienta
de selección directa. Mantenga presionada la L K, haga clic y arrástrala. Arrástralo a esta posición. De esta manera, se dibuja la estrella. Duplicarlo aquí
y lo reside. A continuación, hagamos una división
para el gran círculo aquí. Selecciona la herramienta Pluma,
dibuja las líneas dentro. Luego copia el círculo de abajo, luego selecciona todos ellos, luego encuentra el constructor de formas. Haga clic en cada uno.
Eliminar el acceso. Después duplique el
círculo debajo de él. Ahora la gráfica está lista. Finalmente, selecciónelos y presione control y
d para agruparlos. De esta manera, no
se separarán cuando los muevas. Pasemos a la casa. Continúe seleccionando
la herramienta rectángulo. Mantenga presionada la caja de control
y cambio y seleccione individualmente la
parte superior a las esquinas redondeadas. Después arrastra y suelta los puntos
y el arco está listo. Las divisiones en el arco se dibujan de la misma manera que aquí. Después borra las partes adicionales. Bien, finalmente, dibuja la sombra del orbe. Es así. Bien, vamos a dibujar el cono aquí. Porque no es fácil dibujar simetría cuando
dibujas una forma inclinada, así puedes dibujar primero una
positiva Usa la herramienta Pluma para dibujar un
triángulo. Después haga clic derecho. Seleccione la transformación
transformada en el reflejo. Seleccione vertical
y luego duplique. Align aquí, selecciónelos. Entonces encuentra el pathfinder y
fusiona en una sola forma. A continuación, seleccione la herramienta elipse. Dibuja los labios aquí en el
centro y ajústalo un poco. Duplicarlo nuevamente
y encogerlo. Y luego
controlarlos y agruparlos. Muévelo aquí y ajústelo. Bien, pasemos
a las escaleras. Sigue usando la herramienta rectángulo. Primero, dibuja un cuadrado. Al
mismo tamaño que aquí. Después mantén presionada la tecla, arrástrala y duplícalo
aquí. Después presione control. Puedes mover y
duplicar más de uno. A continuación, seleccione la
herramienta pluma y únelas así. Después fusionarlos. Ahora tienes el contorno
de la escalera. Continúa dibujando
línea recta con el penol. Nuevamente, presione la tecla, arrastre y duplique, alinee
los puntos finales aquí. Bien, entonces
vuelve a usar el penol para unirte a ellos. Y ahora la escalera está lista. Agrupéalos, muévalos
aquí y ajústalos. Bien, sigamos adelante y
dibujemos el medio círculo de abajo. Empecemos dibujando un círculo. Entonces borra aquí el punto de
anclaje. Luego usa la
herramienta de pluma para conectar. Ajusta el tamaño. Bien, dibuja
los triángulos aquí también Usa la
herramienta de rectángulo para dibujar en cuadrados. Después fusionarlos. Selecciona la herramienta de selección directa y cóncava las
esquinas así. Por último agruparlos juntos. Entonces dibuja el círculo aquí. Seleccione la
herramienta de elipse. Dibujando un círculo. La curvatura debe ser
la misma que tu círculo. Después encontramos el trazo aquí y ajustamos el grosor de la línea
al mismo que el boceto. Después alinee los dos n puntos a la sección
del círculo de abajo. A continuación, elimine este punto de anclaje. Esto nos da el
contorno del círculo. Ajusta
de nuevo el grosor del trazo. Bien, entonces selecciona aquí la extensión del
objeto. Haga clic en Bien. Usa la
herramienta de tubería para dibujar un trazo negro. Luego usa la herramienta elipse
para dibujar su sección transversal. Aún los agachan. Y
aquí hacemos lo mismo. La capa superior está casi lista. Pasemos a los gráficos
ocultos en las capas inferiores. Y aquí está el triángulo. Dibuja otro círculo para
dividir el triángulo. Eliminar el exceso. Por último,
el semicírculo aquí Ajusta esta posición. Bien, vuelve a verificar si
faltan algunas formas. El trabajo de línea básicamente está hecho. En la siguiente lección,
dibujaremos un dibujo lineal
de otro póster.
5. Líneas de trabajo: vectoriza tu boceto 2: Se
ha concluido el dibujo lineal del cartel
anterior. Dibujemos otro. El método de dibujo es el
mismo que el último póster. Entonces en el proceso de dibujo no
vamos a explicar
demasiado detalle. Primero, gire la transparencia
del boceto al 30%. Después encuentra la
herramienta rectángulo y dibuja primero
el rectángulo en la
parte superior de la imagen. Bien, entonces ajusta la
forma del rectángulo. El método de dibujar la estrella se
ha enseñado en
el cartel anterior. Duplicarlo. La mitad superior del
rectángulo está básicamente hecha. A continuación, seleccione la herramienta elipse. Dibuja el círculo en la imagen. Para un círculo plano como este, dibuje a círculos concéntricos
primero en el buscador de rutas, haga clic en Strack tap layer, luego dibuje rectángulo
encima Seleccione menos capa de toque aquí. Ahora tienes un círculo,
ajusta su ángulo. Bien. Y aquí está la luna.
Empecemos por dibujar un círculo, luego copiarlo a la derecha. Bien, entonces selecciona aquí y
resta la capa superior. Haga clic con el botón derecho y seleccione imagen
especular en transformación. Oh, ahí hay un rectángulo
escondido. Ahora necesito llenarlo. Bien, selecciona dividir aquí, y luego copia el arco. Abajo. Haga doble clic
en el grupo. Después duplica el arco
y selecciona ambas formas. Después selecciona la
intersección aquí. Entonces se recortará. Bien, entonces agruparlos. Lo mismo aquí. Aquí hacemos lo
mismo con los arcos. La mitad superior del
gráfico está hecha. Dibujemos el centro. Dibuja los ojos primero. El método de dibujo es el
mismo que el del cartel anterior. Organizarlos en grupos. El método de dibujar el cono ya se
ha explicado antes, así que no lo explicaré aquí. Ajustado. Bien,
vamos a agruparlos. Y luego está el rectángulo
inclinado. Aquí, también, muy sencillo. Bien, dibuja otro círculo en la parte superior y luego dibuja el resto de los
círculos de la imagen. Bien, entonces dibuja un cuadrado aquí. Ajusta las esquinas. Ahora,
el sector está listo. A continuación, dibujaremos los triángulos alrededor de los bordes de las ondas Aquí, usa el penal para trazar una
línea recta con una pendiente Selecciona el efecto aquí, distorsiona y transforma el efecto
ripple Ajustar los parámetros
según la vista previa. Después rotarlo 180 grados, ajustar de nuevo los parámetros. Bien, luego selecciona la extensión en objetos, luego conéctala. Bien, y aquí está
la misma forma, así podemos duplicarla aquí. Esta escalera es la
misma que el cartel anterior. Bien, y luego hay
otro aquí, así que podemos duplicarlo aquí. Bien, entonces usa la herramienta de
selección directa para seleccionar esta línea y tire de ella hacia abajo
así hacia el
exterior del círculo. Nuevamente, usa la
intersección para cortarlo. Y luego aquí está el gráfico. Bien, para los triángulos aquí, usa el pantle aquí hay
un rectángulo oculto Y luego hay una
pequeña plaza aquí. Bien. Y finalmente,
dibujaremos las escaleras aquí. El método es el mismo que el trapecio del cartel
anterior Usa el pantalón para
enlazarlos. Fusionar. Para que sea más fácil de ajustar, podemos hacer clic y elegir
para redefinir la caja Entonces presiona hacia abajo un poco
así para darle una
caja para desertar. Bien, y luego agrega la escalera. Empezaremos dibujando una línea
recta como esta. Y luego conectarlos. Bien, ahora que nuestros dibujos de dos
líneas están hechos, siguiente lección los colorearemos.
6. Final: cómo combinar los colores con el gráfico: Hola. Bienvenidos de nuevo a mi clase. En la última lección,
terminamos nuestro trabajo de línea, y
lo he estado refinando un poco. Yo preparo el
esquema de color para el cartel. También puedes encontrar
diferentes esquemas de color según sus
propias preferencias. Bien, comencemos. Primero seleccione la herramienta de selección
directa. A continuación, seleccione la herramienta cuentagotas. De esta manera, podemos alternar entre ellos presionando
la tecla de control. Para unificar los
colores de la imagen, comencemos coloreando
el fondo Selecciona el fondo y usa la herramienta cuentagotas para agregarle un color amarillo
verdoso Este color no
será demasiado oscuro ni demasiado brillante y irá bien
con los otros colores. A continuación, coloreemos el gráfico. Debido a que el rectángulo es grande y en el
borde del marco, por lo que necesita un color más oscuro
para enfatizar su contorno. Entonces los gráficos anteriores y necesitan ser coloreados
en un color más claro. Aquí elijo el amarillo porque los colores necesitan que coincidan con los tonos de los
demás. Aquí elegí un naranja
y un amarillo. El rectángulo aquí también
necesita colores oscuros. Podemos usar nuestros propios sentimientos
para que coincidan primero con los colores. Por ejemplo, para las estrellas de
aquí, suelo elegir colores brillantes. Si elegía el amarillo,
se
mezclaría con el fondo
y no se vería tan brillante. Entonces elegí el blanco, y luego el ojo para los ojos, elegí por el
blanco del ojo, elijo un color más claro. Bien, me gustaría ir
con un color verde aquí. Como aquí hay muchos
colores claros, necesitamos combinar
los colores más oscuros
para los gráficos en la parte posterior. Al elegir el mismo color
para las formas ocultas, las formas frontales se
pueden establecer muy
bien porque aquí hay más gráficos de color
oscuro. Para resaltar los gráficos anteriores. Yo elegí negro para
el círculo aquí. Entonces necesito un
color más claro aquí, como el blanco. Los colores para la
mitad superior del círculo ahora se emparejan para el círculo aquí para
diferenciarlo del anterior, puedes usar el esquema de color
opuesto. Es a la vez resonante y diferente. Entonces necesitamos usar
colores más oscuros para estas dos áreas. Aquí quiero usar una coloración azul
oscuro. Entonces un color
diferente a su vez para ir con él. Entonces podemos elegir un color verde
o amarillo aquí. Elige un
color amarillo para la estrella, pero se mezcla un
poco con un fondo. Podrías elegir el
color azul aquí para hacer eco de él. Entonces necesitamos un color
más claro aquí, como el amarillo o el blanco. Entonces necesitamos un color más oscuro
aquí, como el azul oscuro, y aquí podría ser
rojo anaranjado para
diferenciarlo de aquí, entonces tenemos que elegir un
color más oscuro para la transición. El gráfico aquí tendrá el
efecto de pasar a través. Entonces elige
aquí también un color más oscuro, como el azul oscuro. Y luego las escaleras, aquí, suelo usar los colores
contrastantes. Porque aquí estamos usando
azul oscuro y cian. La escalera es en blanco y
negro. De esa manera,
destacará la escalera. Entonces el b podría ser de
un color más cálido. Por eso elegí el naranja. Aquí quiero usar
cian y negro. Para enfatizar el cono aquí, necesito elegir un color
claro a juego. Porque el amarillo se mezcla
fácilmente con el fondo. Por eso quiero usar el blanco. La sección transversal puede ser del
mismo color que la pupila. M. Luego está la casa aquí basada en el esquema de color
circundante. Elegí naranja y negro. Para aumentar
la sensación de espacio, sigo usando los
colores contrastantes del blanco y negro. Para el piso, elegí el amarillo. Entonces el cuenco en su interior debe ser un color oscuro claro azul oscuro. Las sombras son negras. Entonces aquí uso
azul oscuro y blanco. En general se ve bien hasta ahora. Entonces se termina el esquema de color de
nuestro póster. Presta atención al
contraste entre tonos de color básicamente no
va a salir mal. Con las líneas de dibujo abiertas, pasemos a
colorear otro póster. El método de coloración es
prácticamente el mismo que
el del último póster, así que esta vez no entraré en
demasiados detalles. Bien, comencemos. Uh. Bien, ya está hecho. Y te voy a resumir el
esquema de colores. El primer paso es preparar tu
esquema de color favorito de antemano. El segundo paso es colorear el fondo para establecer
el tono de la imagen. El tercer paso es
colorear el gráfico acuerdo al contraste entre las tonalidades
de los colores. Bien, ese es el final
de nuestra lección hasta ahora. Nos vemos la próxima vez. Bien.
Jing Zhang
