Ilustración lineal dibujada a mano-¿Cómo dibujar un paisaje de ilustración lineal desde cero? ¡Echemos un vistazo al resumen de ideas de diseño del maestro!

¿Cuáles son las características de las ilustraciones lineales?

Las ilustraciones lineales no sólo deben encontrar las características de los objetos representados, sino también utilizar el único espacio plano para presentarlos. ¿Cómo dibujar un paisaje de ilustración lineal desde cero? ¡Echemos un vistazo al resumen de ideas de diseño del maestro!

Si sigues estudiando las líneas, descubrirás que, además de expresar los individuos icónicos que vemos en nuestra vida diaria, las líneas también pueden expresar paisajes más grandes y complejos. Sin embargo, esto último será algo complicado, sobre todo si las líneas son relativamente gruesas, especialmente cuando es difícil visualizar mejor los detalles (por ejemplo, expresar nubes o amentos flotando en el cielo, etc.). En ese momento, estaba un poco estancado en esta idea y no logré ningún progreso.

Dos días después, de repente tuve inspiración de la nada y pensé en el camino de la "simplificación". Pruebe un enfoque simplificado que puede parecer tosco pero que lo llevará a un nuevo nivel. Creo que no sólo creamos paisajismo, sino que transmitimos la vista. Por tanto, el escenario se desarrolla paso a paso mediante una combinación de líneas y bloques de color.

Fuente de inspiración

Así que se me ocurrió este grupo de obras llamado Los grandes mil espejos. Este grupo de obras se crea en base al paisaje de líneas gruesas, y la expresión clave es. "color". (combinación de degradado).

Consejos:

Esta operación se centra en el proceso de pensamiento de diseño y no implica la operación detallada específica del software. Si no está familiarizado con el funcionamiento del software, puede ir aquí. Eche un vistazo a este vídeo sencillo para empezar rápidamente con la IA.

△Cuatro formas de obtener formas: ortografía, resta, corte y pintura

Fotos de referencia no son iguales a copiar fotos

El dibujo de escenas exteriores requiere muy generalización. Dado que nuestro plan aquí es dibujar el paisaje en un pequeño marco rectangular redondo, el espacio es realmente muy limitado. Por tanto, el trazado de líneas tenderá a ser sencillo.

La simplificación es una idea muy importante y puedes empezar a estudiarla con fotografías. Por supuesto, cuando estaba creando, no solo dibujaba en una foto, sino que combinaba varias fotos como referencia.

Consulta el diseño, la composición y la perspectiva de las fotos y perfecciona las formas más básicas.

Si estás interesado, puedes ver el siguiente vídeo:

△¿De dónde viene la inspiración? Algunos consejos para referirte a las fotografías

Construir líneas básicas

Si los detalles no son engorrosos, se puede expresar un patrón simplificado usando una cuadrícula. Por supuesto, esto depende de tus hábitos.

PASO01

Abre AI y crea un nuevo documento de 1600*1600px. Dibuje un rectángulo redondeado en este documento y luego planifique el diseño dentro de este rectángulo redondeado. Primero, usa algunas líneas para delinear la forma básica más grande. La línea del marco exterior usa 30 px, mientras que la línea interior se puede reducir ligeramente a 25 px y, si es más delgada, puede ser de 20 px.

El principio para establecer el grosor de las líneas es hacer que sigan un cierto ritmo, por ejemplo, todas son múltiplos de 5.

Los patrones construyen la imagen completa como bloques de construcción.

PASO02

Continúa llenando la imagen del complejo de edificios de la izquierda con la lógica de los bloques de construcción. En este momento, debemos aprender a pensar más allá del nivel "técnico". Esto se les ha enfatizado repetidamente a los estudiantes en mi experiencia docente: no estamos aprendiendo a dibujar este objeto. Por ejemplo, aquí estamos dibujando el paisaje de una pequeña ciudad. Lo que aprendemos es el pensamiento creativo detrás de esto.

Aquí cito una cita original de Feng Zikai del libro "Understanding Painting":

"Las imágenes son como las matemáticas y los deportes. La vida no implica necesariamente dibujar manzanas, plátanos, Los jarrones y teteras solo se usan para entrenar los ojos de las personas para que sean correctos y sensibles, verdaderos y hermosos".

