Procreate Tutorial | How to Draw MBE Style Illustrations. I have recently copied MBE style small icons four times in a row. I have gained some new experiences and figured out some tips. I will make a summary record. _(20201015 icons copied RoundOne, By @ Dandan) (20201020 icons copied RoundTwo__y@ Dandan) (20201021 icons copied RoundThree__y@ Dandan) The main content of this article is as follows (A mind map summary is attached at the end of the article, including videos): 01 six kinds Common illustration styles 02 Summary of MBE characteristics from five aspects 03 Five steps to draw MBE illustrations 04 Five techniques to draw quickly and well 01 Six common illustration styles What is MBE style? Just search it on Baidu and you will know. It’s this cute-looking style that’s very easy to identify. It was designed by MBE, a designer from Dribble. It is simple, interesting and beautiful. After it became popular, it was called "MBE style". If you have no idea, put it in a group and it will be more impressive. Just like the way Master Xing calls a beautiful woman to find Qiuxiang↓Here we also introduce 6 common illustration poster styles, so that you can recognize the "MBE style" at a glance. (Picture production By @ Dandan) Careful friends may also find that the above picture also uses Keynote to achieve the MBE style. 02 Summarize the characteristics of MBE in five aspects. Before learning how to draw, you must first understand the characteristics of this style so that you can start better. After careful observation, I summarize my feelings from the following five aspects. ① Lines: Very simple, thick and distinct, smooth and supple. There is an obvious break point, but it passes very smoothly. ②Shape: The outlines based on lines are also rounded, without protruding sharp or right angles, giving a full and fat feeling. ④ Expression: Minimalist lines and a simple smiley face, the object is personified, Cute and cute. ⑤Embellishing: There will be little dots of embellishment around the main body, basically variations of snowflakes, crosses, circles and circles. 03 Five steps to draw an MBE illustration. How to draw it specifically? Come on, take five steps. Let me explain, because my copying process involves copying a bunch at a time, and my personal painting habits are definitely different, so the steps don’t need to be the same, just follow whatever is convenient. The following are the general steps summarized by Dandan after 4 copies, for reference only. ①Draw the outline first. ·Select the "Single Line" brush in "Calligraphy". ·Use an "eraser" to erase part of the lines and make broken lines. ② Handle breakpoints. ·Draw a "dot" with the same thickness brush and move it to the interruption of the erased line to create roundness. ③Add expressions. ·_It shows that it is difficult to wipe off the edges_Put on πΦ斖倀倣④ and apply the background color to increase the shadow. ·_Xian refute hinge throw seek 咴 dang Γ garden pot pot Fei Gong · _ ≡ enchanting magpie consultation Wan difficult to Zhang Mi throw 咴 glaring fairy garden pot wrestling ah·Choose a color lighter than the base color, and draw highlights on the base color. ⑤ Add embellishments. ·Add snowflakes, plus signs, and solid hollow circles around the top of the main painting. Just like that, a simple MBE style illustration is completed. Check out the time-lapse video of the exact process. 04 Five tips to draw fast and well. I am used to adding an area on the canvas as a "review record" after completing the copying. From the 4 copying review records, I can review my feelings about the entire process. From "finding it difficult" to "addiction" to "finding it easy", I also figured out some small methods in the process. ①Draw outlines quickly. Some pictures are symmetrical in nature. If you want to draw faster and better, you can use the symmetry auxiliary function. In the "Drawing Guide" function, select "Symmetry" and there are "Horizontal", "Vertical", "Four-Quadrant" and "Radial" options to choose from to help us draw better. ②There are 4 methods to quickly handle breakpoints. ◆_ hook 湓 pelt panic ǎ trench fade qiao chao 嫣嬬 reduce the mold suffocate the rich sail 觥 Gang pierce stem refute prize lingering face 议南四踔 unloading Α◆_fat pocket 慊ǎ ram good net knock mu fat ding yong 愠龇⒁绯龆熪◆Pixel Shift: Enlarge the lines, and adjust the thickness of the "eraser" or "brush" to supplement or erase the detailed pixel grid based on the dot method or dot-and-dashes method.
◆_Jian Cong Xian ǎ Ha Chao The three methods are actually a bit of a test of patience, and the fastest method is the fourth method. Directly copy the unerased endpoint at the other end of the line, and then move it to the breakpoint, perfect! ③ Quickly add embellishments. When copying multiple icons at once, it takes a lot of time and patience to draw embellishments one by one. However, I don’t want to just copy the layer to make each embellishment look the same. What to do? Make embellishment brushes so they can be done quickly and change position and color. ④ Keep the copying size consistent. Draw grids one by one before drawing, and plan the layout through grids of consistent sizes. ⑤ Keep the line thickness consistent. Anyone who has stepped on the pit knows that when we zoom in and draw a line and then zoom out, the original line will also become thinner. Therefore, in order to avoid this situation from happening later, we also need to use the above grid to prepare it in advance. Layout, there is no need to zoom in or out later. (20201023 Icon Copy RoundFour, By @ Dandan) The above is a summary of some experiences of Dandan Hua’s MBE illustrations. Finally, here is the fourth copying picture and a small summary mind map. (Small summary mind map By @ Dandan) Progress is produced through continuous practice. Let's paint. Related articles: Summary丨How can I learn to draw in half a month through self-study with zero basic knowledge? The Application of Illustrations in APP Design Nowadays, the number of APPs is increasing, and their production is becoming more and more exquisite. Various APPs want to be able to distinguish themselves from other APPs in design, so as to better attract users' attention and use illustrations. It is undoubtedly a good choice to use it in APP. A lot of illustrations are used in the AppStore "Today" of iOS11, which brings a new experience to users. 1. Why should I use illustrations in APP? To increase the visual impact, it can be summed up in two words "amazing". For example, in the "walkup" APP, every page uses illustrations and is extremely beautifully designed. Add interest so that the page does not appear monotonous and boring. An obvious example is the empty page and error page in the APP. For example, when Taobao is offline, displaying a cute illustration is more attractive than simply displaying text. It feels much better and can reduce the user's anxiety as much as possible. It carries more information and is more intuitive. This is more obvious in the icons. For example, Baidu Nuomi's classification icon adopts a realistic style, which makes it feel more intuitive. Meeting the emotional needs of users and designing with emotion is well reflected in keep. During the Chinese Valentine’s Day that just passed, keep turned the running route pink and paired it with a dog. Chinese Valentine’s Day is still here People who run are most likely single, which is self-evident. 2. Several types of illustrations that are currently popular and their characteristics: flat illustrations, texture illustrations, hand-drawn illustrations, MBE illustrations (a master in dribble created this style, so it is called MBE style illustrations), gradient illustrations (sometimes also called shimmer illustrations), three-dimensional illustrations Illustrations (also called 2.5D illustrations) Stroke Illustrations Here are examples of various illustrations. All examples are from dribble. Flat illustrations: Flat illustrations are characterized by being flat, concise and clear. Flat illustrations are very popular and the most commonly used style. Texture illustrations: I think texture illustrations are also a type of flat illustrations, but at the end, graininess should be added. Texture illustrations The most obvious feature is probably the texture, and the relationship between light and shadow is better expressed. Hand-drawn illustrations: I think this is the most difficult type, and it also requires the most artistic skills from the designer. The hand-drawn style has a wide range of applications and can display many things. The designer's work below is full of childlike interest and as beautiful as a dream. MBE illustrations: simple, round and cute. Gradient illustration: A very beautiful style. Generally, similar colors are used in the use of colors, and there should not be too many types of colors. Three-dimensional illustrations: As you can see from the name, the biggest feature of this type of illustrations is that they are three-dimensional and can express three-dimensional things in a two-dimensional space. Stroke illustrations: In addition to using shapes, you also need to use strokes, which can abstract things very well. MBE illustration: For icons in the kitchen, MBE style is very suitable for making icon gradient illustrations and three-dimensional illustrations: pull hooks.
We talk about these two together because many times an illustration contains these two styles. (Used in banners and topics) Stroke illustrations: Pinduoduo, NetEase Cloud Music (Used in icons and startup pages) To summarize: Illustrations are suitable for use on startup pages, banners, topics, refreshes, icons, pop-up frames, and backgrounds in APPs. Pictures etc. How many styles of illustrations are there?
How many styles of illustrations are there? There are many styles of illustrations, which can be roughly divided into flat style, MBE style, gradient style, vector illustration, 2.5D style, graffiti and line drawing style, Forest style, healing style, watercolor style, dark style, picture book style, noise texture style, etc. Below is only a brief introduction to these styles of illustrations.
Here I would also like to recommend "Light Lesson" to everyone. There are many painting tutorials, painting materials, and professional painting courses on this website. Friends who learn painting can find many useful paintings on it. Learning resources!
The style characteristics of flat style illustrations are simple, light, and neat. Flat style illustrations are mainly composed of color blocks, with geometric shapes, smooth outer contours, and diverse visual expressions. They can be friendly or rigorous. Therefore, flat style illustrations are widely used in various fields.
Gradient style: Gradient style Gradient illustration style was first introduced by foreign designers. This kind of illustration color will be more vivid.
MBE style: This style of illustration has gradually evolved in the flat trend. It is more rounded, cute, cute and simple, and its iconic character is MBE, a designer from Paris, France.
Vector illustration: Vector illustration is a kind of vector illustration. It uses straight lines and curves to describe graphics, which gives people a sense of color collision and trend.
2.5D style: 2.5D style illustrations have a particularly strong sense of three-dimensionality and space. Simply understood, they are two-dimensional images with 3D effects.
Forest style: Forest style illustrations have the characteristics of watercolor overlay, beauty, small clarity, and elegance. The attitude towards life represented by the forest style is advocating nature, comfort, and returning to nature; the attitude towards life is adaptable to the situation. ; Loves wandering; rejects consumerism; pursues a simple and direct attitude towards life.
Healing style: The overall healing illustration style gives people a warm feeling, the painting style is relatively soft and the atmosphere is strong.
Dark style: The overall illustration style is darker, with a sense of fighting reality and deformation and distortion
The above styles are the more popular styles of illustrations now. I hope they can help everyone.