Share
Lo que vas a crear¿Qué puede ser más divertido que ayudar a Frenchy a aprender habilidades de peinado y maquillaje? En este tutorial, crearemos activos de iconos y una linda ilustración de busto de retrato perfecta para una aplicación móvil de spa y maquillaje inspirada en uno de los personajes más lindos de Grasa!
Construiremos cada activo con la ayuda de un boceto proporcionado y aprenderemos a renderizar diseños coloridos rápidamente en Adobe Illustrator CC. Luego, crearemos el retrato final y juntaremos el diseño en una ilustración completa. Como siempre, puede mejorar su diseño con activos vectoriales adicionales de Envato Market para hacer algo único. Si desea acelerar su proceso, puede comprar íconos de maquillaje o una base de retratos en el mercado mientras sigue este tutorial..
Empecemos por preparar nuestro documento. Crear un Nuevo documento en Adobe Illustrator CC e importe el boceto que se ve a continuación, que puede descargar a la derecha de este tutorial. Mi tamaño de diseño final fue alrededor 8 pulgadas por 10 pulgadas, aunque le invitamos a trabajar con cualquier tamaño que se adapte a sus necesidades de diseño.
Además, puedes dibujar tu propio diseño y utilizar este tutorial como guía técnica.. Bloquear el boceto del objeto en tu Capas panel y vamos a crear!
Comenzando con el lindo icono de peine púrpura, dibuje dos rectángulos superpuestos con el Herramienta Rectangular (M). He establecido el color de relleno en púrpura y el color de trazo en nulo. Luego, seleccioné cada esquina de los rectángulos con el Herramienta de selección directa (A) y sacó su Esquinas vivas Hacia el centro para redondear las esquinas a mi gusto. Puedes ver ese resultado abajo.!
Unir los dos rectángulos redondeados en el Pionero panel. Dibuja siete rectángulos idénticos con el Herramienta rectangular y superponer el peine con ellos. Unir los siete rectángulos y golpea Atrás menos frente en el Pionero panel. Luego, seleccione el peine con el Herramienta de selección directa y manipular el Esquinas vivas por lo que el peine tiene bordes redondeados como el que se muestra a continuación.
Agrega un trazo grueso en un color oscuro a tu objeto de peine. Elegí marrón. Los morados oscuros o magentas se ven fantásticos también. Aplica gradientes lineales simples a rectángulos superpuestos. Mi gradiente va de púrpura a 100% a 0% de opacidad. Ajustar el Opacidad de un gradiente en el Gradiente panel.
Utilizar el Herramienta de construcción de forma (Shift-M) para eliminar formas superpuestas entre sí. Seleccione el rectángulo de degradado y el peine, luego seleccione la forma no superpuesta con la Herramienta de construcción de forma. Finalmente, deseleccione y elimine la forma extraña. Es una técnica simple que utilizo a menudo para representar objetos como este.. Grupo (Control-G) todos sus componentes de peine juntos.
Para crear ese adorable corazón en el peine (y varios corazones a lo largo de este tutorial), usemos la siguiente técnica:
Ahora que has hecho un corazón fantásticamente perfecto puedes Copiar (Control-C) y Pegar (Control-V) Cada vez que necesites un corazón dentro de este diseño.!
El accesorio de pelo final es el pasador de bobby! He usado mi boceto como guía para dibujar una forma de pasador ondulado con el Herramienta de lápiz (N). Selecciona el Tapas y Las esquinas a Redondeado en el Carrera panel. Con el Herramienta de ancho (Shift-W), Ajusta el ancho del borde superior del pasador para que tenga un extremo más grande y bulboso..
Convertir el trazo en un objeto yendo a Objeto> Expandir, y dale al pasador un toque que coincida con su color de relleno 1-2 pt con Gorras redondeadas y Las esquinas.
Alternativamente, usted puede dibujar el pasador de bobby con el Herramienta Pincel Blob (Shift-B) Con la presión habilitada para obtener la variación que se ve a continuación..
Hay mucho maquillaje en este diseño, ¡así que sigamos con la primera mitad del set completo! Para empezar, tenemos el lindo aplicador de sombras de ojos:
Añadir un contorno grueso fuera del objeto por Proceso de copiar y Paliza el diseño del aplicador, Uniendo en el Pionero panel, y Alineando detrás del aplicador original. Grupo los componentes de su aplicador juntos.
A continuación tenemos la sombra de ojos compacta.!
¡Ahora es el momento de llenar el compacto! Dibuje rectángulos redondeados para cada bandeja de sombra de ojos y agregue un corazón de color coordinado, dibujado antes, a cada uno. Para las reflexiones sobre la tapa compacta, dibuje tres rectángulos diagonales con la Herramienta Pluma (P) y aplicar un degradado lineal a cada uno que va desde el blanco a 100% a 0% de opacidad.
Utilizar el Herramienta de construcción de forma para eliminar la parte extraña de las formas de la tapa del rectángulo redondeado. Seleccionar y Grupo todos los componentes de la sombra de ojos juntos para completar el icono.
Vamos a necesitar un poco de rubor con esa sombra de ojos!
Ahora completemos el compacto:
A continuación, vamos a crear una varita de rímel:
Para redondear la primera parte de nuestra sección de creación de iconos de maquillaje, crearemos un soplo de polvo esponjoso:
Ahora necesitamos el polvo en sí mismo:
Para comenzar nuestra segunda sección de maquillaje, trabajaremos en la creación de un lindo lápiz labial.
Vamos a crear el lápiz labial en sí:
Antes de completar el lápiz labial, ¡creemos un diseño brillante y brillante detrás de él! Dibuja un círculo amarillo brillante con la Herramienta elipse. Ir Efectos> Distorsionar y transformar > Zip & Zag e ingrese en los siguientes atributos o similares:
Coloque el círculo Zig & Zagged detrás de la barra de labios y agregue un contorno con el grosor de su elección. Además, puede dibujar una forma de resalte en el centro de la barra de labios si lo desea.
Para completar la barra de labios, dibuja una serie de círculos blancos a lo largo de la base para crear pequeñas perlas en el recipiente de la barra de labios.. Grupo todo junto una vez que estés satisfecho con tu diseño.
Nuestro diseño de ícono final es el pequeño envase de crema facial..
A continuación tendremos que dibujar una rosa. Usé el Herramienta de pincel de burbujas sin ajustes de presión, pero puede utilizar la herramienta de dibujo que más le guste.
Comienza con un triángulo redondeado y construye pétalos alrededor de cada lado. Continúa agregando pétalos, redondeados y puntiagudos, entre el último anillo de pétalos para dibujar una flor más grande y más grande. Note cómo los pétalos más grandes tienen puntos, saltos y curvas en ellos. En total dibujé seis rondas de pétalos..
Grupo Todo junto y completemos el envase de crema facial..
Dibuje una forma rosa grande debajo del grupo de rosas para rellenarla. Puede agregar formas pequeñas de color rosa claro y rojo alrededor de la rosa para sombrearla y resaltarla también. Coloca la rosa en el centro del envase de crema facial..
Agrega sombras y resalta las formas a la crema para la cara. También agregué un contorno más grueso al grupo de formas más grande para completarlo y luego Agrupados Todo junto.
Vamos a tomar un descanso de trabajar con los iconos de maquillaje lindo para crear el retrato de Frenchy, el personaje más lindo de Grasa. Crear un Nueva capa en el Capas Panel para que su documento esté organizado y pueda centrarse en crear un retrato. Vamos a empezar con la cabeza:
Debajo de la forma de tu cabeza, usa la Lapicera Para comenzar a dibujar la mitad izquierda del cuello, hombros y busto.. Dupdo, Pegar, y Reflejar La mitad izquierda del cuerpo para formar el lado derecho. Es posible que deba ajustar los puntos de anclaje centrales para que los dos objetos se superpongan un poco más.. Una vez satisfechos con su colocación., Unir los dos objetos en el Pionero panel.
Es hora de referirse al bosquejo de nuevo. Es posible que desee hacerlo durante la totalidad de este tutorial, pero eso depende de usted..
Agrupe todos estos elementos para mantener su Capas panel organizado.
yo Copiado y Pegado el ojo derecho y Reflejado sobre un eje vertical para crear el ojo izquierdo. Las fosas nasales de la nariz son dos pequeñas lágrimas, al igual que el diseño original del boceto..
La boca se trazó desde el boceto utilizando el Lapicera. Los dientes son del mismo gradiente que los ojos, con pequeñas lágrimas que crean las esquinas de la boca. Los labios son como semicírculos curvos que tienen. Gradientes radiales Aplicado a ellos desde el tono de piel base hasta un rosa dulce y brillante..
Agregué un par de círculos de color marrón oscuro para comenzar los ojos. Luego, dibujé formas de sombra similares a las dibujadas en los ojos para definir los lados y la parte inferior de la nariz y la parte inferior de la boca..
Por ahora, escondí la cabeza y el cuerpo en el Capas Panel para poder trazar las cejas y colocar la sombra de ojos en el mismo lugar que hice en el boceto. La sombra de ojos es una forma redondeada, dibujada con el Lapicera, detrás de los ojos, con un Gradiente lineal Aplicado que va de azul a 100% a 0% de opacidad hacia los bordes exteriores.
También agregué algunas formas de brillo a los labios. Estaré agregando muchos destellos al diseño final también.
Establezca el color de relleno de los ojos en marrón y el color del trazo en marrón oscuro. Coloque los círculos debajo de algunos de los objetos de pestañas en el Capas panel. Será más fácil de ver en el diseño final, pero agregué formas ligeras de melocotón a las esquinas de la boca y la barbilla para crear reflejos simples en la cara.
Para el detalle en los ojos, dibujé un par de pequeños círculos de color marrón oscuro para las pupilas y agregué algunas formas de sombra marrón oscuro más transparentes a los ojos para crear más profundidad. Además, dibujé algunas formas destacadas en la nariz y en las esquinas de los ojos y agregué formas más grandes de rubor en cada mejilla que coinciden con el degradado que se usa en los labios, pero son un poco más transparentes y claros..
Finalmente, dibujé un par de formas curvas de color marrón claro en la parte inferior de los lirios y agregué destellos a la sombra de ojos.. Grupo juntos todos los componentes de su cara y Ocultar la cabeza y el cuerpo para que pueda comprobar lo linda que es la cara que acaba de crear!
Una vez más he ocultado la cara y el cuerpo. Esto es para que podamos enfocarnos completamente en el cabello y recrearlo a partir del boceto..
Coloque las secciones sin pelos o flecos del cabello detrás de la cabeza en el Capas panel. Ahora ella ya no tiene el vello facial rosa.!
Dibujé una forma en la parte superior central del cabello y añadí una Gradiente radial eso va de rosa oscuro a rosa medio para comenzar a mostrar algo de profundidad en su cabello.
He escondido la parte posterior de su cabello para que podamos enfocarnos en la sección frontal primero.
Repita el proceso del paso anterior en la sección posterior del cabello. Define secciones, algunas hebras e incluso algunos reflejos en el cabello con un rosa más claro. Porque amo el brillo y el glamour, le he agregado destellos a su cabello, pero es posible que no los guarde dentro del diseño final..
Usando el boceto como guía, trace la camisa en dos mitades, como hicimos con los hombros y el busto.. Unir las formas en el Pionero panel.
Cambié el color del contorno a marrón para que coincida con el resto de mi diseño.
He aquí un vistazo rápido al diseño hasta ahora. Necesitamos crear el banner y el fondo, y juntarlos todos con los íconos creados anteriormente para completar el diseño.. Grupo El busto entero retrata el diseño juntos, y terminemos esto!
El banner tiene un proceso de diseño bastante simple. Dibuja un rectángulo y Arco yendo a Efecto> Deformación> Arco. He aplicado un Horizontal curva de -46% a mi rectángulo. La forma en que se curvará su forma depende totalmente de usted.. Ir Objeto> Expandir Apariencia Para expandir los límites del efecto warp..
Para el pliegue y las colas de la pancarta, dibuje un pequeño rectángulo de la misma altura que el rectángulo que dibujó en el paso anterior. Agregue un punto de anclaje al centro del lado izquierdo del rectángulo y muévalo hacia adentro con la tecla Herramienta de selección directa.
Para el pliegue del banner, dibuje un triángulo que se conecte a la esquina superior interna de la forma de la pequeña bandera y a la esquina superior externa de la bandera.
Repita para el lado derecho para que tenga un lindo banner como el que se ve a continuación. Tenga en cuenta que el triángulo y la forma de la bandera están detrás de la forma de la pancarta curva en el Capas panel.
Utilizar el Tipo de herramienta (T) para escribir una frase divertida o un título para que su diseño se coloque en el banner en una fuente de script de algún tipo. Echa un vistazo a Fabulous, Zaila, o Melancolie de Mercado de envato.
Aplicar el mismo Arco al tipo que hiciste al rectángulo original del banner y Expandir sus Apariencia debajo Objeto.
Dibuja un gran rectángulo azul claro detrás del diseño, sobre el Mesa de trabajo Para crear el fondo para el diseño.. Movimiento, Girar, y Escala los iconos de maquillaje y accesorios alrededor del retrato y la pancarta para ayudar a llenar el espacio dentro de la Mesa de trabajo.
¡Por fin estamos listos para volver a la escuela secundaria! O más bien completa nuestro diseño de esta belleza de la escuela de belleza. He añadido un Gradiente radial hacia el rectángulo de fondo y movió los distintos íconos hacia afuera del retrato para darle a Frenchy mucho espacio dentro del diseño. Finalmente, agregué muchos destellos y algunos detalles adicionales al cabello y la cara..
¡Comparte tu diseño completo en la sección de comentarios a continuación! ¿Qué otros personajes lindos puedes crear a partir de Grasa? Imaginemos toda una serie de juegos de belleza y spa con el elenco completo de divertidos personajes de la película.!
Si desea utilizar otros íconos para su diseño, puede comprarlos como activos de valores de Envato Market:
Accentsconagua