Guía de ilustraciones: cómo hacer que el estilo de la marca sea reconocible. Creación de ilustraciones de personajes en Adobe Illustrator

La misma palabra “ilustración” se refiere a imágenes que son diferentes en contenido y forma, en significado para la obra y el lector, en la conexión entre el dibujo y el texto, en la técnica de ejecución. imagen, las ilustraciones se pueden dividir en científico y educativo(mapas, planos, esquemas, dibujos, etc.) y artístico y figurativo(interpretación de una obra literaria por medio de gráficos de libros). Las ilustraciones pueden ser una imagen explicativa del texto, complementando el texto, y una imagen casi completamente independiente, a veces incluso subordinando el texto".

“Dependiendo del tamaño y la ubicación en el libro, existen los siguientes tipos de ilustraciones:

- Frontispicio. Un elemento de diseño artístico de la publicación, que es una ilustración colocada en la página izquierda en un pliego con la portada.

- Protector de pantalla. Las ilustraciones de salvapantallas se colocan al comienzo de una parte o capítulo de un libro en el deslizamiento junto con el texto, significan el comienzo de una de las partes de la historia, generalmente se ubican en la parte superior de la página y están separadas del texto. por un margen blanco. Ayudan al lector a concentrarse en material nuevo, sintonizarlo emocionalmente. Los protectores de pantalla pueden representar la escena descrita al comienzo del capítulo; hablar sobre tema principal partes o capítulos; mostrar una escena o paisaje que debe evocar el estado de ánimo adecuado en el lector. Los salvapantallas también pueden ser temáticos o simbólicos.

- Ilustración de tira (página completa), ilustración de media página (en media página), ilustración de pliego (en dos páginas). La elección del formato de la ilustración se determina en función de la importancia del evento, la imagen, etc. ilustrados. El contenido de tales ilustraciones suele tener una relación directa con el texto que las precede o sigue. Para ilustraciones grandes de plegado central o tiras, se eligen eventos importantes de la obra. Las ilustraciones determinan en gran medida la arquitectura del libro, por lo que es necesario prestar atención a su alternancia rítmica y la saturación uniforme de todo el texto con ellas.

- Defensa(pequeña figura rodeada de texto), dibujos marginales - eventos menos significativos.

- Ilustraciones finales colocado al final de partes, capítulos o el libro completo. Estos, al igual que los salvapantallas, pueden ser temáticos, ornamentales-decorativos o simbólicos.

Las introducciones y los finales deben hacerse con el mismo estilo, ya que están interconectados y, a menudo, están uno al lado del otro en la extensión de un libro.

Técnico hay muchas ilustraciones. Se pueden utilizar solos o combinados entre sí. Consideremos algunos de ellos.

- Materiales de pintura(acuarela, gouache, acrílico);

- Materiales gráficos(carboncillo, sanguina, salsa, retoque, lápiz italiano);

-Collage(collage francés - pegado, pegatina) - una técnica para crear una obra de arte, cuando varios materiales(fragmentos de periódicos, papel tapiz, papel de colores, materiales de acabado, telas, alambre, madera, cuerda, metal) se adhieren a la base y se perciben como un fragmento de la realidad. El collage fue introducido por P. Picasso y J. Bracom en 1912. K. Carra, J. Severini, H. Arp, A. V. Lentulov trabajaron en esta técnica.

- Solicitud - lat. aplicación - aplicación). Piezas de cualquier material (tela, papel, piel, paja, etc.) se cosen, pegan sobre tela, papel, cartón. Las imágenes o los adornos creados de esta manera le dan a la obra un relieve y una expresividad especiales. .

- Fotomontaje- una composición formada por fotografías y sus fragmentos, a veces complementada con elementos gráficos. Usado en el siglo XX. en gráficos impresos, cartel. El nombre fue acuñado por los dadaístas de Berlín para referirse a obras ensambladas a partir de fotografías. El fotomontaje fue utilizado por J. Heartfield (1891–1968), AM Rodchenko, LM Lissitzky.

- gráficos de computadora:

"mapa de bits es un archivo o estructura de datos que es una cuadrícula de píxeles o puntos de colores (generalmente rectangulares) en un monitor de computadora, papel y otros dispositivos y materiales de visualización.

Gráficos vectoriales es el uso de primitivas geométricas como puntos, líneas, splines y polígonos para representar imágenes en gráficos de computadora. El término se utiliza en contraste con los gráficos de trama, que representan imágenes como una matriz de píxeles (puntos)".

gráficos 3D (3D, 3 Dimensiones, ruso 3 dimensiones) - una sección de infografía, un conjunto de técnicas y herramientas (tanto de software como de hardware) diseñadas para representar objetos tridimensionales. Se usa más comúnmente para crear imágenes en un plano de pantalla o una hoja de material impreso en visualización arquitectónica, cinematografía, televisión, juegos de computadora, material impreso, así como en ciencia e industria.

La forma más antigua de ilustrar es usar gráficos impresos. linóleo,xilografía,zincografía, litografía, grabado sobre cartón, grabado a cincel sobre cobre, aguafuerte, mezzotinta, aguatinta, punta seca.

Cada instrumento tiene su propio sonido y su propia sensación en los dedos. De la elección de las herramientas afecta en gran medida la naturaleza de la imagen. A menudo, el tema de la ilustración determina la técnica y el estilo de la imagen. “El estilo es más o menos la elección del instrumento. En una buena tipografía, el trazo de la herramienta caligráfica siempre es visible. No es un problema si estás ilustrando en papel, pero en el arte digital, tienes que hacer un esfuerzo para mantener la huella genética del dibujo vivo". Por ejemplo, Jonathan Edwards - usa un vector, pero su ilustración sigue viva (Figura 25. Apéndice 1). Dibujar incluso con el uso de gráficos rasterizados, vectoriales o tridimensionales es necesario para "mantener la vida" de la imagen.

