Coincidencia de colores para ilustraciones con estilo de trazo: tutorial básico sobre ilustraciones con IA para enseñarle cómo crear fácilmente pequeñas ilustraciones de UI

Cómo dibujar un trazo

Ilustración de trazo: puede entenderse simplemente como una combinación de muchas líneas y planos combinados con iconos, que se hacen eco entre sí para formar una imagen grande. Además de las caras, los elementos de la imagen también tienen trazos, por lo que también se les llama ilustraciones con trazos.

●Contenido de este artículo: El artículo explicará en detalle cómo dibujar una ilustración con trazos. El material del tutorial no utiliza mi ilustración anterior para desglosar los pasos. demostración Los principios del dibujo son todos iguales, solo comprenda el principio. Además de los pasos específicos, se agregarán marcas clave para algunos errores comunes.

●Una pequeña sugerencia: después de leer el artículo, puedes copiarlo según el método que te compartí, pero prefiero que tus amigos puedan usar su imaginación para hacer una ilustración original propia. Si hay algo que no queda claro después de terminar la pintura, puedes agregar WeChat a mi cuenta oficial y adjuntar las ilustraciones, y puedo darte sugerencias.

Texto

1. Etapa de boceto

1 Establecer el tema y dibujar un borrador

●El tema de esta ilustración proviene de. Yo Un sueño: sobre la hierba, los zapatos de lona abandonados estaban llenos de flores y los pájaros cantaban junto a las flores.

●Después de determinar el tema, dibuja la imagen en tu mente. Puedes dibujarla en papel o puedes usar una tableta digital para dibujarla en PS, solo sigue tus hábitos personales. Prefiero dibujar a mano, por eso dibujo en papel.

2. Abra AI y ajuste la configuración

●Nuevo lienzo 1600*1200

●Ver y verificar puntos de alineación

3. el boceto en la pantalla y ajuste el tamaño

2. Borrador de línea

1 Configuración de trazo y cuestiones a las que prestar atención

En las ilustraciones de trazo, uno de. Los problemas comunes son el grosor de los trazos y el procesamiento de la relación entre los trazos.

a. El problema del grosor de los trazos (la siguiente imagen utiliza la ilustración anterior de las cuatro estaciones como ejemplo)

b. Procesamiento de la relación entre trazos.

c. Configuración del trazo

El grosor del trazo se determina según el tamaño del lienzo. Para un lienzo de 1600*1200, estoy acostumbrado a usar líneas de 8 puntos de grosor, pero si el lienzo es de 1200. *900, 8 puntos parece demasiado grueso. El espesor específico se puede ajustar según la situación.

2. Método de dibujo de líneas

a. Método de operación booleana

b. Método de reconexión de puntos de interrupción

c. p>

d, método de contorno con lápiz

El método de contorno con lápiz, como su nombre indica, consiste en utilizar un lápiz para trazar directamente la forma de un objeto. En esta ilustración, la forma de la planta es relativamente aleatoria, por lo que es más rápido delinearla directamente con un bolígrafo que recortar la forma. Durante el proceso de dibujo, preste atención a ajustar la suavidad y curvatura de las líneas para que sean regulares. Aquí no se proporciona ninguna demostración.

3. Borrador de color

1. Agregar color de fondo

2. Dibujar la capa de borrador de color

3. p> p>

4. Luces y sombras

5. La imagen moldeada por luces y sombras

4. Modelado de estilo y ajuste general

1. . Configuración de estilo

Recientemente, vi las pinturas de master kit8 y de repente pensé en lo que pasaría si se usaran líneas blancas en ilustraciones lineales, así que probé este estilo. Copie el dibujo lineal y colóquelo encima, cámbielo a blanco, use una línea con un grosor de 2 px y luego muévala hacia un lado para romper la sensación aburrida de la imagen.

2. Ajuste general

Al ver esto, deberías haber notado que la imagen es relativamente gris porque siempre elijo colores de baja saturación. Si necesitas ajustar, simplemente exporta las ilustraciones a. Formato SVG en IA. Luego arrástrelo a PS para ajustar el tono y la saturación.

