_
(2020 10 15 icon copy RoundOne, By@ balls)
(2020 1020 icon copy round trip, by @ balls)
(2020 102 1 icon copy round trip, By@ balls)
The main contents of this paper are as follows (
There is a mind map summary at the end of the article, including video):
0 1 Six Common Illustration Styles
The characteristics of MBE are summarized from five aspects.
Draw MBE illustrations in five steps.
Five skills of drawing quickly and easily.
0 1
Six Common Illustration Styles
What is MBE style? Baidu, you will know.
It is this cute-looking style that is very recognizable.
It was designed by designer MBE who dribbled the ball. It is simple, interesting and beautiful, and has been called "MBE style" since its popularity.
If you feel that there is no concept, you will be more impressed if you put it in a group.
Just like Master Xing told a beautiful woman to look for Chou-heung.
Six common poster styles of illustration are also popularized here, so that you can see the "MBE style" at a glance.
(Image by @ balls)
Careful friends may also find that the above picture also realizes MBE style with Keynote.
02
The characteristics of MBE are summarized from five aspects.
Before you learn how to draw, you should know the characteristics of this style, so that you can have a better start.
After careful observation, I sum up my feelings from the following five aspects.
① Lines: concise, thick and bright, smooth and supple. There is an obvious breakpoint, but it is also a very smooth transition.
2 shape: the outline dominated by lines is also round, without prominent sharp corners and right angles, and it feels full and fat.
③ _ Consultation: The colors are very bright, usually yellow, orange and blue. There is background color overflow and obvious light and dark colors, that is, highlights and shadows.
④ Expression: Minimalist lines and simple smiling faces make objects personified and lovely.
⑤ Ornaments: There will be decorations around the main body, which are basically changes such as snowflakes, crosses and circles.
03
Draw MBE illustrations in five steps
How to draw it specifically? Come on, five steps.
Let me explain, because I always copy a pile at a time, and my personal painting habits are definitely different, so the steps don't need to be the same, and it's simple and convenient to get there.
The following is a summary of the steps of egg routine based on four copies, for reference only.
① Draw the outline first.
Select the Single Line brush in Calligraphy.
_ Draw the outline with glue.
Erase some lines with an eraser and make broken lines.
② Handling breakpoints.
Draw a "dot" with the same thickness and move it to the interruption of the erase line to create a circle.
3 Add an expression.
_ Hard-to-wipe mace _ Hard-to-wipe mace.
(4) Apply background color to increase shadows.
_ Fairy, move to contour edge to create overflow.
_ ≡ Obsessed magpies are hard to understand. They paint along the edge of the outline and create shadows.
Choose a color lighter than the background color and highlight it.
⑤ Add embellishment.
Add snowflakes, plus signs and solid hollow circles around the sky of the main painting.
In this way, a simple MBE-style illustration is completed.
Take a look at the shortened video of the specific process.
04
Five skills of drawing quickly and well
I am used to adding an area to the canvas as a "copy record" after copying, and I can also review my whole process feelings from four copies of the copy record.
From "finding it difficult" to "addiction" to "finding it easy", I also came up with some small methods.
① Draw the outline quickly.
Some pictures are symmetrical. If you want to draw faster and better, you can use the symmetry auxiliary function.
In the drawing guide function, choose symmetry, and there are horizontal, vertical, four quadrants and radial options to help us draw better.
② There are four ways to deal with breakpoints quickly.
◆ _ Hook: As mentioned above, draw a "dot" with the same thickness and move it to the interruption of the erase line.
_ Fat Pocket: Restore the original marked path and overflow the breakpoint from the point.
Large pixel shift: Enlarge lines, and on the basis of dot method or dot method, supplement or erase the detailed pixel grid by adjusting the thickness of "eraser" or "brush".
◆ _ Prize: The first three methods actually test patience, and the fastest method is the fourth one. Directly copy the endpoint that has not been erased at the other end of the line, and then move to the breakpoint, perfect!
3 quickly add embellishments.
When copying multiple icons at a time, it takes a lot of time and patience to decorate them one by one. But Goose obsessive-compulsive disorder doesn't want to make every ornament look the same just by copying layers.
What should I do? Make a decorative brush, which can be done quickly, and the position and color can be changed.
④ Keep the copy size consistent.
Draw a grid before painting, and plan the layout through the grid of the same size.
⑤ Keep the line thickness consistent.
Everyone who has stepped on the pit knows that when we zoom in and zoom out, the original line will also become thinner, so in order to avoid this situation, we also need to make a good layout in advance with the grid above, so that we don't have to zoom in and out later.
(2020 1023 icon copy round four，By@ balls)
The above are some experience summaries of egg painting MBE illustration. Finally, put the fourth complex drawing and a little summary mind map.
(Small summary mind map by @ 囎囎囎)
Progress comes from constant practice.
Draw it.
Related articles: Summarize how to learn to draw in half a month through self-study.
How many styles of illustrations are there? How many styles of illustrations are there? There are many styles of illustration, which can be roughly divided into plane style, MBE style, gradient style, vector illustration, 2.5D style, graffiti style, forest style, healing style, watercolor style, dark style, picture book style, noise texture style and so on. The following is just a brief introduction to these painting styles.
Light lessons are also recommended here. There are many painting tutorials, painting materials and professional painting courses on this website. Little friends who study painting can go there to find many useful painting learning resources!
The graphic style is characterized by simplicity, lightness and neatness. Graphic style illustration is mainly color blocks, geometric modeling, smooth outline, diverse visual expressions, amiable and rigorous. Therefore, graphic style illustrations are widely used in various fields.
Gradient style: gradient style gradient illustration style was first brought by foreign designers, and this illustration color will be more vivid.
MBE style: This illustration style has gradually evolved in the trend of flattening, becoming more rounded, lovely, playful and concise. Its iconic figure is designer MBE from Paris, France.
Vector diagram: Vector diagram is a kind of vector diagram, which uses straight lines and curves to describe the graph, giving people a feeling of contrasting the trend of color collision.
2.5D style: 2.5D style illustrations have a strong sense of three-dimensional and space, which is simply understood as a two-dimensional picture with a 3D effect.
Mori style: Mori-style illustrations are characterized by overlapping watercolors, aestheticism, simplicity and elegance. Mori's attitude towards life is advocating nature, comfort and returning to nature. Attitude towards life is the happiness of keeping pace with the times; Love wandering; Reject consumerism; Pursue a simple and direct attitude towards life.
Style of Healing Department: The overall illustration style of Healing Department gives people a warm feeling, with soft painting style and strong atmosphere.
Dark style: the overall tone of the illustration is dark, which means to resist reality and distortion.
These styles are popular illustration styles now, and I hope they can help you.
Application of Illustration in App Design Now there are more and more apps, and the production is becoming more and more exquisite. All kinds of apps hope to be different from other apps in design, so as to better attract users' attention. It is undoubtedly a good choice to apply illustrations to app. In iOS,
1 1 AppStore "Today" uses a lot of illustrations, bringing users a brand-new experience.
What illustrations should I use in 1.APP?
Increase the visual impact, summed up in two words "amazing", such as "Walkup" app, in which each page uses illustrations and the design is extremely beautiful.
Adding interest to make the page not dull, an obvious example is the empty page and the wrong page in the app. For example, when Taobao is offline, displaying a lovely illustration is much better than simply displaying words, and it can also reduce the anxiety of users as much as possible.
The more information you carry, the more intuitive it is, and the more obvious it is on the icon. For example, the classification icon of Baidu glutinous rice adopts a realistic style, giving people a more intuitive feeling.
Meet the emotional needs of users, emotional design, which has been well reflected in keep. In the past Tanabata, keep turned the running route into pink and took the dog. The person who is still running on Tanabata is probably single dog, and the significance is self-evident.
Two. Several popular illustrations and their characteristics.
Plane illustration
Texture illustration
Hand-painted illustration
MBE illustration (a dribbling god created this style, so it is called MBE style illustration).
Gradient illustration (sometimes called low-light illustration)
Three-dimensional illustration (also known as 2.5D illustration)
Stroke illustration
The following are examples of various illustrations, all from dribbling.
Graphic illustration: the characteristics of graphic illustration are plane, concise and clear, and graphic illustration is the most popular and commonly used style now.
Texture illustration: I think texture illustration is also a kind of plane illustration, but in the end, it is necessary to increase the sense of graininess. The most obvious feature of texture illustration should be texture, and the relationship between light and shadow is better.
Hand-painted illustration: I think this is the most difficult one, and it is also the one with the highest requirement for designers' artistic skills. Hand-painted style is widely used and can express many things. The following designer's work is full of childlike interest and beautiful as a dream.
MBE illustration: concise, round and lovely.
Gradient illustration: a very beautiful style. Generally, similar colors are used in the use of colors, and there should not be too many kinds of colors.
Three-dimensional illustration: As can be seen from the name, the biggest feature of this illustration is three-dimensional, which can express three-dimensional things in two-dimensional space.
Illustration of strokes: In addition to shapes, we should also use strokes, which can abstract things well.
MBE illustration: Icons in the kitchen, MBE style is very suitable for making icons.
Gradient illustration and three-dimensional illustration: pull hook. These two styles are put together because many times an illustration contains these two styles. (Used for banners, special topics)
Sketch illustration: Pinduoduo, Netease Cloud Music (used for icons and startup pages)
To sum up: illustrations are suitable for startup pages, banners, themes, refreshes, icons, pop-ups, background pictures and so on in the APP.