Absolutamente todas las técnicas de bellas artes están disponibles para la ilustración, según la tradición, en la ilustración se utilizan materiales gráficos, pero esto está lejos de ser así.

En la ilustración moderna, se forman constantemente ciertas innovaciones y tendencias, puede ser linart en blanco y negro (el uso de una línea negra al representar, sin sombreado, manchas y rellenos), la inclusión de un poco de neogótico tan extraño en el dibujo, puede haber pequeños efectos op-art, expresividad de color vigorosa, arte callejero.

Pero la pregunta es, ¿qué tendencia debe apoyar un ilustrador moderno, una que abunde en varias publicaciones o una que le guste a uno?

Y, sin embargo, hay indicios de que los vectores, y en general los gráficos digitales, también están empezando a molestar al público.

Hay una tendencia descubierta recientemente sergei pervushin(Fig. 26. Apéndice 1), un ilustrador famoso: una foto con elementos dibujados, una forma de contar la presencia de lo desconocido. “La presencia de elementos fotográficos en la ilustración (parece ser más bien lo contrario, aquí la fotografía ocupa la mayor parte del área, pero los elementos dibujados la toman con confianza y la convierten en una ilustración) le da tantas delicias gráficas, tanta confiabilidad que, en general, es extraño que esta historia aún no se haya fusionado con una ilustración normal, sino que siga siendo una especie de juego autosuficiente. Vale la pena ir un poco más allá del plano de la hoja, ya que comienzan cosas mucho más interesantes. Los ilustradores trabajan con collage, utilizando materiales tradicionales (papel, tela, fotografías) o medios como

- plastilina(Fig. 27, Anexo 1);

- papel maché;(papel maché francés “papel masticado”) - una masa fácilmente moldeable obtenida de una mezcla de materiales fibrosos (papel, cartón) con adhesivos, almidón, yeso, etc. El papel maché se utiliza para hacer muñecos, máscaras, material didáctico, juguetes, utilería teatral, joyeros, etc. En algunos casos, incluso ilustraciones;

- esculturas de libros(Fig. 28. Apéndice 1) - Los libros no solo se pueden leer, sino que resulta que puedes crear a partir de ellos. Como Nicolás Jones.

- papel plastico(Fig. 29. Apéndice 1) - en términos de creatividad, es muy similar a la escultura. Pero, en papel plástico, todos los productos están vacíos por dentro, todos los productos son caparazones del objeto representado.

Como resultado de doblar una hoja de papel, se crea un sistema de refuerzos para cualquier diseño. Para productos más complejos, además de las líneas rectas, se utilizan las curvilíneas. Los objetos para la imagen en esta técnica pueden ser ilustraciones.

Sí, cualquier cosa, lo principal es que el material corresponda al tema de la obra. "Costura- una excelente manera de compensar la falta de habilidades puras de dibujo - una forma que es más efectiva y, lo más importante, moderna que las tendencias impuestas asociadas con el uso puro de las tecnologías de edición gráfica.

El tipo y la técnica de la ilustración deben estar en función de tarea creativa. La elección de la técnica, como un conjunto de movimientos probados, permite al artista confiar en la calidad de la ilustración.

Conclusiones del segundo capítulo

En la historia de la ilustración, estamos hablando de su constante cambio, de acuerdo con el desarrollo de la cultura y el arte en general. Sobre su síntesis con las bellas artes, el diseño y la gráfica del libro. También se consideran las tendencias de la ilustración del siglo XX. influenciado por los estilos de la era Moderna. y las principales tendencias Siglo XXI, se refieren más al lado de la técnica de la ilustración. El concepto de ilustración se revela según tres signos, según un signo se puede atribuir al arte elevado. Lo que lo distingue como un género especial de bellas artes. Estos son dibujos, obras de pintura y escultura, que se realizaron sobre temas literarios, pero al mismo tiempo tenían un valor artístico independiente. Según otros, una ilustración es un tipo de gráfico de libro, que es una obra destinada a la percepción en cierta unidad con el texto, es decir, ubicada en un libro y participando de su percepción en el proceso de lectura. Según la tercera ilustración - explicación del texto demostrando imagen visual, interpretación activa del texto. Se trata de ilustraciones científicas y educativas (mapas, planos, diagramas, dibujos, etc.), así como ilustraciones que diseñan productos utilitarios (imágenes sobre dinero, sellos, material informativo, sobres, embalajes). Tal ilustración se puede atribuir a los gráficos aplicados.………………………… La elección correcta de la técnica y el tipo de ilustración permite al artista confiar en la calidad y relevancia de la ilustración.

¿Estás listo para los riesgos en el diseño web? Lo más probable es que no cada uno de ustedes dé una respuesta afirmativa. Sin embargo, existe el riesgo de que con el tiempo se haya convertido en una especie de estándar, una tendencia en el diseño web moderno. Llamamos a este "algo" un riesgo solo porque es importante no solo fantasear con un tema y mezclar variaciones de elementos, sino también imaginar qué tan apropiado es para el proyecto de diseño de su sitio web. Se trata de combinar fotos e ilustraciones en un mismo diseño.

