China Naming Network - Naming consultation - Scenery Illustration Black and White-How to draw a linear illustration landscape from scratch? Let’s take a look at the master’s summary of design ideas!

Scenery Illustration Black and White-How to draw a linear illustration landscape from scratch? Let’s take a look at the master’s summary of design ideas!

Painters of classical Chinese illustrations are best good at scenery

Nowadays, retro-style paintings are generally based on characters. You can look for paintings by these artists. : Ruan Yunting, "DEO.R" "IIIS" (real name Li Peng, native of Shaanxi), thangka, "ENO.", Agen, Ayaya (this picture has more scenery, but it also serves as a foil for the characters... ), the painting styles of these painters are relatively similar, with a sense of Chinese ink and light colors. Although I don’t know anyone who draws more landscapes, I know only so many of the same style. I hope this is the answer you want ~ How to draw a linear illustration of a landscape from scratch? Let’s take a look at the master’s summary of design ideas!

If you keep studying lines, you will find that in addition to expressing the iconic individuals we see in our daily lives, lines can also express larger and more complex landscapes. However, the latter will be somewhat difficult, especially if the lines are relatively thick, especially when it is difficult to better display details (for example, to express clouds or catkins floating in the sky, etc.). At that time, I was a little stuck on this idea and made no progress.

Two days later, I suddenly had inspiration out of thin air and thought of the path of "simplification". Try a simplified approach that may seem crude but take you to a new level. I think we don’t just create landscaping, but convey the view. Therefore, the scenery unfolds step by step using a combination of lines and color blocks.

Source of inspiration

So I came up with this group of works called The Great Thousand Mirrors. This group of works is created based on the thick line scenery, and the key expression is "color". (gradient combination).

Tips:

This operation focuses on the process of design thinking and does not involve the specific detailed operation of the software. If you are unfamiliar with software operation, you can move here to take a look at this A simple video to quickly get started with AI.

△Four ways to obtain shapes: spelling, subtraction, cutting, and painting

Reference photos are not the same as copying photos

The drawing of exterior scenes requires very generalization . Since our plan here is to draw the scenery in a small round rectangular frame, the space is actually very limited. Therefore, the setting of lines will tend to be simple.

Simplification is a very important idea, and you can start studying it with photos. Of course, when I was creating, I didn’t just draw on one photo, but combined multiple photos for reference.

Refer to the layout, composition, and perspective in the photos and refine the most basic shapes.

If you are interested, you can watch the following video:

△Where does inspiration come from? Some tips on referring to photos

Building basic lines

If the details are not cumbersome, a simplified pattern can be expressed using a grid. Of course this depends on your habits.

STEP01

Open AI and create a new 1600*1600px document. Draw a rounded rectangle in this document, and then plan the layout within this rounded rectangle. First, use a few lines to outline the largest basic shape. The outer frame line is 30px, while the inner line can be slightly reduced to 25px, and even thinner can be 20px.

The principle of setting the thickness of lines is to make them follow a certain rhythm, for example, they are all multiples of 5.

Patterns build up the whole picture like building blocks.

STEP02

Continue to fill the picture of the building complex on the left with the logic of building blocks. At this time, we must learn to think beyond the "technical" level. This has been repeatedly emphasized to students in my teaching experience: we are not learning how to draw this object. For example, here we are drawing a small town scenery. What we learn is the creative thinking behind it.

Here I quote an original quote by Feng Zikai from the book "Understanding Painting":

"Pictures are just like mathematics and sports. Life does not necessarily involve drawing apples, Bananas, vases, and teapots are nothing more than training the human eye to make it correct and sensitive, true and beautiful.

Used here, it is to train your ability in line modeling through the process of drawing small towns and buildings. This ability is demonstrated by not only conforming to the shape of the building, but also making it look beautiful and natural.

STEP03

To continue, we will optimize our shape again. There are two aspects to pay attention to when optimizing the shape:

Whether the shape connection is closed

Whether the overall shape is uniform

These are two directions, macro and micro. Then adjust the addition and deletion shapes appropriately.

STEP04

Adding details is generally the last step of the framework work. At this time, we have to switch to another angle: at first, we regarded the role of lines as establishing outlines. At this time, we need to use lines as the role of describing details. For example, if we use an apple as an example below, you will be able to understand. The two functions of line: outlining and depicting can be reflected here.

So the details added here (windows, doors, waves, seabirds, etc.) all play the role of line depiction.

At this point our outline is complete. At this point you can expand their appearance.

In many LOGO designs, this step can actually come to an end, because most flat-style LOGOs only need an outline, and the color can be a random monochrome.

Color Frame

