Crea un estilo náutico y de dibujo en Adobe Illustrator

Lo que vas a crear

En este tutorial te mostraré cómo puedes dibujar en Illustrator en un estilo fluido natural, casi como si estuvieras dibujando con lápiz y papel. Los complementos DynamicSketch y WidthScribe tienen varias herramientas y funciones intuitivas para simplificar su flujo de trabajo y ofrecer una funcionalidad que no se encuentra en Adobe Illustrator ni en ningún otro editor vectorial. Entonces, comencemos a expandir nuestras oportunidades creativas.!


1. Instale los complementos necesarios y cree un nuevo documento

Para dibujar este boceto, usaremos complementos de Astute Graphics, que nos ayudarán a trabajar de forma natural y hacer que dibujar sea más divertido. Descargue las pruebas gratuitas de 14 días de los complementos DynamicSketch y WidthScribe.

Estos videos cubren el proceso de instalación, licencia y activación. Aprenderemos sobre los complementos instalados y sus conjuntos de herramientas a medida que avanzamos.

Ejecuta Adobe Illustrator, luego pulsa Control-N para crear un nuevo documento. En el cuadro de diálogo abierto, establezca los parámetros de la mesa de trabajo y elija el modo de color según cómo desee utilizar la imagen creada. Si planea imprimir su obra de arte, elija la CMYK modo de color y si solo desea publicar su obra de arte en la web, elija el RGB Modo de color.


2. Dibuja un ancla de formas geométricas básicas

Paso 1

Si alguna vez has estudiado un libro sobre dibujo, sabrás que el dibujo comienza con la creación de formas básicas. Siguiendo los límites de estas formas, los artistas principiantes pueden mantener fácilmente las proporciones básicas y la simetría de un objeto ilustrado. Adobe Illustrator tiene muchas características que nos ayudan a comenzar muy rápidamente. Entonces, toma el Herramienta Elipse (L) y crea dos círculos sin relleno y con un trazo de cualquier color y grosor. Los centros de los círculos deben coincidir entre sí..

Puede colocar los objetos de ahora en adelante con la ayuda del Guías inteligentes modo (Ver> Guías inteligentes (Control-U)) y Alinear el panel (Ventana> Alinear (Shift-F7)).

Paso 2

Utilizando la Herramienta Rectangular (M) cree un rectángulo alargado en la dirección vertical como se muestra en la imagen de abajo.

Ahora crea un rectángulo alargado horizontalmente.

Paso 3

Tomar el Herramienta de polígono y crea un triángulo equilátero.

Manteniendo el rectángulo seleccionado, ve a Objeto> Transformar> Reflejar… luego elige el Eje horizontal en el cuadro de diálogo.

Mueve el triángulo a la parte inferior del ancla. Seleccione la punta inferior del triángulo usando el Herramienta de selección directa (A), luego subirlo un poco mientras se mantiene Cambio.

Etapa 4

Crea otro triángulo y colócalo en un ángulo en el triángulo más grande. Gire el triángulo más pequeño ligeramente usando la Herramienta de selección (V).

Tomar el Herramienta de reflexión (O), sostener Alt clave y haga clic en el punto UNA. Elegir la Eje vertical, y luego haga clic en el Dupdo botón en el cuadro de diálogo.

Selecciona todos los objetos creados y agrúpalos (Control-G). Reducir la opacidad de todo el grupo en el Transparencia panel. Si es necesario, reducir el grosor de la carrera en el Carrera panel. Usaremos estas formas creadas como plantilla..

Al igual que una nota al margen, este proceso puede simplificarse en gran medida mediante el uso de la Herramienta de formas dinámicas desde el complemento VectorScribe, ya que esto le permite cambiar los parámetros del objeto no solo durante el proceso, sino también después.


3. Sketch con DynamicSketch

Paso 1

Después de instalar el complemento DynamicSketch, el Icono de DynamicSketch aparecerá en el Herramientas panel.

Para abrir el Preferencias de DynamicSketch caja de diálogo, haga doble clic en el icono de la herramienta, o presione Regresar / Entrar Tecla después de elegir la herramienta. Para crear un boceto, uso configuraciones ligeramente diferentes de las predeterminadas. Puedes verlos en la imagen de abajo..

Para obtener más información sobre la configuración de esta herramienta, puede leer la Descripción general: Preferencias de boceto dinámico.

Paso 2

Abre el Panel de boceto dinámico (Ventana> Dynamic Sketch> Dynamic Sketch panel). Escoger Ninguna En el menú desplegable del panel. Puede que tenga que extender el panel optando por Expandir Panel Desde el menú desplegable del panel..

