In some simple text deformation designs, we can often see the following similar designs, the text or texture fluctuates, or the text can change with the change of modeling.
This design needs a core function-AI envelope distortion.
We can use this function to turn words into complex shapes we want.
First, the envelope is twisted.
Step 1:
Enter-Select-Envelope Distortion from the Object menu in AI.
(One ***3 options)
1. Create with deformation: there will be some preset deformation states, and the parameters can be adjusted.
2. Create with grid: the grid is evenly distributed on the text, and the grid anchor points are adjusted to achieve the purpose of text deformation. You can set the number of grids.
3. Create with top-level objects: draw a graph above the text, select the text and graph to execute this command, and the text will be deformed and changed according to the drawn graph.
Second, Halloween cards
Halloween keywords: pumpkin, ghost, night, moon, bat, cemetery.
Pick some of them as elements in the card.
Step 1:
Draw the background color and background color of the card with the shape tool and pen tool.
Step two:
After drawing a rounded rectangle, add an anchor point between the top and bottom and move the anchor point to the center. By modifying the radius of fillet, the shape is more rounded and the pumpkin shape is obtained.
Step 3:
Draw the texture and facial features of pumpkin with pen drawing.
Step 4:
Draw a ghost shape with pen and ink. If the angle of the anchor point is not smooth, you can use the smoothing tool to smooth it.
Step five:
In order to make the sky not monotonous, add some clouds, draw an ellipse, and then use the folding tool to make the oval clouds irregular.
Step 6:
Add text so that the arrangement of the text is similar to the width of the ghost shape. Make another backup.
Step 7:
Divide the ghost into pieces with carving tools and divide it from the gaps between lines.
Step 8:
Put the segmented color block on the upper layer of the text, select the color block together with the text, and deform-create the envelope with the top-level object.
Every line of text is composed like this.
Step 9:
Shrink the whole text and use the white gadget to move the anchor point in the envelope to modify the shape of the text.
Put the ghost backed up before under the text.
Step 10:
Expand the text, and then modify the color.
Molding diagram:
Want to learn interesting AI skills together: Illustrator video tutorial that designers must learn, AI software from entry to mastery?
Seven common Chinese font design skills
Seven common Chinese font design skills
With the advent of the graphic age, the relationship between characters and graphics plays an important role in the design field. When practicing font design, find representative fonts to do. Practicing representative fonts can not only stimulate your creativity, but also improve your thinking ability. After artistic design, characters can become situational and visual, and enhance the language effect, which plays a great role in improving the quality of page design and visual expression. Below I have compiled seven common Chinese font design skills for you, hoping to help you!
What is a representative font?
For example, you will associate time with clocks, conversations with telephone calls, and love with your heart. When you think of these representative words, remember that you can't put the graphics such as clocks and watches directly in the font, so it has no design significance. You should skillfully combine graphics with fonts.
form of a Chinese character
Through artistic design, the characters can become situational and visual, strengthen the language effect, and become visual symbols with certain characteristics and tendencies. The most basic principle of font design is to be easy to identify while pursuing font changes.
Characteristics of font change: (hard)-strong, firm, strong, heavy, tough and fierce. These fonts have outstanding momentum, obvious visual impact, strong personality and clear rhythm. They can be used to achieve strong confidence and courage, show cohesion and appeal, and give people a visual shock. Because of its tension, this glyph is often used in exciting and adventurous situations, such as sports activities, extreme sports themes and war and disaster movie posters.
Although the creative design of fonts is relatively free, it is necessary to maintain the unity between words. In the design of a set of fonts, it is necessary to maintain a unified change law, otherwise it will cause a sense of clutter.
Font change characteristics: (Soft)-Soft, slender, elegant, close, gentle and elegant fonts are suitable for expressing delicate emotions, such as emotional design theme, female design theme, public welfare design theme and so on. Through soft curve murals, we can show ourselves to a greater extent, and form emotional voices of people and words through visual feelings to achieve the best results.
Characteristics of font changes: (old)-serious, regular, formal, neutral, regular, traditional, simple and nostalgic, which are common in brand fonts, giving people full and full trust and persuasiveness, maintaining regular font form, moderately trimming strokes inside fonts, seeking breakthroughs in rigor and innovation in rules.
Several methods and skills of font deformation
Instead of * * *, use overlapping sharp corners and broken fingers to connect random handwritten curves.
substitution method
The alternative method is to add different graphic elements or text elements to the unified text elements. Its essence is to replace a part or stroke of a font with an image according to the content and meaning of the text. These images are either realistic or exaggerated. The replacement part of the text is the exposure of the connotation of the text, which increases the artistic appeal in image and meaning.
Acute angle method
Turn the corner of a word into a straight point, a curved point, an oblique point and a curved point; It can be a vertical angle or a horizontal angle, so that the text will look tough.
Finger amputation
Break off some sealed words properly, or cut off the left or right side. The key point is to cut off the limb properly under the condition of identification, so as to reflect his distinctive characteristics.
Staggered placement method
Change the left and right to upper left and lower left, up and down, or diagonally, that is, one side is high and the other side is low, so the words are arranged randomly.
Founder's method
Change the bend of all words to horizontal, vertical and square. Its own characteristics are concise and distinct, easy to design, and helpful to be familiar with the font structure.
Horizontal thin vertical thick method
It can be said to be an alternative method, which is formed by alternating vertical or horizontal lines or folds with other opposites. Simplifying strokes and adding personal feelings and life flavor to fonts can create directions accurately and design fonts that suit you.
Casual handwriting
The original handwriting always gives people a cordial feeling. "Those Years" recalls the lush years of the campus period. Every stroke of handwriting can't be copied, and every stroke is touching.
Problems to be avoided in font deformation
Readability, recognition ability, application environment of scapula structure
In font design, many design projects need to be rigorous and meticulous. Designers must carefully scrutinize and try every change and choose the most appropriate expression. Only in this way can each stroke fit the font and conform to the spatial law of the whole group of words.
Graphics drawing software can help us complete various tasks such as fillet, symmetry, inclination, equidistant distribution, intersection subtraction and so on.
Also have the ability to outline and stroke fonts, and quickly use basic font deformation.
As far as possible to ensure the readability of the text, and ultimately commercial design, taking into account the cultural background and graphic recognition ability of most people.
To complete font deformation, you can enter details in several steps.
At this time, you can refer to the bookshelf structure similar to excellent fonts and adjust the stroke distribution and center of gravity balance of each word.
After choosing the style trend of the font, the font is visually combed accordingly.
For example: the spacing between words, the spacing between strokes, the inclination angle of the whole glyph, the rounded corners in special places and so on.
Let the whole font have a consistent rule in it.
Master the scapular structure of fonts to avoid problems such as different sizes, uneven distribution and uneven strokes.
Unified application of strokes, inclinations and other rules. In view of the interesting font form, graphic elements are added to enrich the font itself.
At the same time, it has the display effect in different sizes, and the strokes are deleted and the spacing is adjusted. In the design process, we should try to avoid ensuring the readability of the text. Commercial design should take into account the cultural background and graphic recognition ability of most people. There is also the application environment in the process of text deformation.
The basic method of 10 variant art font design
As visual designers, do we often encounter this kind of problem?
In fact, sometimes solving this problem is very simple. You only need to handle fonts correctly, and the world may be different.
The overall feeling of the picture is related to many factors, such as color, small details and so on. These are all important factors that affect the feeling of the picture. There have been many articles about the creation of atmosphere, so I won't say much here. This time, let's take a look at the magic of variant calligraphy design.
Next, let's take a look at the wonders of variant calligraphy. First of all, let's look at the early font classification.
The earliest fonts were divided into two categories: movable type fonts and art fonts. Movable type font is the earliest printing font, and art font is all fonts (including bold, song style, calligraphy style and variants) that we are exposed to at present.
Variant calligraphy is a kind of fine arts fonts, which is derived from basic fonts such as Songti, Bold and Calligraphy. It can be bold, song style, calligraphy, or a combination of two or three of them.
With the development of fonts, there are many fonts for variant characters. For example, specialized font design companies such as Typework Workshop, Founder, Hanyi, Wen Ding, Mona, etc. already have many fonts for variant characters.
Note: Calligraphy requires high cultural background, and few people really master it. It often appears in the form of copying someone's calligraphy style.
There are three mountains for us to climb in variant calligraphy, namely, categories, basic strokes and modeling, creation and transformation. Whether you want to know or create variant artistic figures, this is the most basic tool to open the door of variant artistic figures.
From the above, we know that variant artistic characters come from basic fonts such as Song, Bold and Calligraphy, so its categories naturally come from these basic fonts, which can be roughly divided into four categories: Bold Variant, Song Variant, Mixed Variant and Calligraphy Variant.
Stroke is the smallest unit of a person and the core of variant design. We start with the basic strokes and strokes of Chinese characters to understand variant characters.
1. Basic strokes of Chinese characters
The basic strokes of Chinese characters are the eight strokes of the word "Yong", which is based on the eight strokes of the word "Yong". Practicing regular script is a skill of ancient calligraphers. Because each stroke of the word "Yong" has its own characteristics and echoes each other, it can be used as a standard to judge the level of regular script and the basic standard to judge a font.
The eight strokes here can be organized together to generate new strokes, as shown below: horizontal hook, horizontal hook, horizontal hook, vertical hook, horizontal hook, vertical hook and vertical hook are all derived from the basic strokes.
2. Stroke shape of Chinese characters
The stroke form of Chinese characters mainly refers to the characteristics of strokes at the beginning, ending and folding. There are four kinds: square, pointed, round and curved. The curve is very special. His strokes can be "square, sharp and round", but his stroke structure is bound to be distorted. It is very important to learn to distinguish the stroke shape of Chinese characters for "seeing" or "creating" variant characters in the future.
Note: Don't be misled by the characteristics of some strokes. To make it easier to understand, give an example in English.
Learn more about variant artistic characters from the basic strokes and stroke shapes of Chinese characters.
1. Variant words like bold (the most common type)
In order to better display the basic strokes and stroke shapes of variant characters such as bold, subclasses are transformed into tables, all of which are represented by the word "forever". The word "forever" here is made up of the most common stroke shapes, and the dimension of "thickness" is added to the subcategory of stroke shapes, because the thickness of the font will directly affect people's feelings and understanding of the font.
The first subclass of variants such as bold:
Bold variant-the basic strokes and the most common strokes of Fang;
The division between basic strokes and strokes —— Changing the visual expression of "Fang"
We know that the word "forever" shown in the above picture is the most common stroke shape, and we can change the expression of "square" by some visual methods, such as tilting, rotating, cutting and so on. After the change, you can get many new stroke shapes (take the stroke "pen" as an example), such as:
The basic variant of "Fang"
It is precisely because of these differences that many basic variants have emerged (taking the word "Yong" as an example), as follows:
Variants of "Fang":
Stroke thickness of "Fang"
It is worth noting that different characters have different impressions, especially taking "Fang" as an example, as follows:
Let's take an example to digest it (changing the font feels the world is different):
The second subclass of variant words such as bold type.
Bold characters-------------------------------------------the basic strokes and the most traditional stroke shapes.
Differences between Basic Stroke and Stroke Form —— Changing the Visual Expression of "Sharp"
The principle and practice have been explained above, so I won't say much. Just look at many new stroke shapes obtained after the change (take the stroke "Shu" as an example):
The basic variant of "Jian"
Most of the basic variants of "Jane" are slightly deformed from "Fang" (taking "Yong" as an example). We often use only a few strokes on the "sword", such as:
Variant font of "Jane"
Similarly, the variant characters of "Jane" also have fonts, but the fonts of "Jane" are few, as follows:
Stroke thickness of "pen tip"
Because the stroke changes of "sharp" thin-body characters are too subtle, they rarely appear in font expression, so this kind of characters give people the impression that they are mainly thick "sharp", in fact, they increase the impulse and stimulation on the basis of thick "square".
Let's take an example to digest:
The third subclass of variant forms such as bold.
Bold variant-the basic stroke and the most conventional stroke shape of "circle"
Differences between Basic Stroke and Stroke Shape —— Changing the Visual Representation of "Circle"
Similarly, directly look at many new stroke shapes obtained after the change (taking the stroke "pen" as an example):
Basic Variants of "Circle": Font and Font
Due to the differences in stroke shapes, the variant characters of "circle" also produce basic glyphs and fonts, as follows):
Stroke thickness of "circle"
In the category of "circle", the difference of font thickness, except for the feeling presented by the thickness itself, gives people the impression that there is little difference, but the thickness is obvious, as follows:
Let's take an example to digest:
The fourth subclass of variant forms such as bold.
Bold characters-the basic strokes and the most common stroke shapes of curves.
Differences between Basic Stroke and Stroke Form —— Changing the Visual Expression of "Curve"
Similarly, directly look at many new stroke shapes obtained after the change (taking the stroke "pen" as an example):
Basic Variants of Curve: Font and Font
Due to the differences in stroke shapes, the variant characters of "curve" also produce basic glyphs and fonts, as follows:
Line thickness of "curve"
The "curve" itself is quite special. In the category of "curve", the impression given by fonts has little to do with thickness. Basically give people the following feeling:
Let's take an example to digest:
The following is a collection table of all the basic strokes and the most common stroke shapes of the first category-bold variant art words. Remembering this basic table will have a miraculous effect on future design work.
Special emphasis: please remember these three points.
Now, after seeing the following font designs, do you suddenly realize?
2. Song variant
Variants of Song Dynasty-the basic strokes and the most conventional stroke shapes of "square, sharp, round and curved"
Let's look directly at all the basic strokes and the most common stroke shapes, instead of showing each subcategory here. These stroke shapes seem to be Song-style variant words:
Differentiation between Basic Stroke and Stroke Form —— Changing the visual expression of "square, sharp, round and curved"
Look directly at the changed new stroke shape (taking the stroke "pen" as an example);
Basic Variants of "Square, Point, Circle and Curve": Font and Font
Similarly, due to the differences in the shapes of strokes, Song-ti variant forms have also produced basic glyphs and fonts, as follows:
Stroke thickness of "square, point, circle and curve"
In this category, the impression of the font has little to do with the thickness, and the thick is thicker and the thin is lighter.
Let's take an example to digest:
3. Mixed variant characters
As the name implies, blending is the intersection of bold and song style, and the blending place is mainly the beginning, end or folding of strokes. (it can also be understood that the type you can't judge is a mixture. )
As follows, look at an example and you will understand it better.
I won't mention the categories one by one. The method and process of analysis are the same as those of bold variant and song variant. I only tell you what to pay attention to when mixing variant characters, and I believe you can understand it yourself.
4. Calligraphy variants
Calligraphy requires a high cultural background, and few people really master it. It often appears in the form of copying calligraphy, usually someone's calligraphy style and so on.
After understanding the categories, basic strokes and stroke shapes of variant calligraphy, let's see how to make it more distinctive.
This step is to create strokes or change the stroke details of the font on the basis of the original strokes. Here, we introduce four ways to create strokes and six ways to change the details of existing strokes.
Please pay attention to these two points before creating and transforming. If you don't understand these two points, your visual effect will be useless no matter how good it is.
The following are the basic methods of 10 to be introduced this time, which can be used alone or in combination.
Of course, the arrangement of fonts is also very important in this process. What kind of layout is more comfortable and suitable for your product needs your own consideration.
1. Four methods of stroke creation
The first type-rectangular word-making method (three steps)
To make it easier to understand, let me show you the word "forever":
It should be noted that what I'm telling you here is only the method of font design to help you avoid detours. You can't make it in one step. The style changes on the side need to be accumulated slowly, and you need to find out where the details should be adjusted.
Let's do a practical exercise:
The second method-stroke method (four steps)
To make it easier to understand, let me show you the word "forever":
The outline of strokes is not only based on the original glyphs, but with the increase of experience, your ability to control glyphs will be improved, and you can slowly outline some special glyphs.
Let's do a practical exercise:
The third kind-pictographic method (four steps)
To make it easier to understand, let me show you the word "forever":
There are many things in life, he won't move there, but sometimes he won't notice it after countless times. Some handwritten fonts also come from this. Pay more attention, and you will find the world wonderful.
Let's do a practical exercise:
The fourth-using western languages (four steps)
To make it easier to understand, let me show you the word "forever":
Remember, what you extract is the characteristics of strokes, and where to use them is up to you, and it doesn't need to be the same as the original English font strokes.
2. Six methods of stroke details
The first method-finger-breaking method (three steps)
Note: the broken place is generally at the beginning and folding of the stroke. Don't break it unless you are an old hand. After disconnection, the shapes of strokes (point, square, circle and curve) should remain consistent.
Let's do a practical exercise:
The second method-substitution method (three steps)
Note: Figures can be replaced by radicals and strokes, and it is best to replace only one figure in a text. As for which part to replace, you can experience it slowly.
Let's do a practical exercise:
The third method-Lianbi method (three steps)
Note: Some words are combined, and the Lian Bi between words is smooth, but most of the time you need to create your own connection opportunities. The premise of this is that you need to create character strokes first, so as to connect them well.
Let's do a practical exercise:
The fourth method-acute angle method (three steps)
Note: In the process of changing the sharp corner, we need to pay attention to the angle of the sharp corner, the intuitive expression of the stroke shape after changing the sharp corner, and the proportional relationship between strokes. After the stroke shape changes, it is necessary to adjust its height and position.
Let's do a practical exercise:
The fifth method-stretching method (three steps, including whole stretching and single point stretching)
Note: whether it is a whole pull-up or a single pull-up, be careful not to disturb the direction of the original stroke when stretching. As for the position and length of stretching, you need to judge according to a series of words you have to do.
Let's do a practical exercise:
The sixth method-leaf rolling method (three steps)
This can also be said to be an alternative method, which may be symbolic, and many designers regard it as a method.
This is the basic method of 10 creation and transformation:
Variant calligraphy ends here, and finally emphasizes these four points:
Like many designs, the design of variant calligraphy is not achieved overnight. This article can only help you know more about variant calligraphy. To come up with a good finished product, we must read more books (broaden our horizons), practice more (work at hand), think more (reflection and summary), persist more (firm determination) and pay more attention to life (source of inspiration).
Font design is a very detailed and complicated subject, and I have only dabbled in it. There are still too many things to explore. I hope I can add it slowly with you in the future.
Not much to say, interested friends to practice.