Establishing a color frame is actually to find an angle from which to observe color. Use the relationship between two colors to evolve into a color array. In the video below you can learn more about color arrays.

△Color Array: Color Framework Diagram for Beginners

STEP01

Based on the above theory, I obtained this color array. Our color starts here. The main color was blue (inspired by our photos), with secondary colors pink and mint green.

STEP02

Of course, the role of the color array is not to allow us to use all colors, but to simplify and simplify based on the actual situation. Experiment with key colors to find the best combination.

Use the shape generator tool to color and distribute the main color.

STEP03

Continue to use the last color mint green. At this time, everyone should pay attention to the subtle changes in color. When a single color appears, everything looks perfect. Once added The situation starts to get complicated with the second color.

This is the same as our daily life. When we are alone, everything is fine, and interpersonal relationships will appear between two people. The complicated relationship that makes people both headache and happy brings more vitality and ups and downs.

We see that although we use secondary colors, we also bring more color changes to some color blocks, which can be easily achieved with the color array.

STEP04

The third color is red, which we can continue to use in graphics.

STEP05

The main colors are controlled in three types, and the remaining colors can be fine-tuned based on the existing colors, such as adjusting the brightness or saturation of the color to obtain more Subtle changes.

Note the use of white here.

Gradient of light and shadow

Because of the light, we have to see different colors. Based on this truth, if you want to obtain a richer sense of light, gradient is also a very important coloring element.

STEP1

Before applying gradient, my suggestion is to do a good job of flat painting first. Flat painting is to establish the overall color balance and then fine-tune it according to the light conditions.

And for gradients, we need to exercise restraint. We only need to select one of the colors, and then make fine adjustments within a relatively narrow range of this color. For example, here we use a gradient on red to make some subtle changes in red.

STEP2

Then add shadows to the building. The appearance of the shadows is arranged according to the principle of "beauty and truth".

Many people here may ask what the principle of "beauty and truth" is. The following is also a description from Feng Zikai's "Understanding Painting":

Pictures have both appreciation and practical effects. Appreciation is beautiful, and practicality is real. Therefore, drawing practice must take into account the two conditions of "truth" and "beauty". Specifically: For example, when tracing a vase of flowers, you must carefully observe the shape, size, direction, and color of the flowers, leaves, and vase to avoid making mistakes. This is the "real" aspect. At the same time, it must be coordinated and arranged skillfully to make it appropriate. This is the time for "beauty".

After understanding this principle, you can test the balance of these two elements in the picture during practice.

There are three points to note when making shadows:

Find the light source

The configuration of the shadow color

Does not have to be completely realistic

These three points can be demonstrated to you in detail in the following video:

△Three-step technique for adding shadows in line illustrations

The completed effect is as follows:

p>

Dot Highlights

In the last step of creation, here we add a small detail, which is also the finishing touch that suddenly came to mind, adding dot highlights to the picture.

STEP1

In plane composition, a point can be a dot or a small square. In this picture, we use small white squares to create the highlight part of the picture.

Adding dot-like highlights to the picture will make the picture more lively.

Final effect:

Postscript: The idea behind it

Writing this article, I compiled three videos, which may give beginners more information through the videos. Inspire. I have been torn between making videos or writing articles before. I originally thought that articles and videos would be the best way. Each one should take what they need. But later during the operation, it was discovered that the two roads could not run in parallel. I can only intersperse more parts that I think are worth expanding into the article.

The video supplements the article, and the article supplements the video. Although everyone now says that they don’t have time to read text, and videos are more direct, I always feel that it is easier to query and record what I study with concentration in text. Neither videos nor articles can replace each other.

Does anyone have PS picture (landscape and people) materials?

Are you looking for landscape and character materials? I think the materials in this forum are good. I have compiled some practical materials for you (all in PS). Also,

This forum requires membership only. Okay, I have registered an account for you

User: I love photoshop

Password: jh123456

You are not allowed to change my password. If you like, you can register one yourself.

Looking at how hard I have worked, how about you give it to me?

Most of these background categories

[Watermark categories are classified below]

[url=

]Ambiguous character comics (line type and color type)[/url]

[url=

]GIF border[ /url]

[url=

]Send a few super beautiful melted pictures that I like (continue posting)[/url]

[url=

]White material[/url]

[url=

]Many cute strawberries[/url]

[url=

]Several good cute characters[/url]

[url=

]Some illustrations from Japan's "花のイラストコンテスト2007"...164P [/url]

[url=

]N multiple drawings[/url]

[url=

] A lot of masks are newly released:))[/url]

[url=

]You will definitely like the watercolor flower melting picture with a very classical effect[/url]

[url=

]Black and white background material[/url]