Establece el color en gris y 1px para el grosor del trazo. Reducir la opacidad a 15-20%.

Ir Ver> Ocultar bordes (Control-H) dibujar de una manera más natural.

Paso 3

Ahora, dibuje un anclaje basado en la forma de la plantilla. La apariencia del proceso de dibujo es muy similar a un boceto a lápiz..


4. Crea el esquema con DynamicSketch

Paso 1

Ajusta el color del trazo a negro y aumenta la Opacidad a 100%.

Como con el Herramienta Pincel (B), Podemos establecer la relación entre el ancho de trazo variable y varios parámetros.

Si está utilizando una tableta gráfica en su trabajo, deberá establecer la relación entre el ancho del trazo y la presión del lápiz. Si usa un mouse para dibujar, entonces necesita establecer la relación entre el ancho del trazo y la velocidad del cursor (Velocidad de boceto). Por cierto, ninguna de las herramientas estándar en Adobe Illustrator posee tal característica. También puede configurar el ancho de trazo mínimo y máximo para que se corresponda con la presión del lápiz o la velocidad del cursor..

En la parte inferior de la Bosquejo dinámico En el panel, puede ver un diagrama de la dependencia del ancho del trazo al cambio en el parámetro seleccionado. De forma predeterminada, este diagrama muestra una relación lineal, pero puede editarlo (agregar puntos, mover, doblar, etc.), para configurar la herramienta para que funcione como usted quiere.

Dibujo utilizando una tableta gráfica, así que he elegido. Stylus Pressure Y la relación lineal en el panel. Cree el contorno de un anclaje, basado en el boceto, como se muestra a continuación.

Paso 2

Normalmente, los artistas crean objetos de forma redondeada por repetición múltiple de su forma. DynamicSketch hace que dibujar objetos circulares sea tan rápido y simple. Abre el Preferencias de DynamicSketch cuadro de diálogo, y luego marque Detección automática de trazados de bocetos de trazado cerrado repetidos y Liso hacia circular.

Conjunto 100% para suavidad y Stylus Pressure en el Bosquejo dinámico panel.

Ahora puedes dibujar un anillo del ancla en forma de círculos. Simplemente dibuja un círculo dos veces para obtener tu círculo perfecto.

Paso 3

Necesitamos eliminar partes de los caminos que cruzan el montaje del anillo. Recorte de gestos nos permite hacer esto tan fácilmente. Haga clic en el Recorte de gestos botón en el Bosquejo dinámico panel.

Seleccione todos los objetos del contorno, luego cruce los caminos, sosteniendo Cambio. Como puede ver, esto elimina inmediatamente los segmentos no deseados..


5. Crea sombras usando el sombreado.

Paso 1

Crea sombreado en las áreas donde quieras sombras. La distancia entre las escotillas y el grosor debe corresponder a la densidad de la sombra en esta área.

Esto normalmente puede requerir ciertas habilidades, pero Bosquejo dinámico De nuevo simplifica la tarea. Primero, puedes crear segmentos de línea recta. Para ello, mantenga pulsada la tecla Alt mientras dibuja.

En segundo lugar, no es necesario vigilar la incubación para que quede exactamente dentro del contorno del objeto. Como se mencionó anteriormente, puede eliminar fácilmente partes no deseadas de las rutas con la Recorte de gestos función.

Paso 2

Para mejorar la densidad de la sombra, utilice la eclosión como se muestra a continuación.

Áreas donde no hay eclosión corresponden a deslumbramientos en el ancla.

No todas las eclosiones deben hacerse utilizando segmentos de línea recta. Por ejemplo, en el anillo del ancla he creado trazos en forma de arco para transmitir la naturaleza de la superficie.

Finalmente, para crear la textura de madera, dibujé algunas líneas onduladas que se parecen a las fibras típicas..


6. Crea el faro

Paso 1

Este proceso no es significativamente diferente de dibujar el ancla, por lo que solo muestro las etapas principales aquí. Cree la forma básica de un faro utilizando las herramientas y características nativas de Adobe Illustrator..



Paso 2

Dibuja el contorno del faro con trazos de trazo variables utilizando el Herramienta DynamicSketch.

En este paso, utilicé el Stylus Pressure opción y la Recorte de gestos Función para eliminar segmentos no deseados (para limpiar la ilustración).

Paso 3

Crea sombras en el faro utilizando la eclosión. Aquí puede utilizar la función de dibujo de segmentos de línea recta, incluida en la Cambio modificador.


7. Rutas de procesamiento posterior del espesor variable utilizando WidthScribe

Paso 1