La fotografía ahora se usa para dar realismo. apariencia proyecto, la posibilidad de centrar la atención del visitante en el hecho de que estamos hablando de cosas muy importantes y necesarias en la vida de cada persona. Una ilustración o dibujo es más adecuado para proyectos de enfoque limitado y se asocia subconscientemente en una persona con acción, "dibujos animados" o incluso frivolidad.

Pero el diseño web es el arte de la innovación y la profesionalidad editores gráficos. Por lo tanto, es bastante posible combinar dos tipos de imágenes. Hoy vamos a echar un vistazo no solo a cómo los webmasters usan este tipo de imágenes, sino también a los entresijos de crearlas en Photoshop.

Acentos personalizados

La incorporación de ilustraciones en el diseño web es casi fácil si son elementos de la interfaz de usuario. Pero tampoco tienen que ser dibujados a mano o solo botones/flechas específicos. Pueden ser gráficos vectoriales de trama de alta calidad. En los ejemplos a continuación, puede ver cómo el diseño cobró vida con la ayuda de ilustraciones (www.wittycookie.com), y el personaje héroe representa las capacidades de la empresa.

Ilustración de la imagen del logotipo

Si te encanta la ilustración como tal y piensas centrarte en ella en el diseño web del proyecto, entonces buena opcion utilizará una imagen de logotipo ilustrada. El primer proyecto de Madebyfew.com representa esto a la perfección. Además, los dibujos se utilizaron en todas partes como elementos de diseño separados en forma de círculos, cintas serpentinas, sonrisas, miniaturas de materiales. Dado que el sitio está dedicado a la conferencia y muestra a sus participantes, se puede usar una imagen de este tipo en lugar de una fotografía masiva de los participantes.

Otro ejemplo, onehappycampernj.org, es un poco más modesto, ya que utiliza una textura con elementos vegetales como ilustración. La peculiaridad es que la imagen fue creada para una sola sección de la página principal. Esto le permite concentrarse en la información, animar el sitio y enfatizar la peculiaridad de la información. En uno de los artículos anteriores, ya hablamos sobre enormes colecciones de texturas. Luego solo necesitas cambiar el color en Photoshop, transparencia.

La empresa de construcción belga konosair.be también decidió crear una ilustración encima de la foto. Al mismo tiempo, las imágenes dibujadas a mano ya no se utilizan en el diseño del sitio. Sin embargo, incluso en página de inicio esta combinación se ve muy interesante.

Ilustración de tipografía

Hay una manera de agregar subtítulos en la parte superior de una foto. Pero imagine la tipografía dibujada a mano e incluso la tipografía animada (archrival.com). Tal "chip" se puede usar sobre un video o imagen existente.

Steptoandson.co.uk/about/ parece más modesto, donde la tipografía y los pares de tipos no se usaron como una ilustración, sino como una capa de texto. Sin embargo, un estilo bien elegido da la impresión de que fue pintado y escrito encima de la fotografía a mano, caligrafía o estarcido.

Contar una historia

El proyecto mamyfactory.com/fr/ es interesante porque los dibujos se usan literalmente en todas partes, pero se combinan con fotografías. Crear tal diseño es más difícil. En primer lugar, necesitará una fotografía real de las manos ocupadas tejiendo y, en segundo lugar, deberá seleccionar cuidadosamente los hilos y tejer con un lazo magnético en Photoshop, y luego traducirlo todo en un aspecto dibujado. Es posible que ya requiera complementos, la capacidad de dibujar o el simple conocimiento de cómo convertir una foto en un dibujo.

El diseño web del proyecto discoveryphototours.com/photo-tours/ también se puede llamar una hermosa combinación de ilustración y fotografía. Aquí, las fotos se enmarcan en saltos de página, y las impresiones, los encabezados se crean en forma de trazos y tipografía ilustrada.

Gili-lankanfushi.com se ve similar, en cuyo diseño se encuentran íconos ilustrados e inscripciones en la parte superior de la foto de Maldivas, folletos, en la barra lateral y en el pie de página, que mejoran aún más el efecto del dibujo con su apariencia.

Reglas para el uso de ilustraciones.

El uso de ilustraciones y fotografías en un proyecto es una ocasión para desarrollar la imaginación, agregar intriga al proyecto y dar un poco de refinamiento al diseño. Pero al mismo tiempo, se deben observar algunas reglas. Sí, sí, por desgracia, pero incluso para una combinación de fotos e imágenes, también existen.

• El estilo de las ilustraciones debe coincidir con el diseño general. Esto significa que los iconos, los pictogramas y el texto también deben tener un estilo común.
• Es mejor usar ilustraciones para íconos y botones, imágenes pequeñas adicionales, pero para énfasis visual e interacción con los usuarios, solo fotos.
• Crea una plantilla con ilustraciones para comenzar y luego acentúala agregando fotos y videos.
• No solo las imágenes, sino que los elementos animados se ven muy bien cerca de las fotos. Por ejemplo, tmfp.co.uk; apenas se notan cerca de las fotos y no distraen al usuario de estudiar la información en absoluto.
• En forma de dibujos, conviene crear una etiqueta o logotipo de empresa y colocarlos junto o encima de las fotografías.
• Las ilustraciones ayudan al visitante a navegar por el sitio, le cuentan una historia y lo guían a través de las páginas del proyecto.

Creación de ilustraciones enPhotoshop

Aunque el “riesgo” del que hablábamos al principio resultó no ser tan terrible, surge la pregunta de cuál es la forma más fácil de crear una ilustración. Por un lado, puedes utilizar clipart (clipart), de las que hay muchas en Internet con licencia gratuita. Pero por otro lado, puedes crear un dibujo tú mismo.

