Tutorial de Illustrator Archives

Tutorial de Illustrator: Técnicas de textura para ilustraciones vectoriales

La textura realmente puede agregar profundidad y una calidad tangible a las ilustraciones vectoriales. En este tutorial de illustrator, el ilustrador Jeffrey Bowman revela las técnicas que usa para crear textura y luego explica cómo agrega esto a su trabajo.

Aprenderá a tomar texturas escaneadas y convertirlas en vectores usando el rastro de imagen, luego aplicarlas de manera efectiva a su ilustración usando máscaras de recorte. Jeffrey también explicará cómo agregar trazos de pincel a bordes vectoriales duros, para darle una sensación de dibujado a mano a su obra de arte.

Para ayudarlo a seguir con esta clase magistral, Jeffrey ha proporcionado algunas formas vectoriales y texturas de muestra en los archivos del proyecto.

Las técnicas que aparecen en la mayor parte de este tutorial se pueden aplicar a casi cualquier versión de Illustrator, pero el proceso de vectorización de texturas en los Pasos 10-11 requiere CS6.

Paso 1

Primero, configure su documento (Cmd / Ctrl + N). He optado por A4. Luego resolví el área en la que quería trabajar, de modo que otros elementos de la página pudieran colocarse a su alrededor. Dibujé algunas guías (Cmd / Ctrl + R) en las que encajaría la ilustración.

Paso 2

A continuación, crea una ilustración; luego le aplicará texturas. Para este ejemplo, diseñe una escena de campamento con una mezcla de vectores sólidos y líneas.

Paso 3

Es hora de comenzar a agregar pinceladas en el exterior de las formas vectoriales. Illustrator tiene excelentes pinceles prefabricados. Abra el panel Pinceles (F5) y, en el menú desplegable, seleccione Abrir biblioteca de pinceles> Artístico> Artistic_ChalkCharcoalPencil.

Paso 4

Seleccione la forma a la que le gustaría agregar el efecto de pincel; esta forma de árbol está en los archivos del proyecto, Vector Shapes.ai. En el panel Artistic_ChalkCharcoalPencil, seleccione el lápiz de carbón. Esto le da un aspecto realmente agradable al borde de un lápiz.

Verá que su forma ahora tiene un borde rugoso y que ha cambiado el trazo de su forma para que coincida con el de su relleno.

Paso 5

Dependiendo de cuán extremo quieras que sea el trazo, puedes editarlo usando el panel Trazo; configuro el trazo entre 0.5 y 1 pt. Esto le da un efecto más sutil: demasiado hará que la ilustración se vea desordenada en lugar de orgánica.

Paso 6

Una vez que esté satisfecho con el ancho del trazo, debe preparar la forma, para que pueda aplicar máscaras de recorte cuando desee agregar textura más adelante.

Para hacer esto, seleccione la forma, luego vaya a Objeto> Expandir apariencia. Verá que ahora tiene tres caminos dentro. Abre tu panel Buscatrazos (Cmd / Ctrl + Shift + F9 o Ventana> Buscatrazos).

Paso 7

Seleccione la forma, luego presione el botón Unir en el panel Buscatrazos. Esto fusionará los tres caminos en una sola forma. Repita los pasos 4 a 7 para el resto de la ilustración.

Paso 8

Ahora vamos a empezar a vectorizar algunas texturas. Las texturas se pueden hacer a partir de cualquier cosa, pero para este tutorial hay cinco que puede usar en los archivos del proyecto.

Para crearlos, escaneé materiales reales en Photoshop usando la configuración de mapa de bits en blanco y negro en el escáner, ya que esto brinda el mejor contraste al convertirlos en vectores.

Paso 9

Abra la primera textura en Illustrator arrastrando y soltando el PSD en el icono de su ilustrador. Aparecerá en un nuevo documento. Una vez que esté allí, abra el panel Trazado de imagen, que es nuevo en Illustrator CS6 (Ventana> Trazado de imagen).

Paso 10

En el panel Trazado de imagen, configure el Modo en Blanco y negro (en el menú desplegable). Marque Vista previa, para que pueda mover el control deslizante Umbral de izquierda a derecha y experimentar con los resultados.

Cuando esté satisfecho con el resultado, haga clic en Trazar. Vaya a Objeto> Expandir, asegúrese de que Rellenar y Objeto están marcados y haga clic en Aceptar.

Paso 11

Con la herramienta Selección directa, haga clic en cualquier lugar del fondo blanco de la textura para seleccionarla y luego presione Eliminar. Te quedarás con el negro. Ahora cópielo y péguelo en su ilustración, y tendrá una textura lista para aplicar a su objeto.

Paso 12

A continuación, cambie la textura a una versión más oscura o más clara del color del objeto sobre el que se colocará. Haga varias copias de la textura, de modo que cubra el objeto. Produje tres copias y las roté hasta que estuve satisfecho con su ubicación.

Paso 13

Ahora es el momento de crear una máscara de recorte, que enmascara las texturas en la forma del vector, el árbol en este caso. Las máscaras de recorte son una de las funciones más importantes a la hora de crear una ilustración como esta. Copie la forma y péguela en su lugar (Cmd / Ctrl + Shift + V).

Paso 14

Una vez que haya pegado el vector encima de las texturas, deberá convertirlo en una ruta compuesta, ya que sin esto el proceso no funcionará. Vaya a Objeto> Ruta compuesta> Crear (Cmd / Ctrl + 8).

Paso 15

Asegúrese de que su objeto superior esté seleccionado, luego mantenga presionada la tecla Mayús y seleccione todas sus texturas también. Vaya a Objeto> Máscara de recorte> Crear – o presione Cmd / Ctrl + 7. Si esto no funciona, verifique que la versión superior del árbol que está usando para la máscara esté encima de las texturas en la pila de capas.

Paso 16