[url=

]Appreciate the fresh and elegant flower wallpaper, 152P[/url]

[url=

]Several foreign LOGOs[/url]

[url=

]Aircraft Barf bag design[/url]

[url=

]Korea jeonghoseon, azuldecorso, chryoung, Ha, Sang-cheol illustrations[/url]

[url=

]Digital Future--Application for Enhancement[/url]

[url=

]Pictures downloaded from the Korean website! (2)[/url]

[url=

]Like a dream[/url]

[url=

]Shading background pictures[/url]

[url=

]Appreciation of classical MM illustrations by a Chinese cartoonist[/url]

[url=

]Avatar GIF[/url]

[url=

]South Korea

Many cute image pictures on the website, 300P[ /url]

[url=

]Comprehensive collection of Japanese patterns...As for its use, you will know it when you need it...222P[/url]

[url=

]Background "Frame"[/url]

[url=

]Materials and backgrounds downloaded from Japanese and Korean websites ![/url]

[url=

]Vertical background material[/url]

[url=

]Colorful Color~melted background[/url]

[url=

]The pattern is a bit big[/url]

[url=

]Exquisite ancient architectural decoration pictures (really beautiful)[/url]

[url=

] Trendy design wallpaper series HD 24P (packaged for free download) (

A small gift on the 3rd floor)[/url]

[url=

]The supporting web page background of Japan’s Xingxuhai Ferry website...447P[/url]

[url=

]Foreign classical background[/url]

[url=

]Post some Chinese paintings that can be used as brushes[/url ]

[url=

]Elegant background pictures[/url]

[url=

]Some of my favorite Korean pictures Picture (1) 30P[/url]

[url=

]Ambiguous character comics (line type and color type)[/url]

[url =

]GIF border[/url]

[url=

]Send a few super beautiful melted pictures that I like (continue posting)[/url]

[url=

]White material[/url]

[url=

]Many cute strawberries[/url ]

[url=

]Several good cute characters[/url]

[url=

]WebshotsDailyPhotos2007 4 Appreciation of the monthly aesthetic wallpapers, 120P[/url]

[url=

]Dynamic illustrations on some foreign websites[/url]

[url=

]May Calendar![/url]

[url=

]The Twelve Beauties of Red Mansion and Jinling QQ Penguin Funny Photo Album[/url]

[url=

]World classic cartoon comics, 177P[/url]

[url=

]Wallpapers collected by Yuner Three[/url]

[url=

]

[url=

]Non-mainstream gorgeous vision[/url ]

[url=

]Children’s Day picture material: Korean Children’s Day special picture (50P) (packed on the 3rd floor)[/url]

[url=

]Alternative cute cartoon image icon simple expression icon series animal plush doll series zipper computer icon[/url]

[url=

]Send a set of children's theme photography wallpapers, 36P[/url]

[url=

]Horizontal stripe background~cloth pattern landscape show[/url]

[url=

]Flower material (miscellaneous items)~Web page supporting background 653P... Package download 41st floor[/url]

[url=

]Several school scenery pictures[/url]

[url=

]Background pictures[/url]

[url=

]Original template--photo frame---baby diary[/url]

[url=

]Popular colors[/url]

[url=

]LOMO'sworld[/url]

[url=

]Original cartoon animated GIF~~~updated~~added expressions Package (Series 1)[/url]

[url=

]YOYO monkey series desktop Oh `` like comeon.[/url]

[url=

]Appreciate the beautiful e-letter of Korean barunson website, 324P[/url]

[url=

]Frame![/url]

[url=

]Flower material... mood card (326P)[/url]

[url=

] Korean website up and down

Pictures loaded! (3)[/url]

[url=

]花花草草[/url]

[url=

]Flower gouache[/url]

[url=

]Beauty illustration[/url]

[url=

]My favorite Crayon Shin-chan wallpaper[/url]

[url=

]Flower material (summer)~~Supporting web background 291P... Package download in 20 Lou[/url]

[url=

]Full-screen ultra-clear landscape picture 200P[/url]

[url=

]Flower material (spring)~~Supporting web page background 295P... Package download on the 11th, 20th, and 23rd floors[/url]

The watermark category below

[url=

]4 Spider-Man vector materials[/url]

[url=

]Dream calla lily vector materials[/url]

[url=

]Lively pattern and background vector material[/url]

[url=

]Circular pattern vector material[/url]

[url=

]Male manager vector material[/url]

[url=

]Fantasy banner vector material[/ url]

[url=

]Exquisite fantasy background vector material[/url]

[url=

]Film and pattern Vector material[/url]

[url=

]Flame wings love vector material[/url]

[url=

]A variety of European trendy elements vector materials[/url]

