Illustrator
Illustrator
Shif+ w
Cómo crear un retrato vibrante del día de los muertos en Adobe Illustrator
Day of the Dead es una fiesta mexicana muy hermosa e inspiradora. Creamos un retrato femenino usando diferentes
métodos y técnicas para un gran resultado. Puede utilizar este tutorial como referencia para su propia imagen.
Si está interesado en comprar un gráfico, vector o plantilla (para complementar su trabajo en el tutorial), hay una
colección útil de artículos del Día de los Muertos en GraphicRiver .
1. Haz un boceto
Paso 1
Al principio vamos a dibujar un boceto esquemático, y agregaremos los detalles más [Link] los atributos
inherentes a esta fiesta: decoraremos el peinado con maravillas mexicanas, usaremos adornos y joyas tradicionales y
crearemos el maquillaje de Calavera.
Paso 2
Crear un nuevo documento, 600 x 850 px , RGB . Luego Archivo> Coloque su boceto en Adobe Illustrator. Cambia el
nombre de la capa a "boceto". En las Opciones de capa, elija Plantilla y cambie Dim Images al 50% .
Paso 1
Crea una nueva capa para las líneas. Para un proceso de trabajo conveniente, utilizaremos dos tipos de capas para cada
grupo de objetos: línea y forma.
Paso 2
Vamos a crear un nuevo pincel de arte . Haz una elipse negra de 100 x 2 px usando la herramienta Elipse (L) con un
relleno del 100% y sin golpe. Arrástrelo al panel Pinceles y vaya a Pincel nuevo> Pincel artístico nuevo . Presione OK ,
y elija el método Tints .
Paso 3
Comience a dibujar el contorno de los ojos. Dibuja líneas suaves siguiendo el boceto. Cambia el peso del trazo a 0,25
pt para las pestañas y pliegues de la piel debajo de los ojos.
Etapa 4
Seleccione el ojo con la herramienta de selección (V) y presione Control-C y Control-F. A continuación, elija Voltear
horizontal en el panel Transformar . Arrastre este ojo reflejado usando la herramienta de selección (V), presionando
el botón Shift .
Paso 5
En esta etapa, los ojos se ven cruzados. Seleccione y alinee el iris con la pupila de los ojos con losbotones izquierda-
derecha . También cambie el orden de las pestañas y agregue algunos pliegues de piel debajo de los ojos.
Paso 6
Dibuje la nariz y los labios, la línea de la cara y el cuello de esta manera. Primero dibuja la parte correcta, luego voltéala
horizontalmente. No dibujes las cejas; estarán ocultos por el maquillaje de Calavera.
Paso 7
Agregue una nueva capa para las flores. Comienza a dibujar los pétalos desde el centro de la flor hasta el borde. Al final,
diversifícalos con los brotes y las hojas.
Paso 8
A continuación, comencemos a diseñar los pendientes. Dibuje dos formas de elipse, y luego corte las piezas innecesarias
con la herramienta de tijeras (C) y elimínelas.
Dibujaremos la forma de la media luna con los agujeros para las cuentas de esta manera. Agregue líneas adicionales para
el grosor del pendiente.
Comience a dibujar desde la parte superior poco a poco moviéndose hacia abajo. Primero haga solo las líneas principales,
y luego agregue los detalles.
Paso 10
Así es como se ve la imagen ahora.
3. Crea las formas principales
Paso 1
Ahora tenemos que crear la muestra de los colores principales. Básicamente elegiremos colores brillantes para todas las
formas y un color pálido para la piel.
Paso 2
Comience a pintar las formas principales siguiendo el contorno del pincel. Puede usar la herramienta Lápiz (N) o
la herramienta Lápiz (P) para su conveniencia.
Paso 1
Crea una nueva capa para el contorno del maquillaje sobre la capa "face_line". Haz las siguientes capas con formas
invisibles: ojos y labios, cara y cuello, fondo.
Elija su Art Brush y cambie su Weight a 0.75 pt en el panel Stroke . Ahora comienza a dibujar el contorno del
maquillaje siguiendo el boceto. Durante el proceso, podemos agregar detalles adicionales. Primero dibuja un lado del
maquillaje y luego voltéalo horizontalmente para el otro lado.
Paso 2
Crea una nueva capa para las formas del maquillaje sobre la capa "eyes-lips_shape". Elija los colores y cree las formas
principales siguiendo el contorno del pincel.
Ahora ve a la capa "face_line" y elimina las líneas de la nariz y la parte media de los labios.
Vamos a volver a pintar los contornos del maquillaje. Seleccione las líneas y vaya a Objeto> Expandir
apariencia . Llénalos con tonos más oscuros en comparación con los colores principales de las formas.
Expande y colorea el resto de las líneas de acuerdo con el maquillaje. Puede ver el resultado final en el lado derecho de la
cara en la captura de pantalla.
Paso 3
Finaliza el lado izquierdo del maquillaje.
Paso 1
Primero agreguemos algo de volumen a los ojos. Comience con el blanco del ojo, llenándolo con un tinte azul
claro. Dibuje algunas formas de color azul oscuro debajo de las pestañas y colóquelas una encima de la otra, reduciendo
la Opacidad al 10-20% .
Luego dibuja una franja rosa en el margen del párpado y agrega algunas sombras y reflejos. Agregue un poco de brillo al
blanco del ojo también.
Ahora llegamos al iris del ojo. Crea dos elipses detrás de la pupila del ojo y llénalos de color marrón y naranja. Elija el
color más oscuro para la parte superior del iris y más claro para la parte inferior. Agregue algunos centelleos brillantes.
Agreguemos un resaltado brillante al área negra y a la línea roja. Agrega volumen a las pestañas también.
Ahora copia estos nuevos detalles y voltéalos horizontalmente. Las excepciones son el iris y la pupila con centelleos;
simplemente cópielos y muévalos presionando el botón Alt .
Paso 2
Ahora vamos a trabajar en los labios. La parte superior de los labios está sombreada, por lo que es más oscuro. Agregue
algunas sombras y reflejos como se muestra a continuación. Use Opacidad para hacer que la superficie sea más suave.
Paso 3
Es hora de agregar un poco de volumen a la cara y el cuello. Dibujaremos el rubor primero. Elija un color rosado y
agregue las formas del rubor a las mejillas y el cuello. Selecciónelos y vaya a Efecto> Desenfocar> Desenfoque
gaussiano . En el panel Transparencia , reduzca la opacidad al 40% .
Etapa 4
Ahora agrega algunas sombras. Elija el color del contorno de la cara y reduzca la opacidad al 15% . Dibujaremos las
formas básicas en el área donde generalmente aparecen las sombras.
Luego dibujaremos el volumen siguiendo estas formas básicas. Coloque las formas una encima de la otra hasta que
obtenga el resultado deseado. Cambie la opacidad de las formas durante el proceso. Dibuja las mismas sombras en el
cuello también.
Elige un color más oscuro y dibuja las sombras que caen, usando 14% de opacidad .
Paso 5
Ahora agrega reflejos del fondo. Seleccione el color azul de fondo, reduzca la opacidad al 5% . Dibuja algunas formas en
los pómulos y el cuello. Agregue algunos reflejos debajo de la nariz también.
A continuación, elija un color azul más oscuro y dibuje sombras que caen de los pelos, las hojas y los pendientes. Varíe
la opacidad del 10% al 30%.
Elige el color rojo-marrón y dibuja las sombras en la parte inferior del cuello.
Paso 6
Agreguemos algunos aspectos destacados a la cara. A partir del color de la base de la piel, seleccione el tono más claro y
reduzca la opacidad al 20% . Dibuja las formas en la frente, la nariz y la barbilla, y sobre los labios también.
Ahora elija el color cian y dibuje reflejos en los pómulos y las comisuras de los labios. Reduzca
la opacidad al 20% también.
Al final agreguemos algunos destellos brillantes a la parte inferior de la nariz y al área sobre los labios. Para que la piel
luzca más natural, agrega algunos lunares livianos.
Paso 11
Bueno, dibujemos las flores. Primero agrega el color base, luego dibuja las sombras oscuras y las sombras caídas, los
reflejos y el brillo. Use los mismos principios que se muestran en la captura de pantalla.
Crea una nueva capa sobre la capa "flowers_line". Agregue algunos reflejos a los pétalos cerca de la cara y dibuje las
sombras en los pétalos exteriores. Use un color casi blanco para los reflejos y azul oscuro para las sombras. Reduzca
la opacidad al 10% y cambie también el modo de fusión a superposición .
Paso 12
Dibuje el volumen de las hojas y los brotes de la misma manera.
Paso 16
Finalmente, es hora de mejorar el peinado. No dibuje el volumen a fondo, porque la mayoría de los objetos son muy
brillantes en la imagen. Simplemente haz que los pelos sean neutrales.
Dibujemos las formas en el área más clara, luego selecciónelas y presione Unir en el panel Pathfinder . Ahora rellene
esta forma con el degradado lineal del contorno del cabello y reduzca la opacidad al 40% . Repita este proceso,
dibujando formas más pequeñas con 60% de opacidad .
Abre la capa "hair_back". Seleccione las formas principales, y presione Control-C y Control-F . Llénelos con el mismo
degradado lineal del contorno del cabello y reduzca la opacidad al 60% . También agregue algunas sombras negras que
caen de las flores.
Vamos a dibujar algunas formas azules en la parte posterior del peinado. Elija el color de fondo, reduzca
la opacidad al 40% y dibuje los reflejos. A continuación, agregue algunas formas cian con 20% de opacidad .
Dibuje los reflejos azules en la parte delantera del peinado de la misma manera. El color más brillante debe estar en los
bordes de la imagen, así que reduzca la opacidad poco a poco yendo al centro.
6. Es hora de los toques finales
Paso 1
Agreguemos algunos detalles necesarios. Comience con el fondo. Elija el color azul oscuro con 20% de opacidad y
póngalos uno encima del otro alrededor del peinado. Luego elige un color más oscuro que el anterior y dibuja algunas
formas en el borde del cabello. Al final, usa el color más oscuro para las sombras y un azul brillante para los
reflejos. Reduzca la opacidad al 20% también.
Paso 2
Vamos a crear un pincel patrón para la decoración del chal. Dibuja una forma y crea un nuevo pincel de patrones como
se muestra a continuación.
Ahora elija el pincel y dibuje líneas para decorar nuestro chal. Luego, seleccione estas líneas y vaya a Objeto> Expandir
apariencia . Elimine los elementos innecesarios usando la herramienta borrador (Shift-E) . A continuación, mueva este
patrón detrás de todas las sombras presionando Control-Shift- [ . Al final, agregue algunos reflejos azules al patrón.
Paso 3
Agreguemos algunos pelos finos al peinado. Primero, crea una nueva capa sobre la capa "earrings_line". Esto lo hará
parecer más natural. Dibuje algunos pelos en el borde del peinado y reduzca el peso del trazo de 0.75 pt a 0.25 pt . Luego
selecciona estos pelos, expande y únelos. Rellena la forma que tienes con el degradado de las líneas base.
Etapa 4
Agreguemos algunos pétalos que caen al primer plano para que nuestro retrato sea más especial y animado. Dibuje varios
tamaños de pétalos al azar y luego añádales el volumen siguiendo los mismos pasos que en las flores.
Al final, agregue algunas sombras a los pétalos inferiores y algunos reflejos azules a los superiores.
Anuncio
Paso 5
Echemos un vistazo a nuestro trabajo y hagamos algunos cambios si es necesario. En mi caso, noté que las sombras en los
ojos y el cuello eran demasiado claras. Así que dibujé algunas formas con el color azul oscuro, el 10% de opacidad y
el modo de fusión de superposición hasta que obtuve el resultado deseado.
¡Gran trabajo! ¡Hemos terminado!
¡Nuestro retrato para el Día de los Muertos está listo! Fue un proceso complicado, pero espero que el resultado final
cumpla con sus expectativas. ¡Gracias por crear conmigo!
Cómo crear Tin Man del mago de Oz con Adobe Illustrator
Lo que crearás
El tutorial de hoy es un poco especial ya que es parte de una serie más grande destinada a mostrar un poco de amor por
todos ustedes fans de Wizard of Oz. Vamos a recrear un personaje de la historia, y no solo a cualquier personaje:
tendremos el honor de construir Tin Man.
Vamos a utilizar algunas de las formas básicas de Adobe Illustrator combinadas con la herramienta Pluma, pero no debe
preocuparse, porque el proceso es muy sencillo. Entonces, si tienes algún conocimiento básico de Illustrator, ¡debes
hacerlo!
1. Configure el documento
Primero lo primero, comencemos creando un Nuevo documento yendo a Archivo> Nuevo o usando el atajo de
teclado Control-N . Ajustaremos algunas de sus configuraciones:
Una vez que hemos creado nuestro pequeño documento, es el momento de superponerlo para poder separar las diferentes
secciones de la ilustración, lo que nos permitirá enfocarnos mejor cuando comencemos a agregar detalles.
Abra el panel Capas y cree tres capas. Vamos a nombrarlos para que sepamos cuál es cuál:
1. marco de madera
2. personaje
3. hacha
3. Crea el marco de madera
Trabajaremos hacia arriba, desde la capa de marco de madera hasta la del hacha, asegurándonos de bloquear todo menos
la capa en la que estamos actualmente. Esto te ayudará a mantener tus formas organizadas, mientras que las cosas serán
mucho más fáciles de editar.
Paso 1
La primera capa en la que vamos a trabajar será el marco de madera circular, sobre el cual colocaremos el resto de nuestra
ilustración.
Entonces, suponiendo que está en la capa de marco de madera, use la herramienta Elipse Tool (L) para crear un círculo
de 320 x 320 px , que utilizaremos para colorear #99847B .
Una vez que tenga el contorno, cambie su color a algo más oscuro ( #453F3C ) para que podamos distinguirlos, y luego
selecciónelo tanto como la forma anterior y agrúpelos utilizando el atajo Control-G .
Paso 3
Crearemos un círculo más pequeño y liviano, de solo 280 x 280 px , que utilizaremos para colorear #806E67 , y luego
colocaremos sobre el anterior, asegurándonos de centrarlo, y luego le daremos el mismocontorno de 6 px .
Como antes, agrupe el círculo y su contorno, ya que en el siguiente paso comenzaremos a agregar detalles que se
superpondrán con algunas de las formas, lo que dificultará su funcionamiento si no están agrupados.
En caso de que se esté preguntando por qué agregamos esta segunda pieza, la razón es que el primer círculo terminará
siendo nuestro cuadro real, mientras que el interior más pequeño actuará como fondo. Si aún no lo ves, bueno, vamos a
cambiar eso agregando algunos detalles.
Etapa 4
En este paso agregaremos las líneas verticales que darán la impresión de que nuestro fondo está hecho de baldosas de
madera.
Para hacer eso, simplemente seleccione la herramienta Rectángulo (M) y cree cinco formas de 4 x 328 px( #453F3C ),
que ubicaremos 48 px el uno del otro, asegurándose de agrupar ( Control-G ) y alinearlas al centro de nuestra círculo
después.
Paso 5
Una vez que tiene el primer conjunto de líneas verticales, necesitamos crear una copia ( Control-C> Control-F ) de ellas,
que colocaremos hacia el lado izquierdo, de modo que los elementos de los dos grupos se coloquen uno al lado del otro.
Dado que estos actuarán como sombras, debemos cambiar su color a negro ( #000000 ) y establecer el modo de
fusión para Multiplicar al tiempo que reducimos la opacidad al 20% .
Paso 6
Ahora, dado que queremos que tanto las líneas verticales como las sombras cubran solo la superficie del círculo más
pequeño, tendremos que seleccionar crear una copia del círculo (no el contorno) y pegarlo sobre ellos.
Una vez que tengamos la copia en su lugar, debemos seleccionarla y nuestras líneas y luego hacer clic con el botón
derecho> Crear máscara de recorte . Esto enmascarará las secciones de las líneas que salen de la superficie del círculo,
que es exactamente lo que queríamos.
Paso 7
Tan pronto como enmascaremos las líneas, podemos cortar ( Control-X ) y pegarlas ( Control-F ) dentro del grupo del
círculo interno haciendo doble clic en él para ingresar al Modo de aislamiento .
Paso 8
A continuación, debemos agregar una pequeña sombra interna, creando dos círculos, uno de 280 x 280 pxuno, y otro más
pequeño de 260 x 260 px , que luego extraeremos del más grande utilizando la función Minus Front de Pathfinder .
Una vez que tengamos la forma resultante, cambie su color a negro ( #000000 ) y configure su Modo de
fusión para Multiplicar mientras reduce su Opacidad al 20% .
Paso 9
Siguiendo el mismo proceso que con la sombra tipo anillo, agregaremos un resaltado circular al borde del marco de
madera (el círculo más grande, no el contorno) creando una elipse de 320 x 320 px , de la cual cortaremos una más
pequeña de 312 x 312 px .
Primero, debemos ingresar al grupo de círculo más grande haciendo doble clic en él para ingresar al Modo
de aislamiento , donde al usar la Herramienta de lápiz (P) empezaremos a dibujar pequeñas líneas curvas. Tenemos que
asegurarnos de establecer el peso de las líneas a 2 px y colorearlas con el mismo tinte utilizado para el contorno
( ). #453F3C
Una vez que haya terminado, su diseño debería verse más o menos así.
Normalmente, necesitaríamos agregar las líneas de detalle de madera a la sección interior de nuestro marco, pero como
todavía no tenemos dibujada la silueta de nuestro personaje, será más fácil dejarlo como está por ahora y volver más tarde.
una vez que tenemos todo presentado.
A partir de este momento, nos enfocaremos en crear el personaje, pero voy a cambiar las cosas un poco.
Si has leído algunos de mis tutoriales anteriores, habrás notado que por lo general me vuelvo loco con los números, el
posicionamiento, etc. Aunque no hay nada de malo en eso, sentí que para este tutorial tenía que hacer las cosas un poco de
manera diferente, ya que quiero ponerte en un estado mental más creativo, y realmente ver que te expreses dándote
algunos consejos aquí y allá.
Dicho eso, toma una taza de café o té, y como dijo el Gran Oz: "Tienes mucho coraje, todo lo que necesitas es confianza
en ti mismo".
Paso 1
Primero, asegúrese de estar en la capa de caracteres, y con la herramienta Pluma (P) comencemos a trabajar en el collar
de metal de Tin Man dibujando una forma similar a un trapecio que utilizaremos con el color #CCC4C4 .
Como puede ver, dibujé una forma relativamente grande en términos de ancho, y la coloqué hacia el lado inferior central
de mis círculos internos, ya que tendremos que enmascararla más adelante.
Paso 2
A continuación, debemos agregar un contorno al collar seleccionándolo y luego yendo a Objeto> Ruta>
Desplazamiento y aplicando un desplazamiento de 6 px . Como el contorno debe sobresalir del relleno interno,
tendremos que cambiar su color a #453F3C .
Paso 3
Una vez que tengamos la sección inferior de nuestro collar, podemos comenzar a trabajar en su parte superior agregando
una forma de elipse que actuará como la sección interior, y luego le daremos esecontorno de 6 px .
Etapa 4
A continuación, agregaremos una sombra sutil a la parte superior del elemento del collar interno que acabamos de
crear. Le recomiendo que use la herramienta Pluma (P) y dibuje un camino que es más estrecho hacia la parte superior,
pero luego sale más ancho hacia los bordes. Una vez que haya dibujado la ruta, simplemente cambie su color a negro
( #000000 ) y luego configure su Modo de fusión para Multiplicar mientras reduce la Opacidad al 20% .
Dado que la forma saldrá de la superficie de la elipse, necesitaremos crear una copia de la elipse y usarla como máscara de
recorte para nuestra sombra.
Paso 5
Con la herramienta Pluma (P) comience a agregar algunos detalles a la sección inferior del collar creando algunos
resaltes. A continuación, utilice la herramienta Elipse (L) para agregar un pequeño resalte redondo que inclinaremos
ligeramente hacia la izquierda.
Asegúrese de que una vez que haya terminado de agregar los detalles, los coloque debajo de la elipse superior,
seleccionando la parte inferior del collar y los resaltados y luego haga clic con el botón derecho> Organizar> Enviar a
la parte posterior .
Paso 6
Una vez que haya terminado de agregar los aspectos más destacados, tenemos que agregar los pequeños pernos y el
divisor vertical. Primero agarra la herramienta Elipse Tool (L) y crea cuatro círculos de 6 x 6 px( #453F3C ) y
colócalos equitativamente a una distancia de 4 px el uno del otro. Agrupe los pernos ( Control-G ) y luego alinéelos al
centro de la sección inferior de nuestro collar, empujándolos un poco hacia el lado derecho.
Agregue un rectángulo de 4 x 48 px ( #453F3C ) a su derecha y una sombra más pequeña de 2 x 48 px justo al lado del
divisor.
Además, en este punto sería una buena idea seleccionar todas las formas del collar y agruparlas ( Control-G ) para que las
cosas no terminen volando.
Nota rápida: tenga en cuenta que algunos de los valores indicados anteriormente pueden variar ya que sus dimensiones
serán diferentes a las mías. Una vez dicho esto, no te desanimes; intenta usar lo que he usado y ajusta las formas como lo
necesites.
Paso 7
Ya que hemos terminado de trabajar en el collar, ahora podemos comenzar a enfocarnos en el cuello.
Como siempre, lo primero que debemos hacer es crear la sección de relleno principal. Dibuja un rectángulo y empuja los
puntos de anclaje superiores ligeramente hacia adentro.
Colorea la forma usando #CCC4C4 y luego colócala hacia la parte inferior central de la elipse del collar.
Paso 8
Una vez que tengas la base para el cuello en su lugar, dale un contorno y establece el color de la nueva
forma #453F3C . Puede ser una buena idea agrupar los dos ( Control-G ) ya que tendremos que hacer algunos ajustes en
el siguiente paso.
Paso 9
En este punto, es posible que haya notado que los lados inferiores de la forma interna y el contorno de nuestro cuello salen
de la superficie de la elipse, que es algo que debemos corregir.
La solución más simple es seleccionar y crear una copia de la elipse del collar (no el contorno) y luego eliminar su punto
de anclaje superior seleccionándolo y presionando Eliminar . Luego, usando la herramienta Pluma (P) continúe
dibujando la forma, creando una sección superior que pase por el borde superior del contorno de nuestro cuello. Luego,
simplemente seleccionamos tanto el cuello como el contorno y creamos una máscara de recorte.
Paso 10
Una vez que hemos arreglado el cuello, podemos comenzar a agregar algunos detalles, como los divisores de líneas
horizontales y algunos resaltados y sombras. Tenga en cuenta que una vez que comience a trabajar en los detalles, primero
debe ingresar al grupo de cuello, ya que de lo contrario, podría perder cosas.
Además, tendrá que agrupar todos sus detalles y enmascararlos usando la sección interna del cuello, ya que de lo contrario
saldrán de su superficie.
Paso 11
Como básicamente hemos terminado con el cuello, ahora podemos pasar a la cabeza misma.
Empecé a trabajar en la cabeza dibujando primero un rectángulo de 92 x 134 px con un radio de esquina de 46 px que
luego ajusté tocando con sus puntos de anclaje.
La forma que adoptará tendrá una sección superior ligeramente más plana, mientras que la inferior se verá un poco
alargada.
Tómese su tiempo y juegue con él hasta que tenga una forma agradable, y luego coloreéelo usando #CCC4C4 y
colóquelo sobre el cuello para que quede ligeramente sobre él.
Paso 12
Dale un contorno a la cabeza y luego comienza a agregarle los ojos, la nariz y la boca.
Paso 13
Una vez que tenga los ojos, la boca y la nariz en su lugar, es hora de comenzar a agregar las orejas.
En mi ilustración, he creado los oídos dibujando dos rectángulos de 10 x 26 px ( #968F8E ) con un radio de esquina de
5 px , al que he aplicado un efecto de desplazamiento de 6 px para obtener los contornos.
Luego cambié el color del contorno #453F3C y coloqué un par en cada lado usando los ojos como puntos de referencia,
asegurándome de enviarlos a la parte posterior de la cabeza.
Paso 14
Tan pronto como terminemos de crear los oídos, podemos comenzar a dibujar el sombrero de embudo.
Entonces, usando la herramienta Pluma (P) , comience a trazar la sección inferior del sombrero, por lo que es solo un
par de píxeles más ancho que la cabeza misma. Colorea la forma usando #968F8E y luego dale un contorno.
Paso 15
A continuación, continuaremos dibujando la sección superior del sombrero. Tendremos que asegurarnos de que los puntos
de anclaje inferiores se alineen muy bien con los superiores en la forma que acabamos de crear. Una vez que hayas
rastreado la forma, coloreala usando #7B7472 y, por supuesto, dale un contorno.
Paso 16
Como el sombrero original tenía asa, también debemos asegurarnos de agregar uno al nuestro.
Usando la herramienta Elipse Tool (L) crea un círculo de 28 x 28 px ( #968F8E ), y luego voltea su relleno con su
trazo presionando Shift-X .
Dado que nuestro círculo ahora debería ser un anillo, tenemos que ajustar su peso al establecerlo en 4 px . Luego,
simplemente expanda la forma yendo a Objeto> Expandir> Relleno y trazo y proporcione a la forma resultante una ruta
de desplazamiento de 6 px .
Finalmente, agrupe ( Control-G ) tanto el relleno como el contorno y coloque el asa a la derecha del sombrero.
Paso 17
Una vez que hemos terminado de trabajar en el sombrero, podemos comenzar a agregar detalles más finos a nuestro
personaje, al agregar reflejos, sombras y un par de pernos y divisores para darle ese aspecto metálico. Tómese su tiempo y
sea lo más detallado posible.
Paso 18
Una vez que haya terminado de agregar los detalles, es posible que observe que la sección inferior del collar va fuera de la
superficie de la sección interior de madera. Como queremos que esté enmarcado dentro de él, primero agruparemos
( Control-G ) todos los elementos que forman nuestro personaje y luego lo enmascararemos con un círculo de 280 x 280
px que colocaremos en la parte superior.
Paso 19
Pero espera, algo se siente mal, como si nos falta una pieza.
Bueno, Dorothy, lo somos. Como pensé que primero deberíamos enfocarnos en los componentes principales del
personaje, dejé la cereza para el final. Si aún no sabes de lo que estoy hablando, te lo haré saber: es el arco.
Así que vuelva a entrar y dibuje un arco bonito, que aplicaremos con color #ED7161 y luego lo colocaremos sobre el
cuello hacia su lado inferior.
Paso 20
Antes de pasar a la última parte de nuestra ilustración, primero tendremos que tomarnos un par de minutos y trabajar en
nuestras líneas de madera, que necesitamos ubicar dentro del segundo grupo circular. Como antes, use un trazo de 2 px
de peso y juegue hasta que tenga unas líneas bonitas.
Ahora, dado que los detalles deben ir a la capa de marco de madera, tendrá que bloquear el carácter uno, y trabajar dentro
de la capa previamente mencionada.
5. Crea el hacha
Ahora estamos en nuestro último segmento de la ilustración, que es la pieza distintiva de Tin Man, el hacha.
Si has leído la historia, entonces sabes que Tin Man (que en realidad debería ser Tin Woodsman), originalmente no estaba
hecho de metal. En cambio, era una persona real como yo y tú, llamado Nick Chopper. Solía ganarse la vida talando
árboles en los bosques de Oz.
Ahora, para abreviar, tuvo algo de carne con la Malvada Bruja del Este que encantó su hacha de tal manera que le cortó
las extremidades una por una, pero en lugar de morir de alguna manera mágicamente las reemplazó con prótesis de estaño.
extremidades.
Intente obtener una sensación más orgánica, y una vez que tenga algo que parezca agradable, póngalo en
color #806E67 y póngale un contorno de 6 px ( #453F3C ) utilizando el efecto de ruta de desplazamiento.
Con la sección interna y el contorno seleccionado, agrúpelos ( Control-G ) y luego colóquelos hacia el lado inferior del
marco de madera para que terminen enmascarando aproximadamente la mitad de la superficie del arco.
Ahora, en caso de que su contorno se vuelva un poco funky como el mío, no se preocupe: haremos que ese lado se
superponga con la cuchilla, para que todo salga bien.
Paso 2
De acuerdo, entonces ahora que tenemos el mango, ¿qué le parece agregarle algunos detalles, como las líneas de madera,
un punto culminante superior y una sombra inferior?
Paso 3
Comencemos trabajando en la hoja, creando un rectángulo de 24 x 40 px ( #B1A9A9 ) con un radio de esquina de 2
px . Ajustaremos la forma seleccionando los puntos de anclaje del centro inferior utilizando la Herramienta de Selección
Directa (A) y luego eliminándolos presionando Eliminar .
Luego, usando la herramienta Pluma (P) , continúe la forma dibujando la sección inferior de la hoja, asegurándose de
cerrar la ruta que ha trazado.
Anuncio
Etapa 4
Una vez que tenga una hoja bonita, déle un contorno y luego colóquela en el lado derecho del mango, asegurándose de
enmascarar cualquier imperfección creada por el contorno del mango.
Eso es todo, amigos!
Espero que te hayas divertido haciendo este pequeño tutorial, y espero ver tus resultados finales, ¡así que no me dejes
esperando!
Dibuja el león cobarde del mago de Oz en Adobe Illustrator
Lo que crearás
El maravilloso mago de Oz es una de las novelas de cuento de hadas más populares para niños, que también es amada por
millones de adultos por su fantástica y mágica atmósfera. En este tutorial vamos a crear un retrato colorido de Cowardly
Lion, usando una foto de archivo para crear una apariencia realista y delineada. Agregaremos algunos efectos grungy y de
iluminación, creando un elegante póster temático con el León Cobarde. ¡Empecemos!
Paso 1
Para nuestro tutorial, usaremos esta foto de un león de [Link] . También hay una gran colección de fotos de leones
en PhotoDune , si desea crear una variación en el tutorial.
Archivo> Coloque la foto en su documento de Adobe Illustrator y colóquela de modo que la cabeza del león esté en el
centro de su Artboard. Establecí el tamaño de la mesa de trabajo en 700 x 800 px . Puede cambiar el tamaño de la mesa de
trabajo en cualquier momento con la ayuda de Artboard Tool (Shift-O).
Haga doble clic en la capa que contiene la foto del león en el panel Capas y marque el cuadro Imágenes débiles en ,
convirtiendo nuestra imagen de referencia en una plantilla semitransparente.
Puede ver la configuración de mi herramienta Blob Brush (Shift-B) en la captura de pantalla a continuación. Estoy
usando una tableta digital, así que habilito la función Presión al lado del control deslizante Tamaño .
Comenzamos perfilando el ojo, cambiando el ancho de las líneas variando la presión. Presiona con más fuerza en tu
tableta para obtener una línea más gruesa y usa una presión muy ligera para obtener una línea delgada. También puede
cambiar el tamaño del pincel, utilizando las teclas [ y ] .
Paso 3
Agregue más detalles, agregando trazos pequeños y finos alrededor del ojo para la piel. Sigue la dirección del pelo del
león mirando la foto.
Etapa 4
Muévete a la nariz y la boca de nuestro león. Tenga en cuenta que estamos delineando solo la parte izquierda de la cara,
porque más adelante haremos una copia en espejo, creando un retrato simétrico.
No se preocupe si las líneas se superponen en este paso, porque también corregiremos eso.
Paso 5
Use trazos curvos para agregar una parte barbuda debajo de la boca.
Paso 6
Vamos a movernos a los oídos de nuestro león. El contorno de la oreja parece más áspero y ondulado, así que cambiemos
la fidelidad de nuestra herramienta de pincel de gota (Shift-B), moviendo el control deslizante más cerca de Preciso en
el lado izquierdo. Ahora podemos hacer trazos aún más naturales con detalles menores.
Paso 7
Dibuje la melena del león alrededor de la cara (solo desde el lado izquierdo de la cabeza). Luego, seleccione todas las
líneas creadas, Agrupelas (Control-G) y haga doble clic en la Herramienta de reflejar (O) para abrir la ventana de
opciones de Reflejar . Da la vuelta a la imagen sobre el eje vertical y usa el botón Copiar para crear el lado derecho de
la cabeza del león.
Use la foto de referencia para colocar la copia contorneada en la posición correcta, moviendo el ojo derecho al mismo
lugar que en la foto. Notarás que algunas otras partes (la boca y la nariz) pueden superponerse con la mitad izquierda de la
imagen delineada, pero no te preocupes por eso.
Paso 8
Seleccione la copia de los contornos en el lado derecho y haga doble clic para aislar el grupo seleccionado. Seleccione
las líneas de la nariz y muévalas hacia la derecha, colocando la nariz en la posición correcta. Haz lo mismo con la boca y
la barba.
Paso 9
Ajuste la posición de la melena en el lado derecho de la imagen. Redibuja algunas partes de la melena para hacer que la
imagen sea más versátil y no completamente simétrica.
Paso 10
Volteemos las cejas del león boca abajo para que parezca más cobarde. Para aumentar este efecto, agreguemos también
una pequeña línea arqueada en los bordes exteriores de los ojos.
Paso 11
Usa las Guías para ubicar el centro de la cara del león y para colocar los elementos simétricamente. Presione Control-
R para mostrar las Reglas . Haga clic en la Regla del lado izquierdo y arrastre la Guíahasta su Artboard, colocándolo en
el medio de la cara del león. Agregue detalles menores a la nariz, definiendo su centro.
Paso 12
Si amplía, puede encontrar que algunas líneas se superponen. Veamos cómo podemos deshacernos de las piezas no
deseadas fuera de las líneas. Seleccione dos líneas superpuestas y tome la herramienta Shape Builder (Shift-
M). Coloque el cursor del mouse sobre la pieza no deseada y haga clic en ella mientras mantiene presionado Alt para
eliminarla.
Paso 13
Utilice la herramienta Eliminar punto de ancla (-) para eliminar los puntos de anclaje innecesarios y la herramienta de
selección directa (A) para mover los puntos, haciendo que las formas se ajusten entre sí.
2. Colorea los contornos creados
¡Animemos nuestra imagen agregando colores! En primer lugar, crearemos un esquema de color básico con colores
planos, creando la apariencia general de nuestro león. Luego agregaremos más acentos y usaremos degradados para
sombras y armónicos, haciendo que la imagen sea más realista.
Paso 1
Crea una nueva capa debajo de la capa de contorno. Coloque la imagen de referencia del león al lado de la mesa de
trabajo y use la herramienta Cuentagotas (I) para elegir el color beige claro básico de la fotografía.
Toma la herramienta Lápiz (N) y comienza a llenar la parte superior de la melena con el color. No es necesario que la
línea del cabello repita exactamente la misma forma que los contornos que hemos creado previamente. Simplemente haz
que las formas se ajusten entre sí. Muévete por el borde de la melena, agregando manchas de color, pero dejando el centro
de la cara del león en blanco por el momento.
Paso 3
Dibuje una forma de color beige claro para el centro de la cara y Envíelo a la parte posterior (Control-Shift- [) ,
colocándolo debajo de la melena. Elija un color marrón claro de la foto de referencia y agregue acentos más oscuros al
retrato, dibujando formas de cabello castaño a lo largo de los pómulos, en la frente y en las orejas.
Etapa 4
Muévase a la parte inferior de la cara, llenando la parte interna de la nariz y la boca con un color marrón oscuro y
colocando formas más claras de color gris-rosado encima, agregando profundidad a los elementos.
Paso 5
¡Ahora avivemos los ojos! Todavía estamos usando la herramienta Lápiz (N) aquí. Crea una base de color marrón
oscuro con forma de ojo. Agregue una forma delgada, gris claro y ondulada a lo largo del párpado inferior, para que se
vea húmedo.
Dibuja un círculo para el iris. Y hagamos que sea más fiel a la vida aplicando un degradado radial con un centro de color
naranja brillante y un borde de color amarillo claro.
También podemos agregar profundidad al ojo colocando una sombra semitransparente debajo del párpado
superior. Dibuje una forma ligeramente arqueada en la parte superior del ojo y llénela con un degradado vertical vertical
de marrón oscuro en la parte superior a blanco en la parte inferior. Cambie al modo de fusión múltiple en
el panel Transparencia , haciendo que la parte blanca del degradado sea transparente y convirtiendo la forma en una
sombra sutil.
Paso 6
Termine con la vista agregando algunos reflejos brillantes, llenándolos con degradados lineales horizontales de amarillo
claro a negro. Cambie al modo de fusión de pantalla para hacer transparentes las partes negras, haciendo que los ojos
sean vívidos y brillantes.
Paso 7
Hagamos el retrato más tridimensional y texturizado agregando reflejos alrededor de los ojos y la nariz de nuestro
león. Haz que los bordes de los reflejos sean ásperos, representando pelos separados del pelaje, y usa los mismos
degradados lineares amarillo-negro y el Modo de fusión de pantalla para hacer que las formas sean semitransparentes.
Agreguemos más profundidad al retrato cambiando los colores de la base plana de la melena a gradientes sutiles de las
mismas sombras, haciendo que la parte inferior de la cabeza sea más oscura que la parte superior.
Paso 8
Hagamos los colores más vívidos aumentando la saturación. Haz que los colores de la melena y la parte central de la cara
brillen haciéndolos más amarillentos. Y agrega más tonos anaranjados a los oídos y alrededor de los pómulos.
Decidí eliminar los contornos negros de la melena a lo largo de los bordes del retrato, agregando así más aire a la imagen
y haciendo que sea menos "ruidosa".
Paso 9
Ajustemos los contornos un poco más, adaptándolos a la paleta de colores de nuestro león. Seleccione los contornos
negros que tenemos en la capa superior. Une los contornos seleccionados en el Pathfindery haz clic con el botón derecho
para abrir un menú contextual. Elija Hacer ruta compuesta (o presione Control-8 ), combinando todas las piezas
separadas de los contornos en un solo objeto.
Finalmente, aplique un degradado lineal a los contornos desde el púrpura oscuro en el centro hasta el naranja oscuro en el
borde.
Así es como nuestro león mira este paso.
Paso 10
Hagamos que el león parezca orgulloso y majestuoso agregando volumen a su melena, haciéndola más grande y
peletera. Coge la herramienta Lápiz (N) y dibuja otra forma peluda alrededor de la cabeza. Enviarque a Back (Control-
Shift- [) , colocándola debajo de la cabeza, y llenarlo con gradiente radial brillante de amarillo en el centro a lo profundo-
naranja en el borde, por lo que es más oscuro que el color básico de la melena y por lo tanto enfatizando la cara.
Paso 11
Y dibuja otra capa de cabello debajo de la anterior, haciendo que la melena sea más detallada. Llénalo con un degradado
radial más ligero para separar las formas del cabello entre sí, agregando dimensión a nuestra imagen.
3. Trabajar en el fondo y agregar detalles
Formemos un fondo simple y agreguemos algunos detalles intrincados a nuestro retrato, convirtiéndolo en un póster
dedicado al Maravilloso Mago de Oz.
Paso 1
Antes que nada, crea una nueva capa y usa la herramienta Rectángulo (M) para hacer un rectángulo del mismo tamaño
que nuestro Artboard (en nuestro caso son 700 x 800 px ). Rellena la forma con un degradado radial desde beige claro en
el centro hasta beige más oscuro en los bordes, creando así el efecto de una viñeta sutil.
Paso 2
Agreguemos algunos detalles, que están estrechamente relacionados con la historia del Mago de Oz.¿Recuerdas la
Medalla de Coraje que el León Cobarde recibió del Mago de Oz?
No representaremos la medalla en sí misma; sin embargo, nos ayudará a inspirarnos y utilizar algunos de sus elementos
para nuestro póster, como las franjas rojas y el lazo azul.
Tome la herramienta Rectángulo (M) y dibuje una franja vertical estrecha a la altura de nuestro
Artboard. Mantenga presionada la tecla Alt-Shift y arrastre la barra hacia la derecha, creando una
copia. Presione Control-D varias veces para crear más copias.
Finalmente, seleccione todas las rayas y Agrupelas (Control-G) . Aplica un degradado radial a nuestro grupo de rayas,
desde rojo brillante en el centro hasta rojo oscuro en los bordes, haciendo que las rayas se vean brillantes y suaves.
Paso 3
Copiar la forma del cabello inferior de la melena del león y Pegar que en Back (Control + C> Control + B).Haga la
copia un poco más grande y cambie su color a un degradado radial de rojo oscuro en el centro a blanco en los
bordes. Aplica el modo de fusión múltiple , convirtiendo la forma en una sombra sutil para que la cabeza se destaque
sobre el fondo.
Así es como la composición general mira este paso.
Etapa 4
Ahora agreguemos algunos puntos y salpique a nuestro póster, creando un efecto sucio y retro. Hay dos maneras de
hacerlo. La primera y más fácil es usar los pinceles artísticos Adobe Illustrator incorporados, que puede encontrar en
la Biblioteca de Pinceles del panel Pinceles (haga clic en el icono del Menú de Bibliotecas Pinceles y vaya a Artística>
Pincel artístico o Artística_Agua).
Puede consultar la Parte 3, Paso 2 y siguientes de Design a CD Cover en Low-Polygonal Grungy Style en Adobe
Illustrator tutorial para ver cómo aplicar dichos pinceles a su imagen, creando el efecto deseado.
La segunda forma consume más tiempo, pero al mismo tiempo es mucho más creativa e interesante. Entonces, si desea
poner más espíritu en su imagen, trabajemos un poco con un medio tradicional.
Use tinta, acuarelas, gouache o lo que quiera para crear salpicaduras y salpicaduras en el papel. Uso tinta negra y un
pincel común para hacer muchas manchas pequeñas y con textura haciendo que la tinta gotee sobre el papel desde la punta
del pincel. También puede usar un cepillo de dientes para obtener un efecto de salpicadura agradable.
Escanee su imagen o use su teléfono para hacer una foto, pero asegúrese de tener suficiente luz para que el fondo esté más
o menos limpio y sin sombras.
Abra su imagen en Adobe Photoshop y presione Control-L para abrir la ventana de opciones de Niveles (o vaya
a Imagen> Ajustes> Niveles ). Y a partir de aquí, intentemos darle a nuestra imagen el mayor contraste posible tirando
del deslizador negro izquierdo hacia la derecha, oscureciendo las partes oscuras de la imagen. Y tira del control deslizante
blanco derecho hacia la izquierda, aligerando aún más las áreas blancas.
Así es como se ve ahora: tenemos manchas negras sólidas sobre un fondo blanco puro.
Paso 5
Guarde su imagen como JPEG y Archivo> Ubíquela en Adobe Illustrator. Ahora tenemos la función Image
Trace disponible en el panel de control superior.
Seleccione el ajuste preestablecido de foto de alta fidelidad de la lista de Rastreo de imagen desplegable y luego, una
vez rastreada la imagen, haga clic en el botón del Panel de rastreo de imagen , que apareció en el panel de control en la
parte superior.
Deje todas las demás configuraciones como predeterminadas y expanda la imagen desde el panel de control superior,
convirtiendo el resultado trazado en formas vectoriales.
Paso 6
Crea una nueva capa entre capas, que contenga el fondo y la cabeza del león. Y comienza a agregar los puntos grungy
que acabamos de crear.
Paso 7
Llene algunos de los puntos con degradados lineales de naranja a blanco y de rojo a blanco, y cambie almodo de fusión
múltiple , haciendo que las manchas sean semitransparentes.
Rellene otras formas con un color borgoña oscuro, aplicando el modo Pantalla , creando así puntos claros y desteñidos
sobre el fondo.
Paso 8
Crea otra Capa nueva , esta vez colocándola sobre la cabeza del león. Agregue más salpicaduras sobre la cara y alrededor
de la cabeza, rellenando las formas con degradados semitransparentes en el modo Multiplicar .
Coloque dos puntos redondos sobre los ojos del león y llénelos con degradados radiales desde el blanco en el centro hasta
el naranja en los bordes. Aplicar el modo de fusión múltiple , haciendo que los centros de las manchas sean
transparentes.
Paso 9
Ahora vamos a renderizar una cinta brillante en la parte inferior de nuestro póster. Comience haciendo una tira estrecha
con la ayuda de la herramienta Rectángulo (M) y llénela con un degradado lineal horizontal desde lila oscura en los
bordes hasta azul vivo en el centro.
Tome la herramienta Pluma (P) y forme un pequeño triángulo oscuro en la parte inferior izquierda de la
cinta. Las Guías inteligentes (Ver> Guías inteligentes) son realmente útiles en este paso, cuando necesita colocar los
objetos uno en otro y hacer que se ajusten entre sí.
Agregue un rectángulo más pequeño debajo de las formas, formando un pliegue de la cinta.
Paso 10
Seleccione tanto el triángulo pequeño como el doblez, y use la herramienta Reflejar (O) para voltear los elementos
sobre el eje vertical . Presione el botón Copiar y mueva la copia creada al lado opuesto de la cinta.
Paso 11
Ahora agreguemos un título a nuestra cinta. Utilice una fuente intrincada con serifas, por ejemplo, Trajan Pro 3 o una
fuente gratuita Playfair Display , y escriba COURAGE. Objeto> Expandir apariencia , convirtiendo el texto en un
conjunto de letras vectoriales separadas.
Y hagamos doradas las letras aplicando un complejo degradado lineal vertical, hecho de seis colores, desde marrón oscuro
en los bordes a amarillo claro y naranja en el medio.
Haga que el título sea más tridimensional yendo a Objeto> Ruta> Ruta de compensación y aplicando un valor
de Desplazamiento de 2 px . Llene la forma creada con un degradado lineal vertical desde beige en los bordes hasta
amarillo claro (casi blanco) en el centro.
Paso 12
Coloque el título encima de la cinta y agregue otra forma de desplazamiento con un valor de desplazamiento de 2
px . Llene la forma con un color azul oscuro y cambie al modo de fusión múltiple , creando una sombra debajo de las
letras y haciendo que se destaquen más contra la cinta.
Hagamos nuestra cinta ligeramente doblada. Seleccione tanto la cinta como el título y Agrúpelos (Control-G) . Ve
a Effect> Warp> Arc. Mueva el control deslizante hacia la izquierda, configurando el valor de Plegado horizontal en -
20%, haciendo que la cinta se arquee.
Anuncio
Paso 13
Objeto> Expanda la cinta y colóquela en la parte inferior de nuestro póster, para que la composición parezca
completa. Agregue una sombra sutil debajo de la cinta de la misma forma que lo hicimos con la cabeza del león,
colocando la copia de la cinta debajo de la forma básica, llenándola con un degradado lineal rojo-blanco y cambiándola
al modo de fusión múltiple.
Valiente como una tormenta de nieve
Espero que te hayas inspirado mientras sigues este tutorial y descubras algunas nuevas técnicas de coloración y textura,
¡que serán útiles para tus diseños y obras de arte!
Puede ir más allá y agregar más detalles brillantes al cartel colocando algunas chispas decorativas de colores aquí y
allá. Consulte la Parte 4, Pasos 3 y 4 del tutorial Cómo crear una linterna de vela de invierno en Adobe
Illustrator para descubrir cómo crear esas chispas brillantes y hacerlas más coloridas.
Diviértete, y estad atentos para más!
Paso 1
Tengo una página de cómic previamente hecha con tinta tradicional. Para comenzar, creo un documento nuevo en Adobe
Illustrator e importo la obra de arte yendo a Archivo > Colocar ...
Paso 2
Como el archivo que importé es un PNG, necesito convertir el arte lineal en rutas en Illustrator. Primero, tendré que
rastrear la ilustración presionando el botón Rastreo de Imagen en el menú superior, que aparece cuando selecciono la
imagen.
Luego presiono el botón Expandir en el mismo menú superior. La imagen ahora se ha convertido en rutas editables.
Al rastrear una imagen, los resultados dependen en gran medida de la resolución. En el siguiente ejemplo, la imagen
superior es el resultado del rastreo con una resolución de imagen de 72 ppp, mientras que la que se muestra a continuación
tiene una resolución de 300 ppp. Cuanto más detallado lo desee, mayor será la resolución.
Paso 3
Yo nombro la capa "LineArt" y selecciono todo sobre ella presionando el botón redondo a la derecha en elpanel Capas .
En lugar del negro puro, elijo un color marrón más suave para el dibujo lineal y luego configuro el modo Multiplicar en
el panel Transparencia .
2. Establecer los colores planos
Paso 1
A partir de aquí, elijo un montón de colores llamativos. Esto hace que sea más fácil darse cuenta cuando he perdido un
lugar.
Paso cada tono en una muestra y me aseguro de marcar el cuadro Global antes de presionar OK . Esto es para que cuando
ajuste los colores, todos los objetos con el mismo color cambien también.
Paso 2
Me aseguro de seleccionar las rutas de arte de línea y luego elegir el Cubo de pintura interactiva en el menú lateral (el
atajo es K en el teclado).
Ahora simplemente hago clic para completar todos los campos vacíos con diferentes colores.
Paso 3
En algunos casos, al igual que con el adoquín detallado, podría ser más fácil usar la herramienta Pluma en su lugar.
3. Elija los colores correctos
Paso 1
Para ayudarme a elegir los colores adecuados, comienzo a configurar la atmósfera con un fondo degradado. El cómic se
llevará a cabo en la noche con el personaje del centro acercándose a la cálida luz de la taberna. Para ilustrarlo, elijo un
color púrpura oscuro, que se vuelve más anaranjado cuanto más se acerca a la taberna.
Paso 2
Ajusto los colores haciendo doble clic en cada color de proceso global y experimento un poco con loscontroles
deslizantes HSB en el modo de color .
Paso 3
Por último, arrastro la capa de fondo sobre los demás. Como la transparencia se establece en Multiplicar , el degradado
influirá un poco en los colores.
4. Agrega las sombras
Paso 1
Para crear las sombras, comienzo creando una nueva capa que denomino Shadows . Establecí la transparencia de la capa
en Multiplicar , al igual que con el fondo degradado.
Usando la misma muestra de colores que el objeto que quiero sombrear, comienzo a dibujar a mano las formas de las
sombras con la herramienta Lápiz ( N ). Como esta capa está configurada en Multiplicar , el color se convierte en una
versión más oscura correspondiente.
Paso 2
Cuando termine con las sombras de una muestra de color en particular, voy al menú superior y presiono
elbotón Seleccionar todo con el color de relleno seleccionado.
Paso 3
Al tener todos los objetos seleccionados, cambio el color de los objetos en un degradado radial, que va del 100% de color
al 0%. Esto hace que las sombras sean más suaves.
Repita esto para cada color de sombra y ajuste los degradados como mejor le parezca.
5. Que haya luz
Paso 1
Para hacer las luces en la escena, hago una nueva capa con la transparencia establecida en Luz suave .
Para las linternas hago un degradado radial con una cálida luz amarilla. Repito esta luz en el suelo también, pero un poco
más desvanecida.
Paso 2
Puede extraer algo de textura para los objetos con algunos detalles resaltados con la herramienta Pluma .
Paso 3
Con el Blob Brush agrego algunos reflejos al techo.
También agrego algo de luz de borde a los personajes más cercanos a la fuente de luz.
Etapa 4
En el panel del medio, el personaje se acerca a la fuente de luz, por lo que agrego algunos campos más amplios de reflejos
a su capa y cabello con la herramienta Pluma .
6. Esa pequeña patada extra
Ahora que está empezando a llegar toda la página, me tomo un tiempo extra para buscar pequeñas cosas que puedan
mejorarse.
Paso 1
Volviendo a la capa Sombras , hago una sombra más oscura en su rostro al agregar un degradado radial azul, que
contrasta con la luz amarilla.
Paso 2
Con el mismo color de degradado, voy a la capa Destacados , donde agrego reflejos procedentes de una segunda fuente
de luz, como la luz de la luna.
Agrego el mismo tipo de luz en otros lugares, pero mantengo la mayoría en el personaje principal de la capa.
Anuncio
Paso 3
Quiero agregar algo de brillo extra al signo dorado. Al hacer una nueva capa con la Transparenciaconfigurada en Color
Dodge , selecciono un color amarillo claro y uso el Blob Brush para ir a donde desee un poco más de brillo.
En la misma capa, agrego un poco de ese brillo al iris de los ojos del personaje también.
Trabajo impresionante, ¡ya has terminado!
En este tutorial, hemos mostrado cómo convertir una página de cómic con tinta tradicional en un vector de color. Con
Live Paint podemos agregar rápidamente los colores planos, y el uso de colores de proceso globales facilita el ajuste de
los colores que desee.
Luego, al usar gradientes, la herramienta Pluma, el pincel de manchas y diferentes modos de transparencia, podemos crear
una atmósfera apropiada y una sensación más 3D para nuestro comic.
La coloración es un proceso en el que es fácil perderse, ya sea porque no estás seguro de cómo hacerlo o por estar tan
metido en ella que pierdes la noción del tiempo. Tener una estrategia básica hace que sea más fácil comenzar, ¡y con
suerte puede perderse en el buen camino!
Cómo crear un chupetín Lollipop y una canción de cuna Munchkin en Adobe Illustrator
Lo que crearás
Representa al Lollipop Guild y la Lullaby League con este lindo tutorial de ilustración. Trabajaremos juntos con un
boceto, construiremos formas sólidas, crearemos líneas de arte, representaremos nuestra ilustración y crearemos un fondo
simple digno de Oz. ¡Viaja por el arco iris para este súper lindo tutorial tipo chibi!
Paso 2
Comencemos con la cabeza de la chica Lullaby League.
1. En una nueva capa , use la herramienta Elipse (L) para dibujar un círculo en el tono de piel que elija.
2. Utilizar el Herramienta de selección directa (A) para desplegar el punto de anclaje inferior para formar el
mentón.
3. Agregue dos nuevos puntos de anclaje en la mitad inferior de la elipse para formar la mandíbula.
4. Ajuste las asas de los puntos de anclaje como mejor le parezca para darle a la cabeza de su personaje una forma
linda pero reconocible, como se ve a continuación.
Paso 3
Dibujemos algunos oídos rápidos y fáciles y creemos esquemas para las orejas y la cabeza.
Para los bosquejos, agregue trazos de color marrón oscuro a cada forma o Copie y pegue cada forma y Alinee su objeto
correspondiente encima de ellos en el panel Capas .
Etapa 4
Vamos a enfocarnos un poco en los brazos. Use la herramienta Pluma (P) o la herramienta Lápiz (N)(cualquiera que
sea su uso más cómodo) y trace cada brazo.
1. Como los brazos de este personaje están extendidos, dibujé desde el hombro hasta la muñeca como una forma.
2. La segunda forma, dibujada con la herramienta Lápiz , era la mano. Depende de ti si tu personaje tiene cuatro
dedos o cinco.
3. Copia , pega y refleja el brazo izquierdo para crear el brazo derecho. Agrupe (Control-G) los componentes de
cada brazo juntos.
2. Dibuja el vestido
Paso 1
Reduje la Opacidad de toda la capa de boceto en el panel Capas a aproximadamente 40% más o menos. Esto me
facilita la localización de mi boceto original.
1. Con la herramienta Lápiz con suavizado en el centro, trace el cuello con volantes del vestido.
2. Complete la forma, coloque el color de relleno en rosa y colóquelo debajo de la cabeza pero encima de los brazos.
Paso 2
Tomé las otras partes del vestido en pasos, todos trazados desde el boceto original.
1. Como hicimos anteriormente, el collar está debajo de la cabeza pero encima de los brazos.
2. El corpiño del vestido está debajo del cuello, pero encima de los brazos.
3. La falda superior está por encima del corpiño, pero debajo del cuello.
4. La falda inferior está debajo de la falda superior.
1. Dibujé una forma de color rosa oscuro y la coloqué debajo de la falda (como se ve en el boceto). Empecé con la
parte superior del volante lateral y dibujé una figura que se detuvo en el primer pliegue.
2. Repita este proceso de dibujar cada forma hasta donde se detiene en el doblez, y use un color rosa oscuro para
indicar las partes de la tela doblada que van debajo de cada volante.
Etapa 4
Si prefieres un vestido más simétrico, puedes hacer lo siguiente:
1. Eliminé la mitad derecha de la falda. Puede hacerlo eliminando nodos o colocando otra forma sobre cada
componente de falda y presionando Minus Front en el panel Pathfinder . Agrupe el lado izquierdo (no incluya
el collar y el corpiño).
2. Copia , pega y refleja el grupo horizontalmente para crear el lado derecho. Alinea el grupo al borde superior del
lado izquierdo.
Agrupe sus partes del vestido por ahora y nos pondremos sobre las piernas.
3. Dibuja las piernas y los zapatos
Paso 1
1. Al igual que muchos de los otros componentes, trace la pierna con la herramienta Pluma .
2. Lo hice en su totalidad y dibujaré la zapatilla de ballet encima.
Paso 2
Para el zapato, dibujé una forma grande sobre el pie con la herramienta Lápiz .
1. Luego seleccioné la parte del blob rosado que no se cruzó con el objeto de la pierna con la herramienta Shape
Builder (Shift-M) y la eliminé.
2. Las cintas de la zapatilla de ballet se dibujaron con la herramienta Pincel de gota (Shift-B) . Puedes dibujarlos
con la herramienta de dibujo que prefieras, por supuesto.
Paso 1
Como uso una tableta gráfica sensible a la presión, soy propenso a crear dibujos lineales con la herramienta Pincel de
pincel . Mi configuración para la herramienta se ve a continuación: Suave con presión habilitada a 6 pt de tamaño.
Le invitamos a que use la herramienta de dibujo de su elección y trace la línea de arte del boceto, o cree líneas gruesas y
delgadas con sendas trazadas y la herramienta Ancho .
Paso 2
Cerré la capa de componentes del cuerpo por ahora y estoy trabajando en una nueva capa para el arte lineal. Al
completar cada sección, voy a Grupo la línea de trabajar juntos, lo coloco dentro de la capa principal del arte trabajamos
en previamente, y luego volver a la capa de la línea de arte.
Coloqué la capa de boceto sobre mi capa de cuerpo y configuré el Modo de fusión para Multiplicar para toda la capa en
el panel Transparencia . Asegúrate de que la única capa desbloqueada sea la capa de line art mientras trabajas en la
creación de line art.
1. Las líneas más gruesas pertenecen a la parte exterior del cabello y definen cada sección de cabello.
2. Trabaja en cada sección de a una por vez.
3. Seguí el contorno de las formas rizadas llenas de baches que creé anteriormente para agregar líneas delgadas en el
cabello.
4. Agrupe todo su arte de línea de cabello. Desbloquee la capa del cuerpo y coloque la línea de cabello sobre el
grupo de cabello.
Etapa 4
Echemos un vistazo a mi proceso de arte lineal en acción. Trabajando sobre el sombrero en la capa de línea de arte,
comencé con el contorno más grueso y luego dibujé líneas delgadas y curvas para mostrar qué tan ondulado estaba el ala
del sombrero. Una vez más, agrupe su arte de la línea del sombrero y coloque el grupo sobre el grupo del sombrero en la
capa del cuerpo.
Paso 5
Mantuve el sombrero y el pelo visibles en la capa del cuerpo mientras trabajaba en la cara. Esbocé la cabeza y las orejas
nuevamente, les di a los oídos un poco más de detalle, y luego me puse a trabajar en la cara misma, comenzando con el
ojo derecho.
Paso 6
1. Llené los ojos y dibujé algunas pestañas superiores gruesas.
2. La boca es una sonrisa gigante y abierta.
3. Dibujé la lengua con la herramienta Lápiz , lo que permite que sea una forma simplemente blob.
4. Los dientes y el marrón de los ojos se dibujaron sobre las otras formas, trazando la capa de boceto con
la herramienta Pluma y rellenándolas con sus colores correspondientes (blanco y marrón, respectivamente).
La nariz es un solo punto, y los puntos destacados del ojo son corazones blancos y círculos. Agrupe todo junto y
colóquelo debajo del cabello, pero sobre la cabeza en el panel Capas .
5. Detalle el cuerpo
Paso 1
1. Empezando por el cuello del vestido, dibujé el arco en cuatro piezas (dos para el arco y dos para las colas)
y Estados ellas.
2. Luego, delineé el arco, dibujé un par de detalles sobre él y tracé líneas para pliegues en el cuello.
Coloque los componentes del arco sobre los pliegues del cuello. Los pliegues irán por encima del cuello en el panel Capas
y el arco irá debajo de la cabeza.
Paso 2
Trabajando en la parte superior del vestido, queremos definir los pliegues y pliegues en el vestido en sí.
1. El cuello estaba muy, muy plisado. Los pliegues se extienden de arriba a abajo dentro de la forma.
2. Los pliegues del vestido son un poco diferentes. Algunos comienzan en la cintura y la cabeza hasta la parte
inferior de la falda.
3. Otros comienzan en la parte inferior de la falda y se detienen alrededor del centro de la falda.
Varíe los estilos de pliegues para cada sección de la falda, Agrupe su dibujo de líneas y colóquelo encima del grupo de
faldas, pero debajo del grupo de collar en el panel Capas .
Paso 3
Para la parte inferior de la falda, considere las secciones definidas en el boceto:
Cada sección tiene dos o tres líneas de plegado en ellos. Coloque este grupo de trabajo de línea debajo del primer grupo de
falda pero por encima del segundo.
Etapa 4
Las cintas en los zapatos están dobladas y envueltas alrededor de las piernas. Algunas de las líneas de las cintas viajan a
través de ellas por completo, mientras que otras se detienen en el medio.
El zapato solo necesita una línea para separarlo de la pierna y otro para mostrar la costura en la abertura.
Paso 5
Echemos un vistazo a mi línea de arte completa. Agregué un par de detalles a cada brazo y también definí el borde del pie
de las zapatillas de ballet. Cada grupo de arte lineal se encuentra sobre su sección de cuerpo correspondiente en
la sección Capas .
6. Renderizar con degradados
Paso 1
Echemos un vistazo a los estilos generales de gradientes que usaré para representar el personaje de la canción de cuna.
También jugué con la Opacidad de las formas mismas, dependiendo de qué tan oscura o liviana quería que fuera una
forma.
Paso 2
Al igual que la línea de arte, cada sección de degradado se trabaja en su propia capa y luego se coloca dentro de la capa
del cuerpo principal, debajo de la línea de arte, pero por encima de las formas del cuerpo.
Para la cara, dibujé con la herramienta Pluma y la herramienta Lápiz , dependiendo del control que quería tener,
formas de sombras para ayudar a definir la sombra del cabello. Estas formas siguen el contorno del cabello en sí.
Dibujé óvalos para el rubor debajo de los ojos, en las mejillas. Hay una pequeña elipse debajo de la nariz con un gradiente
de sombra (bronceado a bronceado claro) y hay formas resaltadas dibujadas en la parte superior de la nariz y el mentón
( gradientes radiales establecidos en Pantalla ).
Paso 3
Dibujé sombras en cada sección de cabello, definiendo sombras de cada sección superpuesta, así como algunos de los
rizos en el cabello. Los gradientes son lineales y van del amarillo oscuro al amarillo del cabello. Agrupe
los componentes sombreados.
Coloque ambos grupos sobre el cabello pero debajo del dibujo de la línea del cabello en el panel Capas .
Etapa 4
Las sombras en el cuerpo y la ropa son bastante simples: definen las sombras proyectadas (como las de los brazos) y los
pliegues (como los del vestido).
Trabaja en cada sección creando grupos de sombras y grupos de destacados. Las sombras del cuerpo y los reflejos son
tonos de bronceado y melocotón (para mi diseño) y el vestido tiene varios tonos de rosa. Tome nota de la dirección de
cada forma de gradiente a continuación. Use la herramienta Degradado (G)para ajustar los ángulos y radios de los
degradados, según el estilo de gradiente que haya creado.
Paso 5
Echemos un vistazo a mis grupos degradados sin el cuerpo del personaje.
1. El cabello muestra cómo las formas de las sombras siguen el contorno de cada sección del cabello, así como
algunos rizos adicionales. Los aspectos más destacados aparecen en amarillo contra amarillo claro cuando están
en blanco, por lo que puede verlos fácilmente. Observe cómo se extienden a lo largo de las porciones más grandes
de cada curvatura.
2. La cara tiene formas de sombra detrás de los ojos, debajo del pelo, en las orejas, debajo de la nariz y debajo de la
boca. El rubor aparece en ambas mejillas y los reflejos aparecen en la nariz y el mentón.
3. La parte superior del vestido tiene formas de sombras que definen los pliegues y pliegues en la falda, así como la
sombra del cuello. Los colores más oscuros están más cerca de los pliegues y los objetos que se superponen. Los
puntos destacados se colocarán en los centros de los pliegues para mostrar los diferentes niveles en el tejido.
Paso 6
No hay mucho procesamiento para hacer en este diseño. Agregué sombras y reflejos al sombrero, mostrando cuán rudos
son la parte superior y el ala, así como también la forma curva del mismo sombrero. La superposición de gradientes
transparentes es una forma excelente de representar rápidamente un elemento dentro de una ilustración.
Las formas de la falda inferior tienen más sombras, ya que están debajo del resto del vestido. Además, las piernas tienen
sombras del vestido y los zapatos tienen reflejos más fuertes que los otros artículos, ya que las zapatillas de ballet tienden
a ser de satén.
Agrupe cada una de las secciones de degradado y colóquelas sobre los componentes de su cuerpo y debajo de sus grupos
de líneas artísticas dentro del panel Capas .
Paso 1
Este proceso es un poco más rápido, ya que lo hemos hecho previamente. Voy a acelerar el tutorial, tomando nota de las
técnicas alternativas, para completar el segundo personaje en menos pasos.
Paso 2
Los brazos de este personaje se benefician de ser hechos en tres piezas contra solo dos.
1. En primer lugar, están las manos atraídas hacia el codo. Puede dibujarlos de una sola vez o dibujar cada mano y
luego el antebrazo, uniéndolos en el panel Pathfinder después.
2. Dé a cada sección un contorno (ya sea agregando un trazo de color marrón oscuro a los objetos
o Copiando y Pegando los objetos y colocando los trazados dibujados sobre el objeto original).
Paso 3
No todas las partes de las armas se muestran en este diseño. Parte del brazo derecho del personaje está cubierto por el
bastón gigante de la piruleta y la mayor parte del cuerpo está cubierto por la ropa.
1. Dibujé las mangas de la camisa y el cuerpo de camisa como tres componentes separados con la herramienta de
pluma y luego Estados ellas.
2. El collar se compone de dos formas, y los botones son dos círculos también. Los pantalones cortos son una forma
separada también.
Para este personaje, opté por crear los contornos iniciales simplemente agregando un trazo al objeto lleno en
el panel Trazo con las mayúsculas y las esquinas configuradas en Redondeadas .
Etapa 4
Al igual que el personaje anterior a este, el cuerpo se divide en una variedad de secciones:
Cabello
Cabeza
Lollipop Stick
Brazos
Camisa
Pantalones cortos
Piernas
Para asegurarse de que la mano se superponía al stick de la piruleta, se dibujó una forma de mano adicional sobre la
palanca, haciendo coincidir el primero que se establece en el grupo bien debajo de ella.
8. Dibuja el Lollipop Guild Line Art
Paso 1
Comencemos con el cabello. Una vez más, puede seguir los rizos dibujados en el boceto o crear los suyos propios. Hay
menos secciones (solo tres), por lo que esta vez no hay mucho para crear.
El cabello se curva en el centro y en los costados. Tenga en cuenta las líneas más cortas dibujadas en la sección grande a
la derecha, que muestra la estructura del cabello.
Paso 2
La cara es bastante simple también. Estoy usando la herramienta Pincel de pincel para dibujar todos estos detalles, pero
puede usar cualquier herramienta de dibujo que le sirva mejor.
1. Los ojos son formas parecidas a los riñones con medio círculos grandes en las esquinas superiores derechas.
2. Las cejas son grandes formas de marca de verificación, y la boca es una curva tonta.
3. El rubor es un garabato rosa debajo de los ojos.
4. Agrupe todos los componentes de su cara y colóquelos sobre la cabeza en el panel Capas .
Paso 3
Echemos un vistazo a algunos de los detalles de la ropa:
1. La camisa tiene un par de líneas dibujadas en el cuello, detalles en los botones y algunas curvas en las escamas de
la camisa. Le invitamos a dibujar el patrón de la camisa y colocarlo debajo de la línea de arte o mantener su
camisa de un color sólido.
2. Los pantalones y los calcetines tienen detalles tipo puntada añadidos a los lados derechos de cada uno.
Etapa 4
Aquí hay una toma rápida de la mayoría del arte lineal aislado. Me resultó más fácil completarlo todo de una vez y
agruparlo para que cuando creara mis formas de gradiente fueran más allá de la línea de [Link] usar cualquier técnica
para crear y ordenar su arte lineal en el panel Capas que más le guste.
Paso 5
Aquí hay una foto de la línea de arte completa y el diseño del cuerpo completo con la capa de boceto oculta. Como puede
ver, agregué más detalles a la piruleta en sí, incluidas algunas estrellas brillantes y algunos detalles adicionales sobre los
zapatos. Desde aquí, estamos listos para la breve sección de degradado de este personaje.
9. Hacer el Lollipop Guild Boy
Paso 1
Centrándome en la cara primero, quiero asegurarme de que la parte calva de la cabeza esté brillante con una forma
resaltada, y el cabello todavía proyecta una sombra en el lado derecho de la cara. Las mejillas, la nariz y la barbilla
también se destacan. Agrupe su sombra y los reflejos de la cara juntos y colóquelos debajo del grupo de pelo y encima del
grupo de cabeza.
Paso 2
Al mirar el cabello, observe cómo los reflejos mantienen el cabello brillante, como si este personaje lo alisara y esculpiera
los rizos con una pomada. Las sombras crean profundidad entre cada sección que ha sido definida por el arte lineal.
Paso 3
Para el cuerpo, las sombras no son tan fuertes como el vestido lleno de pliegues usado por la chica Lullaby League.
1. Concéntrese en las sombras proyectadas desde la cabeza, el cuello, la piruleta y cada sección de la ropa.
2. Enfatice los bordes de la ropa, que es más áspera que la de la bailarina, con formas de gradiente de sombra (fíjese
en las mangas).
3. Las sombras y los reflejos en los pantalones cortos son más brillantes que la camisa. También se agrupan y se
colocan debajo de los componentes de la camisa en el panel Capas.
4. Los aspectos más destacados de la camisa se encuentran principalmente en la parte del hombro y el pecho de la
camisa. Si coloco un resaltado en cada festón, se verá más doblado, lo que no es este diseño.
Continúe con los zapatos y las piernas, renderizándolo de la misma manera que lo hizo con el personaje anterior a este.
10. Crea el fondo
Paso 1
Cada personaje está en su propia capa bloqueada. He ocultado la capa de boceto y estoy trabajando en una capa de fondo
debajo de los dos caracteres. Dibuje un gran círculo azul con la herramienta Elipse y cuatro líneas horizontales de
diferentes longitudes dibujadas con la herramienta Segmento de línea (/) .
Paso 2
Dibuja varias líneas cortas y verticales entre las horizontales para crear ladrillos. Agrupe las líneas de ladrillos juntas y
bloquéelas en el panel Capas . Bloquee el círculo de fondo azul también.
Con la herramienta Lápiz o la herramienta Pincel con pintura, dibuja una forma grande y con forma de garabato para
crear la base de los ladrillos dorados.
Paso 3
1. Para destellos, utilicé la herramienta Pincel de pincel para dibujar círculos, puntos y formas brillantes en
amarillo claro.
2. Luego coloqué algunos destellos blancos sobre los amarillos claros.
3. Luego, utilicé un color amarillo medio para completar el aspecto brillante y brillante de los ladrillos
y agrupé todas estas formas juntas seleccionando toda la sección con la herramienta de selección (V) .
Coloque el grupo de destellos debajo de la línea de ladrillos y desbloquee los otros componentes de fondo.
Etapa 4
Para crear un arcoiris rápido, dibuja seis rectángulos idénticos y establece sus colores a alguna versión de un
arcoiris. Agrupe los rectángulos y vaya a Efecto> Deformación> Arco con los siguientes atributos:
Horizontal
Bend: 86%
En Object , pulse Expandir apariencia .
Paso 5
Gire el arco iris y colóquelo en el fondo de su diseño. He ocultado los personajes por ahora para que puedas ver
fácilmente la ubicación de mi arcoiris.
Paso 6
Con su herramienta de dibujo preferida, dibuje un par de nubes blancas a cada lado de su diseño.
Paso 7
Dibuja círculos, blobs o medios círculos para crear una serie de colinas verdes detrás de tus [Link] un poco
de "v" marrones para crear pájaros volando en la distancia.
Anuncio
Paso 8
Agrupe el círculo azul, el arcoíris, los pájaros, las nubes y las colinas. Copie y pegue el círculo del grupo y colóquelo
sobre el grupo de fondo. Seleccione ambos y Crear una máscara de recorte (Control-7) . Coloque el grupo de recorte
debajo de los componentes de la carretera de ladrillos en la capa de fondo.
Agregue algunos toques finales de arte de línea de fondo y destellos, o incluso vaya más allá y renderice su fondo con
formas de degradado. ¡Comparte tu resultado de este tutorial o una ilustración usando las técnicas de este tutorial en la
sección de comentarios a continuación!
Cómo crear un personaje de búho utilizando una cuadrícula circular en Adobe Illustrator
Lo que crearás
En este tutorial, te mostraré, paso a paso, cómo crear una cuadrícula circular, alinearla perfectamente y diseñar un lindo
personaje de búho. Con suerte, aprenderá a usar círculos para crear otros personajes por su cuenta.
1. Crea círculos
Paso 1
Vaya a Ver> Mostrar cuadrícula .
Usando la herramienta Ellipse (L) , crea un círculo de 165 x 165 px . Esta será la cabeza. Luego, crea otrocírculo de 147
x 147 px para el cuerpo. Seleccione ambos círculos, haga clic dos veces en el primero para activarlo y, usando
el panel Alinear , haga clic en Horizontal align center y Vertical align center.
Paso 2
Por un ojo, crea un círculo de 45 x 45 px . Esta vez, alinéelo con el centro de distribución Vertical , colocándolo a la
izquierda de esta manera:
Cree un círculo de 173 x 173 px y un círculo de 147 x 147 px y alinéelos como antes. Hit Control-R para que aparezca la
regla. Luego haz clic en la regla y usa el mouse para colocarla en el centro. Coloque ambos círculos como se muestra en la
imagen.
La superposición entre los dos círculos grandes le da a tu lechuza un pico.
Paso 3
Crea tres círculos (rojo): 293 x 293 px, 208 x 208 px y 173 x 173 px . Colóquelos como se muestra en la imagen a
continuación. Todos los círculos deben estar centrados.
Cree los tres círculos finales (violeta): 237 x 237 px, 293 x 293 px y 117 x 117 px. Colóquelos como se muestra en la
imagen a continuación. Los círculos pequeños se muestran solo como orientación.
Etapa 4
Ahora seleccione todos los círculos, a excepción de los primeros dos que creamos. Presione Control-Gpara
agruparlos. Haga clic con el botón derecho del mouse y elija Transformar, luego Reflejar. Seleccione Verticalmente y
haga clic en Copiar .
Usa los círculos rojos y la guía para alinear el grupo en el medio.
Seleccione todo, Control-C , bloquee la capa y cree una nueva. Shift-Control-V para copiar círculos en su lugar.
Con todo lo seleccionado, elimine el trazo y rellene con cualquier color. Usando el panel Pathfinder , haz clic en Dividir.
Paso 5
Elimina las formas que ya no necesitas. Ahora puede agregar trazos para que pueda ver mejor.
2. Colorear
Paso 1
Usando la Herramienta de Selección Directa (A) , selecciona formas y colorealas una a una.
Tonos azules: #577895 , #BBC6CF , #365775
Tonos naranja: #D17028 , #E18E4A
Tonos marrones: #555557 , #797B7C , #8C8C8C
Paso 2
Para los ojos, crea un círculo de 35 x 35 px ( #848484 ) y uno de 28 x 28 px ( #444444 ).
Para la reflexión, cree dos círculos de 10 x 10 px (utilicé el mismo color azul claro que para el búho). Superpóngalos y,
usando el panel Pathfinder , haz clic en Minus Front .
Crea un círculo de 3 x 3 px y colócalo en la parte inferior de la pupila. Agrupe el ojo y duplíquelo manteniendo
presionada la tecla Alt y arrastrando el mouse.
Anuncio
3. Limpieza
Usando la herramienta de selección directa (A) , seleccione todo en un color y haga clic en Unir en
el panel Pathfinder .
Repita para todos los colores.
Impresionante trabajo-¡Has terminado!
Esta técnica se trata de precisión y detalle. Cuanto más exactamente alinee los círculos, menos trabajo tendrá que hacer al
final. ¡Espero que hayas disfrutado este tutorial y que puedas crear algo diferente por tu cuenta!
Cómo crear un icono de maqueta de la casa en Adobe Illustrator
Lo que crearás
Si tiene interés en la arquitectura, o simplemente le gustan las casas o íconos en general, ¡este tutorial es para
usted! Aprenderá a crear un icono de maqueta de la casa en Adobe Illustrator que consta de tres partes principales: la
carpeta azul, el plano arquitectónico de la casa y, por último, la maqueta de la casa con el techo en construcción.
Si está interesado en otros diseños de iconos, Envato Market tiene una gran selección de iconos por categorías, ya
sea Tecnología , Desarrollo o Negocios , para ayudarlo a ahorrar tiempo. Vamos a divertirnos con esto!
Activos Tutoriales
Inicie Illustrator y vaya a Archivo> Nuevo para abrir un documento en blanco. Escriba un nombre para su archivo,
configure las dimensiones y luego seleccione Pixels como Units y RGB como Color Mode . Asegúrese de que Alinear
nuevos objetos a la cuadrícula de píxeles no esté marcado.
Paso 1
Utilice la herramienta Rectángulo (M) para dibujar un rectángulo de 1200 x 830 px y luego use el degradado lineal que
se muestra para llenar esta forma.
Paso 2
Tome la herramienta Agregar punto de anclaje (+) y agregue dos puntos extra como se indica. A continuación, use
la Herramienta de selección directa (A) para seleccionar los dos puntos de la parte inferior derecha y vaya a Objeto>
Transformar> Mover . Escriba 70 px en el campo Vertical y presione OK .
Paso 3
Utilice la Herramienta de selección directa (A) para seleccionar los dos puntos de esquina y vaya aArchivo>
Secuencias de comandos> Redondear cualquier esquina . Ejecute el script usando un radio de35 y obtendrá las
esquinas redondeadas.
Etapa 4
Con la forma de carpeta seleccionada, vaya al panel Apariencia y agregue un Nuevo relleno encima del primero. Use el
color indicado y luego vaya a Efecto> Textura> Grano . Aplique la configuración que se muestra y luego establezca este
relleno en Superposición de modo de fusión y 66% de opacidad .
3. Crea las hojas de papel
Paso 1
Crea un nuevo rectángulo en el centro y llénalo con el degradado lineal que se muestra (los colores son en escala de
grises).
Paso 2
Vamos a crear la sombra. Copie y pegue en la parte posterior (Control-B) la primera hoja de papel; luego, usando
la Herramienta de Selección Directa (A) mueva los puntos de las esquinas en la dirección de las flechas para obtener
una forma más grande (1). Para fines visuales, cambié el color de relleno de la copia a verde para que pueda ver la
diferencia de tamaño entre los dos (2) pero debe mantener el degradado existente.
Etapa 4
Copie y pegue en la parte posterior (Control-B) la segunda hoja de papel; luego use la Herramienta de Selección
Directa (A) para mover los puntos de las esquinas hacia afuera a fin de obtener una forma más grande. Para fines
visuales, la copia es de color púrpura, pero debe mantener el degradado existente (1).
Copie y pegue nuevamente en Back (Control-B) la segunda hoja de papel y cambie el color de relleno a negro. Ahora,
seleccione la copia más grande junto con la copia negra y vaya a Objeto> Mezclar> Hacer (Alt-Control-
B) (2). Establezca el grupo resultante en Modo de fusión Multiplicar y 25% de Opacidad (3).
4. Agregue detalles y sombra a la carpeta azul
Paso 1
Coge la herramienta Pluma (P) o la herramienta Segmento de línea (\) y dibuja dos trayectorias rectas como se
muestra a continuación. Déles un trazo negro de 2 puntos . Luego, escribe " NAME " y " No. " usando Myriad Pro ,
tamaño de 27 pt .
Paso 2
Para crear la sombra, primero copie y pegue en la parte posterior (Control-B) la forma de la carpeta y luego haga que
esta copia sea más grande moviendo los puntos de anclaje hacia afuera con laherramienta Selección directa
(A) . Centrarse principalmente en la parte inferior derecha (1). Establezca el color de relleno para la forma más grande en
blanco.
Paso 1
Coge la herramienta Rectángulo (M) y dibuja todos los rectángulos que se muestran en la siguiente imagen.
Paso 2
Seleccione todos los rectángulos y presione Unir en el panel Pathfinder para obtener una sola [Link] el color
de relleno en gris y el trazo en negro de 1 pt, pero marque la opción Alinear trazo a interior en el panel Trazo . Voy a
llamar a esta forma " borde exterior ".
Paso 3
A continuación, dibuje los seis rectángulos que se muestran a continuación y aplique las mismas apariencias. Agrupe
(Control-G) estos rectángulos y nombre el grupo " borde interior ".
Antes de continuar, haga una copia del " borde exterior " y una copia del " borde interior " para usar en el futuro. Quítelos
del camino por el momento o escóndalos.
Etapa 4
Dibuja unos rectángulos pequeños de 6 x 12 px rellenos con el mismo tono de gris. Su propósito es cubrir el trazo negro
entre las paredes en algunas áreas.
Paso 5
Es hora de crear las ventanas. Primero decida cuántas ventanas desea y luego dibuje los rectángulos sobre el " borde
exterior ". Puede crear ventanas individuales o ventanas dobles. Cuando hayas terminado,agrupa (Control-G) todos los
rectángulos.
Seleccione " borde exterior " junto con el grupo de rectángulos y presione Minus Front en el panel Pathfinder . Con el
grupo resultante aún seleccionado, vaya a Objeto> Ruta compuesta> Crear (Control-8).
Paso 6
En las áreas vacías obtenidas en el paso anterior, necesitamos crear las ventanas reales. Dibuja nuevos rectángulos con el
mismo grosor que el " borde exterior " y luego dales un trazo interior de 0,5 pt . Lo último es dibujar un rectángulo
negro muy delgado cerca del borde exterior de cada ventana.
Paso 7
Vamos a crear las puertas. Primero decida dónde quiere que estén las puertas y luego dibuje los rectángulos con la misma
longitud. Puede crear puertas individuales y puertas dobles.
Agrupe (Control-G) solo los rectángulos dispuestos sobre el " borde exterior " (los púrpuras) y luego seleccione este
grupo junto con " borde exterior " y presione Minus Front en el panel Pathfinder . Repita lo mismo con los rectángulos
verdes y el " borde interior ".
Paso 8
Para crear una sola puerta, primero haga un acercamiento a una de las áreas vacías que haya obtenido en el paso
anterior. Dibuja un cuadrado muy pequeño al lado de la pared (1); luego dibuja un rectángulodelgado de 2 x 30 px delante
del cuadrado (2). Coge la herramienta Pluma (P) y dibuja una trayectoria curva entre el rectángulo y la pared opuesta
(3). Estas tres formas tienen un trazo negro de 1 pt y puede ver el resultado final a continuación (4).
Agrupe (Control-G) las tres formas que componen la puerta; luego multiplique, rote y organícelos para crear las otras
puertas. Una puerta doble se compone de una sola puerta, una copia de la única puerta que se ha volteado horizontalmente
y un rectángulo delgado entre ellas.
Paso 9
Usa formas básicas como rectángulos y rectángulos redondeados para crear una mesa de comedor y un sofá. Todas estas
formas tienen un trazo negro de 0.5 pt .
Paso 10
Siga la secuencia de imágenes y use formas básicas como elipses y rectángulos para crear los elementos en el baño.
Paso 11
Use rectángulos para definir el área de la cocina; luego dibuja cuatro círculos como la parte superior de la estufa y tres
rectángulos para crear el fregadero. Todas estas formas tienen un trazo negro de 0.5 pt .
Organice los muebles y los demás elementos dentro de las habitaciones como se muestra en la siguiente imagen.
Paso 12
Para crear las escaleras, dibuje cuatro trayectorias rectas entre las paredes con la herramienta Pluma (P)o
la herramienta Segmento de línea (\) . A continuación, dibuje dos rectángulos negros y las flechas hacia arriba y hacia
abajo (triángulo + línea).
Paso 13
Definamos el área exterior en la entrada. Tome la herramienta Pluma (P) y dibuje dos caminos entre las esquinas del
" borde exterior ". Seleccione un trazo de 1 punto ; luego, compruebe Línea punteada en elpanel Trazo y escriba 10
pt en el primer campo del tablero.
Paso 14
Ahora, dibuja un camino para definir el área de la plataforma seguida de las líneas oblicuas. Después de que haya
terminado, Agrupe (Control-G) todas estas líneas.
Paso 15
Estas casi listo. Tome la herramienta Tipo (T) y escriba el nombre de cada habitación en el plan usandoCalibri , tamaño
de 23 puntos . También escriba números aleatorios como el área de superficie usandoCalibri , tamaño de 16 pt .
6. Crea el Blueprint plegado
Paso 1
Primero, creemos la apariencia de una hoja de papel doblada. Coge la herramienta Rectángulo (M) y dibuja un
rectángulo con la misma longitud que la segunda hoja de papel. Use el degradado lineal negro a blanco que se muestra
para llenar esta forma y luego configure el Modo de fusión en Pantalla (el negro se vuelve transparente).
Paso 2
Seleccione todas las formas que componen el plano de la casa y Agrupelas (Control-G) . Vaya a Objeto> Expandir
Aspecto y Objeto> Expanda algunas veces hasta que su grupo no tenga un trazo. Ahora puede escalar el plan de la casa
tanto como sea necesario, rotarlo y colocarlo sobre la segunda hoja de [Link] la opacidad al 80% .
Paso 3
Dibuja otro rectángulo justo encima del anterior y usa el degradado lineal negro a blanco que se muestra para
llenarlo. Establecer en modo fusión Multiplicar (el blanco se vuelve transparente) y 8% de opacidad .
Etapa 4
Para crear un clip, trace un trazado como en la imagen siguiente con la herramienta Pluma (P) . Use gris como color de
trazo e incremente el grosor de trazo a 3 pt . Gire y coloque el clip sobre el plano.
7. Crea la maqueta de la casa
Paso 1
Tome la copia del " borde exterior " y la copia del " borde interior " que hizo anteriormente en el tutorial, porque los
usaremos para crear la maqueta de la casa. Elimine las apariencias existentes y use los colores indicados para llenarlas.
Paso 2
Utilice la herramienta Pluma (P) para dibujar una nueva forma como el piso de la casa, y seleccione gris oscuro como el
color de relleno. Mientras que la " forma del piso " todavía está seleccionada, vaya aEfecto> Estilizar> Resplandor
interior y aplique las configuraciones de la imagen siguiente para agregar la sombra.
Paso 3
Coge la herramienta Pluma (P) o la herramienta Segmento de línea (\) y dibuja los tres caminos azules justo al lado
del " borde exterior ". Mientras se selecciona la ruta azul desde la izquierda, vaya a Objeto> Transformar> Mover ,
escriba 45 px en el campo Horizontal y luego presione Aceptar . Como resultado obtendrá la ruta naranja de la siguiente
imagen.
Vuelva a aplicar el efecto Mover para la ruta azul en la parte superior, escriba 30 px en el campo Vertical y
presione Aceptar . Haga lo mismo con la ruta azul en la parte inferior, pero esta vez, escriba -30 px en
el campo Vertical .
Etapa 4
Use los caminos azul y naranja del paso anterior como líneas de guía para crear las " paredes exteriores ".Coge
la herramienta Pluma (P) y simplemente haz clic en los puntos de esquina indicados (1) para dibujar la primera pared en
el lado izquierdo (2). Del mismo modo, dibuja la pared en la parte superior y la que está en la parte inferior (3). Puedes
ver el resultado final en la imagen de abajo (4).
Paso 5
Dibuja dos nuevos caminos azules justo al lado del borde de la cocina. Mueva la ruta en la parte superior35 px Vertical y
la ruta desde la derecha -50 px Horizontal . Como resultado obtendrá las rutas naranja (1). Utilice estas líneas de guía
para dibujar las paredes exteriores de la cocina como se explicó en el paso anterior (2). Siguiendo la misma técnica, dibuja
las dos últimas paredes en la entrada (3).
Paso 6
Ahora que todas las paredes exteriores están listas, puede eliminar las líneas de guía. Utilice el gradiente lineal que se
muestra para llenar todas ellas, pero ajuste el ángulo en consecuencia (0, 90 y -90 grados).
Paso 7
Luego, dibuje las cuatro paredes usando la misma técnica con las líneas de guía. Llénelos con el degradado que se muestra
en el paso anterior. Agrupe (Control-G) estas paredes y nombre el grupo "paredes interiores "; a continuación, enviarlo
detrás del grupo " borde interior ".
Paso 8
Agreguemos algunas sombras. Concéntrese en la cocina y dibuje un rectángulo en el lado derecho de la pared. Use un
degradado lineal negro a blanco para llenarlo y luego configure el modo de fusión Multiplicar y el 20% de
opacidad . Como lo indica la flecha, la sombra no es lisa en la parte inferior, pero la arreglaremos con una máscara de
opacidad en el siguiente paso.
Paso 9
Copie y pegue en el frente (Control-F) el último rectángulo y luego use el degradado que se muestra para completar esta
copia. Ahora, seleccione ambos rectángulos y, desde el menú desplegable del panelTransparencia , elija Crear máscara
de opacidad .
Paso 10
Concéntrese en la sala de estar y dibuje un nuevo rectángulo al lado de la pared. Llénelo con el degradado lineal negro a
blanco que se muestra y luego configúrelo en Modo de fusión Multiplicar y 20% de opacidad (1). Como puede ver, la
sombra no es lisa en el lado izquierdo (2), pero puede corregirse con una máscara de opacidad.
Copie y pegue en el frente (Control-F) este rectángulo y luego use el segundo degradado que se muestra para completar
la copia (3). Ahora, seleccione ambas formas y, en el menú desplegable del panel Transparencia , elija Crear máscara
de opacidad (4).
Paso 11
Como se explicó anteriormente, puede crear la sombra para las otras paredes interiores.
Paso 12
A continuación, dibuje un rectángulo del tamaño del baño y seleccione gris oscuro como color de [Link] el efecto
de Resplandor interior usando la configuración que se muestra para agregar la sombra.
Paso 13
En la siguiente imagen, puede ver las imágenes "antes de las sombras" y "después de las sombras":
8. Crea el techo
Paso 1
Primero dibuja un rectángulo de 18 x 446 píxeles lleno de marrón (1). A continuación, dibuje un rectángulo de 271 x 18
px encima del primero y un rectángulo de 95 x 65 píxeles en el lado inferior derecho (2). Las siguientes formas tienen las
dimensiones 366 x 18 px y 73 x 57 px (3), respectivamente 433 x 18 px y 49 x 57 px (4).
Paso 2
Seleccione los tres rectángulos azules del paso anterior y llénelos de amarillo. Agregue un relleno nuevo encima del
primero, cambie el color de relleno y luego vaya a Efecto> Boceto> Reticulación . Aplique este efecto usando la
configuración mostrada y establezca el Modo de fusión en Superposición .
Paso 3
Agreguemos algunas sombras a medida que avanzamos. Dibuja cuatro nuevos rectángulos sobre los amarillos como en la
imagen siguiente (1). Rellene todos ellos con un degradado lineal negro a blanco.
Mueva estas formas detrás de los rectángulos marrones pero enfrente de los amarillos, a excepción de la forma en la parte
inferior que está detrás del rectángulo amarillo pero delante del primer rectángulo marrón (2). Establezca el modo de
fusión en Multiplicar y 65% de opacidad (3).
Etapa 4
Dibuja otro rectángulo marrón en el lado izquierdo y luego ve a Object> Path> Split into Grid . Aplique la
configuración que se muestra y presione OK .
Paso 5
Agrupe (Control-G) todas las formas resultantes, seleccione marrón como color de relleno y agregue untrazo interior de
0,75 pt .
Paso 6
Para agregar la sombra, dibuje un nuevo rectángulo en el lado derecho de este grupo, solo para cubrir los rectángulos
amarillos. Enviarlo atrás; luego llénelo con el gradiente que se muestra y configúrelo en Modo de fusión
Multiplicar y 60% de opacidad .
Paso 7
Dibuje otro rectángulo que cubra la última porción del techo (1). Seleccione gris como color de relleno y luego agregue un
relleno nuevo arriba. Use un patrón llamado Checkers del menú Swatch Libraries enPatterns> Decorative>
Decorative_Geometric 2 .
A continuación, vaya a Objeto> Transformar> Escalar , escriba 50% en el campo Escala , desmarque Objetos ,
marque Patrones y solo luego presione Aceptar (2). Establezca este relleno de patrón en modo de fusión
Multiplicar y 35% de opacidad . Puedes ver el resultado final en la imagen a continuación (3).
Paso 8
Ahora, dibuje un rectángulo con la misma altura que el grupo de rectángulos marrón y envíelo detrás de la forma del
patrón. Use el degradado que se muestra y luego configúrelo en Modo de fusión Multiplicar y60% de opacidad como
el resto de las sombras.
Paso 9
Luego, dibuje los dos rectángulos y llénelos de rojo.
Paso 10
Dibuja otros dos rectángulos detrás de los rojos y usa la misma configuración para crear las sombras.
Paso 11
Agreguemos más sombra. Dibuje algunas formas más pequeñas donde sea necesario, utilizando la misma
configuración. No te olvides de enviarlos detrás.
9. Finaliza el icono de maqueta de la casa
Paso 1
La maqueta de la casa está lista en este punto, y puedes agrupar (Controlar-G) todas las formas que la componen. Gira y
organiza la casa como quieras sobre el plano.
Anuncio
Paso 2
Utilice la Herramienta de selección directa (A) para seleccionar solo la " forma del piso " y, bajo las apariencias
existentes, aplique el efecto Sombra paralela dos veces.
Aquí están las configuraciones para los dos efectos de Drop Shadow :
¡Felicidades! Ya has terminado
El icono de la maqueta de la casa está listo. Espero que este tutorial sea diferente pero divertido, y que hayas aprendido
algunas técnicas nuevas. No olvides compartir tu recreación con nosotros.