Se usa aquí para dibujar pequeñas ciudades y edificios. Proceso para entrenar tu habilidad en el modelado de líneas. Esta capacidad se demuestra no sólo adaptándose a la forma del edificio, sino también haciéndolo lucir hermoso y natural.

PASO03

Para continuar, optimizaremos nuevamente nuestra forma.

Hay dos aspectos a los que prestar atención al optimizar la forma:

Si la conexión de la forma está cerrada

Si la forma general es uniforme

Estas son dos direcciones , macro y micro. Luego ajuste las formas de adición y eliminación de forma adecuada.

PASO04

Agregar detalles es generalmente el último paso del trabajo marco. En este momento tenemos que cambiar a otro ángulo: al principio consideramos que la función de las líneas es establecer contornos. En este momento, necesitamos usar las líneas como la función de describir detalles. Por ejemplo, si usamos una manzana como ejemplo a continuación, podrá entenderlo. Aquí se pueden reflejar las dos funciones de la línea: delinear y representar.

Entonces, los detalles agregados aquí (ventanas, puertas, olas, aves marinas, etc.) desempeñan el papel de representación lineal.

En este punto nuestro esquema está completo. En este punto puedes ampliar su apariencia.

En muchos diseños de logotipos, este paso puede llegar a su fin, porque la mayoría de los logotipos de estilo plano solo necesitan un contorno y el color puede ser monocromático al azar.

Marco de color

Establecer un marco de color es en realidad encontrar un ángulo desde el cual observar el color. Utilice la relación entre dos colores para evolucionar hacia una matriz de colores. En el vídeo a continuación puede obtener más información sobre las matrices de colores.

△Matriz de colores: diagrama de marco de colores para principiantes

PASO01

Basado en la teoría anterior, obtuve esta matriz de colores. Nuestro color comienza aquí. El color principal fue el azul (inspirado en nuestras fotos) y los colores secundarios fueron el rosa y el verde menta.

PASO02

Por supuesto, la función de la matriz de colores no es permitirnos usar todos los colores, sino simplificar y simplificar según la situación real. Experimente con colores clave para encontrar la mejor combinación.

Utiliza la herramienta generador de formas para colorear y distribuir el color principal.

PASO03

Continúa usando el último color verde menta. En este momento, todos deben prestar atención a los cambios sutiles de color. Cuando aparece un solo color, todo luce perfecto. añadido La situación del segundo color comienza a complicarse.

Esto es lo mismo que en nuestra vida diaria. Cuando estamos solos, todo está bien y aparecerán relaciones interpersonales entre dos personas. La relación complicada que hace que las personas sean felices y con dolor de cabeza trae más vitalidad y altibajos.

Vemos que aunque usamos colores secundarios, también traemos más cambios de color a algunos bloques de color, lo que se puede lograr fácilmente con la matriz de colores.

PASO04

El tercer color es el rojo, que podemos seguir utilizando en los gráficos.

PASO05

Los colores principales se controlan en tres tipos, y los colores restantes se pueden ajustar en función de los colores existentes, como ajustar el brillo o la saturación del color para obtener cambios más sutiles.

Tenga en cuenta el uso del blanco aquí.

Gradiente de luces y sombras

Debido a la luz, tenemos que ver diferentes colores. Partiendo de esta verdad, si desea obtener una sensación de luz más rica, el degradado también es un elemento colorante muy importante.

PASO 1

Antes de aplicar el degradado, mi sugerencia es hacer primero un buen trabajo de pintura plana. La pintura plana sirve para establecer el equilibrio general del color y luego ajustarlo según las condiciones de luz.

Y para los degradados, debemos ejercer moderación. Solo necesitamos seleccionar uno de los colores y luego realizar ajustes finos dentro de un rango estrecho de este color. Por ejemplo, aquí usamos un degradado en rojo para realizar algunos cambios sutiles en rojo.

PASO 2

Luego agregue sombras al edificio. La apariencia de las sombras se organiza de acuerdo con el principio de "belleza y verdad". Mucha gente aquí puede preguntar cuál es el principio de "belleza y verdad". La siguiente es también una descripción de "Understanding Painting" de Feng Zikai:

Las imágenes tienen efectos prácticos y de apreciación. La apreciación es hermosa y la practicidad es real. Por lo tanto, la práctica del dibujo debe tener en cuenta las dos condiciones de "verdad" y "belleza".