Ahora puede enviar la textura enmascarada de nuevo a la pila de capas para que no oscurezca ninguno de los objetos que debería estar detrás. Use Cmd / Ctrl + [u Objeto> Organizar> Enviar hacia atrás para hacer esto.

Repita los pasos del 9 al 16 para completar el resto de la ilustración.

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator

Tutorial Illustrator y Photoshop: diseño de camisetas usando arte vectorial

Use Illustrator para dibujar un gráfico de estilo motero usando formas vectoriales.

Joshua Smith, también conocido como el ilustrador inconformista Hydro74, tiene un estilo que se reconoce al instante: combina las líneas gruesas y limpias del graffiti con la iconografía de los tatuajes y la simetría y los patrones del arte vectorial. Aquí te explica cómo creó su último trabajo, basado en sus motivos habituales de calaveras y remolinos mezclados con el icono de la ilustración de esta primavera/verano, el búho.

A medida que sigues este tutorial, descubrirás muchos trucos que te ayudarán a crear mejores obras de arte y trabajar más rápido en Illustrator. Aprenderás a mejorar tus habilidades con el arte lineal, el sombreado con rellenos planos y técnicas de color para paletas limitadas (para mantener bajos los costos de impresión).

Joshua dice que como sus técnicas se tratan más de dibujar formas vectoriales con las herramientas de lápiz que con trazos de pincel, obtendrá mejores resultados con un mouse que con una tableta gráfica.

Paso 1

Primero, hice un dibujo muy aproximado de la cabeza de un búho para poner la pieza en movimiento. Luego entré en Photoshop y lo hice simétrico. El objetivo aquí con un dibujo básico y básico es permitirse ser más creativo en Illustrator a medida que hace clic. Nunca solo quieres rastrear lo que hay allí, sino que agrega tu toque a lo que se siente bien y permite que ese demonio creativo interno pregunte: ‘¿Y si hiciéramos esto?’.

Puedes usar tu propio boceto.

Paso 2

Importa tu imagen a Illustrator, amplíela a un tamaño decente y reduzca la transparencia al 50%. A partir de ahí, configure una guía en el centro de la imagen.

El objetivo es ahorrar tiempo, dibujando así un lado y perfeccionándolo. Crea una nueva capa que le permita hacer clic en el dibujo para ver cómo va el progreso.

Paso 3

Ahora es el momento de hacer clic y arrastrar con la herramienta Pluma (P). Al hacer clic, comience a agregar pequeñas cantidades de detalles y explore lo que funciona.

No sigas tus líneas directamente desde el dibujo, pero permítete ser libre: lo estás haciendo para explorar.

Paso 4

Cuando llegues a un buen lugar, copia el arte y dale la vuelta. Una vez que pongo los dos lados juntos, puedo ver dónde están mis errores o si estoy en el objetivo.

Este es un buen momento para alejarse por unos momentos y tomar una taza de té, para que pueda mirar la pieza con ojos nuevos.

Paso 5

Una vez que haya dibujado el contorno, es hora de agregar algunos detalles. Trabajé un poco de grabado en la pieza creando piezas largas y delgadas en forma de triángulo dispuestas juntas en una fila.

Paso 6

Tome el elemento de grabado y juegue con él estirándolo y luego colocándolo sobre las cejas del búho. Para canalizarlo entre las cejas, seleccione el elemento, abra el Buscatrazos (Shift + Cmd / Ctrl + F9) y usa la función Recortar.

Una desventaja de esta función es que cada vez que recortas, notarás molestas líneas en blanco. Para eliminarlas, usa la herramienta Pluma para hacer una línea sin color ni trazo, luego haga clic en Seleccionar> Mismo> Relleno y trazo. Presiona Eliminar y listo. Mantén una copia de las líneas de grabado cerca.

Paso 7

Detalla la frente creando unos semicírculos y alineándose en una fila. Apile estas filas para cubrir el área que desea llenar.

Es útil agrupar (Cmd / Ctrl + G) estas formas antes de colocarlas en la parte superior de la ilustración para que no tengas que hacer clic en ellas individualmente si cometes un error.

Paso 8

Repita las técnicas del Paso 6 para agregar grabado a estas ‘plumas’ (por eso te dije que guardaras una copia de esas líneas de grabado). Puedes llenar cada semicírculo por separado, o llenar toda la sección con este elemento. Para ganar tiempo. Decidí hacer cada uno individualmente, ya que se ve mejor.

Paso 9

Para rellenar cada semicírculo individualmente, duplique el elemento recortado que acaba de crear, en lugar de recortar cada área. Una vez que haya terminado de llenar esas áreas, selecciona cada una y recórtala en la cabeza. Si deseas experimentar aquí, intenta usar formas más anchas o más pequeñas, o puntos de semitono.

Paso 10

Ahora para algunos detalles. Este es un buen punto para comenzar a rellenar áreas con negro y agregar pequeños rasguños de textura. El objetivo es que parezca algo orgánico.

En este punto, también me gusta comenzar a eliminar cosas que no necesito, pero no quiero perder nada en lo que trabajé en caso de que cambie de opinión. Crea una copia, arrastrala hacia la parte superior y podrás experimentar sin preocupaciones.

Paso 11

Agrega algunas plumas a los lados, fluyendo hacia abajo para atar los elementos del cuerpo. También completan las dimensiones de la obra de arte para adaptarse mejor a la impresión de una camiseta. Quiero poner una calavera debajo de la cabeza, pero si las calaveras no son lo tuyo, agrega una pequeña nube esponjosa, o un arbolito feliz, o algo.

Paso 12

Si tiene un cráneo con marca registrada Hydro74 a mano, no dude en usarlo ahora. La tipografía personalizada también funciona bien aquí. Suelta el cráneo y comienza a construir las áreas circundantes. Está empezando a juntarse un poco ahora.

Paso 13

Separe los diferentes componentes, el búho y el cráneo, como elementos individuales. Para hacer esto, agrupe la cabeza del búho y trace su contorno en blanco. Repite con el cráneo. De esta manera, puede cambiar el tamaño de esos elementos más fácilmente.

Paso 14

Ya que tiene las dos cabezas rellenas, comience a colocar algunos reflejos y áreas oscuras en una de las alas para agregar detalles. Juega con algunos elementos de grabado y envíalos a la parte de atrás, detrás de la cabeza y el cráneo del búho. Para detallar la otra ala, toma el lado en el que trabajaste, duplícalo y dale la vuelta. Finalmente, para el contorno, agregue algunos ojos al cráneo. Trate de ignorar el hecho de que su búho ahora tiene ojos en lugar de pezones.

Paso 15

Es hora de agregar color. Esta es la parte difícil, pero aquí hay un truco: crea una versión de arte lineal de tu obra de arte debajo de la ‘grabada’, para que puedas rellenar las partes sin jugar con el sombreado. Para hacer esto, coloca un rectángulo grande en la parte superior y selecciona Recortar en la paleta Buscatrazos. Elimina todos los trazos y rellenos en blanco. Bloquea todo excepto la pieza actual.

Haz clic en Cmd / Ctrl + Shift + D para obtener un fondo transparente. Selecciona un trozo de blanco en tu ilustración, luego haz clic en Seleccionar> Mismo> Color de relleno y elimínalo. Todo lo que queda debería ser el negro. Fusionarlos juntos. Ahora crea una nueva capa y colócala debajo de tu arte lineal. Bloquea la capa de arte lineal.

Paso 16

Para completar la impresión y hacer que parezca más icónica, agregué algunos remolinos y formas orgánicas alrededor del diseño principal.

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator

8 mejores sitios web para modelos 3D gratuitos

Después de examinar la naturaleza de los recursos de modelos 3D gratuitos disponibles para descargar de la web, estos ocho archivos existen como los mejores recursos en línea para modelos 3D gratuitos de alta calidad.

Las posibilidades creativas son infinitas con la variedad de modelos 3D que se ofrecen en Free 3D, Archive 3D, NASA 3D, Artist 3D, TurboSquid y CG Trader. Los dos últimos también venden modelos 3D, lo que hace nuestra lista general de los mejores sitios web para modelos 3D.

Sin costo, explore miles de modelos 3D de alta calidad adecuados para profesionales, ya sea un desarrollador de juegos, diseñador gráfico o artista en busca de inspiración creativa.

Smithsonian Open Access

Trabajando con Khronos, el Smithsonian lanzó públicamente su iniciativa Open Access en febrero, que incluyó el lanzamiento de aproximadamente 2.8 millones de imágenes 2D y modelos 3D al dominio público con la licencia Creative Commons Zero (CCO) reconocida internacionalmente.

Además, se lanzará una variedad de plataformas para que sus medios de recopilación, datos de recopilación y datos de investigación estén disponibles para esfuerzos educativos y de investigación, reutilización creativa, análisis computacional y exploraciones innovadoras.

Para distribuir su enorme galería de medios y datos, el Smithsonian ofrece una opción de descarga para sus modelos 3D en glTF ™, una especificación libre de regalías para la transmisión y carga eficiente de escenas y modelos 3D por aplicaciones. Un estándar abierto desarrollado por Khronos, glTF minimiza tanto el tamaño de los activos 3D como el procesamiento en tiempo de ejecución necesario para descomprimir y utilizar esos activos. El Smithsonian ha desarrollado una extensión de proveedor de glTF especializada, pero con este nuevo acuerdo, el museo se relaciona directamente con Khronos y creará una cadena de herramientas de código abierto basada en glTF para lograr escalabilidad y longevidad.

Museo Marítimo de Escocia

El Museo Marítimo de Escocia, que tiene su sede en Irvine, Ayrshire, ha compartido modelos 3D y recorridos virtuales de 360 ° de casi 50 de las embarcaciones históricas, artefactos marítimos y herramientas de construcción naval más importantes de Escocia en Sketchfab, la plataforma más grande del mundo para 3D compartido. contenido.

Los primeros escaneos 3D capturados incluyen MV Spartan, el único ‘puffer’ construido en Escocia que ha sobrevivido; el 1898 construido SY Carola; y el RNLB1898 Jane Anne de, un raro ejemplo sobreviviente de un bote salvavidas autoadrizable de dos extremos que es de gran importancia para la comunidad local de Irvine del Museo.

Los escaneos del Museo Marítimo de Escocia también incluyen una cabeza de gato de » del Cutty Sark; un martillo de vapor construido por RG Ross & Sons para la inauguración en 1907 de los talleres de reparación de la Autoridad Portuaria de Clyde (Clyde Navigation Trust) en Renfrew; y la popa del SS Rifle.

Free 3D

Con más de 15.000 modelos gratuitos, es difícil no encontrar lo que busca en Free 3D.

443,336 usuarios se han beneficiado de miles de modelos 3D de alta calidad, como este Lamborghini Avenger descargado más de 200.000 veces.

Archive 3D

Consulte Archive 3D para ver una gran cantidad de modelos 3D de alta calidad, todos ofrecidos sin costo alguno.

Aunque principalmente está relacionado con el hogar con categorías como mobiliario, equipo, electrodomésticos, estructura y cocina, este recurso también incluye modelos 3D de personas y artículos relacionados, naturaleza, aire y naves espaciales, formas geométricas y más.

NASA

La agencia espacial estadounidense NASA El archivo 3D de la NASA contiene modelos, imágenes, texturas y visualizaciones en 3D que se ofrecen sin costo y sin derechos de autor.

Si está buscando crear un juego de computadora con temática espacial o necesita un telón de fondo astronómico para una película, visite este archivo para ver una variedad de modelos y objetos astronómicos verificados por la NASA.

Artist 3D

Por último, pero no menos importante, Artist 3D ofrece a los diseñadores gráficos y artistas nuevos modelos 3D gratuitos mensuales cada mes.

Las calificaciones descargadas por el usuario permiten a los artistas ejercer su discreción antes de descargar modelos.

TurboSquid

TurboSquid vende principalmente modelos 3D, pero tiene una sección completa de modelos gratuitos como esta recreación de un iPad Pro.

CGTrader

TurboSquid 8 mejores sitios web para modelos 3D gratuitos

Al igual que TurboSquid, CGTrader tiene modelos gratuitos y de pago.

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator

Tutorial de Adobe Illustrator: Cómo hacer que los objetos se vean en 3D

Es muy fácil dibujar objetos en 3D en Adobe Illustrator usando ilustración, extracción y sombreando formas básicas, como explica Thomas Burden.

Los gráficos vectoriales no necesitan ser bidimensionales. En este tutorial, Thomas Burden, también conocido como ‘… y habrá unicornios’, muestra cómo las extrusiones 3D y la función Map Art de Adobe Illustrator se pueden usar para crear una habitación imaginaria llena de kits de computadora extraños, maravillosos y definitivamente retro.

Aunque son bastante básicas, estas funciones 3D falsas en Illustrator pueden generar una cantidad infinita de formas y elementos geniales que pueden agregar una dimensión completamente nueva, literalmente, al trabajo con gráficos vectoriales.

Puede agregar más profundidad sombreando estos elementos, ya sea en Illustrator o, con mucho más control, importándolos a Photoshop.

Paso 1

Como verá cuando abra Digital Future.eps desde los archivos de proyecto de este tutorial, he creado algunos elementos básicos para ahorrarle tiempo; no es que dibujar dos círculos lleve mucho tiempo, aunque es un poco más complicado hacer el franja estampada que se muestra a partir de un rectángulo rojo y un trazo repetido.

Como todos los componentes en la imagen final se crean esencialmente usando un proceso, lo demostraremos haciendo solo uno de los objetos: el ‘fuelle-en-una-campana-tarro’, visto encima del ‘carrete a carrete -Cosa de la máquina.

Paso 2

Para comenzar, haga clic en el panel Símbolos y arrastre la franja estampada en él. En el cuadro de diálogo que aparece, nombre el nuevo símbolo «Franja de patrón» e indique su tipo haciendo clic en el botón «Gráfico». Ahora presione Aceptar para agregarlo a la biblioteca de símbolos.

Paso 3

El círculo naranja grande formará la base del objeto. Haga clic en él, vaya a la barra de menú y seleccione Efecto> 3D> Extrusión y bisel.

Paso 4

En las opciones de Extrusión y bisel 3D, seleccione Parte superior isométrica en el menú desplegable Posición. Establezca la Profundidad de extrusión en 38 pt y seleccione Sin sombreado en el menú desplegable Superficie. Para ver que la magia 3D tiene lugar en la mesa de trabajo incluso antes de cerrar el cuadro de diálogo, asegúrese de que el cuadro Vista previa a la derecha esté marcado.

Paso 5

Ahora haga clic en el botón Arte del mapa en el lado derecho del cuadro de diálogo. Haga clic en las superficies en la parte superior hasta que el lado del círculo extruido se resalta en rojo.

Paso 6

Seleccione la franja de patrón en el menú desplegable Símbolo en la parte superior del cuadro de diálogo.

Paso 7

Haga clic en Escalar para ajustar. Arrastre el símbolo hacia los lados para que solo cubra el área visible del círculo extruido y luego presione Aceptar para volver al cuadro de diálogo Extrusión y bisel. Haga clic en Aceptar nuevamente.

Paso 8

Ahora seleccione el círculo azul y una vez más use Efecto> 3D> Extrusión y bisel. Seleccione Isometric Top nuevamente, esta vez con una profundidad de extrusión de 208pt. Seleccione Jaggy en el menú desplegable Bisel y establezca la altura en 16 puntos. He aquí que los fuelles de nuestro «fuelle en una campana de cristal» han aparecido.

Paso 9

Ahora necesitamos agregar algo de sombra al fuelle. Para hacer esto, seleccione Sombreado de plástico en el menú desplegable Superficie y luego haga clic en el botón Más opciones. Establezca la intensidad de la luz al 100%, la luz ambiental al 11%, la intensidad de las luces al 3%, el tamaño de las luces al 90% y los pasos de fusión al 25%.

Seleccione Personalizado en el menú desplegable Color de sombreado y seleccione un gris medio a oscuro (o ingrese estos valores: C41 M33 Y33 K0). Luego haga clic en Aceptar.

Paso 10

Ahora comenzaremos a hacer la campana. Seleccione la herramienta Rectángulo redondeado de la paleta Herramientas. Haga clic en la mesa de trabajo para abrir el cuadro de diálogo Opciones e ingrese los valores que se muestran. Haga clic en Aceptar.

Paso 11

Con la nueva forma seleccionada, elija la herramienta Pluma (P) y coloque el cursor sobre los puntos de anclaje inferiores hasta que se muestre un signo menos al lado del cursor. Haga clic dos veces para eliminar los puntos de ancla. Esto deja una curva suave, así que use la herramienta Convertir punto de ancla (Shift + C) y haga clic en los dos puntos inferiores para convertirlos en esquinas.

Paso 12

Con la herramienta Selección directa (A), seleccione los dos puntos inferiores de la nueva forma haciendo clic y arrastrando un cuadro sobre ellos. Ahora haga clic en uno de ellos y arrástrelos hacia abajo para que la forma de la campana sea un poco más alta, manteniendo presionada la tecla Mayús para mantenerlos en línea recta.

Paso 13

Seleccione la herramienta Elipse (L). Haga clic y arrastre una elipse para formar la parte inferior de la campana. Usando la elipse del círculo isométrico extruido como guía, cambie su tamaño para que encaje en la parte inferior de la forma de campana.

Paso 14

Con la herramienta Selección (V), seleccione esta nueva imagen y el resto de la forma de la campana. Rellenelos con la muestra Nueva muestra de degradado 1 en la paleta Muestra.

Paso 15

Con la herramienta Degradado (G), haga clic y arrastre hacia abajo desde el centro del semicírculo en la parte superior de la campana para crear el sombreado correcto para un objeto 3D.

Paso 16

Ahora seleccione solo la elipse en la parte inferior de la campana. Cópialo y pégalo en la parte superior (Cmd / Ctrl + F). Utilice la herramienta Cuentagotas (I) para cambiar su color al del primer círculo extruido. Luego, encoge ligeramente, manteniendo presionadas Alt + Shift para cambiar su tamaño desde el centro. Establece la opacidad al 45% y agrúpelos con el resto de la campana. Establezca la opacidad de este grupo en 65%.

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator

Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Aprende a agregar calidez, suavidad, textura y profundidad a una obra de arte vectorial con las técnicas favoritas de Ari Liloan.

Las personas suelen pensar en las ilustraciones vectoriales como frías, mínimas y planas. Porque en su mayoría lo es y eso es parte del encanto de la ilustración vectorial.

Sin embargo, en realidad puede agregar una gran cantidad de calidez, suavidad, textura y dimensión en un entorno vectorial.

Este tutorial centra algunas de estas herramientas y técnicas menos conocidas en Adobe Illustrator. Aprenderá cómo renderizar sombras y reflejos convincentes, algunos enfoques de mejores prácticas para el arte de líneas limpias, la herramienta de patrón, la herramienta de deformación, la transparencia, los efectos de desenfoque y, en general, agregar un poco más de amor a las ilustraciones vectoriales de lo necesario.

Idea

Para demostrar técnicas menos conocidas en Illustrator, podrá observar diferentes texturas como vidrio, escamas, metal, cabello y piel.

A menudo decimos que se requiere un cierto cóctel de habilidades para convertirse en ilustrador, por lo que un vaso de ginebra surrealista parece una elección adecuada de ilustración.

Comenzaremos mirando algunos materiales de referencia para tener una idea amplia de cómo la luz afecta a ciertos objetos.

Dibujar

Los bocetos ocurren en Adobe Photoshop. ‘Happen’ probablemente suene demasiado accidental, ya que aquí es donde ocurre toda la planificación y la contemplación.

Ari Liloan comenta que le gusta mantener sus bocetos bastante cerca del resultado final. De esa manera, no tendrá que confundir los detalles o preocuparse de cómo dibujar una mano correctamente una vez que se mueve al vector.

Arte lineal

Para el arte lineal usar la herramienta Pluma es una buena técnica ya que es la herramienta más poderosa en cualquier entorno vectorial.

Colocar el boceto en una capa separada con un modo de fusión de Multiplicar para luego pueder cambiar fácilmente de un lado a otro sin afectar el esquema de color general, ya que solo verás las líneas de tu boceto de esa manera.

Trucos de curvas Bezier

Curvas Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Un truco común para idealizar formas y líneas es presionar la tecla Shift mientras dibujas tus curvas Bezier.

También es una buena práctica trazar sus puntos de ancla en los extremos de una forma si desea que la forma se vea más perfecta.

Para las formas orgánicas no hay reglas, pero para las formas inorgánicas es una técnica útil a tener en cuenta.

Colores planos

Colores Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Para bloquear colores, necesitarás volver a dibujar todas las formas y ponerlas en una capa separada debajo de la línea de arte.

Un consejo dado por Ari Liloan es separar la línea y la forma, ya que te da más libertad para experimentar con el arte lineal en comparación con tener formas con un contorno.

Aparte de la teoría básica del color, caminar entre los extremos de los esquemas de color, Agregar colores neón que duelen un poco a la vista junto a algunos pasteles apagados es un contraste interesante con el que es recomendable jugar.

Degradados

El primer paso para agregar un toque de dimensionalidad es usar gradientes sutiles en lugar de colores planos. Simplemente agregando tonos rojos a las partes más oscuras de la cara o más blanco aquí y allá da una idea de dónde está la fuente de luz.

Es sutil pero sienta las bases de todos los demás efectos y es una gran herramienta para navegar por sus luces y sombras.

Sombras y luz

Sombra y luz Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Una vez que se ha establecido la fuente de luz, traza sombras y puntos de luz. Agrega las sombras a la forma usando el modo Dibujo interior.

Si la forma es demasiado nítida, puedes agregar suavidad para obtener una sombra de apariencia más realista de cuatro maneras: Resplandor interno, Desenfoque, Textura y Degradados.

Resplandor interior y degradados

Resplandor Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Al aplicar el modo de fusión de Multiplicar a las formas de las sombras lograrás desaparecer cualquier parte blanca. Incluyo un efecto Inner Glow, que suaviza los bordes y crea una sombra de aspecto más realista.

Puedes utilizar colores claros distintos del blanco para crear diferentes estados de ánimo.

Desenfoque

Un excelente truco es que se puede utilizar un desenfoque de Gausisan en Illustrator, al igual que en Photoshop. Sin embargo, una advertencia: usa el efecto con moderación, ya que ralentiza enormemente Illustrator.

Los efectos y degradados de Inner Glow causan menos carga de computadora en su máquina y, por lo general, dan el mismo aspecto.

Textura

Agregar textura también suaviza las formas nítidas.

Simplemente vaya a Filtro> Texturas> Agregar grano y ajuste como le gustaría crear su propia textura personalizada.

Hacer esto crea chispas blancas dentro de la forma que desaparecerán una vez que agregues el modo de fusión Multiplicar.

Resaltados

Agregar luces con la misma técnica que uso para las sombras, excepto que generalmente se establezca el modo de fusión en Aclarar o, a veces, Pantalla.

Para agregar textura a los reflejos, existe una pequeña solución: simplemente agregue una textura a otra forma, luego cópiala y pégala en el panel Transparencia y creará el mismo efecto.

Modos de fusión

Modos de fusion Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Recuerda usar principalmente Multiplicar para sombras y Aclarar para iluminar, pero puedes experimentar con otros modos. El uso de Color o Hue en un degradado, aplicado a un objeto, por ejemplo, empuja ciertas cosas al fondo.

La pantalla crea colores interesantes que pueden ser utilizados para los reflejos en el vidrio; Sigue jugando con eso solo para ver qué pasa.

Un consejo: si trabajas con una paleta de colores limitada, jugar con el modo de fusión es una excelente manera de introducir nuevos colores que ya tienen el mismo ADN que su esquema de colores existente.

Sombras paralelas

Sombras Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

La clave para obtener sombras más convincentes es tener diferentes capas de oscuridad y suavidad. Cuanto más cerca está una sombra de un objeto, más oscura y dura es.

Las sombras que están más lejos son menos oscuras y suaves. La combinación de eso en diferentes formas es lo que hace el truco.

Un consejo: procura trabajar con tres formas, la primera es la sombra más oscura y dura, hasta la sombra más clara y suave para crear ese efecto.

Patrones

Otra herramienta útil que puedes utilizar con frecuencia es la herramienta Patrón, con esta puedes crear patrones realmente elaborados , pero en esta ilustración sólo se quería crear una textura muy simple de rasguños, dándole a la moneda un aspecto metálico.

El efecto fue conseguido creando algunos rasguños y se utilizando la herramienta de patrón para crear una textura perfecta .

Warping y Shearing

Warping Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Si antes solías dibujar rayas, patrones o incluso la tipografía a mano, utilizar la herramienta deformación y Sheartoolste ahorra mucho tiempo.

El adorno

Adorno Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Algunos pequeños detalles que requieren de mucho más esfuerzo: recomendamos utilizar líneas adicionales para agregar más profundidad al dibujo, como pequeños reflejos en la cara, cabello, escamas, reflejos en la moneda, bordes de la sombra.

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator

Tutorial de Illustrator y Photoshop: Cómo crear un retrato vectorial a partir de una foto

El ilustrador Eelco van den Berg explica los secretos de la vectorización de fotos en esta sencilla guía paso a paso.

En este tutorial, Eelco van den Berg te deja detrás de la cortina para ver cómo crea sus increíbles retratos vectoriales al convertir una foto en una ilustración vectorial ‘amapola’.

Aprenderás ajustes de Photoshop rápidos y sencillos que preparan las ilustraciones para traducirlas en formas vectoriales. Él te muestra cómo trazar las formas básicas usando las herramientas principales en Illustrator y cómo usar capas para organizar las fotos y su nueva ilustración vectorial.

Descubrirás cómo crear la sensación de luces y sombras, construirás un pincel simple para trabajar y usarás la herramienta Pluma para formas más geométricas. También descubrirá las posibilidades de la herramienta Buscatrazos y cómo dibujar con el pincel para crear una sensación más suelta. También te mostraremos cómo jugar con elementos del retrato para construir el fondo y cómo usar una trama simple para darle algo de textura.

Tiempo para completar

3-4 horas

Paso 1

En Photoshop, abre photo.jpg de los archivos del proyecto y seleccione Duplicar capa en el menú del panel Capas. Usa Cmd / Ctrl + L para abrir el cuadro de diálogo Niveles, luego usa el control deslizante del medio para hacer que la nueva capa sea un poco más clara, de modo que el sujeto se destaque mejor del fondo.

Paso 2

Ahora elige la herramienta Recortar (C) y selecciona solo la cara del sujeto y un poco de su pecho. Establece la Superposición de la guía de recorte en Ninguno en la barra de opciones para ayudarlo a ver lo que está haciendo. Por ahora, mantendremos la resolución de la imagen sin cambios.

Paso 3

Duplica la capa, asígnale el nombre ‘Contraste’, luego aumente el contraste en esta capa. Duplica esta capa y seleccione Imagen> Ajustes> Posterizar con un Nivel 4. Ahora cambia el nombre de esta capa a ‘Posterizar’.

Paso 4

Ahora cambia la resolución de la imagen a 150 ppp y la altura a un máximo de 25 cm; esto hará que el archivo de Illustrator posterior sea más pequeño. Guárdelo como PSD.

Paso 5

Abra el archivo PSD en Illustrator y use la opción ‘Convertir capas de Photoshop en objetos’. Ahora todas tus capas están en el panel Capas de Illustrator.

Paso 6

Configura el documento como una página A4 vertical, luego guárdelo como un documento de Illustrator. En su lugar, puede guardarlo como PDF para reducir el tamaño del archivo y evitar que su disco duro se desborde.

Paso 7

Crea una nueva capa y llámala ‘Frente’. Esta es la capa en la que vamos a trabajar. Pon esta capa encima de tus otras capas. Bloquea las otras capas.

Paso 8

En el panel Pinceles, seleccione Nuevo pincel. Seleccione Nuevo pincel caligráfico y haz clic en Aceptar. Cambie el nombre de Pincel básico y establezca el Diámetro en 1 y el ángulo en 0 °. Elige Cmd / Ctrl + B para activar el pincel, usando negro para el color del trazo y sin relleno.

Paso 9

Ahora es el momento de comenzar a trazar la foto. En general, utilice el pincel para formas irregulares y la herramienta Pluma para formas más geométricas. Comience mapeando las formas básicas. Se verá un poco desordenado una vez que hayas terminado, pero créeme, está bien por ahora. Empiezo trazando desde la capa ‘Posterizar’ y luego pasó a las otras capas si quiero agregar más detalles.

Paso 10

Asegúrate de que las formas estén unidas (usando Cmd / Ctrl + J). Ahora puedes comenzar a llenarlos, usando la herramienta Cuentagotas para elegir colores de la capa ‘Posterizar’ (es posible que también desee almacenarlos en el panel Muestras). Si algunas formas se superponen, copia y selecciona las formas que deben dividirse, luego vaya al panel Buscatrazos (Cmd / Ctrl + Shift + F9) y presione el botón Dividir. Desagrupalos (Cmd / Ctrl + Shift + G) y elimina las partes que no necesitas. Recuerde agruparlos nuevamente después (Cmd / Ctrl + G).

Paso 11

Ahora regresa a la capa ‘Contraste’ (y la capa ‘Niveles’ también, si la creó) – para seleccionar más detalles. Después de esto, intenta jugar con los colores. El uso de degradados hace que los resultados sean más sutiles y proporciona un agradable efecto pictórico.

Paso 12

Crea una nueva capa llamada ‘Fondo’ y dibuja un rectángulo del tamaño del documento; Hice el mío azul oscuro para que la cara se destaque más. También dibuja algunas formas líquidas simples con el Pincel básico para hacer que la composición sea más dinámica.

Abre el archivo raster.eps y coloque el objeto sobre la tapa verde. Selecciona tanto la tapa como el elemento de trama, duplicalos y arrastra el resultado más allá del borde del documento. Tráelo al frente (Cmd / Ctrl + Shift +}) con el ráster sobre la tapa. Pulsa el botón Recortar en el panel Buscatrazos. Alinee el resultado sobre el primer elemento ráster (utilice las guías inteligentes como ayuda), luego elimine el primer elemento. Ahora tiene un relleno rasterizado que le da más textura a la tapa.