[url=

]Practical trendy pattern vector materials[/url]

[url=

]12 exquisite background vector materials[/url]

[url=

]Colorful briefcase icon vector materials[/url]

[url=

]Colorful book icon vector material[/url]

[url=

]Various business figures silhouette vector material[/url ]

[url=

]Simple background vector material[/url]

[url=

]Blue winter vector material [/url]

[url=

]Plum blossoms and old paper vector material[/url]

[url=

] Fantasy lines background vector material[/url]

[url=

]Commercial space vector material[/url]

[url=

]Clothes and shoes vector material[/url]

[url=

]Paper and clip vector material[/url]

[url=

]Zou Ju background vector material[/url]

[url=

]Red wine glass vector material[/url]

[ url=

]European crown shield vector material[/url]

[url=

]Light lines background vector material[/url]

[url=

]Golden pattern butterfly vector material (AI)[/url]

[url=

]Orange crystal round vector material (AI)[/url]

[url=

]Glass web2.0 website vector material (AI)[/url]

[url=

]Beautiful flower vector material (AI)[/url]

[url=

]6 heart-shaped related vector materials (AI)[/url]

[url=

] 2 heart-shaped stamp vector materials (AI)[/url]

[url=

]Autumn leaves vector materials (AI)[/url]

[url=

]Golden ornate Chinese pattern vector material[/url]

[url=

]Wine bottle sticker vector material[/url]

[url=

]Grapes and wine vector material[/url]

[url=

]Colorful polka dot background Vector material[/url]

[url=

]Dazzling colored paper vector material[/url]

[url=

]Notes and pins vector material[/url]

[url=

]Various pen vector materials[/url]

[url=

]Nostalgic film negative vector material[/url]

[url=

]Cartoon style rocket vector material[/url]

[url =

]Dozens of characters dancing silhouette vector material[/url]

[url=

]Movie elements vector material[/url]

[url=

]Colorful water drop vector material[/url]

[url=

]Blue dreamy wave vector material [/url]

[url=

]Corporate cards, envelopes, stationery vector materials[/url]

[url=

]Noise theme vector material[/url]

[url=

]2 nostalgic classic car theme illustration vector materials[/url]

[url =

]Autumn leaves vector material (AI)[/url]

[url=

]Cute tag vector material (AI)[/url ]

[url=

]3 flower-related vector materials[url=

]Trendy color cartoon illustration vector materials (EPS)[/url]

[url=

]Trendy color radiation background vector material (EPS)[/url]

[url=

]Lily flower and ink vector material (EPS)[/url]

[url=

]10 modern white-collar work and life illustration vector materials (EPS)[/url]

[url=

]7 modern female illustration vector materials (EPS)[/url]

[url=

]7 simple home furnishing styles Life illustration vector material (EPS)[/url]

[url=

]5 sports female illustration vector materials (EPS)[/url]

[url=

]4 simple building illustration vector materials (EPS)[/url]

[url=

]4 dynamic background vector materials (EPS)[/url]

[url=

]4 trendy illustration vector materials (EPS)[/url]

[url=

]4 colorful water drop background vector materials (EPS)[/url]

[url=

]4 colorful building main body illustration vector materials (EPS) [/url]

[url=

]3 blank book vector materials (EPS)[/url]

[url=

]3 dynamic background vector materials (E

PS)[/url]

[url=

]3 trendy elements set vector materials (EPS)[/url]

[url=

]3 different styles of trendy illustration vector materials (EPS)[/url]

[url=

]2 bottle opening moments and pattern vector materials (EPS)[/url]

[url=

]2 beautiful streamer vector materials (EPS)[/url]

[url=

]2 European and American sexy women vector materials (EPS)[/url]

[url=

]2 American flag element vector materials (EPS)[/ url]

[url=

]2 high-quality trend element vector materials (EPS)[/url]

[url=

]2 exquisite pattern theme vector materials (EPS)[/url]

[url=

]The running script "Celebrate the New Year" and "Celebrate the New Year" vector[/url]

[url=

]A set of practical icon vector materials (AI)[/url]

[url=

]Crystal style book vector Material (AI)[/url]

[url=

]Vertical music theme banner vector material (AI)[/url]

[url=

]Fashionable ink pattern style card template vector material (AI)[/url]

[url=

]Fashionable business card template vector material (AI)[ /url]

[url=

]Fashion pattern card template vector material (AI)[/url]

[url=

]Fashion butterfly pattern vector material (AI)[/url]

[url=

]Cute style business card template vector material (AI)[/url]

[url=

]Exquisite plant pattern business card template vector material (AI)[/url]

[url=

]Golden wheat