Share
Sigue este tutorial y aprende a dibujar un hermoso ícono de playa. Este icono se compone de dos partes principales, la base que parece una playa y las coloridas chanclas de playa. Aprenderá a crear la textura arenosa utilizando varios pinceles, patrones disponibles en Adobe Illustrator y efectos como Film Grain y Radial Blur. Además de aprender a dibujar un flip flop básico, también crearás diseños coloridos y divertidos. Este tutorial está inspirado en las vacaciones de verano y los días soleados, así que si suena interesante, comencemos!
Inicia Illustrator y ve a Archivo> Nuevo para abrir un documento en blanco. Escriba un nombre y configure las dimensiones y luego seleccione Pixeles como Unidades y RGB como Modo de color. A continuación, vaya a Editar> Preferencias> General y establecer el Incremento de teclado a 1px. Estas configuraciones te ayudarán durante todo el proceso de dibujo..
Toma el Herramienta Rectangular (M) y dibuja un 256 x 256px cuadrado. Seleccione un trazo negro por el momento y luego vaya a Efecto> Estilizar> Esquinas redondas y aplicar un Radio 25px. Para expandir este efecto, vaya a Objeto> Expandir Apariencia entonces Desagrupar (Shift + Control + G).
Rellene la forma de la base con el color indicado y luego eche un vistazo a la Apariencia panel. Con este atributo de relleno seleccionado, presione el Duplicar el elemento seleccionado Icono en la parte inferior del panel. Como resultado obtendrá un segundo relleno arriba. Reemplace el color con un patrón llamado "Arena cambiante USGS 17A"que puedes encontrar en Bibliotecas de muestras> Patrones> Gráficos básicos> Gráficos básicos_Texturas. Cambiar el Modo de fusión para este patrón a Cubrir.
Ahora, duplique el segundo atributo de relleno como lo hizo en el paso anterior. Reemplace el patrón existente con "Punteado fino"que puedes encontrar en el Gráficos básicos_Texturas categoría. Selecciona el Modo de fusión a Color Dodge.
Duplique el primer atributo de relleno y reemplace el color nude con marrón. Arrastre este atributo en la parte inferior del panel y luego vaya a Efecto> Distorsionar y transformar> Transformar y aplique la configuración que se muestra a continuación. Obtendrá el borde marrón en el lado superior derecho de la base.
Dupdo y Pegar al frente (Control + F) La forma de la base y eliminar todas las apariencias existentes. Seleccione marrón como el color de relleno y luego vaya a Efecto> Artístico> Grano de película y aplicar la configuración mostrada. Ajustado a Superposición de modo de fusión.
Seguimos trabajando con la forma del paso anterior. Seleccione un 1 pt trazo blanco y configurarlo para Luz suave del modo de fusión.
Ahora, ve a la Apariencia panel y del menú desplegable seleccionar Añadir nuevo relleno. Usa el gradiente lineal que se muestra y ajusta el ángulo a -90 grados Mueva este atributo de relleno entre el primer relleno y el trazo, luego configure el Modo de fusión a Color quemado y reducir el Opacidad a 50%.
Ahora mejoremos el aspecto de la playa de arena para hacerlo más realista. Para esto, usaremos algunos pinceles de arte disponibles en Illustrator y los tomaremos uno por uno en el orden en que están.
Toma el Herramienta Pluma (P) y dibuja un camino como abajo en el lado inferior izquierdo de la base. Dale un 2 puntos trazo marrón (1). También trazar este camino con un pincel de arte llamado "Tinta seca 2"que puedes encontrar en Bibliotecas de pinceles> Artísticos> Artistic_Ink (2). Aún teniendo este camino seleccionado, ve a Efecto> Desenfoque> Desenfoque radial y aplicar los ajustes mostrados en la siguiente imagen (3). Selecciona el Modo de fusión a Cubrir y reducir el Opacidad a 40% (4).
En el Desenfoque radial ventana seleccione la Método de giro, Buena calidad y el Cantidad de 20.
Dibuja el segundo camino con la Herramienta Pluma (P) y dale un 1 pt trazo marrón (1). Esta vez usa un pincel de arte llamado "Tiza"que puedes encontrar en Bibliotecas de pinceles> Artísticas> Artística_ChalkCharcoalPencil. Haga doble clic en el trazo de pincel aplicado en el Apariencia panel para abrir el Opciones de trazo ventana y comprobar el Voltear a lo largo Opción luego pulsa OK (2). Aplicar de nuevo el Desenfoque radial Efecto usando los mismos ajustes (3) luego configúrelo en Color quemado (4).
Continuemos con el tercer camino y demoslo. 2 puntos trazo marrón (1). Utilice de nuevo el "Tiza" pincel de arte para acariciarlo (2) luego ir a Efecto> Desenfoque> Desenfoque radial y aplicar los ajustes mostrados en la siguiente imagen (3). Ajustado a Superposición de modo de fusión y reducir el Opacidad a 40% (4).
En el Desenfoque radial ventana seleccione la Método de zoom, Buena calidad y el Cantidad de 20.
Toma el Herramienta Pluma (P) y dibuja otro camino ondulado como abajo. Dale un 2 puntos trazo marrón (1) luego use otra vez el "Tiza" pincel de arte para acariciarlo (2). Aplica el Desenfoque radial Efecto usando los ajustes mostrados arriba y luego ajústelo a Color quemado y reducir el Opacidad a 40% (3).
Dibuje el siguiente camino en la parte inferior izquierda de la base y seleccione un 1 pt trazo marrón (1). Esta vez usa el "Tinta seca 2" pincel de arte para acariciarlo (2). Aplica el Desenfoque radial Efecto usando la configuración que se muestra al comienzo de este paso (4.1) luego ajústelo a Color quemado (4).
Aún no has terminado. Tomar el Herramienta Pluma (P) y dibuje la siguiente ruta y seleccione un trazo marrón de 2 puntos (1). Utilizar el "Tiza" pincel de arte para acariciarlo (2) luego aplicar la Desenfoque radial efecto (ajustes-4.1). Ajustado a Modo de fusión Color Burn y reducir el Opacidad a 75% por este camino (3).
Dibuja otro camino en el lado superior izquierdo de la base y dale un trazo marrón de 2 puntos. Utilizar el "Tinta seca 2" pincel de arte para acariciarlo (2) luego aplicar la Desenfoque radial efecto (ajustes-4.1). Ajustado a Modo de fusión Color Burn (4).
Finalmente, dibuje el último recorrido en el lado superior derecho y dele un trazo marrón de 1 pt (1). Utilizar el "Tiza" pincel de arte para acariciarlo (2) luego aplicar la Desenfoque radial efecto (ajustes-4.1). Configurarlo para Superposición de modo de fusión (4) y ya has terminado con esta parte..
Queremos bordes limpios para este ícono, por lo tanto necesitamos una máscara. primero, Dupdo y Pegar al frente (Control + F) la forma de la base y eliminar todas las apariencias existentes (sin trazo, sin relleno). Lleva esta copia delante de todo yendo a Objeto> Organizar> Traer al frente. Habiendo seleccionado esta copia y también los ocho trazos trazados, vaya a Objeto> Máscara de recorte> Hacer (Control + 7).
En este punto, la base del icono debe verse a continuación:
Dupdo y Pegar al frente (Control + F) La forma de la base de nuevo y eliminar todas las apariencias existentes. Ponlo delante de todo yendo a Objeto> Organizar> Traer al frente y dalo 1 pt trazo utilizando cualquier color (1). Tomar el Herramienta Agregar puntos de anclaje (+) y agregue dos puntos adicionales en los bordes izquierdo y derecho (2). A continuación, toma el Herramienta Tijeras (C) y haga clic en los cuatro puntos indicados para cortar la ruta en segmentos (3). Elimine las que no necesita y mantenga solo las dos rutas que se muestran a continuación (4).
Recorrer los dos caminos obtenidos en el paso anterior con un pincel de mezcla de arte que he explicado cómo crear en mi tutorial de pinceles de neón. Solo que en lugar de 200 x 5px esta tiene las dimensiones 100 x 3px. Selecciona el Peso del trazo a 0.75 pt entonces reduce el Opacidad a 75%.
Toma el Herramienta Elipse (L) y dibuja una elipse que tenga las dimensiones mostradas. Mueva la forma en la parte inferior del icono y luego envíela detrás de todo yendo a Objeto> Organizar> Enviar al fondo. Seleccione negro como el color de relleno y luego vaya a Efecto> Blur> Gaussian Blur y aplicar un 10 Radio.
Utilizar el Herramienta Elipse (L) Para dibujar una elipse que tenga las dimensiones mostradas. Con el Herramienta de selección directa (A) seleccione solo los puntos superior e inferior y arrastre sus controles para alargarlos. A continuación, seleccione los dos puntos desde el centro de la forma y arrastre los controles para modificar su posición como se muestra.
Toma el Añadir herramienta de punto de anclaje (+) y úselo para agregar dos puntos adicionales en la parte inferior de la forma de la suela y ajuste los mangos si es necesario. A continuación, seleccione el punto superior con la Herramienta de selección directa (A) y modifique la posición de los mangos como se muestra a continuación. Agrega otros dos puntos en la parte superior usando la Añadir herramienta de punto de anclaje (+) y mueva las manijas como se muestra abajo.
Tomar el Herramienta Pluma (P) y dibuja dos caminos como abajo, luego pincelalos con una pincel de arte llamado "Afilado en punta"que puedes encontrar en Bibliotecas de pinceles> Artísticos> Artistic_Ink. Ajuste el peso a 0.3pt. Desde el Objeto> Expandir Apariencia entonces Desagrupar (Shift + Control + G) Dos veces y obtendrás las formas de la correa..
Seleccione la correa izquierda y vaya a Objeto> Ruta> Añadir puntos de anclaje luego selecciona la correa correcta y ve a Objeto> Ruta> Añadir puntos de anclaje dos veces. Obtendrás algunos puntos extra en cada forma. Ahora, usa el Herramienta de selección directa (A) para seleccionar solo los dos puntos resaltados con verde y moverlos un poco hacia la izquierda. A continuación, seleccione los tres puntos resaltados con azul y muévalos a la derecha.
Seleccione usando el Herramienta de selección directa (A) solo el punto resaltado con verde y muévalo un poco hacia abajo, luego haga lo mismo con los cuatro puntos resaltados con azul.
Toma el Herramienta de selección directa (A) y arrastre una selección como se muestra a continuación para seleccionar solo los puntos en esa área y moverlos un poco hacia abajo. Finalmente mueva los dos puntos desde la parte superior uno al lado del otro y las correas están listas.
Utilizar el Herramienta Pluma (P) Dibujar las formas desde abajo como la parte interior de las correas..
Ahora que tenemos la forma básica del flip flop, necesitamos darle vida. Oculta las correas por el momento y concéntrate en la suela. Seleccione el tono de rosa indicado como color de relleno. A continuación, utilice el Herramienta Pluma (P) o incluso el Herramienta de lápiz (N) dibujar algunos caminos ondulados al azar sobre la suela.
Dupdo y Pegar al frente (Control + F) La forma de suela y llevarla delante de todo yendo a Objeto> Organizar> Traer al frente. Grupo (Control + G) Todas las rutas onduladas luego seleccione la copia de la suela y el grupo y presione Dividir en el Pionero panel. Desagrupar (Shift + Control + G) el grupo resultante borra las formas más grandes de la parte superior e inferior. Rellena las rayas con los colores indicados..
Dupdo y Pegar al frente (Control + F) De nuevo la forma de suela y llevarla al frente. Rellénelo con el degradado lineal que se muestra utilizando negro y gris (40% negro) y ajuste el ángulo a 90 grados Cambiar el Modo de fusión a Cubrir y reducir el Opacidad a 20%.
A continuación, tome la Herramienta Pluma (P) y dibuja un remolino segmentado como en la imagen. A medida que los rayos del sol dibujan caminos cortos a su alrededor. Selecciona para todos los caminos un 1 pt trazo gris claro y presione el Tapa redonda opción en el Carrera panel.
Primero desatra las correas. Llene la correa derecha con el tono de rosa indicado. Ve a la Apariencia panel y teniendo este atributo de relleno seleccionado, presione el Duplicar el elemento seleccionado icono en la parte inferior. Como resultado obtendrá un segundo relleno arriba. Use un degradado lineal de blanco a negro y luego ajústelo a Superposición de modo de fusión y reducir el Opacidad a 20%. Repite lo mismo para la correa izquierda..
Ahora seleccione la correa interior izquierda y rellénela con rosa oscuro. Duplique este atributo de relleno como lo hizo anteriormente y use un degradado radial de blanco a negro esta vez. Configurarlo para Modo de fusión Multiplicar y reducir el Opacidad a 20%. Repite lo mismo para la correa interior derecha..
Dupdo y Pegar en Atrás (Control + B) la correa izquierda luego borra las apariencias existentes y selecciona rosa brillante como color de relleno. Seleccione usando el Herramienta de selección directa (A) Solamente los dos puntos indicados de la forma en la espalda y moverlos. 1px a la izquierda presionando el Flecha izquierda tecla en tu teclado una vez.
Siguiente, Dupdo y Pegar en Atrás (Control + B) La correa derecha y cambiar el color de relleno. Utilizar el Herramienta de selección directa (A) Seleccionar solo los cuatro puntos indicados y moverlos. 1px a la izquierda para revelar un poco de la forma rosa en la espalda.
Dupdo y Pegar en Atrás (Control + B) la correa interior derecha, elimine las apariencias existentes y seleccione el tono de rosa indicado como color de relleno. Utilizar el Herramienta de selección directa (A) para seleccionar solo los dos puntos resaltados y moverlos 1px arriba presionando el Flecha arriba tecla en tu teclado una vez.
Siguiente, Dupdo y Pegar en Atrás (Control + B) La correa interior izquierda y cambiar el color de relleno. Esta vez, mueva toda la correa interior (no la copia) hacia la derecha presionando Flecha correcta llave una vez.
Toma el Herramienta Elipse (L) y dibuja dos pequeños círculos que tengan las dimensiones mostradas. Organícelas como abajo y llénelas con el degradado radial que se muestra.
Ahora, con el Herramienta Pluma (P) Dibuja un camino entre el agujero y las correas como en la imagen. Selecciona el Peso del trazo a 4.5 puntos y presione el Tapa redonda opción en el Carrera panel. Desde el Objeto> Expandir y Desagrupar luego rellene la forma resultante con rosa oscuro. Mueve la barra de los dedos detrás de las correas.
Dupdo y Pegar al frente (Control + F) La barra del dedo del pie y la escala un poco. Reemplace el color de relleno con el degradado que se muestra y luego configúrelo en Modo de fusión Lighten y reducir el Opacidad a 75%.
Dibuja dos elipses con la Herramienta Elipse (L) En la parte inferior de las correas interiores y rellénelas con el color indicado..
Toma el Herramienta Pluma (P) y dibuja dos caminos siguiendo los bordes de las correas como en la siguiente imagen. Recorrer estos caminos con el "pincel de arte de mezcla" usado anteriormente y luego establecer el peso en 0.25pt y el Modo de fusión a Cubrir.
Dibuje otras dos rutas siguiendo los bordes de las correas y pinceladas con el mismo "pincel Blend Art". Ajuste el peso a 0.25pt y reducir el Opacidad a 75%.
Tomar el Herramienta Rectangular (M) y dibuja un rectángulo sobre la correa derecha como en la imagen. Rellénelo con el degradado lineal que se muestra y luego ajústelo a Modo de fusión Lighten y reducir el Opacidad a 60%.
Dibuje un rectángulo más pequeño en la parte superior y seleccione blanco como el color de relleno. Configurarlo para Superposición de modo de fusión y reducir el Opacidad a 50%.
Dupdo y Pegar al frente (Control + F) La correa correcta y eliminar todas las apariencias existentes. Ponlo delante de todo yendo a Objeto> Organizar> Traer al frente. Ahora, seleccione los dos rectángulos y la copia de la correa y vaya a Objeto> Máscara de recorte> Hacer.
Algo similar ocurre en el lado izquierdo. Primero, dibuja el rectángulo y rellénalo con el mismo degradado. Ajuste el ángulo y luego ajústelo a Modo de fusión Lighten y reducir el Opacidad a 40%. Haga una copia de la correa izquierda y llévela al frente como lo hizo anteriormente. Ahora, seleccione el rectángulo y también la copia de la correa y vaya a Objeto> Máscara de recorte> Hacer.
Seleccione las dos formas detrás de las correas interiores y luego Dupdo y Pegar ellos en la espalda (Control + B). Dales un relleno negro y luego ve a Efecto> Blur> Gaussian Blur y aplicar un Radio 4px.
No queremos que el desenfoque sea visible en algunas áreas y, por lo tanto, vamos a solucionarlo con una máscara. primero, Dupdo y Pegar al frente (Control + F) La forma única y eliminar todas las apariencias existentes. Seleccione las dos formas con el desenfoque aplicado y también la copia de la suela (que debería estar frente a ellas) y vaya a Objeto> Máscara de recorte> Hacer.
Dupdo y Pegar en Atrás (Control + B) La correa izquierda, dale un relleno negro y muévela hacia la derecha. Utilizando la Herramienta Pluma (P) dibuje las otras dos formas que necesitamos, una detrás de la correa interior izquierda y otra detrás de la barra de los dedos.
Cree otra copia de la suela (sin trazo, sin relleno) luego Grupo (Control + G) La segunda y tercera formas negras. Seleccione este grupo y la copia de la suela y presione Intersecarse en el Pionero panel. Obtendrá un camino compuesto pero vaya a Objeto> Ruta compuesta y seleccione Lanzamiento. Ahora deberías tener tres formas con las que crearás la sombra para la correa interior, para la correa izquierda y para la barra de dedos..
Rellene estas tres formas con el degradado lineal que se muestra y ajuste el ángulo de acuerdo con la posición de cada forma. Póngalos en Modo de fusión Multiplicar (el blanco se vuelve transparente) y reduce el Opacidad a 35%.
Dupdo y Pegar en Atrás (Control + B) La forma de suela (plantilla) y rellénela con el color indicado. Mueva esta forma un poco hacia abajo y hacia la derecha como en la imagen. Esta será la suela exterior..
Dupdo y Pegar en Atrás (Control + B) La plantilla de nuevo. Seleccione un 0.5pt blanco, elimine el color de relleno existente y configure el Opacidad al 75%. Mueva esta forma un poco hacia abajo y hacia la derecha hasta que esté en el medio de la suela. Siguiente, Dupdo y Pegar al frente (Control + F) la suela exterior y establecer el relleno a ninguno y el trazo a ninguno. Seleccione el camino blanco y la copia de la suela exterior y vaya a Objeto> Máscara de recorte> Hacer.
El flip flop ya está listo y puede crear su par. primero Grupo (Control + G) Todas las formas que conforman el flip flop correcto e ir a Objeto> Transformar> Reflejar. Comprobar Vertical luego pulsa Dupdo y obtendrás el flip flop izquierdo. Organice las sandalias de playa sobre la base que ha creado para componer el ícono..
Seleccione la suela exterior derecha y vaya a Efecto> Stylize> Drop Shadow. Aplica la configuración mostrada y pulsa OK. Haga lo mismo para el otro flip flop usando la suela exterior izquierda
En este punto el icono de la playa está listo. Puede crear otros tamaños si lo desea, pero primero asegúrese de expandir cada pincel y efecto aplicado.
Puede usar una copia del flip flop dibujado para crear varios tipos de flip flops de playa. Primero reemplace los colores de la plantilla y la suela exterior. Para el diseño de la plantilla, esta vez he usado muchos círculos coloridos, luego use una copia de la suela para enmascararlos. También vuelva a colorear las correas y la barra de los dedos usando los tonos de verde indicados. Si necesita más información puede usar el archivo de referencia illustrator.
Cuando haya terminado con el flip flop correcto, refleje esto como lo hizo anteriormente. Esta vez he movido la suela exterior del flip flop izquierdo en el lado derecho para una apariencia diferente. Al final aplicar el Sombra paralela efecto.
Aquí hay otro ejemplo. Los colores que he usado se enumeran a continuación, pero, por supuesto, puedes usar cualquier color que desees. Como diseño utilicé una huella formada por rectángulos y elipses..
Ahora puedes componer un nuevo ícono usando cualquiera de las chanclas de playa:
Se completó el tutorial y el ícono de chanclas de playa está listo. Espero que hayas aprendido cosas nuevas. Experimente con diferentes paletas de colores y diseños funky y vea lo que se le ocurre. Me encantaría ver tus dibujos..
Accentsconagua