Paso 13

Para evaluar tu trabajo, crea una nueva capa llamada ‘Máscara’ para usar como una especie de marco de imagen. Con la herramienta Rectángulo, arrastre una selección sobre la mesa de trabajo. Arrastre otro rectángulo más grande que su mesa de trabajo. Seleccione ambos y haga clic derecho> Ruta compuesta. Haz esto blanco y bloquea la capa.

Selecciona Objeto> Ruta> Ruta compensada para acentuar las gafas de sol; un valor de 1 mm debería ser suficiente. Elige Vista previa para ver qué funciona. Para agregar una línea adicional en el interior, crea otra con un desplazamiento de -1 mm. Tenga en cuenta que no es un contorno, sino una forma extra. Haz lo mismo con la bufanda.

Paso 14

Quiero agregar más detalles a la bufanda, lo que debería hacer que el resto sea más abstracto. Primero, reduzca el área de la bufanda a azul y negro eliminando algunas cosas que ha dibujado. Ahora use el Pincel básico para crear un patrón de rayas usando colores del panel Muestras, luego use la herramienta Dividir del panel Buscatrazos para ajustar la forma en la bufanda. Luego, dibuja una forma con tu pincel para sugerir sombra. Abra el panel Transparencia (Cmd / Ctrl + Shift + F10) y seleccione un modo de fusión Multiplicar con una opacidad del 30%. Haz lo mismo con el fondo y la ropa.