Específicamente: por ejemplo, al trazar un jarrón de flores, debes observar cuidadosamente la forma, el tamaño, la dirección y el color de las flores, las hojas y el jarrón para evitar cometer errores. Éste es el aspecto "real". Al mismo tiempo, debe coordinarse y organizarse hábilmente para que sea adecuado. Este es el momento de la "belleza".

Después de comprender este principio, puedes probar el equilibrio de estos dos elementos en la imagen durante la práctica.

Hay tres puntos a tener en cuenta al hacer sombras:

Encontrar la fuente de luz

La configuración del color de la sombra

Lo hace no tiene por qué ser completamente realista

Estos tres puntos te los podemos demostrar en detalle en el siguiente vídeo:

△Técnica de tres pasos para añadir sombras en ilustraciones de líneas

El efecto completo es el siguiente:

Reflejos de puntos

En el último paso de la creación, aquí agregamos un pequeño detalle, que también es el toque final que de repente Me vino a la mente, agregando puntos destacados a la imagen.

PASO1

En la composición de planos, un punto puede ser un punto o un pequeño cuadrado. En esta imagen, utilizamos pequeños cuadrados blancos para crear la parte resaltada de la imagen.

Agregar puntos destacados a la imagen hará que la imagen sea más animada.

Efecto final:

Posdata: la idea detrás de esto

Al escribir este artículo, recopilé tres videos, que pueden brindar a los principiantes más información a través de los videos de Inspire. . Antes me debatía entre hacer videos o escribir artículos. Al principio pensé que los artículos y los videos serían la mejor manera. Pero más tarde, durante la operación, se descubrió que las dos carreteras no podían circular en paralelo. Sólo puedo intercalar más partes que creo que vale la pena ampliar en el artículo.

El vídeo complementa el artículo y el artículo complementa el vídeo. Aunque ahora todo el mundo dice que no tiene tiempo para leer textos y los vídeos son más directos, siempre siento que es más fácil consultar y registrar lo que estudio con concentración en el texto. Ni los vídeos ni los artículos pueden sustituirse entre sí. Utilice estas 6 técnicas de diseño populares para hacer que sus obras tengan más diseño en 2020 (2)

4. Ilustraciones artísticas que realzan el estilo

¡Hoy en día, las ilustraciones son populares y artísticas! Las ilustraciones lineales son la vanguardia entre ellas. Este tipo de ilustraciones obviamente ha mejorado el estilo visual de la página web y la interfaz de usuario, y puede parecer un poco novedoso. Además, el diseñador combinó ilustraciones y animaciones, lo cual es caprichoso y sin restricciones, lo que hace que todo el diseño parezca artístico.

5. La combinación de ilustraciones dibujadas a mano y materiales reales.

La combinación de ilustraciones dibujadas a mano y materiales reales también es una forma de realzar el sentido del diseño cuando los diseñadores crean. , encuentran con mayor frecuencia Uno de los problemas es el uso de materiales. De hecho, podemos intentar mezclarlos y mezclar imágenes exquisitas e ilustraciones interesantes. ¡El efecto también es genial! Además, este método rompe las reglas y permite a los diseñadores crear maravillas visuales para los usuarios. Al igual que el sitio web ConstanceBurke, que permite a personas reales usar ropa pintada a mano, el efecto también es sorprendente.

6. Efectos de animación fluidos orgánicos

¿Has notado que cada vez más sitios web y plataformas han comenzado a utilizar conscientemente diversas animaciones, y también han comenzado a utilizar elementos menos rígidos, como como fluidos irregulares, porque estos elementos cambiantes como el agua hacen que los sitios web y las aplicaciones sean más vibrantes. Por supuesto, estos efectos de animación de fluidos orgánicos también son elementos populares en diseños futuros.

Además, los efectos de animación fluidos pueden crear mejores efectos de transición y atraer la atención del usuario. En términos generales, la clave para este tipo de efecto dinámico es controlar la velocidad del movimiento del fluido, y la suavidad es el núcleo del diseño. Es probable que el uso que hace Ilya Kulbachny de animación líquida en los títulos, donde el texto cambia a medida que se desplaza la página, se vuelva cada vez más popular.

Lo anterior es la lista de tendencias de diseño de 2020 compartida por el editor de Qingteng, con la esperanza de proporcionar una referencia para los amigos que están aprendiendo diseño. Por supuesto, estas tendencias no existen de forma independiente. También se pueden combinar entre sí, lo que puede producir efectos más interesantes, por lo que todos deben practicar más y probar más.