Lo importante es que la calidad del material final se puede mejorar durante mucho tiempo, aclarar, oscurecer, jugar con el contraste, el color. Y sí, hay un montón de estilos de ilustración, dibujo a mano alzada.

pero traeremos pequeño ejemplo cómo puede crear una ilustración en general y cómo usarla más. Recuerda que luego se puede convertir en vector o hacer vexel, puedes eliminar detalles innecesarios con un borrador y dejar solo los contornos. Por ejemplo, necesita un dibujo de un bolso o zapatos, pero no hay imágenes prediseñadas o estilos de dibujo adecuados. Traducir a Photoshop y luego eliminar todo lo innecesario, hacerlo más saturado lineas de contorno y.. listo, el dibujo esta listo.

Por ejemplo, tome un gatito.

Abra Photoshop, copie la foto en una nueva capa, cree una copia de la capa. Para que haya un fondo y dos capas con una foto.

Seleccione la última capa (arriba) y Desenfoque según Gauss. El parámetro se selecciona "a ojo", porque todas las fotografías son diferentes en detalle y color. Pero después de un par de intentos de niveles diferentes blur, verás exactamente lo que necesitas.

Después de eso aplica propiedades de capa - Dividir. Ya recibirá un espacio en blanco para un dibujo a lápiz.

Ahora le toca a las pequeñas cosas. Copiar contenido a una nueva capa (Ctrl+Mayús+Alt+E) y Desaturar (Imagen-Corrección-Desaturar).

Cree ahora una copia de esta capa y seleccione la opción Atenuador lineal.

Eso es todo. Ahora especialmente las áreas negras se pueden aclarar desde la barra de herramientas. Puedes crear aún más capas, logrando transparencia. Puedes teñir las zonas grises con una brocha para evitar manchas. Pero todo depende del material específico y de tu imaginación.

¿Qué hacer ahora, al parecer, con una ilustración incomprensible? Se puede insertar en una plantilla. Elegimos con gatitos, donde hay una sección con secciones e insertamos a nuestro gatito en una de ellas. Se agregaron más capas y se hizo más claro. Si al lado de usar otros dibujos de gatitos en diferentes poses, para dar un estilo ligeramente diferente, para hacer que los gatitos sean más contorneados, resultará la personificación del tema de nuestro material. La fuente fue tomada de aquí: templatemonster.com/ru/demo/47111.html.

En cuanto al texto debajo de la pata, se puede separar en este lugar y el fondo del gatito se puede decorar con un salto de página. Además, ajuste el borde, corrija los puntos alrededor con el borrador, aplique nitidez o incluso envíelo a Illustrator para su calco y vectorización. Es más conveniente traducir la arquitectura y las caras en un dibujo.

Terminación

Es muy posible usar ilustraciones en combinación con fotografías dentro del diseño de un sitio. Incluso se ve increíble, pero es difícil de crear si exactamente los dibujos que se requieren no están disponibles y tiene que crearlos usted mismo en editores gráficos. Esto es más difícil de hacer si no eres muy bueno dibujando por naturaleza y vida. Sin embargo, es posible crear una ilustración, solo necesita comprender qué estilo necesita. Si es similar a mamyfactory.com/fr/, entonces puede dibujar el edificio de la tienda usted mismo, pero traduzca al perro de la foto, resalte los contornos y elimine todo lo que aparecerá dentro (puntos, artefactos, píxeles) con un borrador.

El diseño web es una profesión creativa y requiere no solo tiempo, sino también imaginación, amor por el arte y búsqueda de inspiración. Y el conocimiento también.

La publicación contiene una selección de tutoriales sobre la creación de gráficos vectoriales. En mi opinión, la mayoría de los materiales parecerán interesantes para los principiantes que recién comienzan a comprender el arte vectorial. Pero creo que los especialistas también podrán encontrar lecciones útiles por sí mismos.

Los tutoriales son gratuitos, pero casi todo está en idioma en Inglés. Para mayor comodidad, se dividen en tres categorías: introducción, creación de caras, diseño de personajes, paisaje y entorno, y efectos especiales.

Entonces vamos:

Este tutorial explica cómo crear ilustraciones vectoriales usando Ilustrador Adobe. Se proporciona una explicación de los parámetros y herramientas clave, complementada con el asesoramiento de expertos.

En este completo tutorial, aprenderá los términos básicos, los flujos de trabajo y las técnicas para comenzar con los gráficos vectoriales.

La herramienta Pluma es una de las herramientas principales en el arsenal del programa, es especialmente importante para el dominio inicial de los gráficos vectoriales. Este guía detallada tiene como objetivo presentarle las características y los métodos de trabajo con una herramienta indispensable de Adobe. Y también con las formas más racionales de utilizarlo.

Este video tutorial es un recurso realmente valioso que explica cómo crear gráficos vectoriales en Illustrator y qué papel juega el dibujo en el proceso.

Desde el uso de puntos de curva Bezier hasta trazos, rellenos y creación de gráficos vectoriales. aspecto natural- estos son solo algunos de los secretos de Illustrator de la lección, que repondrán significativamente el arsenal del principiante.

Aprenda a crear formas orgánicas simples en Illustrator con este tutorial fácil de seguir de Veerle Pieters, diseñador gráfico y web.

7. Agregar textura a ilustraciones vectoriales

Agregar textura es una excelente manera de hacer que sus gráficos vectoriales sean más expresivos y darles perspectiva. Esto es muy vídeo disponible La experta ilustradora Alexandra Cecilio demuestra cómo hacerlo.