Paso 15

Copia la capa con el modo de fusión Multiplicar y pégala varias veces. Colócalos debajo de la ropa para darle más profundidad.

Copia una parte del patrón de la bufanda, agrupa los elementos (Cmd / Ctrl + G), escala ligeramente y colócalos en el fondo. Nuevamente, use las versiones de copiar y pegar de las capas con los modos de fusión Multiplicar para agregar más profundidad a la composición.

Paso 16

Elimine la capa ‘Máscara’ y las capas que trajo de Photoshop. En el menú del panel Capas, seleccione Aplanar ilustraciones. Seleccione todos sus elementos (Cmd / Ctrl + A) y agrúpalos (Cmd / Ctrl + G). Arrastre un rectángulo con precisión sobre su mesa de trabajo y asegúrese de que esté encima de su obra de arte agrupada. Seleccione todo de nuevo (Cmd / Ctrl + A) y presione Cmd / Ctrl + 7. Ahora ha creado una máscara de recorte de tu trabajo, mostrando solo lo que está dentro de la mesa de trabajo. Tu retrato vectorial ahora está completo.

[anuncio_b30 id=2]

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator

Tutorial de Adobe Illustrator y Photoshop: Creación de un retrato Low-Poly

En este tutorial, el diseñador brasileño Breno Bitencourt te mostrará paso a paso cómo crear un elegante retrato de low-poly en Illustrator y Photoshop.