WidthScribe es un complemento único que realmente mejora su trabajo vectorial al variar múltiples trazos de ancho simultáneamente con facilidad y velocidad. Los resultados dan vida a su trabajo y crean profundidad e impacto reales. Veamos cómo podemos usar sus características para mejorar y refinar nuestro dibujo. Después de instalar el plugin, sus herramientas aparecerán en el Herramientas panel.

Tomar el Herramienta de pincel ancho, luego abre el Opciones de la herramienta Pincel ancho cuadro de diálogo haciendo doble clic en el icono de la herramienta o en la Regresar / Entrar llave. Establecer el tamaño de pincel deseado y la dureza. También puede cambiar el tamaño del pincel utilizando Izquierda y Corchetes a la derecha. pienso que 50% de dureza Es el mejor escenario para este trabajo. Escoger Ajustar el ancho por una cantidad fija, conjunto -1.5 px y también Presión si estás usando una tableta gráfica.

Un valor negativo de este parámetro significará que podemos reducir el ancho de las rutas en el área de impacto.

Paso 2

Por lo general, en los bordes de un objeto, la sombra se vuelve menos densa debido a los reflejos del entorno circundante. Reduzcamos la densidad de la sombra en el borde derecho del faro. Para hacer esto, seleccione la eclosión y luego dibuje en ella de arriba a abajo usando la Herramienta de pincel ancho.

Hemos logrado el resultado deseado en solo diez segundos, aunque se procesaron más de cien rutas en ese tiempo!

Ninguna herramienta o proceso en Adobe Illustrator puede hacer esto por nosotros.

Paso 3

Ahora vamos a tomar otra herramienta de WidthScribe, la Ancho gradiente herramienta. Para abrir su panel vaya a Ventana> WidthScribe> Ancho degradado panel.

Ahora podemos aplicar degradados lineales y radiales a las rutas seleccionadas. los Herramienta de gradiente de ancho no cambia el color como lo hace un degradado normal, pero cambia el ancho de los caminos. Para ver cómo funciona, elija un degradado lineal y establezca el ancho inicial y final de las rutas.

En el Capas panel, localice y seleccione los grupos de rutas a las que desea aplicar el gradiente de ancho.

Mientras aplicas el degradado, puedes previsualizar su efecto en tu ilustración.. Mientras mantiene presionado el botón del mouse, puede cambiar la dirección y la longitud del degradado.

En unos pocos segundos, literalmente, hemos podido cambiar linealmente la densidad de la eclosión. Hacer esto manualmente requeriría mucho más tiempo, esfuerzo y habilidad. WidthScribe acaba de hacer nuestro trabajo mucho más fácil!

Etapa 4

Toma la siguiente herramienta de WidthScribe, la Herramienta de selección de ancho, y abrir su panel (Ventana> WidthScribe> Selector de ancho panel).

Marcadores de ancho en el ancho variable han aparecido caminos.

los Herramienta de selección de ancho Está diseñado para seleccionar y trabajar con marcadores de ancho. Seleccione los marcadores de ancho en los extremos de las rutas del anillo de anclaje mientras mantiene presionado Cambio. Ahora presione en el Movimiento cónico botón en el Selector de ancho panel. Esto agudiza o disminuye los extremos de las rutas que ha seleccionado..

Disminuye los caminos donde sea necesario para agregar profundidad y contorno a tu ilustración.


8. Los toques finales

Paso 1

Continuando con un tema náutico podemos utilizar el Herramienta de dibujo dinámico o Herramienta de lápiz (N) Para crear una forma arbitraria con un relleno azul..

Ahora necesitaremos pinceles grunge. Para este boceto, he usado los pinceles gratuitos de Illustrator BEAT 'EM UP. Elija el mismo color azul que el anterior, pero desactive el relleno y use esto para el color del trazo. Ahora toma el Herramienta Pincel (B) y crea trazos con los pinceles grungy a lo largo del contorno de la forma azul.

Paso 2

Vuelva a colorear los objetos del faro en un color azul oscuro, luego colóquelo sobre el fondo azul, como se muestra a continuación.

Vuelva a colorear todos los objetos del ancla en blanco y colóquelos a la vanguardia de su composición. Incline el anclaje hacia el lado derecho, usando el Herramienta de selección (V).


¡Felicidades! Estás listo!

Es imposible cubrir todas las funciones y herramientas de DynamicSketch y WidthScribe en un solo tutorial. Sin embargo, espero que este ejemplo le muestre lo intuitivos que son y cómo pueden ayudarlo a disfrutar de la creatividad al agilizar su flujo de trabajo. Más detalles junto con películas de productos de instrucción (Dynamic Sketch, WidthScribe) lo ayudarán a aprovechar al máximo estos complementos extremadamente efectivos.!.