En este tutorial intermedio, crearemos un personaje desde cero en Adobe Illustrator CC 2014 y luego haremos un pequeño conjunto de diseños de adhesivos, listos para usar en el chat, el móvil y el blog. Pasaremos por el proceso de mantener el diseño coherente, crear varias expresiones faciales y simplificar los componentes del diseño para utilizarlos en un conjunto de iconos..
1. Creando el diseño básico de personajes
Paso 1
Para un proyecto como este, me gusta comenzar con la cara de mi personaje. Dado que la mayoría del diseño es solo una cabeza (por este tutorial), es el mejor lugar para comenzar de todos modos..
Utilizando la Herramienta Elipse (L), dibuja un circulo. Esto formará la mitad de la cabeza..
Utilizar el Herramienta Pluma (P) Para dibujar la mitad inferior izquierda de la mandíbula. Observe cómo la línea de la mandíbula se curva suavemente hacia la barbilla, pero se mueve hacia arriba en un ángulo recto..
Aquí puedes ver la colocación de la mandíbula inferior izquierda. A menudo comienzo una mandíbula en el lado izquierdo de un círculo, asegurándome de que se alinee con los centros horizontal y vertical.
Copiar (Control-C), Pegar (Control-V), y Reflejar La mandíbula izquierda para crear el lado derecho..
Después de asegurarse de que cada componente de la cabeza se alinee como desee, Unir las tres formas en el Pionero panel. Eliminar cualquier punto de anclaje extraño con el Eliminar herramienta de punto de anclaje (-).
Paso 2
El oído es un proceso bastante simple. Necesitará dos de estos para su diseño final (a menos que el cabello o elementos de diseño adicionales los oculten por completo, en cuyo caso no dude en omitir este paso).
Dibuja un círculo con la Herramienta elipse.
Utilizar el Herramienta de selección directa (A) para tirar del punto de anclaje inferior hacia abajo.
Incline el punto de anclaje inferior a la derecha.
Manipule los mangos del punto de anclaje para que la forma se redondee y se vea más como una oreja.
Dupdo, Pegar, y Reflejar la oreja asi que tienes dos. Alinear a cada lado de la cabeza.
Paso 3
Al igual que la cabeza y la oreja, el ojo también comienza con un círculo simple.
Dibuja un círculo con la Herramienta elipse.
Utilizar el Lapicera para dibujar un punto afilado en la parte inferior izquierda del círculo (en la diagonal) y siga el contorno del círculo hacia el centro. Observe cómo estas formas se ven un poco como la cabeza de un pájaro o una forma de gota de lluvia girada sobre un lado.
Unir las dos formas en el Pionero panel.
Dibuja la línea de las pestañas o las pestañas de tu personaje, o simplemente perfila la forma de los ojos, dependiendo de los detalles que quieras agregar.
Abre el Gradiente panel para recrear el Lineal gradiente visto abajo: púrpura oscuro (# 2a0551) De blanco a morado oscuro de nuevo.
Aplique el degradado al blanco de los ojos (la forma de gota de lluvia).
Dibuje un círculo púrpura oscuro más pequeño para el iris del ojo y colóquelo debajo de las líneas de las pestañas en el Capas panel.
Etapa 4
Añadamos algunos detalles a cada ojo..
Grupo (Control-G) juntos los componentes de su ojo.
Con el Lapicera, dibuja una forma de media luna sobre la mitad superior del ojo en púrpura oscuro (# 2a0551).
Reducir el Opacidad a 50% o menos en el Transparencia panel. Colóquelo sobre el iris y el blanco del ojo en el Capas panel.
Establezca el color de relleno del iris al color de ojos que prefiera. Dibuja un círculo más pequeño en el iris para formar la pupila del ojo. Con el Herramienta Lápiz dibuja algunas formas adicionales en blanco para crear reflejos brillantes (círculos, estrellas o corazones).
Agrega detalles adicionales como pequeñas vieiras (dibujadas con el Lapicera o Herramienta Lápiz) en la esquina exterior o definir las pestañas.
Dibuja unas lindas cejas. Elegí corazones pequeños en lugar de un diseño de cejas tradicional. Una vez más, utilicé el Herramienta Lápiz.
Repita estos pasos para el otro ojo (o Dupdo, Pegar, Reflejar, y ajustar la posición de la pupila y el iris).
Paso 5
Para la nariz, unas pocas formas simples que definen las fosas nasales y las sombras hacen el truco.
Comience con formas en forma de lágrima dibujadas para cada fosa nasal..
Los lados de las fosas nasales, dibujados con el Lapicera, son de color melocotón (# ff786b) paréntesis.
La sombra debajo de la nariz esboza ambas fosas nasales y el filtro por encima de la boca. los Gradiente lineal va de un melocotón rosado# ff786b) a la luz de melocotón (# ffde9e).
La forma del punto culminante (una lágrima sucia dibujada) va desde la crema ligera (# fff7d4) a la luz de melocotón (# ffde9e).
Paso 6
Completemos la cabeza.
Establecer el color de relleno de la cabeza a un Lineal gradiente que va desde # ffae85 a # ffde9e a # ffbc8c. Las orejas se ponen a la luz melocotón (# ffde9e).
He añadido un trazo a la forma de la cabeza de # ffae85. Grupo juntos todos los componentes de la cabeza. Dupdo y Pegar la cabeza y vaya a Expandir debajo Objeto. Asegurarse solo Carrera se selecciona y pulsa DE ACUERDO. Unir estos componentes copiados en el Pionero panel. Establecer el color de relleno a púrpura oscuro y Alinear detrás de la cabeza original en el Capas panel. Selecciona el Carrera ancho a 1-2 pt en el Carrera panel.
2. Dibujando un lindo peinado
Paso 1
Ahora que hemos terminado la cabeza básica de nuestro personaje, vamos a crear su peinado principal. Haga doble clic la Herramienta Pincel Blob (Shift-B) para plantear sus opciones. Selecciona el Fidelidad control deslizante a la derecha (aunque no completamente). Como simplemente haremos un boceto con él, establezca el tamaño en 1 pt.
Paso 2
Asegúrese de que los componentes de su cabeza estén Agrupados juntos. Esto te permitirá mantener tu Capas panel organizado.
Utilizando la Herramienta de pincel de burbujas, Empieza a dibujar el cabello del personaje. He optado por flequillos entrecortados (flecos).
Continuar dibujando el pelo. Piense en el cabello como se define por grandes secciones frente a hebras.
Una vez que hayas completado la parte frontal del cabello., Grupo juntos sus componentes bosquejados y trazar el peinado con el Lapicera.
Borrar El boceto te deja con un solo objeto para el cabello. Establece el color de relleno a algo brillante y divertido. Yo elegí el púrpura (# 6f28ba).
Paso 3
Mi pequeño personaje tiene una cola de caballo. Como tal, dibujaremos los siguientes componentes del cabello detrás del resto de la cabeza.
Comience dibujando una forma que denota el cabello que se tira de la cabeza hacia el elástico de la cola de caballo..
La forma del cabello en este punto depende de usted: es liso, rizado, trenzado o atado en un moño.?
Repita lo que hicimos previamente con el trazado del croquis..
Esquema de los componentes del cabello colocando copias trazadas de ellos detrás de la forma original (como hicimos para la cabeza) en el Capas panel.
Etapa 4
Ahora vamos a hacer el pelo.
Utilizando la Herramienta Lápiz o la Lapicera, Dibujar secciones de cabello rellenas con degradado que definen sombras. Observe cómo estas formas se curvan de tal manera que imita el contorno de la cola de caballo. El gradiente va de púrpura a púrpura oscuro..
Además definiremos las sombras y secciones del cabello..
Observe cómo los bangs tienen una forma de sombra para cada separación y en qué lado están.
Juega con sombras adicionales o resalta formas para darle al cabello de tu personaje algunas variaciones divertidas. Dibujé una forma de vieira invertida en la cola de caballo..
Reducir el Opacidad de tus formas de sombra en el Transparencia Panel a tu gusto. Agrega reflejos o colores adicionales a tu diseño de cabello principal si lo consideras adecuado.
Paso 5
Ahora vamos a añadir un pequeño lazo lindo.
Dibuja una forma de corazón abultada con el Herramienta Lápiz, asegurándose de que su camino está cerrado.
Repita en el otro lado. No olvides dibujar una forma de conexión en el centro del arco.. Unir los componentes de su arco en el Pionero Panel y establecer el color de relleno a algo brillante, como el fucsia (# f01e8c) visto abajo.
Esquema tu arco de la misma manera que delineamos la cabeza y el cabello. Utilizar el Herramienta de pincel de burbujas Con el fin de dibujar detalles sobre el arco..
Utilizar el Lapicera para agregar un par de formas de sombra al arco debajo de los detalles dibujados anteriormente. Establecer el color de relleno a púrpura oscuro y su Opacidad a 50% o menos.
Grupo junta los componentes del arco y coloca el accesorio para el cabello sobre la cabeza de tu personaje.
Paso 6
Finalmente, Expandir (Objeto> Expandir ... ) Los trazos de tu personaje para que la base de la pegatina sea siempre escalable sin tener que cambiar el tamaño del trazo más tarde. Usaremos este ícono como base para la etiqueta de cada personaje en el resto de este tutorial. Haga varias copias del diseño como está ahora (seis en total).
3. Estado actual: juegos
Paso 1
Ahora empezamos la diversión! Comencemos con una pegatina para todas esas veces que quieras que alguien sepa que estás jugando (¡o que quieres jugar con ellos!).
A partir de la boca, he usado el Herramienta de pincel de burbujas dibujar una línea curvada hacia arriba.
Dibuja otra línea más pequeña que se curva hacia abajo..
Rellena el centro de las dos líneas curvas con morado oscuro y el Lapicera.
Dibuja el labio inferior. Observe cómo es un poco plano en el borde inferior.
Rellena la forma con melocotón (# fe8c82).
Dibuja el labio superior. El mío no tiene el arco de Cupido pronunciado, aunque quizás su diseño tenga una forma diferente..
Rellene el labio superior con un color rosa brillante (# ff305a).
Dibujar en los dientes. Observe cómo siguen el contorno del borde superior y se curvan un poco en la parte inferior..
Establezca el color de relleno en el mismo degradado que se usó para el blanco de los ojos.
Paso 2
Las manos son caricaturescas y simples, consistentes en solo tres dedos. Dibujé el mío con el Herramienta Lápiz, No les molesta que sean demasiado detallados..
Delinear las manos.
Dibuja un rectángulo redondeado en gris y delineado en púrpura oscuro para el controlador de juego.
Utilizar el Herramienta de pincel de burbujas Para dibujar un pequeño cable para el controlador..
Grupo su diseño juntos y le dan un contorno general más grueso de la misma manera que se hizo con la cabeza y el cabello anteriormente. Asegurate que Expandir Cualquier trazo antes de crear tu contorno. Luego dibuja un círculo de colores brillantes con la Herramienta elipse Y colóquelo detrás del resto del diseño..
Esto completa tu primera pegatina..
4. Estado actual: viendo una película
Paso 1
¡Pasa las palomitas! La siguiente es una pegatina de chat perfecta para denotar algo entretenido o para que otros sepan que estás viendo una película fantástica..
Dibuja dos rectángulos sobre los ojos con la Herramienta Rectangular (M). Establece el color de relleno de la izquierda en verde azulado (# 00d1c5) y el derecho a fucsia (# f01e8c).
Dibuja dos rectángulos blancos más grandes detrás de los dos primeros. Utilizar el Herramienta de selección directa para tirar de la Esquinas vivas Hacia adentro para redondearlos un poco. También puede ajustar el radio de las esquinas en el Transformar panel.
Dibuja un rectángulo horizontal fino para el puente de las gafas..
Unir los rectángulos blancos en el Pionero panel. Delinee las gafas agregando pinceladas de color púrpura oscuro al objeto blanco como describimos anteriormente la cabeza en este tutorial.
Duplique los marcos blancos de las gafas y configure el color de relleno a púrpura oscuro y Opacidad a 40% en el Transparencia panel. Coloque esta forma de sombra detrás de las gafas en el Capas panel, hacia la parte inferior derecha ligeramente.
Finalmente, dibuja un par de formas curvas en cada lente en blanco con sus Modo de mezcla ajustado a Cubrir en el Transparencia panel. Grupo todos sus componentes de gafas 3D juntos.
Paso 2
Ahora que tiene puestas sus gafas 3D, nuestra pequeña amiga del chat necesita algunas palomitas de maíz. Empecemos dibujando un contenedor para ello.!
Utilizar el Herramienta elipse Para dibujar una elipse delgada. Utilizar el Herramienta rectangular para dibujar un rectángulo del mismo ancho que la elipse.
Alinear la elipse a la parte inferior del rectángulo (aliné manualmente la parte inferior del rectángulo al centro de la elipse). Unir estas formas en el Pionero Panel y limpiar cualquier punto de anclaje extraño.
Utilizando la Herramienta de selección directa, inclina la parte inferior del objeto hacia adentro. Repita en el otro lado.
Utilizar el Herramienta de punto de anclaje (Shift-C) para manipular los mangos del borde superior del objeto para que se curve ligeramente hacia abajo.
Dibuja rayas blancas sobre la forma, siguiendo su contorno.. Grupo estos componentes juntos.
Dupdo y Pegar Dos copias de la forma de base roja. La primera copia se establecerá en un degradado lineal que va de púrpura oscuro a 100% a 0% a 100% Con los colores opacos en los bordes de la forma. Coloca esta forma sobre las demás. El color de relleno de la segunda copia se establece en púrpura oscuro con un trazo de 1-2 pt y poner detrás de las otras formas de contenedores de palomitas de maíz.
Grupo junta tus objetos y ajusta la forma general como quieras.
Paso 3
Las palomitas de maíz se convertirán en un simple pincel personalizado. Dibuja una forma de palomitas de maíz en color amarillo claro con el Herramienta Lápiz. Esquema de la forma y asegúrese de Expandir tus trazos En el Cepillos panel, ir a Pincel nuevo> Pincel de dispersión. Selecciona el Rotación a Aleatorio Y juega con su ángulo tanto como necesites. Probar el cepillo con el Herramienta Pincel (B).
Etapa 4
La boca en esta etiqueta fue creada enteramente con el Herramienta de pincel de burbujas. Empieza con dos líneas curvas para las mejillas hinchadas..
Ajuste el color del contorno de la mejilla a melocotón, los labios a rojo rosado y la boca abriéndose a púrpura oscuro. Note la dirección de la curva de cada forma..
Rellene los labios con melocotón y agregue colores claros (melocotón claro, crema o blanco) como le parezca.
Paso 5
¡Vamos a ponerlo todo junto! Usa el pincel de palomitas de maíz que hiciste para dibujar un par de líneas onduladas de palomitas de maíz detrás de la caja de palomitas de maíz.. Dupdo y Pegar Una de las manos del diseño de la etiqueta anterior, así que parece como si estuviera mordiendo las palomitas de maíz..
Cuando esté satisfecho con la colocación del pincel de palomitas de maíz, Expandir los trazos de pincel y utilizar el Herramienta de varita mágica (Y) para seleccionar las casillas transparentes alrededor de los componentes del pincel para eliminarlos. Dale al diseño final de la etiqueta un contorno grueso para terminarlo..
5. Estado actual: durmiendo
Paso 1
Para el estado de reposo, comenzamos de nuevo con el cabezal base creado anteriormente en este tutorial..
Utilizando la Herramienta de pincel de burbujas, Dibujé el aspecto básico del ojo cerrado, que cubre la mayor parte del ojo actual..
Traza el boceto del ojo cerrado con el Lapicera a ambos lados. Establecer el color de relleno a melocotón. Dibuja formas delgadas y en forma de contorno que se curvan sobre el ojo cerrado.
Ponga estas formas en el mismo melocotón rosado que se usa en la nariz.
Vuelva a dibujar o ajuste las formas de las pestañas y coloque los componentes de los ojos recién dibujados debajo del cabello en el Capas panel.
Paso 2
Borrar la cola de caballo de tu diseño.
Con el Lapicera dibujar la parte superior de un sombrero (se parece un poco a una boina en este punto).
Detrás de la cabeza, dibuja una linda forma curva. Esto forma la gorra de dormir. Se parece un poco a una cola de caballo. Si ayuda, haz un boceto antes de dibujar con la Lapicera.
Esquema de la parte superior de la tapa.
Esquema de la parte inferior de la tapa.
Paso 3
Utilizar el Herramienta estrella dibujar un amarillo (# ffbc04) estrella Ajusta el radio de la esquina tirando de las esquinas vivas con la Herramienta de selección directa. En el Opciones de patrón crear un panel Nuevo patrón, estableciendo el Espacio h y V espacio a 5 px, y el Tipo de azulejo a Ladrillo por columna.
Etapa 4
Dupdo y Pegar Las piezas principales del gorro de dormir y aplicarles el patrón de estrella. Dibuja un círculo amarillo para el pompón en el extremo de la gorra de dormir.
Paso 5
Dibuja una forma de almohada hinchada detrás de la cabeza para dormir. Dibuja una boca cerrada simple con el Lapicera.
Establezca el color de relleno en blanco y el color de trazo en púrpura oscuro.
Dibuja una linda forma de verde azulado (un poco como una lágrima curva) en el lado derecho de la almohada. Añada rayas de color verde azulado o más claro si lo desea.
Paso 6
Dele un diseño más grueso a su pegatina somnoliento final como se hizo anteriormente. No te olvides de Expandir Cualquier golpe antes de hacerlo. Además, puedes dibujar pequeños mensajes con el Herramienta de pincel de burbujas o use una fuente linda con el Herramienta de texto.
6. Estado actual: en un estado de ánimo tonto
Paso 1
Vamos a ser raros. Dupdo y Pegar el arco fucsia. Reflejar Colóquelo sobre un eje vertical y colóquelo en el lado derecho de la cabeza.. Dupdo, Pegar, y Reflejar La cola de caballo para que el personaje tenga dos coletas.. Girar ellos alrededor como mejor les parezca.
Paso 2
Para dibujar ojos sonrientes, dibuje un semicírculo que se superponga con la mitad inferior del ojo en un melocotón claro.
Dibuja una línea morada oscura delineando la mitad superior del semicírculo.
Repita en el otro lado.
Paso 3
Usa la herramienta de dibujo de tu elección para dibujar una boca sonriente y puntiaguda..
No te olvides de añadir un labio superior e inferior. Me resultó más fácil hacerlo con el Herramienta de pincel de burbujas.
Dibuja una pequeña mano de tres dedos..
Asegúrate de que se superponga un poco la boca del personaje. Delinear y definir los dedos ligeramente con líneas moradas oscuras. Aplique el mismo gradiente lineal que se usó en la cabeza..
Etapa 4
Utilizar el Herramienta de pincel de burbujas, o una fuente que disfrute, para dibujar repetidamente líneas de letras en cualquier onomatopeya que su idioma pueda usar para la risa.
Grupo Juntan sus letras de risa y dibujen un círculo superpuestos..
Con el grupo y el círculo seleccionados, Hacer una máscara de recorte (Control-7).
Paso 5
Coloque el grupo de máscara de recorte detrás del diseño de la etiqueta para terminarla.
7. Estado actual: escuchar música
Paso 1
Vamos a crear un conjunto simple de auriculares adornando un semicírculo gris.
Dibuja un círculo y un rectángulo. Deja que el rectángulo se superponga ligeramente al círculo y golpea Frente menos en el Pionero panel.
Superponer parte del lado derecho del círculo recién cortado con un rectángulo rosado.
Utilizar el Herramienta de creación de forma (Shift-M) para seleccionar el componente no intersecante del rectángulo. Deselecciona y borra.
Dibuja varios rectángulos sobre la forma rosa para crear rayas.
Elimínalos de la forma rosa con el Herramienta de construcción de forma.
Dibuja una estrella con el Herramienta estrella en la mitad izquierda de los auriculares.
Utilizar el Herramienta de construcción de forma para borrarlo del semicírculo. Cambia los colores de las rayas a fucsia y la forma rosa a fucsia oscura..
Dibuja sombras y resalta las formas de manera similar a como se hizo con el cabello. Utilizar Lineal Gradientes de color morado oscuro y amarillo claro para cada uno. Utilizar el Herramienta de construcción de forma para eliminar porciones extrañas de estas formas del semicírculo gris.
Dale a los auriculares un contorno púrpura oscuro y agrupa todos los componentes.
Paso 2
Dupdo y Pegar el grupo de auriculares para que tenga uno para cada lado de la cabeza del personaje. Colóquelos debajo de la parte frontal de su cabello en el Capas panel.
Dibuja una forma fucsia en la parte superior de su cabeza para denotar la banda de los auriculares.
Dibuja pequeñas notas de música verde azulada, corazones y destellos que salen del lado derecho de los auriculares. Use la misma boca de una de las pegatinas del chat anterior, o dibuje una nueva.
Paso 3
Finalmente, dale a todo el diseño un contorno más grueso..
8. Estado actual: Reclamar un número de diva
Cambiemos el diseño final dibujando un cuerpo diminuto como una muñeca para él.
Dibuje sobre el diseño utilizando la herramienta de dibujo de su elección. Indica la forma básica del cuerpo en un simple gesto de dibujo, así como los accesorios que se sostienen. Este tiene una postura amplia y simple con un micrófono en una mano.. Grupo juntos todos los componentes del bosquejo.
Paso 2
Dibuja un círculo gris sobre el extremo del micrófono..
Utilizando la Herramienta de pincel de burbujas, Dibujé el labio superior, curvándome en un semicírculo..
Dibuja el labio inferior y el interior de la boca. También utilicé los mismos componentes de ojo cerrado del diseño de etiqueta de chat para dormir creado anteriormente.
Paso 3
El vestido es una serie de ángulos..
Comience con el contorno, dibujando dos picos para la línea del cuello, siguiendo la curva de las caderas y conectando en un ángulo asimétrico.
Rellena el diseño con fucsia..
Dibuja dos patitas puntiagudas que salen de la parte inferior del vestido..
Mantenga el cuello como un simple rectángulo mientras que el cofre, en este punto, es un triángulo con un par de líneas curvas que denotan el busto del personaje..
Puedes ocultar el boceto en el Capas panel en este punto.
Etapa 4
Use cualquiera de Herramienta elipse o una de las herramientas de pincel para dibujar una serie de puntos blancos en diferentes tamaños en todo el vestido.
Grupo los puntos juntos y establecer su Modo de mezcla a Cubrir en el Transparencia panel.
Coloque puntos adicionales sobre los otros con diferentes Opacidades y Modos de mezcla por lo que el vestido se ve brillante.
Grupo juntos los componentes de la chispa, Dupdo y Pegar el vestido, y Crear una máscara de recorte Así que los destellos permanecen dentro de los límites del vestido..
Paso 5
Esquema del vestido y el cuerpo. Asegúrese de que, al crear una forma duplicada para el esquema, haya eliminado la máscara de recorte en la forma copiada.
Coloque el cuerpo debajo de la cabeza. Agregue zapatos pequeños si lo desea y cree un micrófono un poco más detallado al estilo de su elección..
Para destellos adicionales, dibuja círculos con la Herramienta elipse todo el diseño. Grupo juntos e ir a Efecto> Transformar y distorsionar> Fruncir y engullir y entrar -78% en el control deslizante. Expandir tus destellos.
Fantástico trabajo, has terminado!
¡Bien hecho! ¿Qué otras actividades, estados de ánimo, emociones y tonterías puede crear en un conjunto de pegatinas de chat? Aumenta el desafío y crea un conjunto de autorretratos de pegatinas de chat. Comparte tus creaciones en la sección de comentarios a continuación..
Para tutoriales similares como este, echa un vistazo a estos:
Cómo dibujar un cuerpo de base de muñeca para un juego de disfraces en Illustrator
Cómo crear un hermoso conjunto de retratos del zodiaco en Illustrator - Parte uno
Cómo crear un hermoso conjunto de retratos del zodiaco en Illustrator - Parte dos
Cómo crear iconos con estilo de espacio plano en Adobe Photoshop