Tutorial de Adobe Illustrator y Photoshop

El secreto para crear obras de este estilo es trabajar a partir de las mejores fotos de referencia y, en primer lugar, Breno muestra cómo capturarlas (usándose a sí mismo como modelo). Luego explica cómo editarlos en Photoshop y luego crear una versión vectorial en Illustrator.

Breno dice que no es necesario ser un experto en Illustrator o Photoshop para seguir este tutorial, siempre que tengas buen ojo y mucha paciencia podrás lograrlo.

Puedes ver un video del proceso creativo de diseño de un retrato de low-poly que se detalla en este tutorial.

Tiempo para completar: 4 horas

Software requerido: Adobe Illustrator y Photoshop.

Paso 1

Primero, necesitas una buena referencia fotográfica. Para este tutorial, decidí tomarme una selfie. Así que le pedí ayuda a un amigo para conseguir las grabaciones.

Los consejos importantes son usar la perspectiva para mostrar la profundidad, tener una buena variación de luces y sombras y asegurarse de que tu modelo tenga accesorios afilados que se destaquen contra la suavidad de la piel y la ropa (por ejemplo, anteojos, joyas o un collar almidonado) .

A partir de estas fotos, debes elegir los mejores fragmentos para combinar en una sola imagen que será tu principal referencia. Como puedes ver en esta captura de pantalla, elegí la cara de uno, las gafas de otro y otros detalles de otras tomas. Sé selectivo en esta etapa, vale la pena.

