Logo special training camp section III initial creative techniques

One 、 Looking for inspiration

The first letter Logo It is suggested to go straight to “ Petals net ” Looking for inspiration .

such as , We're going to make one M At the beginning Logo, Open the petal net , Search for “M Logo”. There will be a lot of Logo.

You can find inspiration here .

Here are a few for you to watch and learn ：

Two letter combination ：

What areas ？

Case study ：

From the perspective of graphics , McDonald's is more concrete , The old man of KFC does not have the brand characteristics of image .

Two 、 Appreciation of performance techniques

（1）

（2）

（3）

（4）

（5）

（6）

（7）

（8） Even writing and broken limbs

3、 ... and 、 Case practice

（1） Case a

Yiqiao culture , With Q、I Design with the first letter .

Method 1 Merge on the edge

① First write out the possible combinations

All caps , All lowercase , And case blending .

If there is no thought , Just open the petal net , To find inspiration , Learn from others . At first, I don't recommend creating by myself .

② Use similar strokes to design a continuous stroke

③ operation

<1> We definitely can't knock directly I and Q Up , First draw a circle .

Choose “ Ellipse tool ”, Hold down Shift Key draw a circle .

Change to stroke mode , Don't be too thick , Will appear bulky .

So we can get a circle .

<2> A little more , become Q

Find the line tool .

Draw one to the right of the circle “ spot ”.

Change the flat corners into rounded corners .

Change to rounded corner .

Take a look at the effect ：

There is another way to turn it into a rounded corner .

First turn on the basic functions ： window –> work area –> Basic function

Choose “ Stroke ”.（ Remember to point to the straight line just drawn , Is to select it , To trigger the corresponding property bar on the right – Stroke ）

take “ Endpoint ” Change to the second “ Round corners ”.

<3> stay Q Cut off the left side of

How to cut ？

Find the pen tool .

First use the little white tool to select Q, Show the path .

The path appears , Mark with pen tool later .

Then use the pen tool to disconnect it where you want to cut it .

such as , Let's order two points in these two places （ Be sure to point on the path ）.

Then use the little white tool to select the area of these two points .

Press Delete Key to delete this path .

You can use a small white tool to pull this tracing point , Stretch upwards .

<4> Draw a dot

Find the Ellipse Tool .

Hold down Shift Draw a circle .

Then change its attribute to “ fill ”.

Then you can get a circle .

Last , Move the whole slightly , Make the whole more beautiful .

<5> Optimize

How to make it more beautiful ？

We do this .

Put that point ,Ctrl+C, then Ctrl+B.

Then on the next line , Add a white stroke .

This can have a disconnection effect , It looks more breathable .

such , When you give the customer copy information , It can be described as opening key ： Open a bright future .

<6> Just move the remaining text over

The way of text arrangement and text design will be discussed later .

Two things to note here ,“YI QIAO” It needs to be highlighted .

“ Yiqiao culture ” It also needs to be designed , I'll show you later .

Here we are , take “A” and “R” Disconnected .

How to disconnect ？ Teach you A Ha .

Use a word tool to type out a A.

Then use the pen tool , take A The middle one covers .

And fill it in white .

Then draw a horizontal line with a rectangular tool on the lower side , Fill in black .

R It's the same thing .

Draw a rectangle , Fill where it needs to be disconnected .

Change the color to white .

Method 2 They run through each other

What is mutual penetration ？

Not on the edge of the current drawing , But in the middle .

<1> Also draw a circle first , Use stroke mode

<2> Use the rectangle tool in the middle （ Fill, don't stroke ） Draw a vertical line and a dot

<3> In order to reflect Q, You can disconnect a part of the circle on the right

Use the pen tool to select a part （ The part you want to delete ）.

Be sure to use the pen tool in the path state ！（ The path status can be called out by selecting the overall graph with a small white tool ）

Then use a little white tool , Select this area , Press Delete Key delete .

<4> Connect

Click on the bottom anchor with the pen tool , Then click another one below the slope .

You can pull out a point .

Some little friends , There may be such a problem , What about the lines after clicking with the pen tool ？

That's what happened .

It's very simple , Do you want to continue using the pen tool , You can click any tool on the left to eliminate . Or press and hold Alt key , Click on the blank space .