Este tutorial de Andrey Marius te ayudará a crear un vector Gráfico de linea. Paso a paso, desde una cuadrícula simple hasta líneas de guía, usando solo el panel Apariencia (una de las herramientas más poderosas de Adobe Illustrator), agregando texto simple y sombreado fino.

creación de caras

Esto es muy vídeo útil un tutorial que muestra el proceso de creación de un ojo vectorial, así como el oscurecimiento de la piel.

Este es un curso de video detallado que lo ayudará a dominar el arte de crear retratos vectoriales a partir de fotografías.

Otro gran tutorial sobre gráficos vectoriales. Ruslan Khasanov muestra cómo manipular el trabajo de líneas vectoriales y degradados para que el trabajo sea más dinámico.

Con el resurgimiento de la tendencia geométrica, es justo decir que WPAP se puede representar en más aspectos de diseño diferentes. Este tutorial le mostrará cómo crear su propio WPAP en Illustrator utilizando el asistente de WPAP.

Dibujar cabello en vector puede ser complicado. Este tutorial muestra paso a paso cómo convertir cabello fotográfico en cabello vectorial.

En este tutorial, creará un autorretrato ilustrado en un estilo geométrico. Su propia fotografía se utilizará como base para la ilustración. Ella te ayudará a dibujar y luego a completar el resto del trabajo.

La ilustradora y diseñadora Yulia Sokolova muestra cómo crear un conjunto de retratos que son perfectos para las redes sociales o, por ejemplo, para significar varias categorias y profesiones en su sitio.

Jonathan Ball, fundador de Poked Studio, explica cómo usar Illustrator para figuras geometricas transformarse en personajes únicos y coloridos.

En este tutorial, creará una plantilla muy simple de una manera fácil y divertida que se puede usar en varias superficies(incluyendo camisetas, paredes, lienzos). El cuento de hadas de L. Carroll "Alicia en el país de las maravillas" inspiró al autor a crear una imagen vectorial y escribir un tutorial.

Con este tutorial, Mary Winkler te mostrará cómo dibujar un personaje chibi desde cero usando la herramienta Creador de formas (Shift-M), la herramienta Pluma (P), degradados transparentes y muchas otras herramientas de Illustrator.

Esta guía lo guía a través del proceso de creación de un personaje de anime simple de principio a fin.

Aprende a crear lindos conejitos en este tutorial de gráficos vectoriales. Usos de entrenamiento formas simples y degradados que se aplican fácilmente a las ilustraciones de otros personajes.

Este tutorial presenta tantas formas básicas para lograr un estilo de ilustración realmente elegante. Y luego "revive" el yeti con una paleta de colores fríos.

Aquí puedes ver cómo se crean los personajes de los videojuegos. Tendrá la oportunidad de revisar el trabajo desde el primer boceto hasta el final.

Si eres un ávido fanático del fútbol, ​​este tutorial te será útil. En el tutorial, Sergey Kandakov crea una ilustración vibrante con un efecto retro.

paisaje y medio ambiente

Este tutorial del artista vectorial Andrei Marius le muestra cómo crear un diseño de tarjeta simple en Illustrator.

Este tutorial muestra cómo crear un paisaje espectacular en Illustrator. ambiente. El conocimiento básico sobre las herramientas del programa será suficiente para completar la tarea.

Un tutorial muy simple y consistente de Diana Toma que te muestra cómo dibujar hermosas flores usando mallas de degradado.

En eso guía paso por paso Aprenderá a crear texto eléctrico en vector.

Tom Mac le muestra cómo crear un retrato con efecto de goteo en Illustrator usando la herramienta Pluma y algunas técnicas adicionales.

En este tutorial, haremos un patrón oriental simple y hermoso en Adobe Illustrator, que consistirá en varios objetos de la cultura asiática.

A lo largo de los años, las ilustraciones antiguas y el estilo retro han vuelto a ser populares en el diseño. En este tutorial, el desarrollador Ben Steers comparte sus técnicas para ayudarte a convertir el arte vectorial al estilo retro.

Con Illustrator, puede crear gráficos vectoriales impecables. Pero a veces se requieren ilustraciones que se asemejan a bocetos artísticos hechos en precipitadamente. La lección muestra cómo dibujar un dibujo vectorial en este estilo.

Siguiendo este tutorial, podrá crear un efecto de brillo en Adobe Illustrator. La ilustración se basa en tres efectos: papel de nota, vitral y bordes rasgados. Con la ayuda de un rastreo rápido, se convierten en una textura vectorial brillante.

Halftone es una forma de reproducir una imagen monocromática. Se basa en las especificaciones de la percepción de la imagen por parte del ojo humano, por lo que el área de la imagen llena de puntos grandes se asocia con tonos más oscuros. Por el contrario, un área llena de puntos más pequeños se percibe más clara. El artista Chris McVeigh le muestra cómo crear un medio tono vectorial.

En este tutorial, aprenderá cómo crear un logotipo gráfico de Batman usando formas simples en Adobe Illustrator. Son usados herramientas simples, como la herramienta Elipse (L) y la herramienta Creador de formas (Mayús + M).

36. Convertir mapa de bits al vector

Este tutorial de Inkscape demuestra cómo convertir un mapa de bits en un vector utilizando la función Trazar mapa de bits.

El control deslizante es un elemento de diseño web popular. Este tutorial muestra cómo crear un control deslizante en vector.

Ciara Phelan te mostrará cómo puedes crear un increíble collage combinando imágenes vectoriales y fotos.