Para cada parte, corta aproximadamente la parte que desee. Luego abre un nuevo documento en Photoshop con un fondo negro y coloca cada uno de los elementos en capas separadas.

Paso 2

Ahora debes combinarlos para crear tu referencia perfecta. Elimina las partes innecesarias y haz un collage de las partes seleccionadas. Utiliza máscaras y modos de fusión para unirlos a todos.

No tienes que regirte completamente a la realidad de las fotos, quieres crear una foto de referencia que se vea tan bien como yo. Por ejemplo, no me gustó la forma en que el brazo de las gafas se apoyó en mi oreja, así que lo modifique.

También cambié algunas partes de mi cabello que no eran muy interesantes.

Paso 3

Ahora que tienes la imagen incorporada, ajusta el contraste, el balance de color, las capas y similares para crear una imagen más dinámica.

No debería estar diciendo esto, pero a menudo me resulta muy útil usar las funciones de contraste automático, color automático y capas automáticas de Photoshop (en el menú Imagen) cuando no estás corrigiendo manualmente tu deseo compuesto.

Paso 4

Quiero que los colores de mi obra de arte final sean más cálidos que la foto de referencia. Para acercarlo a lo que quiero, agregué una capa púrpura sólida con un modo de fusión de pantalla.

Paso 5