Again , I feel a little empty above , We can follow the same method .

Use the pen tool , Click on the top anchor , And click another one not far away .

Last , What it looks like .

<5> They run through each other , The two letters should be superimposed , But now these two letters are connected , Not completely disconnected .

Let's put the i The vertical line of .

then Ctrl+Shift+] Put on top .

Ctrl+C then Ctrl+B.

After pasting , Add a white stroke to the following .

Then there is such an effect ：

Use the little black tool to select all .

Contour tracing ：

The effect is like this ：

Then split it ：

Right click to cancel grouping ：

Select the unwanted part , then Delete Delete it .

Here we delete some .

Then this place is filled with black .

Select this place , Then use a small straw to suck black .

Finally, this effect is achieved ：

Move the text , Later, I will teach you how to modify .

Option three Chain link

We can transform the first case , Add some details .

First select the whole , Make it thinner .

Then draw a concentric circle .

Then make some changes in these places .

Q That point , A little stiff , We can make it more Q One o'clock .

Cut it out first , Draw a curved line with a pen tool .

And then modify it , Change it to a suitable level .

Finally, add words .

Method four Stereoscopic perspective

What we do above is flat , Let's draw a square , It's also Q.

Use the rectangle tool , Draw a rectangle that only needs tracing .

Then use the rectangle tool , Draw a rectangle , Fill in white .

Put it on the top , Make the effect of disconnection .

And then right-click “ tilt ”.

This angle of inclination is under your control .

Then add another stroke .

Just use a pen tool to draw .

Because it is an angular perspective , We don't need to be parallel .

You can change the angle of the rectangle a little .

We select this rectangle and the white rectangle we used to truncate , Put them on the top （Ctrl+Shift+]） Then to the rectangle Ctrl+C–>Ctrl+B.

Add a white stroke to the later copied rectangle .

Then the effect ：

Select the whole .

Conduct “ Contour stroke ”.

then “ Division ”.

Right click “ Ungroup ”.

Fill both sides with black .

Directly select these two areas , Just suck black with a small straw tool .

That's the effect ：

Then merge . Is to merge the fragmentary segmentation just now .

A rectangle , One point is one piece .

Then select the rectangle , Fill in a gradient .

Double click the small circle , Then click on this horizontal bar , choice RGB Pattern .

Click on a Burgundy .

The left color block can also adjust the color , Find a similar color .

Then use the gradient tool to adjust .

Follow the same method , hold Q A point of , Also change to gradient .

Be careful ：

1、 Two disconnects , The effect is to reflect i The point of .

2、 The whole is Q The effect of .

3、 Because of rough drawing , Didn't grasp the details , The whole is not so beautiful , You can adjust yourself .

（2） Case 2

NAVER ART

With N、A Make a double letter combination LOGO.

Method 1 Edge penetration

① First write out the combinations you can write

All capitals , All lowercase , Case combination .

② Contact what you saw before

Remove one of the same strokes , Amputation .

③ Choose a font with serif

Knowledge supplement ： Serif and non serif

From the font structure can be divided into serif and non serif .

<1> Serif （ For example, Song typeface ）：

Writing strokes , Horizontal thin vertical thick .

On the edge of the text stroke , There are small corners .

<2> sans-serif

Obviously , Horizontal is horizontal , Vertical is vertical .

<3> When to use ？

According to the brand meaning and Logo Style to determine .

delicate 、 Chinese style 、 Restoring ancient ways ： Generally use serif font , Non serif can also , But the font should be thin .

The compasses , School 、 Enterprises 、 Technology 、 Sports, etc. ： General non serif body .

Here we choose such serif fonts .

④ Production methods

<1> We will directly a Put it in n upper

Currently, it is in consolidated status , We will select as a whole , And then right-click “ Create a profile ”.

Then select , Right click “ Ungroup ”.

Direct will a Move to n On top of .

<2> erase n The edge of

Yes a Conduct Ctrl+C–>Ctrl+B.

Then add white stroke .

Find the eraser tool .

Be careful , In English ,[ Key reduction ,] Key zoom eraser .

We erase directly n The superfluous part of .

Be careful , To be in “ Choose n Under the circumstances ” Use an eraser .