Este tutorial de un estudio de diseño le muestra lo fácil que es dibujar y calcar una foto. El ejemplo utiliza un relleno degradado simple para crear una ilustración realista.

Este tutorial le muestra cómo crear un efecto de punto de cruz en Adobe Illustrator. Para ello se utilizará el panel Apariencia y muestras.

Para muchos artistas, crear una ilustración comienza con lápiz y papel. En este tutorial, Andreas Preis te mostrará cómo crear una hermosa ilustración mixta. Para empezar, creará una ilustración a modo de boceto en papel, y luego añadirá color y efectos en Photoshop.

imagen definitiva:

Antes de comenzar, mire el video sobre cómo se creó el boceto:

Paso 1

Todo comienza con una hoja de papel en blanco. Puedes dibujar una ilustración que usó el autor, o puedes dibujar la tuya propia.

Paso 2

En primer lugar, dibuje la ilustración con un lápiz.

Paso 3

Ahora dibuja los contornos:

Etapa 4

Este es el paso final: comienza a dibujar con tinta. Si la ilustración tiene muchos detalles, puede llevar algo de tiempo dibujarla.

Paso 5

Después de varias horas de dibujo, la ilustración se ve así:

Paso 6

Escanee el boceto en escala de grises, establezca la resolución entre 600 y 800 píxeles. Sin embargo, tenga en cuenta que cuanto más grande sea el archivo, más lenta funcionará la computadora. Después de escanear, abra la ilustración en Photoshop.

Paso 7

Es necesario aumentar el contraste de la imagen usando el comando Curvas(Imagen - Corrección - Curvas) (Curvas) (Ctrl + M). Debe agregar tantos blancos y negros como sea posible a la imagen:

Paso 8

Ahora debemos corregir algunas imprecisiones en la ilustración (por ejemplo, eliminar líneas adicionales). Invierta la imagen (Ctrl + I), luego será más fácil ver las imprecisiones que deben corregirse.

Uso de herramientas clarificador Y Regulador de intensidad(Herramienta Grabar/Esquivar) (O). Elimine todas las imprecisiones y luego invierta la imagen nuevamente.

Paso 9

Ahora tenemos que separar la imagen de Fondo blanco. Para hacer esto, seleccione la imagen (Ctrl + A) y copie (Ctrl + C), luego agregue mascarilla. Haga clic en la máscara mientras mantiene presionada la tecla ALT. Ahora, puede pegar la ilustración en la máscara (Ctrl + V).

Paso 10

Invertir la máscara de capa ( Control+I).

Vaya de la máscara a la capa haciendo clic en su miniatura y rellene el lienzo con negro.

Aplicar la máscara: primero presione las teclas Ctrl + G y luego Ctrl + E (este método le permitirá colocar primero la capa de imagen en un grupo y luego fusionar el grupo).

Paso 13

Si es necesario, puede ajustar la relación de aspecto de la imagen. Para esto, usa filtro de plastico(Filtro - Plástico) (Filtro > Licuar) Aquí puedes cambiar algunas líneas y curvas.

Paso 14

Ahora agregue una capa de fondo blanco.

Paso 15

Seleccione la imagen con la herramienta varita mágica(Herramienta Varita) (W) e invertir la selección (Ctrl + Shift + I). Comprimir la selección en 5 píxeles (Selección – Modificar – Comprimir) (Selección> Modificar> Contraer). Cree una nueva capa (Shift + Ctrl + N) debajo de la capa de ilustración y rellénela con color oscuro- este será el color del cabello.

Paso 16

Encima de la capa de cabello, cree una nueva capa: esta será la capa para la cara. Para pintar la cara, usa el color blanco y la herramienta Pincel ( Pincel)(B).

Paso 17

Para cada detalle individual que vaya a pintar, cree una capa separada. Ahora, debajo de la capa de la cara, cree una nueva capa para la bufanda.

Paso 18

Finalmente, crea una nueva capa llamada "Perlas" y pinta perlas en el cabello.

Paso 19

Ahora necesitamos bloquear la opacidad para cada capa que ha sido coloreada. Esto te ayudará a no ir más allá de los bordes de cada una de las capas cuando las oscurezcas.

Paso 20

Ahora necesitas teñir tu cabello en diferentes tonos. Esto se puede hacer con la herramienta Pincel ( Herramienta Pincel) (B).

Paso 21

Para crear luces y sombras, utilizaremos diferentes pinceles. Descargue la imagen de la mancha oscura de los recursos de la lección; haremos un pincel con ella.

Paso 22

En esta etapa, debe aumentar nuevamente el contraste de la imagen. Para hacer esto, cree un pincel y imágenes de puntos oscuros ( Edición - Definir pincel /Editar > Definir pincel preestablecido).

En la ventana que se abre, especifique el nombre del pincel:

Paso 23

paleta abierta cepillos(F5) y seleccione el pincel que acaba de crear:

Ir a la pestaña Forma dinámica(Dinámica de forma) y experimente con la configuración de los elementos Fluctuación de tamaño (Flipación de tamaño) y Fluctuación de ángulo (Flipación de ángulo).

Paso 24

Usando este pincel, comience a agregar luces y sombras a cada capa. Comience con el cabello.

Paso 25

puedes usar colores adicionales, por ejemplo las que usé para colorear una bufanda.

Paso 26

perlas de colores diferentes tonos amarillo y marrón:

Paso 27

El trabajo de la cara es lo más parte dificil. Debe averiguar dónde agregar sombras y luces. Consulte la captura de pantalla:

Paso 28

Cree una nueva capa llamada "Maquillaje", pinte maquillaje en ella y cambie el modo de fusión a Multiplicación(Multiplicar).