Ahora llegamos a la parte del proceso que requiere mucho tiempo: la malla triangular. No hay ningún truco secreto, tienes que hacerlo a mano. ¿Por qué? Porque tu cerebro es mejor que cualquier script o proceso automatizado para determinar los contornos faciales.

Aquí tienes algunas guías. Las piezas pequeñas requieren triángulos pequeños. Nunca haga cuadrados, simplemente se ven mal. Quédate con triángulos. Es más fácil si tu sujeto tiene una nariz recta como la mía. Las narices redondas son complicadas.

Con un pincel pequeño, crea tu malla en una capa vacía sobre la imagen. Utiliza un color claro que contraste con el retrato. Prefiero el azul o el verde, ya que estos son dos colores que es poco probable que tu sujeto tenga en la cara (a menos que tenga un tatuaje de una mantis religiosa en el cuello).

Paso 6

Cuando hayas llegado tan lejos, date una palmadita en la espalda: has trabajado mucho (pero no todo).

Ahora es el momento de refinar los triángulos erróneos. Oculta la referencia de la imagen, todo lo que tienes que hacer es enfocarte en la malla. Limpia y busca triángulos que olvidaste crear.

Una vez que lo hayas perfeccionado, cambia tu color a blanco para que se destaque sobre el fondo negro y guárdalo como JPG.