3. Guarda tus combinaciones de colores favoritas

Durante el proceso de ajuste de color, descubriste cómo pintar con un estilo simple.

Aunque el estilo es muy simple, diferentes estilos tienen diferentes características. 1. El estilo plano tiene una forma simple, una imagen refrescante, una visión clara, una amplia gama de aplicaciones comerciales y una velocidad de inicio rápida.

2. El estilo de ilustración de trazo utiliza colores brillantes y simples y utiliza trazos de línea para aumentar el nivel de la imagen al tiempo que garantiza la simplicidad de la imagen y un fuerte reconocimiento.

3. Sobre la base del estilo de textura ruidosa y el estilo plano, se agregan textura, luces y sombras, lo que hace que la imagen sea más rica y delicada, y el efecto visual sea mejor.

4. El estilo degradado tiene características distintivas. El color y la forma de la imagen son relativamente simples y el estilo es hermoso. El degradado de color se utiliza para aumentar el nivel y los detalles de la imagen.

5. El estilo graffiti combina graffiti en la pared y arte cómico, utilizando principalmente líneas y bloques de colores para expresar personalidad y creatividad.

6. El estilo del libro ilustrado tiene colores brillantes y curativos, el protagonista es infantil y lindo, y la historia general es fuerte e interesante. Se utiliza principalmente como complemento de libros para niños o adolescentes. Tutorial básico de ilustración con IA, te enseña cómo crear fácilmente ilustraciones de UI

Tutorial básico de ilustración con AI, te enseña cómo crear fácilmente ilustraciones de UI

Cuando usamos AI, los pasos para combinar AI herramientas En diferentes momentos, los efectos serán completamente diferentes. Este artículo le presentará cómo usar herramientas básicas y reutilizar gráficos para crear diseños muy diversos.

1. Crea la forma básica de la maceta.

Selecciona la herramienta rectángulo de esquina original y controla el arco de la esquina redondeada presionando las teclas arriba y abajo del teclado.

2. Seleccione la 'Herramienta Eliminar punto de anclaje', después de eliminar uno de los puntos de anclaje, cambie a la 'Herramienta de selección directa', arrástrela hacia el centro y cambie nuevamente a la 'Herramienta Pluma'. --- 'Herramienta "Punto de anclaje", mantenga presionado el botón izquierdo del mouse, arrastre la curva de Bézier superior y ajuste el arco.

3. Seleccione la "Herramienta Eliminar punto de anclaje" y elimine el punto de anclaje del vértice derecho (no lo elimine directamente, de lo contrario se convertirá en un camino no cerrado).

4. Seleccione "Herramienta de selección directa" y arrastre los puntos de anclaje en ambos lados a la siguiente forma.

5. A continuación necesitamos hacer la boca de la maceta, incluyendo el aro exterior de la maceta y la tierra del interior.

Primero, seleccione el color de relleno como color del suelo y cambie el trazo al color amarillo brillante del círculo exterior de la maceta. Seleccione la "Herramienta Elipse" y arrastre la boca de la maceta de tamaño personalizado, y el tamaño será según su preferencia. Luego colócalo encima de la maceta.

6. Decoración de líneas punteadas.

Hacer macetas no es lo más complicado. Cómo utilizar la decoración propia del software para crear efectos también puede mejorar la eficiencia del trabajo.

A continuación, utilizamos el estilo de trazo integrado de la IA para agregar los detalles decorativos de la maceta.

Cambie la "Herramienta de selección", seleccione el prototipo de la maceta que acaba de hacer, mantenga presionada la tecla Alt y haga clic con el botón izquierdo del mouse, copie la maceta a la derecha, cambie el relleno al trazo y haga Asegúrate de que el relleno esté apagado.

7. Selecciona el estilo de trazo.

Si la opción de trazo no incluye zapatos para niños dentro del rango de selección, consulte los pasos 1-2-3-4 en el siguiente diagrama. Esta es una función decorativa oculta, y muchas de ellas pueden. ser llamado directamente para su uso.