Paso 29

Pasemos a crear el fondo. Para crearlo, puede usar pinturas de cualquier tipo: acrílico, aerosoles, también pinceles. No tengas miedo de experimentar.

Paso 30

El fondo puede ser cualquier cosa, incluso pintura y rayones.

Paso 31

Para esta parte en particular, necesitará manchas de colores, gotas, etc.

Estas son fotos de dos partes del fondo (por ejemplo):

Paso 32

Escanee el fondo creado (asegúrese de que la pintura esté seca). Es recomendable usar bastante alta resolución(alrededor de 900 píxeles).

Paso 33

Transfiera el fondo escaneado a la imagen principal. Puede eliminar la capa de fondo blanco y colocar todas las capas relacionadas con la ilustración en un grupo separado. Para cambiar el color de fondo, agréguele (Tono/Saturación).

Paso 34

Puedes usar cualquier color que quieras como fondo. Elegí turquesa.

Paso 35

Agregue un segundo fondo y gírelo (Ctrl + T).

Paso 36

Cree una nueva capa (Shift + Ctrl + N) debajo de la segunda capa de fondo, rellénela con negro y combine esta capa de fondo con la capa llena de negro (Ctrl + E).

Paso 37

Agregue una máscara a la capa fusionada y cargue la selección (Ctrl + A). Mantenga presionada la tecla ALT y haga clic en la miniatura de la máscara. Presione Ctrl + V para pegar todo. El fondo de color ahora funciona como una máscara.

Paso 38

Muévase de la máscara a la capa, y ahora muévase a la máscara nuevamente sin presionar la tecla Alt. De esta manera, puede ver lo que sucede en el lienzo, pero también puede trabajar en la máscara. Ahora aplica el comando Curvas(Curvas) (Ctrl + M).

Paso 39

Las áreas brillantes en el segundo fondo ahora se harán visibles:

Paso 40

Crea una nueva capa sobre todas las capas y sobre ella agrega una sombra para los hombros.

Paso 41

Ahora agregue más manchas de color. Esto le dará a la ilustración una sensación de "arte callejero". Dibuja cada gota en una capa separada.

Paso 42

Baje la opacidad de cada capa de blob a alrededor del 33%.

Paso 43

Seleccione con la tecla Shift presionada todas las capas con gotas y colóquelas en un grupo (Ctrl + G). Agregue una máscara al grupo con gotas y use varios pinceles para eliminar algunas partes de las gotas y darles un aspecto más interesante.

Paso 44

Ahora voy a usar la textura del papel viejo: puede encontrarlo en Internet o puede escanearlo.

Paso 45

Transfiera la imagen del papel antiguo a nuestro documento y colóquelo sobre todas las capas y grupos. agregar a ella Capa de ajuste de tono/saturación(Capa – Capa de Ajuste – Tono/Saturación) (Capa > Nueva Capa de Ajuste > Tono/Saturación) y reducir el brillo de la textura.

Paso 46

Para mezclar la textura del papel antiguo con el fondo que se pintó con pinturas, cambie el modo de fusión de la textura del papel antiguo a Multiplicación(Multiplicar). Agregue una máscara a la capa de textura de papel antiguo y elimine la textura de papel antiguo en algunos lugares de la imagen (por ejemplo, de la cara).

Paso 47

Ahora puedes usar el mismo truco que se usó para crear las gotas de colores. Agregue una máscara al grupo "Mujer" (contiene todas las capas relacionadas con la ilustración). Ahora borra algunos pequeñas partes desde imagen cepillos diferentes para dar textura.

Traducción: Slutskaya Svetlana

¡Hola! Mi nombre es Hatice Bayramoglu, soy una artista e ilustradora 3D de Turquía. En este tutorial, te mostraré cómo dibujar y colorear un personaje, una ilustración para un libro infantil. A medida que avance la lección, explicaré mi elección de ciertas herramientas y mis pensamientos sobre la ilustración. Mi tutorial muestra cómo creo una ilustración desde un boceto inicial hasta un dibujo completo. Supongo que después de leer Esta lección encontrará algo útil para usted. Usaré Photoshop y una tableta Wacom para crear la obra de arte.

Este dibujo se creará íntegramente en Photoshop CS2.

Paso 1: Bosquejo
Comience creando un nuevo documento en Photoshop. Sus dimensiones deben rondar los 800x778 píxeles. Empecé creando bosquejo rápido, reflejando mi idea principal. Aquí hay un boceto del entorno principal alrededor del personaje principal.

Entonces, como puede ver, este boceto muestra al personaje principal: una niña pequeña parada junto a un manzano con una manzana en sus manos. Ella sonríe porque está feliz, y quizás un poco triste.

Paso 2: Ajuste de los pinceles en Photoshop
Aquí está el único pincel que uso para colorear mi personaje. Para pintar, usaré pinceles estándar.

Antes de comenzar a pintar, debe configurar el pincel. Comience eligiendo una herramienta Cepillar(Brocha), luego use la brocha estándar, que se presenta a continuación.

(click en la imagen para agrandar)

Paso 3: Paleta de colores
Debes decidir los colores que usarás antes de empezar a pintar. Aquí están mis colores utilizados en el trabajo:

Paso 4: Capas (capas)
Crear Nueva capa(Nueva capa) y asígnele el nombre Sketch (Sketch). Puedes crear este boceto en Photoshop o en papel. Una vez que haya creado su capa de boceto, edítela. Modo de mezcla(Modo de fusión) a Multiplicación(Multiplique) y manténgalo siempre encima de todas las capas para que pueda ver sobre lo que está pintando.
Ahora mira mi paleta de capas. Aquí hay capas separadas para cada objeto de croquis. Colorear cada detalle en una nueva capa facilita hacer ajustes mientras dibuja. Es mucho más fácil corregir errores si los elementos principales de su ilustración están en capas separadas. ¡Este paso es muy importante!

Paso 5: Trabaja en el color de fondo
Aquí déjame mostrarte cómo pinto el fondo. Elegir una herramienta llenar(Cubo de pintura) (G). Después de llenar el fondo, debería verse así. Asegúrese de que las capas estén dispuestas como se muestra en la imagen a continuación.

Paso 6: Colorear las formas básicas
Antes de comenzar a colorear, déjame mostrarte el orden de las capas nuevamente. Lo cambié porque la capa de boceto debería estar por encima de todas las capas y también establecerse en Multiplicación(Multiplicar). En este escenario podemos comenzar a colorear el boceto y podemos definir las formas principales. Usando la herramienta Cepillar(Pincel) (B), comience a pintar el personaje principal y el árbol en capas separadas. Asegúrate de eso Rigidez(Dureza) del cepillo se ajusta al 100%. Un pincel con bordes suaves puede dar como resultado un resultado ligeramente borroso.

Y en este paso, me gustaría cambiar el tamaño de mi archivo, porque quiero agregar detalles más finos. entonces abro Imagen(imagen)- Tamaño de la imagen(Tamaño de la imagen) y aumente el tamaño del archivo a 1500x1495.

Paso 7: Agregar detalles
Ahora puedo empezar a añadir detalles. En este paso, comencé pintando la cara. protagonista. Asegúrese de estar trabajando en la capa correcta antes de pintar.

Y aquí hice una copia de la capa del árbol y le agregué algunos detalles. También escondí la primera capa del árbol.

Aquí hay una captura de pantalla para más detalles. Empecé a añadir aún más detalles a mi dibujo, como hierba y flores pequeñas. En esta etapa, creé una capa llamada Flores (Flowers).

Agrego aún más colores y finas líneas detalladas a la madera.

Ahora mira los detalles que acabo de crear. Sigo agregando detalles y, si es necesario, creo nuevas capas.

Paso 8: Atención especial al personaje principal
Ahora, como estoy feliz con los detalles del paisaje y la madera, agregaré detalles a la ropa de la niña. En esta etapa, noté que mi personaje se ve muy simple y no muy atractivo, así que pensé que debería tomarme el tiempo para hacer algunos cambios. Traté de darle un aspecto ligeramente diferente a la heroína y continué agregando más detalles. Preste atención al orden de las capas nuevamente. Como puede ver, en este paso tengo algunas capas nuevas más. Todas las capas tienen sus propios nombres.

Ahora empiezo a agregar pequeños detalles a la heroína agregando más amarillos y verdes. Por cierto, no olvides que en este paso no tienes que detallarlo todo. En esta etapa, trabajo en los detalles principales y la iluminación hasta obtener un buen contraste. A veces cambio algunos colores. Casi he terminado de pintar su ropa y su cuerpo. También moví un poco la capa del boceto hacia un lado para que puedan ver cómo se ve la heroína sin una base con un boceto.

Paso 9: Agregar luces y contraste
usé la herramienta clarificador(Esquivar) (O) para aclarar áreas. Así se ve el trabajo después de todos los ajustes hechos por las herramientas clarificador(Esquivar) (O) y Regulador de intensidad(Quemar). Sigo agregando aún más detalles en el árbol usando pinceles de varios tamaños y colores. Una vez que se agregaron suficientes detalles, comencé a suavizarlos con un cepillo de bordes suaves. yo tambien uso herramientas clarificador(Esquivar) (O) y Regulador de intensidad(Quemar) para dar sombras a las ramas.

También agrego algunos trazos con la herramienta Dedo(Mancha). Lo uso porque quiero agregar áreas borrosas suaves a las nubes y al fondo. En esta etapa, noté que mis nubes no están muy detalladas. Así que creé una nueva capa para pintar los detalles en la nube usando dos herramientas: Dedo(mancha) y Cepillar(Cepillar).

Paso 10: agregar más detalles
En esta etapa, noté que necesito agregar más flores a mi dibujo. Así que creo una nueva capa y, como pueden ver, dibujo unas bonitas y sencillas flores. Sigo añadiendo más detalles. Agrego algunos trazos con la herramienta. clarificador(Esquivar) (O) Estoy haciendo esto porque quiero agregar algunos parches de césped ligeramente iluminados.

Ahora que he completado el césped y el fondo, puedo comenzar a agregar más detalles al cabello y la cara de la niña. Seleccione el modo de pincel Conceptos básicos para aclarar(Color Dodge) y agrega algunos trazos a su rostro.

Ahora presta atención a los detalles que agregué usando solo el pincel en modo Conceptos básicos para aclarar(Sobreexposición de colores).

Paso 11: Corrección de color
El trabajo en el dibujo está casi terminado a excepción de la corrección de color. Para comenzar Drenar(Combinar) todas las capas. Ahora en Imagen(imagen)- correcciones(Ajustes)- Brillo/Contraste(Brillo/Contraste) Cambia un poco el color. Quiero darle a la ilustración un efecto más soleado.

Configura las opciones que configuro. Así es como se ve la ilustración: más soleada y alegre.

Ilustración terminada
Y aquí está la ilustración terminada, espero que hayas encontrado interesante esta lección. Gracias por leer.