Ahora inicia Illustrator.

Paso 7

Coloca tu malla en tu mesa de trabajo, ciérrela y es hora de usar la herramienta Pluma para dibujar una malla vectorial de triángulos en un color contrastante (la usé como violeta claro) sobre ella.

Una vez más, esto llevará tiempo, así que haz una buena taza de tu mejor café y emprende el largo viaje.

A continuación, se ofrecen algunos consejos para acelerar el proceso.

No tienes que cerrar tus triángulos, solo marca los tres puntos con la herramienta Pluma. Esto puede parecer una tontería, pero te ahorrará mucho tiempo en los cientos de triángulos que crearás.

Paso 8

Tampoco tienes que ser tan preciso; usarás un truco ingenioso para unirlos en los próximos pasos.

Paso 9

Fue mucho trabajo, pero eres bueno. Toma una respiración profunda y recuerda guardar.

Paso 10

Ahora te voy a enseñar el truco de alinear perfectamente todos los puntos en la posición correcta. Es un procedimiento simple, pero, por supuesto, tendrás que repetirlo tantas veces como triángulos tengas en tu retrato.

Utiliza la herramienta de selección directa para seleccionar cada grupo de puntos que desees que estén en la misma ubicación.

Paso 11

Abre el panel Alinear y, en Alinear puntos de anclaje, haz clic en Alinear centro horizontal.

Paso 12

Luego haz clic en Centro de alineación vertical y coloca todos tus puntos en el mismo lugar exacto. ¡Oh sí!

Paso 13

Ahora mueva los puntos para corregir su posición si es necesario.

Luego, repite los pasos 10-12 para todos tus vértices.

Paso 14

Oculta la malla creada en Photoshop. Revisa tu malla nuevamente para ver si faltan triángulos (siempre olvidé al menos diez triángulos por retrato). La mejor manera de hacer esto es seleccionar todos tus vectores (Cmd/Ctrl + A) y luego invertir el relleno y el trazo (Shift + X).

Si detectas uno que falta, devuelve el relleno y el trazo al valor que deseas (Shift + X nuevamente), agrega tu triángulo y vuelve a verificar. Cuando tengas una red completa, continúa con el siguiente paso.

Paso 15

Coloca la referencia de tu foto en una capa debajo de tu malla vectorial y alinea ambas perfectamente. Esto te ayudará a elegir los colores correctos de tu foto para un retrato reconocible. Y bloquea el plano de referencia.

Paso 16

Ahora la parte más divertida: agreguemos color. Selecciona cada triángulo por turno, selecciona el cuentagotas (I) y elige el color en el centro de cada triángulo como relleno.

[anuncio_b30 id=2]

Lea a continuación: Las mejores alternativas a Illustrator.

Mejores alternativas a Adobe Illustrator