CONSEJO: Hay otro truco aquí. La configuración predeterminada de la línea de puntos incorporada es negra y no puede absorber colores personalizados, por lo que también tenemos una manera de configurarla.

Primero haga doble clic en la opción "Línea de puntos" y luego aparecerá el siguiente panel. Busque Coloración--Método--Tono en el panel, haga clic en Aceptar y podrá personalizar el color de la línea de puntos.

8. Haz más detalles.

Sigue el método del paso 7, copia la boca de una maceta, desactiva el relleno y cambia el trazo a una línea de puntos. El estilo que quiero aquí es solo el semicírculo inferior. Haz clic para seleccionar el nodo superior, selecciona eliminar y obtendrás el arco de semicírculo inferior.

9.

Selecciona la herramienta Elipse, mantén presionada la tecla Mayús y dibuja un círculo perfecto. Seleccione la maceta y el círculo perfecto al mismo tiempo, seleccione "Ventana" - "Buscador de ruta", seleccione la primera "División" en la segunda fila y luego elimine los restos no deseados restantes y estará bien.

10. Delinea los cactus y las flores pequeñas.

Utiliza la herramienta lápiz para delinear los siguientes gráficos, o puedes diseñarlos tú mismo. No es necesario que la forma sea demasiado regular. Los productos de la naturaleza son los más bellos si son algo irregulares. , tenga en cuenta que al hacer el lado oscuro del cactus, se recomienda utilizar el método copiado, esto puede asegurar una superposición perfecta con la superficie brillante original.

11. Fabricación de maceteros al estilo ruso.

Debido a que esta combinación de colores ha aparecido muchas veces en las iglesias rusas y el patrón es minimalista, lo llamé estilo ruso.

Copia la maceta roja y cámbiala a tu color favorito. El siguiente tutorial proporciona referencias de color y valores de color.

12. Selecciona la "Herramienta Pluma" para dibujar un arco parecido a una onda de agua y cambia el trazo a una línea de puntos.

Puedes seleccionar directamente la herramienta Elipse para la parte del cactus y luego seleccionar el punto de anclaje para la deformación.

13. A continuación, haremos la tercera maceta de estilo japonés.

El primer paso es dibujar una única forma de cactus con la herramienta Pluma, luego copiar cinco tamaños diferentes y juntarlos.

14. Haz una unidad con patrones de estilo japonés.

Selecciona la herramienta Elipse, mantén presionada la tecla Mayús para sacar un círculo positivo y desactiva el relleno. Duplica varios círculos concéntricos --- amplía con el centro del círculo.

A continuación, seleccione la "Herramienta Rectángulo" para sacar el bloque rectangular, colóquelo en el centro del círculo y luego forme una oclusión en la capa superior del círculo.

Luego, seleccione "Ventana" --- "Buscador de ruta" -- "Dividir" y elimine la mitad inferior innecesaria. Se completa la unidad básica de un patrón.

15. Seleccione el color, el trazo es blanco puro, el azul es consistente con el color de la maceta y el número de color se muestra en la imagen a continuación.

A continuación, copie patrones individuales y colóquelos en capas uno por uno. ¿Cómo eliminar el exceso de patrones y organizarlos perfectamente alrededor de la maceta?

También use "Path Finder" - "Split", pero debe tenerse en cuenta aquí que debemos dividirlo en capas.

Primero consulte el paso 1 en la imagen a continuación, seleccione los patrones en ambos lados de la fila inferior y el marco de la maceta, y luego divida - elimine las esquinas innecesarias, repita la acción anterior nuevamente, seleccione el patrones en ambos lados de la segunda fila y las macetas Marco exterior, divida - elimine las esquinas innecesarias, consulte el paso 2 para ver la ilustración.

¡Ahora hemos completado la producción de tres macetas de cactus diferentes! Para resaltar el efecto, podemos usar los mismos materiales para crear diferentes efectos de ilustración. ¡Un tipo de estilo desértico, un tipo de cielo estrellado! ¡Se esperan estilos y otros estilos! ¡Ven y entrega tu tarea!