Transcripciones
1. Diseño de colores de la plena de la plena: Hola, soy Helen Bradley. Bienvenido a este episodio de Diseño gráfico para el almuerzo, Crea criaturas peludas lindas en Adobe Illustrator. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y trabajar con aplicaciones como Illustrator, Photoshop, y Procreate. Ahora el proyecto de hoy se trata de diversión y vamos a crear una pequeña criatura peluda linda. Vamos a aprender a hacer el pelaje y vamos a aprender a hacerlo de una manera que no va
a detener tu computadora en sus pistas y que Illustrator se estrelle a la izquierda, a la derecha y al centro. Las técnicas que aprenderás en este video serán aplicables a otros proyectos en otros momentos. Ahora como estás viendo estos videos, vas a ver un prompt el cual te preguntará si recomendarías esta clase a otros. Por favor, si estás disfrutando de la clase, harías dos cosas por mí. En primer lugar, contesta sí que recomendarías esta clase, y en segundo lugar, escribe incluso en pocas palabras, por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es la clase de la que ellos también podrían disfrutar y aprender. Ahora si ves el enlace de seguimiento en la pantalla, haz clic en él para mantenerte al día con mis nuevas clases a medida que se liberan. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Entonces si estás listo, ahora empecemos con la dosis de
ternura de hoy y creemos una criatura peluda aquí en Illustrator.
2. Pt 1 crea el piel: Para crear nuestra criatura de hadas comenzará con un documento totalmente nuevo. Estoy haciendo el mío bastante pequeño. Dice 1200 por 1200 píxeles de tamaño. Estoy trabajando en modo color RGB. Daré clic en Crear. Ahora empezaremos con un círculo así que iré a la herramienta elipse, mantenga presionada la tecla Mayús mientras arrastro un círculo pequeño. Voy a quitar el trazo y lo voy a llenar con un gradiente. Ahora para encontrar un degradado para usar, abriremos el panel Muestres, clic en el menú de fly-out, elija Abrir biblioteca de muestras y luego seleccionaremos Gradientes y Cielo, y usaremos aproximadamente el cuarto en último gradiente aquí, se llama Cielo 21. Al hacer clic en él, se agrega al panel de muestras y la forma que se seleccionó ahora se llena con ese gradiente. Abriremos aquí el panel de gradiente y rotaremos el gradiente a 90 grados. Amarillo en la parte inferior y azul en la parte superior. También es posible ajustar un poco estos colores simplemente arrastrando los deslizadores. Me gustaría un poco más amarillo, así que sólo ajustaré eso ligeramente. Ve a la herramienta Selección mantén presionada la opción Alt en una PC en un Mac y arrastra un segundo círculo lejos del primero y luego altera, arrastra nuevamente sobre él y crea uno en el medio, el medio al que vas a dimensionar a un tamaño más grande. Seleccione ya sea los tres y simplemente alinéelos usando la opción de centro de alineación horizontal aquí. Si no los ves, podrías usar el panel de alineación aquí y por supuesto, cualquiera de estos paneles, si no puedes verlos en tu pantalla, siempre
puedes llegar a ellos eligiendo el menú Ventana. Vamos a hacer una mezcla a partir de las formas, así que vamos a ir a la herramienta de mezcla, hacer clic primero en esta forma, luego en la segunda forma, y luego en la tercera forma. Ahora puede o no ver las cosas exactamente como las estoy viendo en mi pantalla. Eso no importa. Simplemente haga doble clic en la herramienta de mezcla para obtener acceso a las opciones de mezcla, active la vista previa y elija los pasos especificados y aumentaremos el número de pasos. Cada uno de estos pasos se va a convertir en un elemento peludo más adelante. Estoy usando algo así como 12 o 13. Voy a dar clic en Aceptar. Para el cuerpo de la criatura peluda usaré una elipse larga. Seleccione aquí la herramienta de selección directa y
apunte al punto de anclaje en la parte inferior de la elipse y simplemente arrástrela hacia arriba. La forma del animal o de la criatura peluda va a ser algo así como un huevo aplanado. Con la herramienta de selección selecciona tanto sobre la mezcla la forma y reemplazaremos la columna en el momento en que esa mezcla tenga espina, esa es una línea recta. Vamos a usar esta forma como la columna vertebral para la mezcla, elegir objeto y luego fusionar reemplazar columna vertebral. Hay un ligero problema con esto y el problema es que cuando pones una mezcla en un camino cerrado, no
se une, pero se uniría si se tratara de un camino abierto. Iremos a la herramienta de tijeras y localizaremos el punto de anclaje en la parte superior de esta forma de huevo y pincharemos una vez, y eso solo corta el camino en ese punto. El resultado es que la mezcla ahora va perfectamente alrededor del camino. El camino o la columna vertebral aún está seleccionado por lo que si necesitas hacer alguna alteración al mismo, puedes hacerlo ahora. Simplemente yendo a igualar esto un poco para hacer que la parte inferior de la forma sea un poco más plana. Ahora que tiene alguna mezcla aplicada a la misma. Si echamos un vistazo en el último panel, podemos ver lo que está pasando aquí. Lo que tenemos es una mezcla. Tenemos una columna vertebral y las tres elipses que componen esta mezcla. Ahora en otros videos que podrías ver, por ejemplo, en YouTube por crear este efecto de hadas, mayoría de la gente seguirá adelante y creará el efecto de hadas en esta mezcla. El problema con eso es que ralentizará tu computadora y el resultado final de lo que crees va a ser un poco diferente. El método que les voy a mostrar va a romper los círculos para que tengamos círculos individuales y aplicaremos nuestro áspero y efecto a esos. El resultado final será un poco diferente. Probablemente sea un poco más manejable, y sin duda va a resultar en una sobrecarga mucho menos en su computadora. Lo que haremos es ir a la herramienta Selección y seleccionar todo. Se quiere tener abierto el último panel para poder ver lo que está pasando. Escogeremos Objeto y Ampliar Apariencia. Dirán que aquí prácticamente no ha pasado nada. Todavía nos vamos a fundir, todavía
tenemos la columna vertebral, todavía
tenemos las elipses. Vamos a hacer eso de nuevo objeto en Expandir Apariencia ya no es accesible pero expandir sí. Entonces haga clic en Expandir. Ahora no quieres ampliar tus rellenos, así que deshabilitados eso, eso es realmente importante. Simplemente quieres expandir el objeto. Lo que eso hará es romper esta mezcla y
sólo vamos a terminar con toda una serie de círculos. Voy a dar clic en Aceptar. Ahora tenemos un grupo y el grupo es toda
una serie de círculos y cada uno de esos círculos está lleno de un gradiente. Estructura de documentos muy sencillos aquí. Voy a romper estos fuera del grupo eligiendo Object Ungroup. En esta capa ahora, solo tengo montones y montones de círculos. En este punto vamos a aplicar el efecto que nos va a dar el parecido del pelaje. Con todo seleccionado, escogeremos Efecto y luego Distorsionar y Transformar y Roughen. Activa la vista previa. Utilizarás valores muy altos para tamaño y detalle. Podrías empezar por, por ejemplo, 50 por ciento en talla y alrededor de 50 por pulgada en detalle y eso te va a dar el parecido del pelaje. Puedes aumentar un poco esto si quieres tener un aún más puntiaguero, pero solo elige algo que te quede bien y haz clic en Aceptar. El resultado de esto es que tenemos una capa y aplicada a la capa es esta áspera y efecto. Bueno, queremos volver a salir eso. Lo que queremos hacer es terminar con caminos que son una serie de círculos
puntiagudos, cada uno de los cuales tiene aplicado un gradiente. Con todo aún seleccionado,
escogeremos Object expandir apariencia. Ahora tenemos toda una serie de pequeños objetos puntiagudos, cada uno de los cuales está lleno de un gradiente. Yo sólo voy a arrastrar uno fuera del camino para que veas cómo se ven. Ahora tenemos el pelaje básico. Estamos listos para seguir adelante y para crear nuestro animal peludo y lo haremos en el próximo video.
3. Pt 2 crea el rostro: Antes de empezar a crear las características para nuestro personaje, vamos a guardar los colores de este gradiente. Por lo tanto, seleccione cualquiera de estos objetos. Por lo que tienes visible el relleno de gradiente. Acceda al panel de muestras y haga clic aquí en nuevo grupo de colores. Escogerás obras de arte seleccionadas. No hay necesidad de convertir proceso a global ni de incluir muestras para tintes. Pero podemos dar click bien y eso nos dará los tres colores del gradiente. Eso nos dará acceso a ellos si queremos usarlos en el diseño. Voy a hacer un duplicado de este último. Entonces tengo dos montones de este pelaje. Lo que haré es emparejar la cara del personaje entre estas dos capas. Voy a cerrar el de atrás para que no se mueva. Pero puedo alterar el top. Añadiré otro laboratorio, pero voy a colocar este entre las dos capas de pieles para que la cara quede cubierta en la parte superior por el pelaje. Apagemos ese permitir para que no lo veamos ahora mismo mientras trabajamos en la cara. Ahora el rostro se va a construir a partir de una elipse así que
arrastraré una elipse sobre el documento aquí. Déjame asegurarme de que tengo esa capa seleccionada y vamos a arrastrar hacia fuera nuestra elipse, colocarla en posición. Lo estoy moviendo sosteniendo la barra espaciadora mientras ajustaba la posición. Está lleno del gradiente, pero podemos obtener acceso a esos colores de gradiente a través de este panel aquí, porque guardamos esos colores. Si quieres este color, pero quizá la versión menos saturada o más saturada del mismo,
solo tienes que seleccionar el color y luego hacer doble clic sobre él y podrás ajustarlo. Voy a hacer el mío un poco más ligero y brillante. Todo el día selecciona esa selección porque ahora estoy listo para poner mis ojos. Iré al pincel de blob. El pincel blob es un pincel muy práctico para esto. Pero querrás asegurarte de que no se selecciona nada al seleccionar el pincel de blob. Iré por negro y voy a aumentar el tamaño del pincel presionando el corchete cuadrado de cierre K. Si no tienes acceso a eso no funciona o lo que sea, haz doble clic en la herramienta de pincel blob y puedes ajustar el tamaño aquí, pero puedo para hacer eso aquí. Voy a añadir un par de ojos grandes. Entonces si quieres agregar algunas pecas, usa el soporte cuadrado abierto K para dimensionar el pincel hacia abajo y luego solo puedes agregar unas pequeñas manchas alrededor de la cara. Acercaré a un área por aquí para que pueda construir la boca. Se va a construir la boca a partir de una elipse. Voy a arrastrar hacia fuera una elipse de alto-ish. Yo quiero que se llene de negro y no tenga trazo en absoluto. Volveré a ir a la herramienta de elipse y esta vez voy a arrastrar una elipse sobre la parte superior de ésta porque quiero mantener aquí abajo esta área, pero quitar el área en la parte superior, seleccionando ambas elipses. Iré al pathfinder. De nuevo, puedes llegar a eso eligiendo ventana y luego pathfinder. En este caso, elegiré menos frente porque este es el ritmo frontal que queremos
restarlo del ritmo de espalda y eso nos deja con esta forma de boca. Haré clic lejos de la forma porque no quiero nada seleccionado porque estoy a punto de cambiar mi color de relleno. Voy a cambiarlo a un color rosa. Agarra de nuevo la herramienta de elipse, arrastra hacia fuera un círculo. Voy a colocar esto solo o bien el borde inferior de la boca, pero no simétrico. No quiero que esté exactamente por encima del fondo. Voy a seleccionar ambas formas, y esta vez voy a usar un comando y el pathfinder que se dividirá. Yo quiero que este ritmo y este ritmo y este ritmo todo sea separado. Desde la paleta pathfinder, daré clic aquí en divide. Ahora, puedo ir a los habladores de selección de grupos. Todas estas formas van a estar en grupo. Haga clic lejos de las formas y luego haga clic en justo esta pieza aquí porque
ya no la quiero y presionaré delete y eso me deja con una forma que es mi forma de boca. Ahora puedo traerlo y colocarlo en posición. Si necesita ser un poco más grande, puedo arrastrar en su mango de esquina para dimensionarlo en proporción. Control o comando cero solo hace zoom hacia fuera para que pueda ver el producto que tengo hasta ahora. Nos pondremos de nuevo el pelaje y se puede ver el problema inmediato es que la capa superior de pelaje está cubriendo la cara. Bueno, cerremos la cara por ahora y veamos si podemos hacer un poco de trabajo en el pelaje. Voy a ampliarlo un poco y luego voy a entrar aquí y empezar a alejarme. A mí me preocupa más el pelaje que en realidad está sobre la cara. Entonces eso va a ser en esta zona aquí. Solo busco sacarlo del camino y empezar a revelar la cara. Si crees que hay demasiado, siempre
puedes simplemente eliminar cualquier acceso. Así que solo presiona la tecla borrar si necesitas
deshacerte de algún pelaje que está bien en la posición equivocada. También puedes bajar la escala de estos objetos peludos si son demasiado grandes. Algunos de ellos son bastante grandes aquí. Porque tenemos la capa inferior de pelaje ya bloqueada, no le
estamos haciendo ningún cambio. El único pelaje en el que estamos teniendo algún efecto es el pelaje por encima de la cara de las criaturas. Por lo que hay bastante pelaje debajo de esto que está manteniendo la forma del cuerpo del animal. Todo lo que estamos haciendo realmente es sólo tratar de revelar su rostro, pero para que se vea lo más lindo posible, no
queremos deshacernos demasiado de este pelaje. Solo queremos una especie de enmarcar la cara en piel, si quieres. Voy a acelerar el video ya que sigo trabajando solo en esta capa superior de pelaje, hasta que tenga un resultado que me guste. Después el siguiente video, vamos a rematar con las manos y también vamos a crear un fondo para ello y algunos efectos de iluminación. Si necesitas suavizar el borde de la cara, si tienes problemas con la cara en cualquier momento, siempre
puedes simplemente aplastar uno de estos elementos de piel solo para poder
acercarlo lo suficientemente a la cara para suavizar el efecto alrededor de la cara. Por lo que no quieres decir ese borde duro de esa elipse si posiblemente puedes evitarlo. También puedes duplicar formas sosteniendo la tecla alt u opción a medida
que las dupliques, eso te permitirá rellenar pequeños puntos si
quieres con algunas pelusas adicionales de piel. Debido a que hemos usado un gradiente lineal en las formas, sólo girar una forma alrededor va a enviar un color diferente a la parte superior para que puedas crear este pequeño efecto puntito, casi mohawk con un color ligeramente diferente copiando una forma y luego simplemente girándola.
4. Pt 3 añadir las manos y el fondo: Ahora las manos de la criatura van a ir en la misma capa que la cara, pero probablemente las voy a construir justo sobre el borde aquí donde es un poco más fácil de ver. Voy a mantener un poco de la cara de las criaturas en el campo de visión para que sepa escalarlo. Usaré la herramienta lápiz para esto, apuntaré a la herramienta lápiz haciendo doble clic sobre ella solo para ver cuáles son los ajustes. Voy a retroceder la suavidad sólo un poquito. Sí quiero que Illustrator suavice mis líneas de lápiz, pero no las suavice totalmente. Entonces ese es un escenario bastante bueno aquí. He mantenido rutas seleccionadas y cerradas cuando los extremos están dentro 20 píxeles y edite las rutas seleccionadas dentro de los 20 píxeles todos configurados. Ese es un ajuste bastante bueno para la herramienta de lápiz. Voy a dar clic en “OK”. Voy a sacar un brazo largo y luego sacaré el pulgar, y luego la mano. Si no te gusta el efecto que has creado con la herramienta lápiz puedes eliminarlo y empezar de nuevo, porque tenemos nuestra línea de herramienta lápiz seleccionada, también
podemos simplemente volver a dibujarla. Voy a dibujarlo un poco cuadrado al final aquí. Sólo tienes que repasarlo con la herramienta lápiz y se re-dibuja para ti. Voy a ir a la herramienta de selección y vamos a sacar el color de la cara porque ese va a ser el color que usaremos para la mano. Ahora quiero ponerme unas garras aquí, así que las haré con un triángulo. Iré a la herramienta de polígono, haga clic una vez en el documento, haga una figura de tres lados. Ignora el radio, solo haz lo que sea que te vaya a dar Illustrator, porque el radio es un valor muy extraño para los triángulos. Va a dimensionar este abajo y hacerlo negro. No tiene derrame cerebral. Lo giraré por ahí porque quiero que se adhiera a la mano aquí y voy a poner tres a través, así que voy a reducirlos. Ellos van a caber más o menos a través de la mano. Sigo pensando que es un poco grande. Una vez que haya hecho uno, alteraré la opción drag y otro de distancia y Alt u Opción Drag y tercero de distancia y solo los posicionaré sobre la parte superior de la mano. Se pueden empujar a su posición con las teclas de flecha si es necesario. Bastante seguro de lo que pasó ahí. Vayamos a poner eso de nuevo. Voy a agarrar las tres garras, las voy a agrupar con grupo de objetos, luego voy a colocar esto detrás de la mano. Escogeré objeto, arreglaré, enviaré hacia atrás, y luego solo pondremos las garras detrás de la mano, agarraremos todo y agruparemos eso. Ahora puedo alejar el zoom y colocar la mano en posición. Si necesito, puedo aumentar el tamaño de la misma. Parece que me he acumulado en la capa equivocada, así que es exactamente lo que he hecho. Entonces déjame solo cortar esto. Voy a seleccionarlo y elegir editar corte, y vamos a ir a la capa de cara, apuntarlo y elegir “Editar pegar”. Ahora está en esa capa, es un mejor lugar para ella. Porque entonces va a estar debajo del pelaje. No he seleccionado, así que solo voy a empezar a moverlo usando el teclado hasta que pueda verlo con claridad para seleccionarlo. A continuación, simplemente redimensionarlo o rotarlo según sea necesario. Una vez que tengas esta correctamente en su lugar, mantén presionada la tecla Alt en un PC, opción en un Mac y solo arrastra una segunda copia por el otro lado. Elige objeto transform reflect, lo
vamos a reflejar a través de la vertical cuando hagamos una vista previa, dirás que los pulgares están bien hacia arriba y se ha volteado o hecho clic en “OK”. Eso nos da una segunda mano para este lado de la criatura peluda. Sólo vamos a girar en una posición ligeramente diferente. Puedes afinar eso tanto como necesites. Pero echemos un vistazo a los toques finales. Los toques finales, voy a añadir un gradiente detrás de todo. Déjame simplemente cerrar estas capas y vamos a añadir otra capa al documento y colocarlo detrás de absolutamente todo. Iremos a la herramienta de rectángulo con esta capa seleccionada y crearemos un rectángulo que es de 1200 por 1200 píxeles que es el tamaño del tablero de arte que creé. Para posicionarlo inmediatamente sobre el tablero de arte, ve a la herramienta de selección, abre el panel de alineación, muestra las opciones para el panel de alineación haciendo clic en este pequeño icono aquí y elige “Alinear a tablero de arte”. Entonces si haces clic en “horizontal align center” y “vertical align center”, se alineará con el centro del tablero de arte. Ahora bien, el negro no es un color feliz aquí, así que déjame simplemente llenarlo con el gradiente que hemos estado usando. Entonces vamos a ir a la herramienta de gradiente lo convertirá en un gradiente radial. Voy a sacar esta parada del extremo y luego mover la parada del medio hacia fuera hasta el final. Entonces vamos a buscar la herramienta de gradiente y arrastrar esto porque quiero mucho más amarillo detrás de nuestra criatura de lo que tenía anteriormente con sólo un poco de azul en las zonas de esquina, tal vez. Simplemente afinando bien este gradiente a la medida. Ahora es posible fusionar este rectángulo en un poco
seleccionando el rectángulo y simplemente disminuyendo la opacidad. Eso va a aligerar un poco el efecto de fondo, si eso te queda mejor. Ahora para un toque final, quiero agregar un par de pequeños puntos de luz, y eso lo voy a hacer con una elipse. Iré a la Herramienta Elipse, aún trabajando en esta capa, esta misma capa posterior del documento mantiene la tecla Mayús mientras arrastro una pequeña elipse. Está lleno del gradiente, pero sólo vamos a hacer un ajuste rápido al gradiente aquí. Daremos click en esta última parada y pondremos la opacidad a cero. Lo que estamos haciendo es desvanecerse este gradiente a cero. Simplemente lo ajustaré a través para que tengamos un punto de luz literal. Todo esto está haciendo es darnos un punto de luz muy pequeño. Ahora digo que tiene un ligero borde azul a su alrededor. Voy a seleccionar sobre la forma y vamos a la herramienta de gradiente. Vamos a sacar un poco este gradiente, por lo que es más amarillo y un poco menos azul en el borde, y vamos a probar eso. Eso se ve mucho mejor. Ahora, voy a Alt u opción arrastrar esto para crear una segunda elipse y simplemente escalarlo un poco hacia abajo. Ahora solo podemos arrastrar copias de estas elipses a diferentes lugares del documento solo para agregar un poco de luz. Ahora descubrí estos efectos de iluminación, los que hacían estas pequeñas criaturas peludas, y quería publicar una imagen de una en Instagram. Estaba a punto de rodarlo con el iPhone fuera de la pantalla de mi Mac, estaba viendo el reflejo de luces que estaban arriba desde donde estaba sentado, reflejando en la pantalla del Mac y la calidad de la imagen no iba a ser muy buena. Pero vi esos pequeños efectos de iluminación y pensé, eso es realmente lindo. De verdad quería poder hacer algo
así aquí y solo conseguir unos bonitos efectos de foco. Eso es lo que vamos a hacer. Solo estamos tratando de conseguir pequeños focos alrededor de la criatura. Si quieres agregar un poco de movimiento a esto, podrías hacerlo. Entonces ve a la herramienta lápiz y luego vuelve
al panel de muestras y recoge el cielo 21 gradientes. Es sólo un gradiente lineal llano. asegura de que este gradiente esté en la línea y no en el relleno, y aquí solo puedes agregar unos pequeños movimientos. Yo sólo voy a aumentar el peso de la línea aquí, y se puede decir lo que ha hecho la herramienta Lápiz. Se acaba de agregar un poco de movimiento. Una vez que configuraras eso, podrías agregar algunos otros pequeños movimientos. Otra vez en esa capa para sugerir que esta criatura es realmente bastante feliz.
5. Proyecto y wrapup: Tu proyecto para esta clase será seguir adelante y crear tu propia criatura peluda aquí en Illustrator. Crea el pelaje, crea el rostro, crea esas dos capas, mueve el pelaje de la capa superior alrededor hasta que obtienes un resultado que te guste. Agrega un fondo, agrega un poco de movimiento, y solo diviértete con esto. Este es un bonito y lindo proyecto, enseña algunas técnicas. Al final de ello, creo que tienes algo que estuvo bien y verdaderamente Instagrammable. Sería encantador verte compartiendo estos proyectos terminados en Instagram, particularmente porque éste es tan lindo. Espero que hayas aprendido cosas sobre Illustrator en esta clase de la que antes no estabas desconociendo. Si sí disfrutaras de la clase y cuando veas un prompt el cual pregunta si se lo recomendarías a otros, por favor harías dos cosas por mí. En primer lugar, conteste sí que se lo recomendaría a otros. En segundo lugar, escribe en pocas palabras por qué estás disfrutando de esta clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es la clase de la que ellos también podrían disfrutar y aprender. Si ves el enlace de seguimiento en la pantalla, haz clic en él para mantenerte al día con mis nuevas clases a medida que se liberan. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Mi nombre es Helen Bradley. Muchas gracias por acompañarme para este episodio de diseño gráfico para almorzar, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