So you don't have to worry about rubbing a 了 .

The effect of final erasure ：

<3> Embellishment

The above is a little simple , We can add a badge to it .

badge ： Use a closed loop , Wrap the whole .

First the na Lock it （Ctrl+2）.

Hold down Shift Key draw a positive circle . Unfill , Directly convert to stroke .

Next, choose the path text tool .

Put the mouse on the path just drawn .

Click on the , You can type .

Then we can change the direction of these words by rotating .

Use small black tools , Drag and drop .

then Ctrl+Alt+2 Cancel na Lock in .

Resize and space .

Next we draw a circle , Just like the operation just now .

First draw a circle , Unfill , Then use the path text tool to click on the path , take STUDIO Knock it up .

Then use small black tools , Pull this wire into the loop .

Pull the font into the circle , Then rotate , Adjust to the lower center .

Now the whole is like this .

A little free , We can be on the left and right , Add some decorations , Like the pentagram 、 line 、 loops .

Now let's add stars .

Painted on both sides .

Then add lines .

Draw a circle , Unfill , Just black stroke .

Give it “ Contour stroke ”.

Then erase the unwanted parts .

remember , Cannot erase at will , First disconnect and then erase .

It's easy to erase all the paths , For your convenience , Look at the operation below ：

What I do here is not very standard , More on that later .

Finally, we move the little star , Reach a relatively beautiful angle .

Finally, take a look at the overall effect ：

Method 2 Internal penetration

Method 1 above , It is to penetrate the edge of the text .

We can also penetrate the inside of the text .

① Ideas

How to penetrate ？ Here we still use lowercase n and a.

a discharge n Inside , still n discharge a Inside ？

obvious , Should put the a Put it in n Inside ,n There's a lot of space , hold a It won't damage n Recognition of .

and a There are many internal structures , hold n Put it in , It may cause a The recognition of is fuzzy .

② Practice

How do you do that ？

We can use “ Rounded rectangle tool ” Draw a similar n Shell .

Don't fill , To stroke ！

You can press this point , To adjust the corner radian .

Use the pen tool , Point a point in the middle below （ Be sure to click on the path ）.

Then use a little white tool , Select this point , Press Delete Key delete .

Let the stroke become “ Round corners ”.

Little white tools , Hold down the left mouse button , Drag and drop , Select two points .

Then move up a little .

Then use the line segment tool , Draw a vertical line .

Then draw a circle .

Click the rightmost point with a small white tool , Press Delete.

Is to cut off the right , Into a semicircle .

Then select these tracing points , Move a little to the left .

Final effect ：

No detailed work , You can do the details better .

Method 3 superposition

① Ideas

We will A Capitalization .

If you remove the middle cross , There is still recognition .

that , If it's more complicated .

for instance , When we just made small circles , Is to copy the outer contour again .

Is this ok ？

Certainly , When introducing two letter combinations , Let me show you a case .

A triangle , Combine multiple lines .

namely , hold A Copy the edge line of .

② Practice

We can draw directly with pen tool .

First draw the right .

Then make it bold .

Draw the left side .

If your corners are sharp , Remember to change the corner to “ Round corners ”.

Then we copy one （ Select the original graphic , Hold down Alt You can copy quickly without releasing the key ）.

Flip the copied horizontally .

Right click –> Transformation –> symmetry .

Flip vertically .

Use the small white tool to select several tracing points on the right , Press Delete Key to delete them .

Why delete the one on the right ？

Because we need to make the left and right sides symmetrical .

Then delete this horizontal line （ Also use the little white tool to select this trace point , Press Delete Key delete ）.

Drag the slash on the left to the right .

In order to show N, We need to copy it again .

Then use the pen tool , Connect both ends .

Finally, draw another horizontal （ Or use the pen tool ）.

In form , Like a building block , There are many meanings .

Then we can copy the badge made by method 1 , The overall effect is like this ：

Four 、 Add

ad locum , Add a few tips .

The words we typed , It cannot be edited directly , We need to convert to “ Vector graphics ”.

How to make the typed text editable ？

（1） Shortcut key

Ctrl+Shift+O Directly convert to vector graphics , Editing .

（2） Right click “ Create a profile ”–> Right click “ Ungroup ”