MAKE LOGO

Well, it's time for us to get straight to it, first we will try to make an example of the
" Roberto Revilla " brand logo . Do you know what brand this is? This is a brand
of clothing, the official website is here .

Logo Roberto Revilla. src: https://www.logo-designer.co/friends-rebrands-bespoke-menswear-fashion-tailor-roberto-

revilla/

We chose this logo not because we want to promote it, but because it's easy for
beginners hehehe.

If so, let's get started!

1|Page
Display when opening Illustrator.

Step 1

CTRL + N to create a new project or create a new worksheet or select

2|Page
Files > New. As for the size, it's up to you, here I am just an example of making a
Logo or just OK, no problem

Step 2

A worksheet like this will appear.

Worksheets in Illustrator.

Step 3

3|Page
Select the Ellipse Tool to create a circle.

Shape tools

Step 4

Make a circle on the worksheet like this, you can adjust the color of the circle as you
want by clicking the small box next to “Layers Eliipse 1”

4|Page
Make the first circle

Step 5

5|Page
Toolbar illustrator

We will give a Stroke effect or a line outside the circle, Can be seen at the top if it
has not been shown then how to bring it up with CTRL + F10 or click windows
looking for a stroke there will be a display like this

Giving stroke

Step 6

select " Rectangle tool " to outline the logo

6|Page
Shape tools

Like this the result

7|Page
The first result draws the center line

Step 7

8|Page
Create text

To make the text R, then we click the Tool "T" and select the "Type Tool" . For
font use arial or free because this is still learning.

Step 8

Make a mirror from the letter R

Create a mirror of the letter R that was previously created by double -clicking on the
text and then drawing a line until the letter changes direction.

Step 9

9|Page
Save as PDF

When finished, let's save it in pdf format, by clicking File ️Save as, if you want to
save as PNG or JPG just click File ️Export.

Finished! The ship logo is ready to use according to your needs!

10 | P a g e
Roberto Reville logo result

EXERCISE LOGO

Adidas logo

After we learned how to copy the Roberto Reville logo, now copy the adidas logo
and make your version of the adidas logo, eits but don't be too far from the original,
you'll be scolded by adidas xixixi. ️

11 | P a g e
Don't forget to upload your results on Google Classroom Commando — CCIT FTUI
design class!

 Author: Nico

FLAT ICON
1. Open Adobe Illustration and create a new paper by means of CTRL + N
and set the screen display as shown below

2. Give the background color using the Rectangle Tool (box) and drag until it
covers 1 paper that we use and color it with a free color.

12 | P a g e
3. After that we start to create the flat object. ok now click Eclipse Tool and make
4 circles. how to find the Eclipse Tool is to left click and hold the Rectangle
Tool. Don't forget to make a circle while pressing CTRL+ALT so that the circle is
made more neat.

13 | P a g e
4. I made two circles the same size and the other two larger. After that you stick like
this.

14 | P a g e
5. Already formed clouds? Yes, it's blom, it hasn't been cleaned up. Ok, next we
press the shape builder tool or press Shift+M.

15 | P a g e
16 | P a g e
6. We select all the circles we have and then click from the left end of your circle to
the right end of the circle, then release.

17 | P a g e
7. The result will be like this.

18 | P a g e
8. Now that the clouds have started to form, to make it even cooler, the corners of
the clouds will be neater. The trick is to click Pentool and click on the point that
I 'm showing you

19 | P a g e
9. The result will be like this.

20 | P a g e
So, the rest is up to you to edit what you want to do, it's up to you. Designers have to
be creative, basically.

21 | P a g e
Create a flower logo with adobe illustrator

Friends learning design, I will try to make a flower logo using adobe illustrator. Usually a logo with a
flower object is often requested by buyers for companies engaged in restaurants, agriculture, health,
hotels, etc. to take part in contests that are now rife on the internet, this technique is very often
used.

Alright friends, let's learn our design right away

Step 1

Open Adobe Illustrator

Create a worksheet on Ai by means of File > New > Ok

make a size with a size of 400 x 400 Pixel

22 | P a g e
Step 2

create an ellipse using the ellipse tool (L)

Step 3

right click the TRANSFORM object > ROTATE

23 | P a g e
Step 4

after exiting the ROTATE panel then set the ANGLE = 90, click COPY. then the object will be like the
following image.

Step 5

object block then right click ROTATE set again ANGLE = 45, click COPY.

Step 6

bring up the Pathfinder panel by means of WINDOW > PATHFINDER (checked)

then block the object > press the DIVIDE button on the pathfinder panel

Step 7

block object and then bring up the Offset Path panel by EFFECT > PATH > OFFSET PATH

set the panel, Offset = -1 (adjusted to the size of the object) > Ok

24 | P a g e
Step 8

then expand the object by clicking OBJECT > Expand Appearance

Step 9

right click object > ungroup. click the center of the flower using the Selection Tool (V) by pressing
the Shift+Alt keys to reduce it to like the image below.

Step 10

To create colors in Adobe Illustrator, of course, you have to prepare a panel first.
Window > Gradient and Swatches are checked and they will appear on the screen

25 | P a g e
Step 11

select the middle and ends of the flower then drag the colors in the Swatches panel yellow and light
green to the Gradient panel, use type Radial in the gradient panel

Step 12

select one by one on the flower part to change the green color as in the picture

Step 13

To create a company name using the auberge-script font , color the font like the steps above.

Step 14

create a leaf object using the Pen Tool as discussed in Adobe Illustrator Tool Introduction

Step 15

slide the leaf object as in the example

26 | P a g e
Step 16

give the same color to the font so it looks like a flower stalk

Hope it is useful

27 | P a g e
How To Create Trendy 3D Writing In Adobe
Illustrator
posted by , , 4 comments

In this tutorial, we will create a colorful 3D (three-dimensional) text design with Adobe Illustrator. You can use the 3D writing that we
will make later for your poster or advertising design needs or just for fun. Let's see how.

Step 1 - Create a New Document

Create new files in A4 paper size and RGB mode

28 | P a g e
Step 2 - Enter Posts
Decide what text you want to enter. In this tutorial, I will use the word "COLOR". Then enter the first letter first, namely C with the
RNS Baruta Black font. You can download the font file for free here. Downloads .

29 | P a g e
Open the Color panel (F6) then on the small menu in the right corner, select RGB color mode. Then in the bottom box enter the color
code 00B4D2 .

Step 3 - Convert to 3D shape

Masuk ke menu "Effect> 3D> Extrude & Bevel"

30 | P a g e
Set the Extrude & Bevel settings as in the example. Pay attention to the lighting position on the top left

Add a light, but this time put it in the lower right position with a Light Intensity setting of 70%

31 | P a g e
The result will be like this

32 | P a g e
Step 4 - Expand Appearance
Click the "Object> Expand Appearance>" menu to turn the text into a path object, so we can edit the surface.

The result will be like this

33 | P a g e
Step 5 - Draw two horizontal lines
On the tools menu on the left, select "Line Segment tool"

Hold down Shift then drag a line with the tool to create a perfectly straight line. Make sure the stroke settings are as below.

34 | P a g e
Press Alt+Shift while dragging and duplicating the line up. The result will be like this.

Open the Stroke panel, if it's not there, go to the "Window>Stroke" menu first to display it. Reduce the thickness of the bottom line to
0.5 pt.

35 | P a g e
Step 6 - Blend the two lines
Select the two lines then click the "Object> Blend> Make" menu

Then the two lines will be connected, click the "Object> Blend> Blend Options" menu. Use Spacing "Specified Steps". Arrange the
lines like this.

Then click "Object > Expand". Make sure the Expand setting is like the example, then click OK.
Repeat this step again ("Object > Expand") until the line looks like this. Remember, do Expand 2x yes.

36 | P a g e
Then click the "Object> Compound Path> Make" menu to turn the object into a compound path. Maybe the object then disappears
(read: without color), just fill it again with a free color.

Step 7 - Offset the front path of the letters

Click the "Direct Selection tool" (or its shortcut "A"), then click the front surface of the letter C. Then click "Object > Path > Offset
Path"

37 | P a g e
Set as an example

38 | P a g e
Press OK, after that, while the offset path is still active, press Ctrl+X to cut it. After that press Ctrl+F to paste the offset right in the
previous position. What is its function? This method is effective for separating the path with the entire path group of letter C.

After that, make sure the offset path is still active, then click "Object > Compound Path" (shortcut Ctrl + 8) to turn the path into a
compound path. Notice in the upper left corner, if it is true, then the path status has become Compound Path.

Step 8 - Intersect both compound paths

Back to the blend line earlier, click the line then Copy-Paste it over the letter C.

39 | P a g e
By holding down Shift, click the blend line and offset the path of step 7 (which has been converted into a compound path). After that
open the Pathfinder panel (Ctrl+Shift+F9) then select Intersect mode. If correct, it will look like the example below.

If there is a warning when clicking Intersect mode, it is possible that the two objects are not in compound path status. In order to
successfully truncate with Pathfinder, both object paths must be in compound path status.
Color the object of the lines with a color that is brighter than the color below.

40 | P a g e
Step 9 - Enter another letter
Enter the letter O with the RNS Baruta Black font earlier. After that select the menu "Type> Create Outline" to change the text into an
object path.

41 | P a g e
Copy the letter O, then paste in front with the shortcut Ctrl+F (not Ctrl+V) to place the paste just above the original path. Then press
Shift+Alt+shift to the center to shrink the circle.

Then select the two circles, open the Pathfinder panel (Ctrl+Shift+F9) then select the "Minus Front" mode

42 | P a g e
Step 10 - Repeat Steps 2 to 8
Repeat steps 2-8 until the composition of the letters COLOR is created. Vary the color and rotation of the 3D text. See examples.

Step 11 - Add background

Create a background using the Rectangle Tool.

43 | P a g e
Then right-click on the box, select "Arrange> Send to back" or the shortcut Ctrl+Shift+[

44 | P a g e
Step 12 - Color the background
Color the background with the Gradient tool. Click the tool and then click the background box to turn it into a black-and-white
gradient temporarily.

Open the Color (F6) and Gradient (Ctrl+F9) panels. In the Gradient panel, change the type to Radial.

45 | P a g e
Then in the gradation box below, change the 2 colors (which are shaped like ink sacs) like the example below... or according to your
taste :D
Click the white Gradient slider.

Then in the Color panel, click the menu in the upper right corner, select RGB.

46 | P a g e
Choose a bright color according to your taste. Maybe while the color gradation will look still not attractive.

Edit the black slider then. The process is the same when editing the white slider.

47 | P a g e
You can even add additional colors to make the gradation even more solid. The trick is to just click on the bottom side of the gradient
line in the Gradient panel, a new slider will automatically appear, and color it like the step above.

Lock the gradient background by pressing Ctrl+2. To unlock, just press Ctrl+Alt+2. Why is it locked? So that later when editing the
COLOR letter, the background doesn't have to be edited.

Step 13 - Add a little gloss to the letters

We're going to make a bit of a glossy effect on the text. With the Pen Tool, create a shape like the example in the upper one of the
text.

48 | P a g e
Then click the Direct Selection Tool on the surface of the letter. Similar to step 7,

Click the "Object> Path> Offset Path" menu, then Ctrl+X and Ctrl+F to paste the offset path above the letters. After that, press Ctrl+8
to change the path to Compound Path. Similarly, the shape that we created earlier became a compound path. Select both.

49 | P a g e
Then open the Pathfinder panel (Ctrl+Shift+F9). Select Intersect mode.

Click the Eyedropper tool (I) then click a bright color on the text to color the shape of the intersection earlier.

50 | P a g e
Step 14
Repeat step 13 for all letters.

51 | P a g e
Step 15 - Add light
We can add light effects around the text to give it a lively impression.
The trick is to make a box with a gradient color as described in Step 12. The difference now is that the gradient color must have
black on the outside.

52 | P a g e
Then in the top menu, click Opacity, then the transparency menu will appear, change the Normal mode to Screen. Now that gradient
has turned into light!

53 | P a g e
Copy and paste to some sides of the text to create an interesting glow effect. Don't forget to change the gradient color for a different
light color (don't change the black color, just the other color)

54 | P a g e
Step 16 - Add shadow
The final touch, so that this writing looks like it really floats, make a square shape with gradations once again. The middle color is a
slightly darker color (adjust to the background color) and the outer color is white.

On the top menu, click Opacity, then change the mode to Multiply. Then change the shape of the gradient into a rectangle, position it
under the text to form a shadow effect.

55 | P a g e
Step 17 - Develop
That's how to make 3D writing with Adobe Illustrator. Next, you can develop the above creations by using objects or other
writing. You can also add some other objects behind the text as an example. Go wild and good work!

56 | P a g e
57 | P a g e
How To Create A Cool Logo In Illustrator
by DUMET School | Oct 26, 2017 | Graphic Design , Illustrator , Tips and Tricks , Tools , Tutorials
This sunny afternoon starts our activities again and hopefully all are in good health. Still around the world of graphic design,
this time I will share a tutorial about Adobe Illustrator and more precisely about How to Create a Cool Logo in
Illustrator . There is one thing I would like to ask about the logo. Better in design software, what is logo making??? Well, the
best thing is to create a logo in Adobe Illustrator because in Adobe Illustrator it is vector-based, not pixel-based. If you already
have a vector file, then we enlarge or reduce the logo, then there will be no problem with the broken or blurry name.
We will try to practice how to make the logo, prepare a computer or laptop, then open Adobe Illustrator. Follow the steps How
to Create a Cool Logo in Illustrator below sequentially:
1. Create a new worksheet in A4 portrait size (21 x 29.7 cm). The trick is to go to the file menu > new > a new
document window appears > set the worksheet size to A4.

2. Create a circle using the ellipse tool with a diameter of 15 cm and a black stroke without fill. Then position it in the
middle of the worksheet.

3. Create a curved line using the pen tool > the line is made beyond the diameter of the circle.

58 | P a g e
4. Then we will duplicate the line. The way is to select the line > press enter > the move window appears > the horizontal
column is filled with 0 and the vertical column is filled -2 cm > copy . Then the line will be duplicated up.

5. Duplicate again 3x by selecting the line and then pressing Ctrl+D 3x .

59 | P a g e
6. Select the 5 lines then group > right click > transform > reflect > reflect window appears > click vertical column >
copy.

7. Select all line objects including circles > menu window > pathfinder > pathfinder window appears > click divide
icon > right click ungroup. So these lines produce new objects from the meeting point between the lines.

8. Remove (delete) the part marked in red.

60 | P a g e
9. Create two boxes using the rectangle tool. The first box is filled with blue and the stroke is white. The second box
is a magenta fill and a white stroke. This box will be used as a color sample later.

10. Select the object you want to color > click the eyedropper tool > click on the desired color box.

11. Repeat step no.10 to produce as shown below .

12. For colors that are close together and to make them look connected, try selecting them then go to the window
menu > pathfinder > unite. Like the example below which looks unified and is no longer divided.

61 | P a g e
13. Repeat step no.12 again so that later the colors look like knots .

14. Here is the final result of the logo .

62 | P a g e
How to Create a 24/7 Vector Info Icon in Adobe
Illustrator
Yaroslav Lazunov 28.03.2013

The purpose of the lesson

In this tutorial, we will learn how to create a vector icon in Adobe Illustrator that informs about
work 24 hours a day using 3D modeling. Objects obtained by 3D modeling require additional,
sometimes painstaking work. Throughout all the stages of creating an icon, we will use the
VectorScribe and DrawScribe plug-ins tools, which will greatly simplify and speed up the
processes. If you are a professional or are about to become one, then I think the ease of creation
and time savings are important factors for you.

Step 1

Create a rounded rectangle. I usually use the Dynamic Shapes Tool ( VectorScribe plugin ) for
these purposes . The advantage of this tool over the Rounded Rectangle Tool is obvious to me,
since we have the ability to control the parameters of the object after its creation. This allows

63 | P a g e
you to create the desired shape at once, without having to make several attempts.

Using the Dynamic Shapes Tool, create a triangle and place it as shown in the image below.

Step 2

64 | P a g e
Select the created shapes and merge them by clicking on Unite in the Pathfinder panel.

We got the shape that a comic book speech bubble usually has. Take the Type Tool (T) and
create the inscription “24 h.” I think the Sans Serif Font will work as a font.

65 | P a g e
Step 3

Take the Pen Tool (P) and create a path that consists of straight line segments.

66 | P a g e
Set the desired width for the path and select Arrowhead in the Stroke panel.

Step 4

To round the corners of the arrow, I use the Dynamic Corners Tool ( VectorScribe plugin ),
which allows me to control the rounding radii in the Dynamic Corners panel or by moving the
corner points.

67 | P a g e
To be fair, I want to note that you can round the corners of the arrow using the Round Corners
effect (Effect> Stylize> Round Corners ...)

But this effect only gives correct rounding of corners when applied to right angles. You also won't
be able to apply different rounding radii to different corners of an object with this effect.

Step 5

68 | P a g e
Select the arrow and text, then save them as a new symbol in the Symbols panel.

You can now remove these objects. Select the shape of the speech bubble and go to Effect> 3D>
Extrude & Bevel ..., then set the effect parameters shown in the figure below.

69 | P a g e
Step 6

Click on Map Art ... in the dialog box, then select the first surface in the Map Art window and

70 | P a g e
apply the symbol created in the previous step to it, click on OK.

Select the "No Shading" surface type, this will allow you to work with fewer objects later on.

71 | P a g e
Step 7

Select the 3D object and go to Object> Expand Appearance…. As a result of these actions, the 3D
object has turned into a group of vector objects. In addition to the necessary objects, this group
can contain unnecessary objects without fill and stroke and Clipping Masks. We can remove all
unnecessary objects without examining the Layers panel. To do this, go to Object> Clipping
Mask> Release, then go to Object> Path> Clean Up ...

72 | P a g e
Step 8

Unfortunately, vector objects obtained as a result of 3D modeling usually have a lot of extra
points.

This fact makes them difficult to edit and increases the size of the original file, since each point is
information. If you are using Astute Graphics products, you can easily remove unnecessary
dots. The Smart Remove Point functions in the PathScribe Tool ( VectorScribe plug-in )

73 | P a g e
and InkScribe Tool are designed for this.

Step 9

Objects resulting from 3D modeling can contain open paths.

74 | P a g e
To close them, use the Cloth Paths function provided by the PathScribe Tool and the InkScribe
Tool.

Step 10

Select and Unite in the Pathfinder panel all objects that correspond to one surface.

75 | P a g e
Now we can start coloring our icon.

Step 11

To create the shine of metallic surfaces, I use linear gradients, which must contain very dark
(almost black) and very light (almost white) shades of gray.

76 | P a g e
To create reflections on metal surfaces, create objects filled with black and white linear gradients
and apply the Multiply blending mode to them and lower the transparency in the Transparency
panel.

77 | P a g e
Step 12

Select the top surface of the icon, then go to Object> Path> Offset Path ... and set the offset
value.

78 | P a g e
Fill the new object with an arbitrary color.

Step 13

Copy the gray shape and paste it in front twice (Cmd / Ctrl + C; Cmd / Ctrl + F 2 times). Move
the top shape down a few pixels (for clarity, I filled the middle shape with red).

79 | P a g e
Now select the top gray shape and middle red shape, then click on Minus Front in the Pathfinder
panel.

Step 14

Select the red shape from the previous step and the gray shape. Take the Knife Tool and cut the
selected shapes as shown in the image below.

80 | P a g e
To make the Knife Tool cut in a straight line, hold Opt / Alt while using it. Fill the resulting objects
with radial gradients that contain shades of red and blue.

81 | P a g e
Fill the objects at the edges with linear gradients, which contain darker shades of the
corresponding surfaces.

82 | P a g e
Step 15

Fill the text and arrow with a subtle linear gradient from white to gray.

I prefer to apply gradient fills to all objects. This allows you to create additional volume.

Step 16

83 | P a g e
Create a circle with the Ellipse Tool (L) and fill it with a radial gradient from gray to white. Apply
the Multiply Blending Mode to this object and place it below all the created objects. Transform the
circle into an ellipse using the Direct Selection Tool (V). Thus, we have created a general shadow
from our icon.

Step 17

Now let's create a more contrasting shadow under the icon. For this purpose, I have created two
objects. The lower, larger one has a light gray fill and 0% opacity. The top object has a dark gray
fill and 100% transparency. Select both objects and go to Object> Blend> Make.

84 | P a g e
Don't expect to get the results you want right away. Most likely, you will need to edit the shapes
included in the blend object. You can move the points of objects and even redraw their shape
using the Pencil Tool (N) or the Dynamic Sketch Tool . I prefer to use the Dynamic Sketch Tool
as this tool allows me to adjust the precision and smoothness of the path while editing the
shape. The number of points of the shapes included in the blend object has a significant impact
on the quality and smoothness of the result.

85 | P a g e
Well, that's all for today. Follow the news on RU.VectorB

86 | P a g e
How to create pug illustrations
from Editor Irina09/11/2021 11:29 AM1.3kViews

87 | P a g e
In this tutorial, you will learn how to create ten wonderful pugs in Adobe Illustrator. If 10 is too much for you,
you can only do one of them. Don't worry, you don't have to be a professional illustrator to do this. It will be
easier with this guide.
Let's start!
1. How to create a pug head
Step 1
Create a new document ( File> New ) with 850 px Width and 850 px Height . Let's start with the
head. Take the Ellipse Tool (L) and create a light brown, almost round ellipse. Then we will apply
the Inflate effect to it . Go to Effect> Warp> Bloat . Enter the parameters shown below.

88 | P a g e
Step 2
For the eyes, create a brown oval with the Ellipse Tool (L). Then add a darker little circle inside the oval
with the Ellipse Tool (L) while holding down the Shift key . You will get an even circle. He will be the
pupil. Add a tiny white circle to brighten the eye. Now place the entire eye on the left side of the head.
To get the right eye, select the left one and click on the Reflect Tool (O) . Then hold down the Alt key and
click on the forehead to get a mirror image of the eye. This will create the right eye. Now move the highlight of
the newly created eye and move it slightly to the left.

Step 3
Now let's create a muzzle. Use the Ellipse Tool (L) to create a brown oval. Select the oval and go
to Effect> Warp> Bloat. by entering the options shown below.
Now stretch this shape (Object> Expand Appearance) and expand it to the left as in the image below. Make
a vertical copy of this shape (Transform> Flip) , enter Vertical Axis, Angle 90 degrees and
hit Copy ). Move the copy to the right to create a muzzle.
Select these two shapes and group them together (Right Click> Group ). Create another copy of the brown
muzzle behind the first one, making it slightly darker and moving it down slightly to create a shadow.

89 | P a g e
Step 4
To finish creating the face, add another brown oval behind the previous shapes.
Finally, let's add the nose. Create a small brown rounded rectangle at the top of the face. After that add a
small circle at the bottom of this rounded rectangle.

90 | P a g e
Place this cute little face on the pug's face.

91 | P a g e
Step 5
For the ears, draw another brown ellipse. To create the shape shown below, move the handles with
the Direct Selection Tool (A).

Step 6
Now place the ear on the left side of the head. To make the other ear, use the Mirror Tool (O) while holding
down the Alt key . Now click on the forehead (in the new dialog box, enter Vertical, Angle 90 degrees and
click Copy ). The pug head is ready!

2. How to create the body of a pug

92 | P a g e
Step 1
Let's create a body. Use the Ellipse Tool (L) to draw an oval. Now let's change this shape. Use
the Fish effect : go to Effect> Warp> Fish and enter the following parameters. Stretch this shape: select it
and go to Object> Expand Appearance.

To continue modifying the shape, go to Effect> Warp> Bloat . Enter the parameters shown below. Finally,
stretch this shape again ( Object> Expand Appearance ).

93 | P a g e
Step 2
Place the body under the head (Control-X, Control-B). Add some depth to the head and body. Duplicate the
head behind the original shape (Control-C, Control-B) and move it diagonally downward. Make this copy
slightly darker.
Select the body shape and make another copy of it behind the original shape (Control-C, Control-B). Move
it diagonally downward.

94 | P a g e
Step 3
To draw the legs, start with a large, vertical, light brown oval. Take the Direct Selection Tool (A) and move
the handles of the anchor points to create a shape like in the second image from below.
Then add a small horizontal oval. Select the left and right anchor points of the small oval with the Direct
Selection Tool (A) and move them down using the Down Arrow key on your keyboard.
Now let's create the toes. Make a copy of the small shape behind (Control-C, Control-B) , make it darker
and move it slightly to the left. There is now one finger (light and dark shapes).
Make a new copy of the finger (light and dark shapes) behind and move it further to the left. Finally, create a
new copy of the finger (just a light brown shape this time) and move it to the left.
As a result, you will get a paw like in the picture below.

95 | P a g e
Step 4
Let's attach a paw to our pug. Hold down the Shift and Alt keys and move this paw to the left. Now you have
a copy of the leg ( Alt key made a copy), and it is aligned horizontally ( Shift key did it ). Now place a new
copy behind the body (Control-X, Control-B).
Move the new copy to the right while holding down the Shift and Alt keys . Thus, the third leg will appear.
Select the very first leg and move it to the right while holding the Shift and Alt keys . Now you have all four
legs.
The last thing we need to add is a shadow for the fourth leg. With this leg selected, move it slightly to the left
and change its color to dark brown.

Step 5
To draw the tail, we will use the Spiral Tool. If you don't see it, hold the Line Segment Tool (\) for a few
seconds and a drop-down menu will appear. Now select the Spiral Tool.

96 | P a g e
Click on your artboard and a new dialog box will pop up asking about Spiral
Radius , Fade and Segments . I recommend playing around with the Fade and Segment settings to find
the one that works best for you. You can also change the Weight of a stroke in the Stroke panel . Don't
forget to remove the fill color, set the same stroke color as the pug's body, and check Rounded Caps in
the Stroke panel .
Then change the thickness of both ends of this spiral. Just select the Width Tool (Shift-W) and move the
handles to make one end of the tail thinner and the other slightly thicker. If you like the way the tail looks,
stretch it (Object> Expand).

Attach the tail to the pug. Our first pug is ready for a makeover!

97 | P a g e
3. How to create a pug on a pillow

98 | P a g e
Step 1
Create a copy of the pug.
Now let's teach our doggie how to command! He will learn to lie down. Create a copy of the pug. We need to
rotate his legs. Expand your front legs to the right and your hind leg to the left. Only three legs are visible in
this position, so remove one of the hind legs. Now he (or she) knows the team!

Step 2
Can you guess which tool we are using to create the pillow? Yes, let's start with an ellipse. Then take the
Convert Anchor Point Tool (Shift-C) and make sharp anchor points by clicking on the left and right points.
Then we will apply the Inflate effect to this ellipse. Go to Effect> Warp> Bloat . Enter the parameters you
see below. Finally, stretch this shape.

99 | P a g e
Step 3
Remove the fill color, set the fill color to a dark orange, and check the Rounded Caps in
the Stroke panel . Using the Arc Tool, draw an arc. Then take the Direct Selection Tool (A) and move
the arc handles to achieve the desired result, as in the image below. Now our pug has a resting place!

100 | P a g e
Place him on a pillow. The second pug is ready!

4. How to create a pug with a Frida-style wreath

Step 1
Create a copy of the pug.
First, let's give our pug the command "Sit". To do this, turn the body and tail down. Then squeeze your hind
legs slightly.

101 | P a g e
Step 2
Now we will make the flowers. Create two pink circles, one darker and one lighter (use the Ellipse Tool
(L) while holding down the Shift key ). The darker circle should be behind the light one.
Select these two circles and group them together (Right Click> Group) . Then, create a copy of these two
grouped circles (while selecting them, hold the Alt key while dragging). Rotate this copy to the right and
make it overlap the original. This will create another flower petal.
Repeat these commands as many times as necessary for the number of petals you want to create. This is the
first layer of petals. You can group them together.
Now make a copy of this layer in back (Control-C, Control-B) and make it bigger. You have a second level
of petals. In the same way create the third level, which is more inclined and enlarged.
To complete the flower, add some tiny white circles in the middle of the flower. Group the entire flower for
convenience.

102 | P a g e
Make two smaller copies of the created flower and place them on the pug's head like a wreath. Voila! The
Frida-style wreath is ready. Our third pug is also ready!

103 | P a g e
5. How to create a pug with a crown
Step 1
To make the crowns, start by creating a yellow rectangle using the Rectangle Tool (M). Add two ovals that
will serve as clippers, so the color of the ovals is not important. Make sure they overlap the rectangle like in the
picture below. Select all three shapes and click Subtract Front in the Pathfinder panel (Window>
Pathfinder). We will get a rectangle truncated by these ovals.
Select the created shape and apply the Bulge effect : go to Effect> Warp> Bulge. In the new window, enter
the parameters provided for the effect to appear.

104 | P a g e
To complete the crown, apply a different effect to this shape: go to Effect> Warp> Arc Down and enter the
options presented. Don't forget to stretch the resulting shape. The crown is ready!

105 | P a g e
Step 2
Create a copy of the pug's head.
Place the crown on the pug's head. The fourth pug is ready!

106 | P a g e
6. How to create a pug with a headband with hearts
Step 1
Let's create a heart shape. First draw a red ellipse and rotate it slightly to the left. Duplicate this ellipse: take
the Reflect Tool (O) and Alt- click in the middle of the oval . In the new dialog box, select Vertical, Angle
90 degrees and click Copy .
After a copy of the oval appears, it will be rotated in the opposite direction. Align them as shown in the image
below. With both ovals selected, unite them by clicking the Unite button on the Pathfinder panel (Window>
Pathfinder). To create a heart holder, add a red rectangle with the Rectangle Tool (M).

107 | P a g e
Step 2
Create a copy of the seated pug. This time you can make it reflected. Select the entire pug and in the same
way create a vertical copy as you did for the heart from one oval in the previous step.
For the rim, create an enlarged copy of the head shape in the background (Control-C, Control-B), move it
slightly upward and change its color to red. Now place the heart from the holders on top of the bezel and make
a vertically flipped copy. Our pug is very cute! He is the fifth in a row.

7. How to create a pug chef with a croissant

108 | P a g e
Step 1
Create a rectangle to be the base of the hood. Remember that the black stroke is only needed for better
visibility. Make sure no stroke colors are set.
Modify the created rectangle using the Bulge effect : go to Effect> Warp> Bulge . In the new window, enter
the parameters shown in the picture below. Stretch this shape.
Add three white circles at the top of this shape and one white ellipse at the bottom. Select all the shapes and
unite them by clicking the Unite button on the Pathfinder panel . The chef's hat is ready!

Place the hat on the pug's head.

109 | P a g e
Step 2
To create a croissant, start with a light brown rectangle. To do this, use the Rectangle Tool (M). Now,
applying the Bulge effect, we will slightly deform this shape. Select it and go to Effect> Warp> Bulge. In
the new window, configure the presented parameters. Stretch this shape.

110 | P a g e
After that, apply another effect to this shape: go to Effect> Warp> Arc Down and enter the parameters
provided. Stretch the shape ( Object> Expand Appearance ). Finally, copy the created shape behind the
original (Control-C, Control-B) and make it slightly wider and darker.

111 | P a g e
Step 3
Now repeat the same sequence of operations as for reshaping in the previous step, but this time go
to Effect> Warp> Bulge (enter Vertical, Fold 40%, OK) .
Then go to Effect> Warp> Arc (enter Horizontal, Bend-20%, Vertical Distortion 8%, OK).
Then go to Effect> Warp> Arc Down (enter Horizontal, Bend 10%, OK).
To create a shadow, make a wider and darker copy behind.

112 | P a g e
Step 4
For the final part of the croissant, create an oval and apply the Warp Effect to it . Go to Effect> Warp>
Arc and adjust the options you want. Stretch this shape.

Step 5
Now combine all the elements together like in the picture below. Our croissant is ready!

113 | P a g e
Place the croissant next to the pug chef. The sixth pug is ready!

8. How to create a pug in a cup

Step 1
For the paw, create a small ellipse and move down its side anchor points with the Direct Selection Tool
(A) using the Down Arrow key on your keyboard. Create another copy of this shape behind, making it
darker and moving it slightly upward.
Then, create another copy of the deformed beige oval on top of the original (Control-C, Control-F). Make it
darker (use the same dark color as the shape behind (use the Eyedropper (I) ) and narrower (use
the Selection Tool (V) ). Select it and copy in front ( Control-C, Control-F ) , making it a little narrower and
lighter (use the Eyedropper Tool (I) again ).

114 | P a g e
Step 2
Place the paw below the pug's head (take a copy of the previous one) as shown in the picture. Create a
second paw: hold down the Alt and Shift keys and move the paw to the right. This will create a horizontal
copy of the original leg.

Step 3
To make the cup, start with a coral rectangle. Then go to Effect> Warp> Fish (enter Bend -10%, OK ). After
that go to Effect> Warp> Arch (enter Bend -20%, Vertical Distortion -20%, OK ). Finally, for the handle,
create a circle with no fill and a wide stroke.

115 | P a g e
Step 4
Place the head with paws on top of the mug. The seventh pug is ready!

116 | P a g e
9. How to create a gentleman pug
Step 1
Let's start with the bowler hat. Create a dark gray circle. Using the Direct Selection Tool (A), select the
bottom anchor point of the circle and move it up. Then add an ellipse of the same color below. The hat is
ready! Easy, right?

117 | P a g e
Place the hat on the gentleman's head.

118 | P a g e
Step 2
Of course, you need to add a monocle. Just add a dark gray circle with no fill and a gray stroke and attach a
very thin, short rectangle horizontally and a long rectangle vertically to it.

119 | P a g e
Step 3
Also our gentleman must wear a bow tie. Create a dark gray rectangle (with the same fill color as the bowler
hat). Then go to Effect> Warp> Bulge (check Horizontal, enter Bend -20%, OK).
Then apply Effect> Warp> Bulge (check Vertical , enter Bend 30%, OK ). Don't forget to stretch this
object.

Step 4
For the middle part of the butterfly, create a smaller rectangle and apply a warp effect: Effect> Warp>
Inflate (enter Bend 30%, OK ). Place this shape opposite the big one and place it in the center. To make it
exactly in the center, use the Smart Guides (View> Smart Guides (Control-U) ).
To show the borders of the center section, create another copy of the smallest shape behind the original
( Control-C, Control-B ), making it wider and darker.

Combine all the gentlemanly style pieces together. The eighth pug is ready!

120 | P a g e
10. How to create a pug ice cream
Step 1
To create the waffle pattern, create a long, thin, vertical brown rectangle. Select the rectangle by
holding Shift and Alt and moving it to the right. You will create a copy of this rectangle aligned horizontally.
Then press Control-D to repeat the last action and multiply these rectangles horizontally. With all rectangles
selected, press the Rotate Tool (R) and then press Enter on your keyboard. In the drop-down box,
enter 90 degrees and click Copy . You will have a square pattern.

121 | P a g e
Step 2
Take the Polygon Tool and click on your artboard. A new dialog will ask you how many corners and what
radius you need. Set 3 Sides and any Radius . Then click OK .
Adjust the dimensions of the triangle to get the shape of an ice cream cone. Place this triangle behind the
square pattern. Then, make another copy of the triangle in front ( Control-C, Control-F ), crop it and place it in
front of everything else ( Control-X, Control-F ). With it selected, select the square pattern. Click Crop on
the Pathfinder panel .
Finally, you have an ice cream cone.

122 | P a g e
Place the pug's head on top and opposite the horn.

123 | P a g e
Step 3
Now let's add some cream. First create a white ellipse (the black stroke of the ellipse in the image below is for
clarity). Using the Convert Anchor Point Tool (Shift-C) , make the top anchor point of this ellipse
sharp. Select this top anchor point and move it up. Take the Direct Selection Tool (A) and move down the
left and right anchor points to achieve the result you see in the image below.

124 | P a g e
Step 4
Now create a copy of the created shape in front, make it narrower and change the fill color to light pink. Finally,
create a smaller copy of this shape and change its color to white. We got ice cream!

Step 5
Place the cream on the pug. Finally, let's add some sprinkling! Create many small coral rounded rectangles
and spread them over the ice cream. Some of them can be dropped on the pug's nose. The ninth pug is ready!

125 | P a g e
11. How to create a holiday pug
Step 1
Let's create a festive hat. We need to draw a triangle: take the Polygon Tool and click on the artboard. In the
new dialog box, select 3 Sides with any Radius . Then click OK . Set the desired fill color.
Go to Effect> Warp> Arc Down . In the new window, select the options below and click OK . Then stretch
this shape.

126 | P a g e
Step 2
Let's create the pattern on the cap in the same way as the ice cream cone was created in the previous
picture. First create a white rectangle and rotate it slightly as shown in the picture. Now move this rectangle
down and to the right while holding down the Alt key . This will create another copy of the white rectangle.
Now press Control-D to repeat the last action and create another copy of the rectangle with the same
distance between the copies. Press Control-D to create more copies of the rectangle.
Then, create another copy of the triangle in front ( Control-C, Control-F ), crop it ( Control-X) and place it in
front of everything else ( Control-F ). With it selected, select all the rectangles as well. Click Crop on
the Pathfinder panel . The party hat is ready!

127 | P a g e
Step 3
Duplicate the seated pug and place the hat on its head. Now let's add some stars. Use the Star Tool to make
them . The tenth pug is ready!
Final touch: create a blue circle, press ( Control-X, Control-B) and place it as a contrasting background
behind each pug. Ready!!

Very nice, you did it!

128 | P a g e
You've done an amazing, awesome, awesome job! Now you know how to create not just a dog, but a dog of a
certain breed - a pug. I hope you enjoyed this tutorial as much as I enjoyed creating it. See you in the following
articles!

129 | P a g e
130 | P a g e
How to make a back of playing cards in
Adobe Illustrator
from Editor Irina09/23/2021, 18:301.3kViews

In the next steps, you will learn how to create, save, and use a back pattern for playing cards.
For beginners, you will learn how to set up a simple guideline grid and how to draw four card symbols using
basic vector shapes. Moving on, you will learn how to create and save simple patterns. Finally, you will learn
how to apply your pattern and how to fit it with the Transform effect.
1. How to create a new document and set up the grid
Press Control-N to create a new document. Select Pixels in the Units tab , enter 850 for both length and
width fields, and then click the Advanced button . Select RGB as your color scheme , set Bitmap
Effects to Screen (72ppi) , and then click New Document .
Turn on guides ( View> Show Guides ) and Snap to Guides ( View> Snap to Guides ). You want a grid of
guides every 5 pixels , so just go to Edit> Preferences> Guides> Grid , enter 5 in the Guides
every box and 1 in the Subdivisions box . Do not be discouraged by this grid -one speed up your work,
and remember that you can always easily turn on and turn it off, using hot keys Control- " .
You should also open the Info panel ( Window> Info ) to preview the size and position of your shapes in real
time. Don't forget to set your pixel units in Edit> Preferences> Units . All of these options will greatly speed
up your workflow.

131 | P a g e
132 | P a g e
2. How to create a symbol of Clubs
Step 1
Take the Rectangle (M) and focus on your toolbox. Remove the stroke and select the fill, give it black ( R =
137 G = 147 B = 150 ). Create a 20 x 10 px rectangle on the artboard , using a grid and guides will make
this easier.
Go back to your toolbox and replace the black fill color with any yellow. Switch to the Ellipse Tool (L) and
create two 20 px circles and position them exactly as shown in the second image.

133 | P a g e
134 | P a g e
Step 2
Using the Move Tool (V), select all the created shapes, open the Pathfinder panel ( Window>
Pathfinder ), and click the Minus Front button . Select the newly created shape and just press Control-C to
make a copy.

135 | P a g e
136 | P a g e
Step 3
In the toolbox, set the fill color back to black. Take the Ellipse (L) and create three 20 px circles and place
them exactly as shown in the first image. Switch to the Rectangle (M) and create a 10 px square and
position as shown in the second image.
Select all the shapes we've already drawn and hit Unite in the Pathfinder panel and then press Control-
8 to turn the shapes into a compound path. This will be your symbol of clubs.

137 | P a g e
138 | P a g e
3. How to create a Spade symbol
Step 1
Use the Ellipse Tool (L) to create a 40 x 50 px shape and make it black. Switch to Rectangle and draw
a 40 x 25 px shape , fill with any yellow color, and position as shown in the second image. Select both
shapes and press Minus Front in the Pathfinder panel .
Take the Anchor Point Tool (Shift-C) and move to the top of the resulting shape. Just click on this anchor
point and drag the handles as shown in the third image.

139 | P a g e
140 | P a g e
Step 2
We continue to work on the resulting figure. Using the Direct Selection Tool (A) and select the bottom
points, drag the handles as shown in the first image.
Move to the top anchor point and, holding down the Alt key , drag the handles as shown in the second
picture.

141 | P a g e
142 | P a g e
Step 3
Using the Ellipse Tool (L), draw two 20 px circles and place them as shown in the first image. Select both
circles and turn them into a compound path ( Control-8 ).
Switch to Rectangle (M) and create a 40 x 10 px rectangle and position as shown in the second
image. Select this rectangle along with the compound path. which we created a couple of seconds ago and
press Minus Front in the Pathfinder panel .

143 | P a g e
144 | P a g e
Step 4
Select the two shapes as shown in the first image and press Unite from the Pathfinder menu . Just
press Control-V to paste the shape we copied a couple of steps back. Place the new shape as shown in the
second image.
Select the inverted heart shape again (shown in the third image) and Duplicate it ( Control-C ). Select the two
shapes that make up the Spades symbol and turn it into a compound path ( Control-8 ).

145 | P a g e
146 | P a g e
4. How to draw the Worm symbol
Step 1
Insert this inverted heart ( Control-V ) and rotate it 180 degrees .

147 | P a g e
148 | P a g e
Step 2
Focus on the heart and take the Direct Selection Tool (A) . Select the bottom anchor point and drag
it 5px down. Next, select two handles and drag them as shown in the third image. The resulting image will be
your Worm symbol.

149 | P a g e
150 | P a g e
5. How to create the Tambourine symbol
Take the Rectangle (M) and create a 40 px square , fill it with black and go to Object> Path> Add Anchor
Points. Switch to the Anchor Point Removal Tool (-). Just click on the four corners of your square and they
will be removed. The resulting image will be your Tambourine symbol.

151 | P a g e
152 | P a g e
6. How to create and save your Pattern
Step 1
Using the Rectangle Tool (M) , create a 200 x 100 px shape , fill it with any red color, and lower
the opacity to 30% .

153 | P a g e
Step 2
Bring your symbols to front (Shift-Control-]) and position as shown in the images.

154 | P a g e
155 | P a g e
Step 3
Select Diamonds and Worms and fill them with R = 220 G = 40 B = 20.

Step 4
Select the red rectangle again and delete the fill color. Select it along with the four symbols and simply drag
them into the Swatches panel ( Window> Swatches ) to save the pattern.

156 | P a g e
157 | P a g e
7. How to apply and customize your Pattern.
Step 1
Using the Rectangle Tool (M) , create a 610 px square and fill it with R = 240 G = 240 B = 240.

158 | P a g e
159 | P a g e
Step 2
Keeping the big square selected, add a second fill by clicking the Add New Fill button . Select this new fill
and simply apply your pattern from the Swatches panel .

160 | P a g e
161 | P a g e
Step 3
Finally, here's an easy way to customize your pattern. Keeping your rectangle selected, go to
the Appearance panel . Select the pattern fill and go to Effect> Distort & Transform> Transform.
Drag both Scale sliders to 50% , set the Angle to 25 degrees , and only check the Transform
Pattern box before clicking OK . This is a "live" effect, which means you can always go back to
the Shape panel , click on the effect and adjust its attributes to your liking.

162 | P a g e
163 | P a g e
Congratulations! You did it!
This is how it should look. I hope you enjoyed this tutorial and will be able to apply these techniques in your
future projects.

164 | P a g e
165 | P a g e
 Create a Set of Flat Precious Gems Icons in Adobe Illustrator
to create a set of precious stones icons in the "flat" style

From a translator. Some of the images had to be compressed to comply with forum rules.

Lesson Outcome:

In this lesson, you will create a set of simple yet stylish gems in the now trendy "flat" style. With the help of
the basic shapes and blending modes, we will make the stones themselves, and also convey their sparkle and
shine. You don't need any artistic superpowers or special devices to create something like that. Let's get
started then!

1. Diamond

Step 1

Launch Adobe Illustrator, create a new document (Ctrl + N) 600x600 pixels in RGB mode.

166 | P a g e
Step 2

For convenience, we will use guides. To create them, first turn on the display of the rulers (Ctrl + R), then
hold down the left mouse button on one of the rulers and, without releasing it, “pull out” the guideline. If you
extended, for example, a vertical one, then do the same operation with a horizontal one. Then right-click
outside the artboard, select "Lock Guides" (uncheck it). The guides are unlocked. You can center each of them
on its own axis. Do this using the Align panel and the corresponding buttons (vertical for vertical center and
similarly for horizontal). In the advanced settings of the panel (opened from the drop-down menu of the same
panel) there should be Align to on the artboard. Do not forget to then lock the guides so that you do not
accidentally select them and displace them.

167 | P a g e
Step 3

Now let's get to the diamond itself. Let's start at the bottom of it. Use the Polygon Tool to create a triangle
with the parameters shown in the image below. Place the shape as shown in the same place.

168 | P a g e
Step 4

Duplicate the shape and, using the Selection Tool (V), flatten it horizontally while holding Alt to keep the
current center.

169 | P a g e
Step 5

Now draw with the Rectangle Tool (M) a rectangle at the top of the diamond. Using the Direct Selection Tool
(A), select the top right anchor point and move it to the left so that it is in line with the left point of the
smaller triangle. Do the same for the top left anchor point.

170 | P a g e
171 | P a g e
172 | P a g e
Step 6

Let's add some details to the upper part. Add a rectangle in the center. Draw a triangle inside it, which then

173 | P a g e
174 | P a g e
175 | P a g e
Step 7

To color the diamond, the following palette will be used:

You can take a color sample with the Eyedropper Tool (I) directly from the screenshot (of course, after saving
and opening it in the program) or use the RGB values specified in the text.

Fill the bottom triangle with R = 173, G = 230, V = 255 (# ade6ff). For the top trapezoid, assign a color R =
208, G = 239, B = 252 (# d0effc). Fill all the shapes above these two in the Layers Panel with white and lower
their Opacity to 50%.

176 | P a g e
Now additionally change the opacity of each element as shown below. This will make the diamond look more
realistic.

177 | P a g e
178 | P a g e
179 | P a g e
Step 8

Now let's add some highlights. Use the Star Tool to create a star with the settings below. If you are not
satisfied with the sharpness of the corners and the length of the rays, you can draw the star directly with the
tool (and not from the dialog box for specifying dimensions), while holding down Ctrl during the process to
change the specified values. When this star is ready, create another one on top. Rotate the second one with
the Rotate Tool (R) by 45 °.

180 | P a g e
Step 9

Change the fill color of both highlights to white and place it at the top of the diamond. Add a couple more
highlights. Experiment with their sizes.

181 | P a g e
Step 10

Now let's add a shape to be the background. Using the Ellipse Tool (L), hold down Shift and draw a circle. Fill

182 | P a g e
it with a linear gradient from R = 95, G = 61, B = 129 (# 5f3d81) to R = 195, G = 125, B = 207 (#
c37dcf). Send the shape to the very back (Shift + Ctrl + [)

183 | P a g e
Step 11

Let's add the last element of the popular "flat" style - a long shadow.

Draw a rectangle, rotate it 45 ° and align the dimension to the points on the right side of the diamond (see
image below). Send this rectangle to the very back (Shift + Control + [) and then move it up one step
(Control +]) so that the shape is above the background. Stretch the shape so that it goes beyond the circle,
then select the rectangle and the circle and using the Shape Builder Tool (Shift + M), holding Alt, delete the
part outside the circle. Fill the resulting shape with a gradient from R = 154, G = 176, B = 197 (# 9ab0c5) to
white. Change the Blending Mode of the shape to Multiply.

184 | P a g e
185 | P a g e
186 | P a g e
Translator's note.The shadow made here does not follow the "flat style" rules. The shadow should go from
the extreme points of the figure, here it is quite noticeable that this is not the case, and that will be the left
point of the diamond. Perhaps it was calculated that the angle of the lines of the lower triangle would be 45 °
(and then the drawn shadow would be correct), but this is not so. Below you can see a comparison of the
versions "as in the tutorial", "as it should" and another, using the Blend tool (rightmost image). Since the
dimensions were not clearly indicated here, I made a smaller version of the icon.

The diamond is ready! Moving on to the next stone.

187 | P a g e
2. Ruby

Step 1

Draw a square. Rotate it 45 °.

188 | P a g e
189 | P a g e
190 | P a g e
Step 2

Use the Line Segment Tool (\) to draw two intersecting straight lines in the center. Select them along with the
square and apply the Divide operation from the Pathfinder panel. This will divide the square into four

191 | P a g e
192 | P a g e
193 | P a g e
Step 3

Each of the triangles obtained in the previous step must be filled with its own color, because they cannot all be
illuminated the same way, and one color of all faces will not look. You can see the palette I used below.

194 | P a g e
195 | P a g e
196 | P a g e
Step 4

Now we need to add refraction of light inside the stone and external highlights. Let's start with the top right
triangle. Duplicate it (Ctrl + C, Ctrl + F). Make the copy smaller and fill it with a gradient from R = 209, G =
181, B = 96 (# d1b560) to black. Change the blending mode to Screen. Then use the Reflect Tool (O) to

197 | P a g e
198 | P a g e
199 | P a g e
Step 5

Our ruby doesn't have to be one-dimensional, so let's add some more details. Draw a square about half the
size of the first on top of the other shapes. Rotate it 45 °, then fill it with a gradient from R = 228, G = 20, B
= 64 (# e41440) to R = 225, G = 107, B = 126 (# e16b7e). Finally, add the "stars" as we did for the

200 | P a g e
201 | P a g e
202 | P a g e
Step 6

Add a circle behind the ruby, fill it with a gradient from R = 81, G = 163, B = 37 (# 51a325) to R = 201, G =
230, B = 85 (# c9e655). Add a long shadow as we did for the diamond.

The ruby icon is ready!

203 | P a g e
3. Emerald

Step 1

Using the Rounded Rectangle Tool, draw a 233x233 shape with a 30 px corner radius. Now arm yourself with
the Convert Anchor Point Tool (Shift + C) and go over all the anchor points to turn them into corner
points. Ultimately, you should end up with a square with 45 ° beveled corners.

204 | P a g e
205 | P a g e
206 | P a g e
Step 2

Start adding faces. Draw a triangle with the Polygon Tool. Rotate it so that the sharp corner points to the
center (refer to the screenshot below). Extend it if necessary.

Translator's note.It is much more convenient (and also does not require super-artistic skills) and faster to
draw such a shape with the Pen Tool (P) with the smart guides enabled (Ctrl + U). Just click on the center
and then on the "corner" anchor points. Smart Guides help you place a point for a triangle in exactly the same
place.

207 | P a g e
With the Reflect Tool (O), reflect and duplicate the triangle at the other corners.

208 | P a g e
209 | P a g e
210 | P a g e
Step 3

For the main emerald shape, apply a gradient from R = 21, G = 155, B = 24 (# 159b18) to R = 143, G =
220, B = 46 (# 8fdc2e). Fill the triangles with a gradient from R = 148, G = 199, B = 65 (# 94c741) to black,

211 | P a g e
212 | P a g e
213 | P a g e
Step 4

Draw a triangle at the bottom of the emerald (I've filled it in red for now to see it better). Stretch it
horizontally. Remove the parts protruding from the main shape using the Shape Builder Tool (Shift +

214 | P a g e
215 | P a g e
216 | P a g e
Step 5

Fill the end shape from the previous step with the gradient used for the face triangles. Change the blending
mode to Screen. You can also just click with the Eyedropper Tool (I) with the default settings for any of the
triangle faces. Then flip the shape horizontally to create a copy. Move the duplicate to the top half of the

217 | P a g e
218 | P a g e
219 | P a g e
Step 6

Duplicate the main shape. Bring the copy to the very front (Shift + Ctrl +]). Change its fill colors to R = 201,
G = 235, B = 120 (# c9eb78) and R = 83, G = 192, B = 44 (# 53c02c) for the left and right gradient
markers, respectively. Add stars.

220 | P a g e
Step 7

221 | P a g e
Add a circle in the background. Fill it with a gradient from R = 247, G = 62, B = 87 (# f73e57) to R = 255, G
= 132, B = 185 (# ff84b9). Don't forget the long shadow. And on this the emerald is ready!

4. Sapphire

Step 1

Use the Polygon Tool to create a shape with a radius of 130 px and 8 sides. Rotate it so that the corners line
up with the guides. Now draw with the Line Segment Tool (\) a vertical line, which then rotate 45 ° to create a
copy.

222 | P a g e
223 | P a g e
224 | P a g e
Step 2

Continue adding lines (the fastest and most convenient way to do this is by pressing Ctrl + D, that is,
repeating the last action of rotating and copying the shape, and not by a somewhat incomprehensible
reflection, as suggested in the lesson; approx. transl. ). In the end, you should get 4 lines. When they are

225 | P a g e
226 | P a g e
227 | P a g e
Step 3

Now fill all the parts of the former octagon with different shades of blue. The palette I used is shown
below. The filling was done in a clockwise direction.

228 | P a g e
229 | P a g e
230 | P a g e
Step 4

Draw a smaller octagon. Fill it with a gradient from R = 183, G = 238, B = 255 (# b7eeff) to R = 38, G =

231 | P a g e
232 | P a g e
233 | P a g e
Step 5

Add a background circle, fill it with a gradient from R = 255, G = 132, B = 0 (# ff8400) to R = 255, G = 242,
B = 88 (# fff258). Don't forget the shadow.

The sapphire is ready!

234 | P a g e
5. Amber

Step 1

Draw a square. Apply the command Object> Path> Add Anchor Points. Select the midpoint that appears
thanks to this command on the top edge of the square and move it up. Do the same for the midpoint on the
bottom edge, move it down accordingly. You should get a hexagon.

235 | P a g e
236 | P a g e
237 | P a g e
Step 2

Draw straight lines separating the base at all corners and a center horizontal line, then apply the Divide

238 | P a g e
239 | P a g e
240 | P a g e
Step 3

Fill the resulting color segments from the palette shown below.

241 | P a g e
242 | P a g e
243 | P a g e
Step 4

Add another smaller hexagon on top. Fill it with a gradient from R = 255, G = 232, B = 54 (# ffe836) to R =
255, G = 178, B = 72 (# ffb248).

Step 5

Add stars. Fill the background circle with a gradient from R = 66, G = 135, B = 155 (# 42879b) to R = 87, G
= 241, B = 255 (# 57f1ff).

244 | P a g e
Amber is ready! And the last gem remained.

245 | P a g e
6. Amethyst

Step 1

This time the base will be triangular. Draw it with the Polygon Tool, set the size to 150 pixels and three
corners accordingly.

246 | P a g e
Step 2

Now divide the main triangle with additional shapes as shown in the image below. To begin with, place the
base correctly, and in the future drawing you will be helped by "smart" guides. When all the shapes are ready,
select them and apply the Divide command from the Pathfinder panel.

247 | P a g e
248 | P a g e
249 | P a g e
Step 3

Fill the segments.

Then duplicate and shrink the right triangle a little. Fill it with a gradient from R = 197, G = 132, B = 209 (#
c584d1) to black. Change the Blending Mode of the shape to Screen. Do the same with the left segment. Use
a gradient from R = 115, G = 56, B = 181 (# 7338b5) to black.

250 | P a g e
Step 4

Add another triangle on top. Fill it with a gradient from R = 232, G = 181, B = 255 (# e8b5ff) to R = 172, G
= 77, B = 219 (# ac4ddb). Add stars.

251 | P a g e
Step 5

For the background circle, apply a gradient fill from R = 255, G = 88, B = 46 (# ff582e) to R = 255, G = 233,
B = 87 (# ffe957). Don't forget the shadow. And on this the amethyst is ready!

252 | P a g e
253 | P a g e
Congratulations, we're done!

All the “flat” gemstone icons are ready. I hope you enjoyed the tutorial and found something useful in it.

254 | P a g e
255 | P a g e
 Create Stylish Flat Space Icons in Adobe Illustrator
Create a set of flat space icons in Illustrator

Lesson Result:

In this lesson you will draw a set of six icons in the trendy flat style with long shadow. We will use simple
shapes and the interaction between them using the Pathfinder panel.

1. Rocket Icon

Step 1

Our icons will have a round base. Draw it using the Ellipse Tool (L). I chose 512x512 pixels. Fill this circle with
# 304d5b, which represents space. The same base values will be used in the rest of the icons - remember
them.

256 | P a g e
Step 2

Add a vertically elongated oval. Fill it with #ebebeb color.

257 | P a g e
Then click on the top anchor point with the Convert Anchor Point Tool (Shift + C) so that the point becomes
"angular" and the top of the future rocket acquires a sharp tip.

258 | P a g e
After that, extend the length of the top of the shape's right and left anchor point guides until it looks
something like the one shown below.

259 | P a g e
Step 3

At the bottom of the rocket base, add an overlapping rectangle of any color (see the example in the first
image below). Then select the base of the rocket along with this rectangle and press the Minus Front button
from the Pathfinder panel. It should look like the second picture below.

260 | P a g e
261 | P a g e
Step 4

With the Line Segment Tool (\) draw a line going beyond the boundaries of the shape, along the vertical
center of the rocket base:

262 | P a g e
Select this line along with the rocket base and press the Divide button on the Pathfinder panel. Ungroup the
resulting one (Shift + Ctrl + G). Change the color of the right half to #dedede.

263 | P a g e
Step 5

Add a not very large circle filled with gray (# 959595), positioning it roughly as shown below. Make a copy of
it (Control + C, Control + F) and make it smaller, then change the color to # 64808e. This will be a porthole.

264 | P a g e
Step 6

At the bottom of the rocket add a Rounded Rectangle Tool. Fill it with the same gray color as the window
frame, and in the layers panel lower it below the rest of the rocket elements.

265 | P a g e
Step 7

Now let's add stabilizers. Draw a 100x100 px red circle (# d74f41). Move its bottom anchor point down by 70
pixels. Then click on it with the Convert Anchor Point Tool (Shift + C) so that it becomes "angular".

In the layers panel, lower the shape below the rest of the rocket elements. Then position and rotate it as
shown below:

266 | P a g e
Without removing the selection from the shape, go to Object> Transform> Reflect, specifying there a
reflection along the vertical axis. When finished, click the "Copy" button. Place the resulting reflected duplicate
on the opposite side of the rocket.

267 | P a g e
Step 8

Make a copy of any of the stabilizers added in the previous step. Return it to its vertical view, bring it to the
very front (Shift + Ctrl +]), place it in the vertical center of the rocket, activate the Selection Tool (V) and,
while holding the Alt key, compress it horizontally.

268 | P a g e
Step 9

Let's finalize the rocket. Let's add a red tip and a shadow to the porthole.

To make the top red, do this. Draw an oval with the appropriate fill color (# d74f41) and position it as shown
below.

269 | P a g e
Select it along with the main parts of the rocket, activate the Shape Builder Tool (Shift + M), hold down Alt
and click on the outer part of the oval to delete it. After that, lower the rest of the ellipse below the porthole
shapes.

270 | P a g e
271 | P a g e
Step 10

Now let's deal with the porthole. Make a copy of the blue shape (Control + C> Control + F). Move it 10 pixels
to the right and down and change the fill color to # 5b8da6. For the shape remaining in place, set the color to
# 7eacc4.

272 | P a g e
Add a small circle of any color in the place shown in the first image below. Select it along with the offset circle
and press the Minus Front button from the Pathfinder panel. Then make a copy of the blue circle in the center
of the porthole. Select the resulting shape along with this copy and press the Intersect button on the
Pathfinder panel. It should look like the second image below.

273 | P a g e
274 | P a g e
Step 11

Now let's add a long shadow. There are several ways to do this. I will use the one described below.

Select all the rocket elements, duplicate them (Control-C, Control-F) and then unite them by pressing the
Unite button on the Pathfinder panel.

275 | P a g e
Add Effect> Distort & Transform> Transform to the fill (just to it, not to the whole shape) with the settings
shown below:

276 | P a g e
Add Effect> Pathfinder> Add to the same fill. At this point, the program may "think" a little. Now lower the
Opacity of the entire shape to 40% and in the Appearance panel make sure the Transform effect is above the
Add effect. It is important.

277 | P a g e
Change the fill type to a linear gradient with the following settings (both markers are black, the right one is
assigned an opacity of 0%; their position is: left - 25%, right - 60%).

Send the shape to the very back (Shift + Ctrl + [). It should look like this:

278 | P a g e
In order not to repeat all these actions in the future, open the Graphic Styles panel (Window> Graphic Styles;
Shift + F5) and click the New Graphic Style button there. You can name it, for example, "Long shadow".

It remains for us to make sure that the shadow is not visible outside the boundaries of the main circle. To do
this, duplicate it (Control + C, Control + F). In the layers panel, raise the copy above the "long shadow",
select these objects and press Ctrl + 7 to create a clipping mask.

279 | P a g e
For the following icons, just apply the saved graphic style.

Step 12

Add some circles of different sizes with # ffebd0 fill color. These are distant stars of deep space.

280 | P a g e
This completes the rocket icon.

2. Planet Icon

Step 1 The

base here will be the same 512x512 px circle with # 304d5b fill color. Add a 300x300 px circle to it with #
fdc588 fill color.

281 | P a g e
Step 2

Now draw some rectangles similar to the one below, coloring them in shades of yellow.

282 | P a g e
Group these rectangles (Ctrl + G). Make a copy of the yellow circle (Control + C> Control + F) and bring it to
the front (Shift + Control +]). Then select it along with the group of rectangles and press Ctrl + 7 to create a
Clipping Mask. Then rotate this masked group 30 ° counterclockwise.

283 | P a g e
284 | P a g e
Step 3

Make two copies of the yellow circle (Control + C> Control + F> Control + F) and bring them to the very front
(Shift + Control +]). Move the top duplicate 20 pixels up and to the left. Then select both copies and hit the
Intersect button from the Pathfinder panel. Change the Blending Mode of the resulting shape to Screen and
lower its Opacity to 40%.

285 | P a g e
286 | P a g e
Step 4

Let's add a ring to the planet. To do this, draw two circles with dimensions 470x90 and 380x70 pixels. Fill the
larger one with # 556d79, the smaller one with any color. Then select both of them and hit the Minus Front
button from the Pathfinder panel. Rotate the resulting shape 15 ° counterclockwise.

287 | P a g e
288 | P a g e
Now let's hide the top part of the ring, which should be hidden behind the planet. Make a copy of the yellow
circle, bring it to the very front and draw with the Line Segment Tool (\) a line intersecting it at about the
place shown below.

289 | P a g e
Select the copy of the circle along with the line and press the Divide button from the Pathfinder
panel. Ungroup the resulting group (Shift + Ctrl + G). Remove the lower part. Fill the top one with black and,
without removing the selection from it, add a ring, then click the "Make Mask" button in the Transparency
panel (Window> Transparency; Shift + Ctrl + F10). In the same place, uncheck the "Clip" item. It should look
like this:

290 | P a g e
Step 5

Add a long shadow using the graphic style saved in the first section. Here you do not need to make a copy of
all the shapes, but only the rings (removing the opacity mask from the copy) and the yellow circle.

291 | P a g e
And there are stars:

292 | P a g e
3. Radio telescope antenna icon

Step 1

Draw a circle 300px in diameter and fill it with # d74f41. Add a rectangle that overlaps its right side by a little
less than half. Select both shapes and hit the Minus Front button from the Pathfinder panel. You should get
what is shown below.

293 | P a g e
Divide this nearly semicircle in two horizontally. This process is described in the first section. Fill the bottom
with # bb4031.

294 | P a g e
Step 2

Add a vertically elongated oval with # 556d79 fill color and place it as shown below.

Now with the Polygon Tool (located in the same group with the Rectangle Tool (M)) click on the artboard. In
the dialog box that appears, set some small radius (up to 15 pixels) and three vertices. Place the resulting
triangle as shown below and stretch it with the Selection Tool (V).

295 | P a g e
At the tip of the triangle, add a small circle. The fill color of the triangle and circle is # 959595.

296 | P a g e
Rotate all elements of the radio telescope 30 ° counterclockwise.

297 | P a g e
Step 3 In the

same way as described above, add a triangle (fill color # 959595) at the bottom of the radio telescope. Align
this triangle with the horizontal center of the illustration, and move all the elements of the radio telescope
relative to it to get something like the one shown below.

298 | P a g e
Without removing the selection from the triangle, execute the command Object> Path> Offset Path with an
offset of around -16 pixels. Then select both triangles and press the Minus Front button from the Pathfinder
panel. Lower the resulting figure below the rest of the radio telescope elements.

299 | P a g e
Step 4

Add a long shadow and stars (I moved everything up a little more).

300 | P a g e
4. UFO Icon

Step 1

Draw a circle with a diameter of 300 px and add an oval overlapping the top of it, just below the
middle. Select both shapes and hit the Intersect button from the Pathfinder panel. Change the color of the
resulting shape to # 7eacc4.

301 | P a g e
302 | P a g e
Step 2

Add a 450x160 px ellipse. Fill it with # d74f41 and drop it below the shape obtained at the end of the previous
step, positioning it as shown in the image below.

303 | P a g e
Make a copy of this oval in Back (Control + C> Control + B). Change the fill color of this copy to # 9f3025 and
stretch it in height so that it looks like in the first image below. Then select both red ellipses and press the
button and use the Shape Builder Tool (Shift + M) to delete the upper dark red part.

304 | P a g e
305 | P a g e
Step 3

At the bottom of the UFO, add a rectangle with a width equal to the blue "hemisphere" and sufficient height
(refer to the example below). Fill it with # 959595 and lower it below the rest of the UFO.

306 | P a g e
Convert the rectangle to a trapezoid by moving the bottom anchor points 20 pixels into the inside of the
shape. Use the Add Anchor Point Tool (+) to add an anchor point at the center of the bottom side. Pull it down
a little, rounding this edge. But by default this point will be "straight", so add guides to it using the Convert
Anchor Point Tool (Shift + C).

307 | P a g e
Add a yellow oval (# fed6a2) there. Lower it below the rest of the UFO elements.

308 | P a g e
309 | P a g e
If the bottom part seems a bit big, then move the bottom anchor points of the trapezoid and the yellow oval
up, which I did.

310 | P a g e
Step 4

Add shadow to the UFO dome, similar to how we did it for the rocket porthole. Only here the offset of the copy
of the main shape will be 20 pixels.

311 | P a g e
Draw three small yellow ovals (# fed6a2) positioned as shown below.

312 | P a g e
Step 5

There remains a long shadow and stars.

313 | P a g e
5. Conventional telescope icon

Step 1

Draw a 300x150 px rectangle. With the already familiar manipulations, divide it into two parts horizontally. Fill
the top with # d74f41 and the bottom with # bb4031. Add two more rectangles on the left side. Set the top
fill color to # bb4031, and the bottom one to # 9f3025.

314 | P a g e
Step 2

On the right side add another rectangle with # 9f3025 fill color.

315 | P a g e
In the same place, draw a narrow oval slightly less high than the rectangle. Fill it with # 5b8da6 color. Then
click on the top and bottom anchor points with the Convert Anchor Point Tool (Shift + C) and lower it below
it. And also move the whole structure to the left, closer to the center of the image.

316 | P a g e
317 | P a g e
Using a familiar technique, add a highlight to the "eye" of the telescope.

318 | P a g e
Step 3

With the Rectangle Tool (M) and the Rounded Rectangle Tool, draw the following elements. The fill color for
the light ones is # 959595, the dark ones are # 666666.

319 | P a g e
Now rotate all elements of the telescope (but not the tripod) 15 ° counterclockwise. If necessary, change the
position of the tripod and the length of its constituent elements and the telescope itself (which I did).

320 | P a g e
As always, only a long shadow and stars remain.

321 | P a g e
6. Icon of the crescent moon in the clouds

Step 1

Subtract a smaller circle from a 300x300 px circle filled with # fed6a2 with the familiar manipulations.

322 | P a g e
Step 2

From several circles with # 7eacc4 fill color draw the base of the cloud.

323 | P a g e
Unite them using the "Unite" command from the Pathfinder panel. Then draw a rectangle crossing the bottom
of them (see the first image below) and subtract from the cloud using the Minus Front command from the
Pathfinder panel.

324 | P a g e
325 | P a g e
Add another cloud in the same way, as well as a long shadow and stars.

326 | P a g e
Houston, we have no problem!

Our space icons in a "flat" style are ready. I hope you enjoyed the tutorial.

327 | P a g e
Large size

Original: Yulia Sokolova

328 | P a g e
 Create Autumn Leaves, Berries and Chestnut Icons in Adobe
Illustrator

Lesson Result:

In this lesson you will draw icons on the autumn theme: yellow and red leaves, berries, acorns, chestnuts. In
the process, we will only use simple shapes, as well as a few useful tricks.

1. Draw a chestnut leaf

Step 1

Start the program and create a new document (Ctrl + N). We'll start with the main vein of the leaf. Draw a
triangle with the Polygon Tool. Fill it with R = 132 G = 98 B = 3 (# 846203). Then drag the triangle vertically
and apply Effect> Warp> Arc Lower to the shape with the following values. Go to Object> Expand

329 | P a g e
Appearance.

We now have a stalk that attaches the leaf to the branch of the tree. We will use this shape for all the other
leaves, changing its fill color. Therefore, make a copy of the shape and hide it. I'll let you know when you
need it.

Step 2

Now let's create a sheet. Use the Ellipse Tool (L) to draw an oval. Fill it with R = 215 G = 195 B = 0 (#

330 | P a g e
d7c300). Then with the Convert Anchor Point Tool (Shift + C) click on the bottom anchor point of the oval to
turn it into a corner one. This will make the tip of the figure sharp.

Now with the Direct Selection Tool (A) select the central anchor points and move them up. Then with the
same tool, while holding Alt, change the position of the guides of the upper anchor point as shown below.

Step 3

It's time to use a copy of the stem shape, but not hidden, but create another one. Select it and hold Alt to
create a duplicate, move it so that it is in the middle of the sheet drawn in the previous step. Then make a
few more copies of the stem and position them as shown in the image below, forming the veins of the leaf.

331 | P a g e
Step 4

Group all the shapes of the leaf and make a copy of it. Shrink it a little while holding Shift to maintain the
proportions, rotate it -45 ° and position it as shown in the image below, on the left. Make another copy of the
sheet, shrink it a little more, rotate it -45 ° and place it as shown in the image below in the center. Repeat the
same steps to add another smaller copy.

332 | P a g e
Step 5

Select the three leaves on the left side, added in the previous step, and reflect them using the command
Object> Transform> Reflect, specifying the vertical axis there. When finished, click the "Copy" button. Place
the resulting mirrored duplicates on the right side. Then Group all the chestnut leaf shapes (Control-G).

333 | P a g e
2. Draw the berries

Step 1

Draw a circle using the Ellipse Tool (L). Fill it with R = 193 G = 5 B = 45 (# c1052d). Make two copies of this
circle (Control-C> Control-F> Control-F) and move the top one up and to the left. Then select both copies and
hit the Minus Front button from the Pathfinder panel. Fill the resulting shape with R = 178 G = 2 B = 40 (#
b20228).

Step 2

Add an oval. Fill it with R = 214 G = 7 B = 46 (# d6072e). Position and rotate it as shown in the image below,
in the center. Then with the Direct Selection Tool (A) select the anchor point marked in the same place and
move it to the outer border of the large circle. It should look like the one shown in the same image on the
right.

334 | P a g e
Step 3

Now let's draw the sepal. Create a narrow oval. With the Convert Anchor Point Tool (Shift + C) click on its top
and bottom anchor points to get sharp tips. Duplicate the shape (Control + C, Control + F). Rotate it 90 °.

Step 4

Position the sepal as shown below.

335 | P a g e
Step 5

Using the same "recipe" draw two more types of berries.

Step 6

Now you can use the previously hidden copy of the stem. Turn on its visibility, make a duplicate (which can be
hidden again or simply moved outside the artboard so as not to get in the way). Change the fill color of the
remaining shape to R = 85 G = 25 B = 0 (# 551900). Make several copies of the repainted stem and build a
twig from them. Arrange the berries on the tips. When finished, group all the shapes (Control-G).

336 | P a g e
3. Draw a maple leaf

Step 1

Using the already familiar technology, create an oval with sharp corners. Fill it with R = 239 G = 65 B = 53 (#
ef4135).

337 | P a g e
Step 2

Make two copies of the shape. Reduce their size and place them on the left half, as shown in the image below,
on the left. Then select them and flip them vertically to create duplicates. Move these duplicates to the right
side.

338 | P a g e
Step 3

Make a copy of the stem. Change the color of the shape to R = 181 G = 18 B = 27 (# b5121b) and center the
sheet from the last step (see image). Then make a copy of all these elements, scale them down and rotate
them proportionally. Place it as shown in the image below, on the right.

339 | P a g e
Step 4

Repeat the process of copying the sheet until the left side is filled.

340 | P a g e
Step 5

Select the leaves on the left side and flip vertically to create a copy. Move the resulting duplicates to the right
side.

341 | P a g e
Step 6

Draw a circle in the middle of the entire sheet:

342 | P a g e
Step 7

Without removing the selection from the circle, add all the other red shapes to it (you can quickly do this with
the Select> Same> Fill Color command) and click the Unite button on the Pathfinder panel. Group all the
elements of the maple leaf.

343 | P a g e
4. Create a branch with pink leaves

Step 1

Create an oval with pointed corners. Fill it with R = 209 G = 18 B = 66 (# d11242). Add Effect> Distort &
Transform> Roughen to the shape with the settings shown below. Then go to Object> Expand Appearance.

344 | P a g e
Step 2

Make another copy of the stem. Change the fill color of the shape to R = 130 G = 0 B = 36 (#
820024). Position it as shown in the image below, on the left. Then duplicate the leaf and stem. Make the
stalk much shorter. Then rotate these copies so they look like in the image below, in the center. Select this
leaf and move it down while holding Alt to make a copy. Then just press Ctrl + D to repeat the last operation
until the root of the branch ends.

345 | P a g e
Step 3

Select all the leaves on the left side and flip them vertically making duplicates, which don't forget to place
them on the right side of the branch. When finished, group all the elements of the icon.

346 | P a g e
5. Draw an acorn

Step 1

Start by creating two ovals of different sizes filled with R = 205 G = 178 B = 47 (# cdb22f)

347 | P a g e
Step 2

Now add a brown ellipse (R = 121 G = 68 B = 0; # 794400). Using the Direct Selection Tool (A), select the
central anchor points of this shape and move them down.

Step 3

348 | P a g e
Draw a small rectangle with the same brown color. Apply Effect> Warp> Arc to it with the settings
below. Then go to Object> Expand Appearance.

Step 4

Align all the acorn elements. To show the volume, add an ellipse to the head and body with a lighter fill than
the base color of these shapes.

349 | P a g e
Step 5

Add a second acorn. Make one of them a little darker. Then group all the elements of the icon.

6. Create a yellow leaf

350 | P a g e
Step 1

From the duplicate stem, draw the shape shown below. Here change the color of these shapes to R = 117 G =
63 B = 0 (# 753f00).

Step 2

Draw a yellow circle. On its top anchor point, click with the Convert Anchor Point Tool (Shift + C). Then add
Effect> Warp> Arc to the shape with the settings shown below. Don't forget to do Object> Expand
Appearance here and in the next two steps.

351 | P a g e
Step 3

Now add Effect> Distort & Transform> Roughen with the settings below. Then group all the elements of the
icon.

352 | P a g e
7. Create three green leaves

Step 1

Draw a green oval (R = 215 G = 195 B = 0; # d7c300). Move the central anchor points down, and sharpen
the top. Then add Effect> Distort & Transform> Zig Zag with the parameters shown below. You can
experiment with these settings.

353 | P a g e
Step 2

Add a stem and make two slightly darker copies of this leaf. Don't forget to group all the elements of the icon.

354 | P a g e
8. Draw chestnuts

Step 1

Using the familiar technique, create a vertically flattened brown oval (R = 85 G = 25 B = 0; # 551900). Add
an ellipse filled with color R = 218 G = 199 B = 146 (# dac792). Duplicate the brown shape (Control + C>
Control + F). Select it along with the light one and hit the Intersect button from the Pathfinder panel. Add
another distorted oval in a lighter color at the top to add volume.

Step 2

Create a couple more chestnuts by simply distorting the shape of the existing shapes. They must first be
copied, of course.

355 | P a g e
Step 3

Gather the chestnuts together and group all the elements of the icon.

356 | P a g e
9. Draw an oak leaf

Step 1

Using the copies of the stem, draw the base of the branch. Draw an oval at the top center. Fill it with R = 205
G = 178 B = 47 (# cdb22f). Add three smaller duplicates on the left side, then flip them to the right
side. When finished, add an oval in the center of the entire sheet.

357 | P a g e
Step 2

Select all the ovals and unite them by pressing the Unite button on the Pathfinder panel. Use the Convert
Anchor Point Tool (Shift + C) to sharpen the bottom anchor point of the resulting shape.

10. Add Background

Step 1

Draw a rectangle to fit the artboard (in my case it's 600x600 pixels). Fill it with R = 247 G = 245 B = 178 (#
f7f5b2). Add nine circles in a darker shade (R = 239 G = 238 B = 128; # efee80).

358 | P a g e
Step 2

Place the icons in circles.

359 | P a g e
360 | P a g e
 How to Create a Set of Flat Animal Icons in Adobe Illustrator How to Create a Set
of Flat Animal Icons in
Illustrator

Lesson Result:

In this lesson we will create six icons with portraits of animals, the main one for which will be a circle. We will
draw in a "flat" style using the basic shapes, the Shape Builder Tool, the Pathfinder panel and some other
Illustrator functions.

1. Draw an Elegant Siamese Cat

Step 1

Create a new document of any size. Activate the Ellipse Tool (L). Click on it within the work area and in the
dialog box that appears, specify the size of 60x60 pixels. Fill the shape with sandy beige.

361 | P a g e
Step 2

With the Direct Selection Tool (A) select the left and right anchor points and move them down a little. The
base of the muzzle is ready.

362 | P a g e
Step 3

Now let's draw the ear. Use the Polygon Tool (found in the same group with the Rectangle Tool (M)) to create
a shape with the settings shown below. Then apply Effect> Warp> Bulge to it, the parameters of which are
specified there. Without removing the selection from the shape, go to Object> Expand Appearance. With the
Direct Selection Tool (A) select the top anchor point and then click the Convert corners to smooth button on
the Control Panel. Shorten the guides of the same point and lift it up a little by itself.

363 | P a g e
364 | P a g e
365 | P a g e
Step 4

Make a copy of the shape created in the previous step (Control + C, Control + F). Reduce it and change the fill
color to chocolate brown. Then rotate both ear shapes and position them on the left side of the head. Then
send them to the very back (Shift + Ctrl + [). Make a copy of these elements, flip them along the vertical axis
using the command Object> Transform> Reflect and place them on the right side.

366 | P a g e
367 | P a g e
368 | P a g e
Step 5

Select the head shape. With the Eraser Tool (Shift + E), while holding Alt, erase the top part as shown below.

Step 6

Use the Polygon Tool to add a small triangular nose in pink. Use the Live Corner function (available from the
CC version) to round the corners of this triangle. If this function is not available in your version of the
program, then use the Effect> Stylize> Round Corners effect.

369 | P a g e
Step 7

Draw another circle on the face. Align the shape with the Align panel to the horizontal center of the nose,
using it as a key object. Use the Convert Anchor Point Tool (Shift + C) to reshape the circle as shown at the
top right of the image below. To keep the offset of the anchor point guides the same, use the guides in the
illustration. They can be "pulled out" from the rulers (Ctrl + R).

Fill the resulting shape with the same brown color as the inner part of the ears (you can simply sample the
color from there with the Eyedropper Tool (I)). After that add a small oval of a lighter shade, dropping it below

370 | P a g e
the shape added in this step.

Translator's note. The author's narrative doesn't look consistent. In theory, at first, according to the same
principle, we had to align the nose with the horizontal center of the muzzle. And only then to align something
relative to it. But there is nothing about the alignment of the nose itself in the text, as if it is automatically
centered.

371 | P a g e
Step 8

Let's add the eyes. Draw a small oval. Select its right anchor point and click the Convert selected anchor
points to corner button on the control panel. Fill the modified shape with light blue. Then draw another
oval. Fill it with dark gray. After that, select both shapes added in this step, activate the Shape Builder Tool
(Shift + M), hold down Alt and delete the top part of the dark gray oval. Copy the finished eye, flip it vertically
and place it on the opposite side.

372 | P a g e
Step 9

Mark the eyebrows with two light brown ovals, and the highlights in the eyes of our cat with two white circles.

373 | P a g e
Draw another oval on top of the nose. Fill it with a lighter shade of pink than the nose itself. Then select both
shapes and delete the top part of the oval using the Shape Builder Tool as we did in the last step.

374 | P a g e
Step 10

Darken half of the face according to the latest flat style trends. It kind of shows the shadow.

Select all the shapes (Control-A), group (Control-G) them, duplicate (Control-C, Control-F) and then unite
them using the Unite command from the Pathfinder panel. Change the Blending Mode of the resulting shape
to Multiply. After that, in the familiar way, delete the left half of this shape using the Eraser Tool (Shift + E).

And on this, the cat icon is ready.

375 | P a g e
376 | P a g e
377 | P a g e
2. Draw a mischievous puppy

Step 1

As in the previous case, we will be based on a circle with a diameter of 60 pixels. Delete the upper part of it
with the Eraser Tool, and move the side anchor points down a little. After that, move the left anchor point an
additional 5 pixels to the left and the right anchor point 5 pixels to the right. It is convenient to do this
operation with the command Object> Transform> Move (Shift + Ctrl + M).

378 | P a g e
Step 2

379 | P a g e
Reselect both side anchor points and click the familiar "Convert selected anchor points to corner" button on
the control panel. Then with the Convert Anchor Point Tool (Shift + C), change the position of the lower
guides of the same points to horizontal, giving the shape the look shown in the second part of the image
below.

Step 3

Draw a triangle with the Polygon Tool. Give it a size of 40x35 pixels. After that, using the Curvature Tool
(Shift + `) make the side edges of the triangle more rounded. If your version of the program does not have
this tool, you can use the Bulge effect, as in the previous section.

380 | P a g e
Give the top anchor point a more "round" look and move it to the left. Then use the Object> Path> Offset
Path command with an offset of -3 pixels to create the inner part of the ear. Fill the ear shapes with shades of
gray.

381 | P a g e
382 | P a g e
Step 4

Place the ear in the proper place, then make a mirrored copy of it, which is sent to the opposite side.

Step 5

Add a small oval with a dark gray fill. This will be the nose. Move its bottom anchor point down a little. After
that add two larger ovals filled with a lighter shade. Group them and align them horizontally to the center of
the nose shape, using it as a key. Remember to raise your nose above these ovals.

383 | P a g e
Step 6

Let's add a protruding tongue. Draw a pink rectangle and place it below the light gray ovals. Round the
bottom completely using the Live Corners function (or the Round Corners effect or the Round Any Corner
script for older versions; if using the effect, make the rectangle longer so that the rounded corners at the top
are not visible). Then with the Line Segment Tool (\), while holding Shift, draw a vertical line in the middle of
the tongue (or align it, indicating the key object, in fact, the tongue), to which assign the stroke parameters
shown below with a darker shade of pink.

384 | P a g e
385 | P a g e
Step 7

Let's draw the eyes. Create a dark blue oval and an overlapping ellipse with a larger size and any color. Select
both shapes and use the Shape Builder Tool (Shift + M) to delete the lower part of the larger oval. After that
draw a pupil circle and a small flare circle.

When one eye is ready, make a copy of it. Place your eyes on opposite sides of the face. Turn the left one a
little clockwise, the right one counterclockwise by the same angle.

386 | P a g e
387 | P a g e
388 | P a g e
Step 8

Draw four circles as shown below. Select the two large circles along with the main head shape and delete the
lower part of them using the Shape Builder Tool (Shift + M). Select the rest of them along with the smaller
circles and unite with the "Unite" command from the Pathfinder panel. Delete the gap in the center of the
resulting shape by simply selecting its outline with the Direct Selection Tool (A) and pressing Delete a couple
of times. Fill it with light gray and drop it below the eyes and mouth in the layers panel.

389 | P a g e
Step 9

Draw one eyebrow with small rounded rectangles. Rotate it and make a flipped copy to the opposite side.

Then darken the right side of the face as described in the last step of the previous section.

And on this, the puppy icon is ready.

390 | P a g e
391 | P a g e
392 | P a g e
3. Draw a fantastic raccoon

Step 1

Let's start again with a circle with a diameter of 60 pixels. Give it the shape shown below. Make the lateral
anchor points angular in the familiar way.

Duplicate the ears from the cat, repaint in the appropriate colors and place in the proper places.

393 | P a g e
394 | P a g e
Step 2

From an 18x10 px oval with a dark gray fill, create a nose. Then add a larger ellipse, but only with a stroke,
removing the fill from it. Use the Scissors Tool (C) to cut this oval along the side anchor points. Remove the
upper part.

Step 3

Duplicate the main shape of the raccoon's face. Reduce it a lot, fill it with white and place it below the nose
and smile in the layers panel. Add eyes and highlights to them. Then make another copy of the main shape of
the face, resize it and place it as shown below. Fill this shape with dark blue. We got a raccoon mask. Don't
forget to drop it in the layers panel below the white shape.

395 | P a g e
Step 4

396 | P a g e
In the middle of the "mask" draw a rectangle as shown below. Select it along with the "mask" and press the
"Minus Front" button on the Pathfinder panel (or "Divide", as the author suggests, but then you will have to
delete parts of the rectangle yourself). Round the corners of the resulting parts of the "mask" in a suitable
way. Don't forget to darken the right half of the muzzle.

4. Draw a friendly panda

Step 1

Another circle with a diameter of 60 pixels. Lower its lateral anchor points down a little, giving the desired
shape.

397 | P a g e
Step 2

Duplicate the puppy's nose and two ovals below it. Unite the ovals with the "Unite" command from the
Pathfinder panel and give the resulting shape a stroke with the same color as the nose. Cut the path along the
side points. Remove the top part and the bottom fill.

398 | P a g e
Step 3

Now copy the eyes of the raccoon. Convert the dark area to a large, vertically elongated oval, which then
rotate and make a reflected copy of it for the other side. Increase the former highlight, raise it above the dark
ovals, position it symmetrically and then apply the Object> Path> Offset Path command to both shapes with
an offset of -1 pixel.

399 | P a g e
400 | P a g e
401 | P a g e
Step 4

Create one ear from two circles. Make a mirrored copy of it on the opposite side and don't forget to add a
shadow for the right half of the whole portrait.

5. Draw the wise bear

Step 1

Again, start with a circle with a diameter of 60 pixels. Deform it as shown below, moving the side anchor
points down and the top anchor point up. Then use the Eraser Tool (Shift + E) to erase the upper part of the

402 | P a g e
403 | P a g e
404 | P a g e
Step 2

Use two circles of the same size to mark the ears. Use the Object> Path> Offset Path command with an offset

405 | P a g e
406 | P a g e
407 | P a g e
Step 3

Create a nose from a small oval. Then add a rectangle with a light beige fill and drop it below the nose. Move
the upper left anchor point of the rectangle 5 pixels to the right, and the right one to the left by the same

408 | P a g e
409 | P a g e
410 | P a g e
Step 4

Mark the lower jaw with another small oval. Drop this shape below the light beige shape added in the previous
step. By the way, make it shorter. Add eyes, highlights in them and darken the right side of the icon.

6. Draw a Cunning Chanterelle

Step 1

411 | P a g e
Deform another 60 px circle as shown below. Lower the anchor points on the sides a little down. Use the
familiar actions to transform all three lower anchor points of the figure into "corner" ones.

Step 2

Duplicate the raccoon's ears. Arrange them properly and change the color scheme. Add a black oval
nose. Remove the bottom part using the Shape Builder Tool (Shift + M).

412 | P a g e
Step 3

Draw another, this time a rather large oval. Place it on the left side as shown below. After that, make a
mirrored copy of it and place it symmetrically on the right side. For both ellipses, delete the parts outside our
chanterelle. Fill the remaining parts with light beige.

Add eyes and highlights to them.

413 | P a g e
414 | P a g e
Step 4

Round the tip of our chanterelle's nose. Use the Object> Path> Offset Path command with an offset of -1 pixel
to create a highlight on the nose. Then, on the orange part above the nose, draw a light orange oval. Holding
Alt and Shift, make several duplicates of it, positioning them as shown below. Thus, we have depicted the
stylized fur.

Step 5

Darken the right side of the icon in a familiar way.

415 | P a g e
7. Adding a Long Shadow to the Icons

Step 1

We have six animal icons drawn in a flat style. Finish them off by adding background circles and a long
shadow. I will describe this process using the example of a raccoon icon.

Draw a circle with a diameter of 106 pixels. Fill it with turquoise and place it below the raccoon icon in the
Layers panel and in the center of the work area.

The base of the long shadow will be a square with a side of 80 pixels. It must be rotated 45 °.

416 | P a g e
Step 2

Change the Blending Mode of the square to Multiply and make it semi-transparent. Position the shape so that
it overlaps the main part of the icon. It may need to be lengthened / shortened or made narrower / wider for

417 | P a g e
this. Find the two extreme points of the icon that touch the former square. With the Add Anchor Point Tool (+)
add anchor points on the rectangle in those places, and with the Delete Anchor Point Tool (-) delete the extra
point at the top of the shape. It should look like shown in the image below, in the second row from the
right. Drop the shadow below the head, then delete the part of it that goes beyond the circle-base using the
Shape Builder Tool (Shift + M).

The rest of the shadows are added in the same way.

418 | P a g e
419 | P a g e
420 | P a g e
Great job!

Here is a set of animal icons, drawn in a "flat" style. I hope you enjoyed the tutorial. Don't forget to show your
options in the comments.

421 | P a g e
How to Draw Pokemon Icons in Illustrator
Home • Tutorials • Illustrator Tutorials •How to Draw Pokemon Icons in Illustrator

Difficulty: Medium
Tags: vector medium fanart icons

 1 351

Pokemon is a trademark created by Japanese Satoshi Tajiri in 1995. Although initially Pokemon were born
in the form of a game, they are better known to the Russian-speaking audience by the animated series of the
same name.

Today, the popularity of pocket monsters has skyrocketed again, thanks to the relatively recent release of
Pokemon GO. While the hysteria around the game has subsided, I think Pokémon fans would be interested
to know how to create a set of Pokémon-style icons.

Setting up the document

422 | P a g e
As always, we start by creating a new document in the menu File - New (File - New) or using the key
combination Ctrl + N, in the window that appears, enter the following parameters:

 Number of Artboards : 1
 Width : 800 px
 Height : 600 px
 Units : Pixels

Then below we configure additional parameters:

 Color Mode : RGB

 Raster Effects : Screen (72 ppi)
 Activate the Align the New the Objects to Pixel Grid (Align objects on a grid)

423 | P a g e
 Create layers
Having created a working document, we can add all the necessary layers so that we have a completely
finished working environment and we can focus only on creating icons.

To do this, open the layers panel, create five layers and rename them:

 Layer 1 - mesh
 Layer 2 - Pokeball
 Layer 3 - Pokedex
 Layer 4 - incubator
 Layer 5 - egg

Create a grid

424 | P a g e
The baseline grid is a special layout that will allow us to create icons in the same position and size. As a
rule, the size of the grid depends on the size of the icons themselves and this must be taken into account
from the very beginning of the development process, but it is worth starting from the smallest size.

In our case, we will use one size - 128 x 128 pixels.

Step 1
Lock all layers by clicking on the empty square next to the eye icon in the layers panel (as a result, a lock
icon should appear). Then take the Rectangle Tool (M) and draw a red (# ff6b57) 128 x 128 px rectangle
that will define the overall size of the icon.

425 | P a g e
 Step 2
Inside the previous square, draw a new white color with a size of 116 x 116 pixels, which will be the
working area for a separate icon. In this case, the indent from the borders of the red square should be 6
pixels.

Step 3
Using the keyboard shortcut Ctrl + G, group the two squares together, then create three copies and place
them at a distance of 40 pixels from each other, place them in the center of the document.

426 | P a g e
Once we're done with the mesh, we can lock the layer so we don't accidentally change it.

How to draw a pokeball

The first icon we will draw is the red and white sphere icon that helps trainers to catch and store Pokémon -
Poké Ball.
Before drawing, switch to the "pokeball" layer and zoom in on the document in the first cell of our grid.

427 | P a g e
 Step 1
Start with the top half of the ball and use the Ellipse Tool (L) (Oval) to draw a 108 x 108 px red circle (#
ff6b57). Place the circle in the center of the square.

428 | P a g e
429 | P a g e
 Step 2
Next, create a 116 x 52 px rectangle that we will snap to the top of the cell to cover half of the circle. Select
both shapes, right click and choose Make Clipping Mask .

430 | P a g e
431 | P a g e
 Step 3
Next, add a stroke to the half of the pokeball. To do this, draw a new circle with a size of 116 x 116 pixels
(color # 423b3b), on which we apply a rectangular mask with a size of 116 x 56 pixels, as we did in the
previous step. Don't forget to send the second circle to the back by right-clicking and choosing Arrange -
Send to Back .

Group the two halves together (Control-G) as we will be copying them to create the bottom part.

432 | P a g e
433 | P a g e
 Step 4
Create the bottom half of the pokeball by copying the top (Control + C then Control + F). Next, reflect the
copy horizontally, for this, right-click on the object and select Transform - Reflect -
Horizontal (Transform - Flip - Horizontal). Change the color of the copy to a light gray (# ede2e2).

434 | P a g e
435 | P a g e
 Step 5
Fill the empty space between the halves of the pokeball with a 104 x 4 px rectangle (color # 423b3b).

436 | P a g e
 Step 6
Next, in the center, draw a 44 x 44 px round button (color # 423b3b).

437 | P a g e
 Step 7
Continue drawing the button and now add a 28 x 28 px circle using the color # ede2e2.

438 | P a g e
 Step 8
Draw a 20 x 20 px circle (color # 423b3b), which we snap to the center of the previous circle.

439 | P a g e
 Step 9
And draw the last 12 x 12 px circle (color # ede2e2). Select all the circles and merge them into a group (Ctrl
+ G) so that we don't accidentally split the button.

440 | P a g e
441 | P a g e
 Step 10
We have finished drawing the main elements and will continue to detail the Pokeball using shadows and
highlights.

First, double-click on the group with the button (on the largest light gray circle) to switch to isolation mode,
then create two copies of this circle (Control-C, then Control-F). Move the top one 2 pixels down, then hold
Shift, select the second copy and go to Window> Pathfinder and select Minus Front to create the border.

Step 11
Change the border color to white and reduce its opacity to 80%. Double click anywhere on the canvas to exit
isolation mode.

442 | P a g e
443 | P a g e
 Step 12
Repeat the above process and add the same border on a small light gray circle.

444 | P a g e
 Step 13
Add a highlight on the upper half of the pokeball, only this time we lower the copy by 4 pixels and
additionally set the blending mode to Soft Light . To set the blending mode, click on the Opacity label on
the top layer panel and select the desired mode in the window that appears.

Another important point! If you double-click on the top half of the pokeball, then you isolate the entire area
along with the stroke, but we only need a red circle. To get to it, we in isolation mode simply open the
"pokeball" layer in the layers panel and there we find a separate layer with a red circle. We duplicate it, and
then turn the copy into a lens flare.

445 | P a g e
446 | P a g e
 Step 14
Add the last highlight on the bottom half of the pokeball. Isolate the bottom part, in the Layers panel, find a
layer with a light gray shape (not a path!), Then press Ctrl + C and Ctrl + F to create ONE copy. Next, go to
the Window panel - Pathfinder ( Window - Pathfinder ) and merge the copied shape into one object by
clicking on the Merge button . Thus, we merged the clipping mask with the circle and got one half object.

After that press Ctrl + C and Ctrl + F again to copy the merged object. Move the top copy below, then hold
down the Shift key and select the second copy and click on the Minus Front button on
the Pathfinder panel . Change the color of the resulting line to white, reduce the opacity to 80% and exit
isolation mode.

We then isolate the large dark gray circle in the center of the Poke Ball. Press Ctrl + C and Ctrl + F to
duplicate it twice. Hold down the Shift and Alt keys and enlarge the top copy exactly the width of the strip
that we created above. In the layers panel, select the second copy, the scale of which we have not changed,

447 | P a g e
and click on the Minus Back button (Subtract from the back shape). Change the color of the shape to white
and reduce the Opacity to 80%.

Now, on top of the resulting ring, we create a rectangle so that it overlaps the top half of the ring.

448 | P a g e
Then, while holding down the Shift key, select the ring and rectangle and click on the Minus
Front button (Subtract from the front shape).

449 | P a g e
450 | P a g e
 Step 15
After finishing with highlights, add a shadow on the button. Select the smaller dark gray circle on the button
and press Ctrl + C and Ctrl + B to duplicate it. Set the copy's color to black and reduce the opacity to 28%.

451 | P a g e
452 | P a g e
 Step 16
Finish up the icon by adding a shadow at the bottom of the pokeball using the method described in the
previous step.

When finished, select all the elements of the icon and group them (Ctrl + G).

453 | P a g e
Draw pokedex

454 | P a g e
Go to the next empty layer and zoom in on the working canvas.

Step 1
Take the Rounded Rectangle Tool (M) and create a 72 x 108 px rectangle with a 4 px radius at the
corners. Fill the shape with red (# ff6b57) and place it in the center of the cell.

455 | P a g e
456 | P a g e
 Step 2
Add a stroke. To do this, select the object and the transitions Object - Path - Offset Path (Object - Contour
- Create a parallel path), in the window that appears, set the Offset (Offset) to 4 pixels and in the drop-down
menu Joins ( Joins ) select Miter (Cut).

457 | P a g e
458 | P a g e
 Step 3
Change the stroke color to # 423b3b.

459 | P a g e
 Step 4
Before we start adding new elements, we need to add a lens flare at the top of the Pokedex. To do this, use
the method described in the Pokeball section. Use white for the color, set the Blending Mode to Soft
Light and reduce the Opacity to 80%.

460 | P a g e
461 | P a g e
 Step 5
Next, we create a lens. Draw an 8 x 8 px circle (color # 34d5ea) with a 4 px wide stroke (color #
423b3b). Add a stroke using the Offset Path (Create a parallel path). Group both elements using the key
combination Ctrl + G and place them in the upper left corner.

462 | P a g e
463 | P a g e
 Step 6
Draw small 2 x 2 px indicator lights (red: # d96151, yellow: # ffb85a, green: # 92db63) with a 2 px wide
stroke (color # 423b3b). Group each circle together with a stroke (Ctrl + G) and place them to the right of
the lens.

464 | P a g e
465 | P a g e
 Step 7
Take the Pen Tool (P) (Pen) and draw a curved line that separates the top of the Pokedex from the drop-
down lid. Use the color # 423b3b.

466 | P a g e
467 | P a g e
 Step 8
Draw a 4 x 88 px side of the pop-up lid, use # ff6b57 for the fill and # 423b3b for the 4 px stroke.

468 | P a g e
 Step 9
Add small details in the form of horizontal lines on the side of the lid measuring 4 x 4 pixels (color #
423b3b). We place one at the top, the other at the bottom.

When finished, select all the elements of the side part of the lid and group them (Ctrl + G).

469 | P a g e
470 | P a g e
 Step 10
Using the Pen Tool (P), draw a small right arrow triangle (color # 423b3b) and place it on the left side of
the lid exactly in the center.

471 | P a g e
472 | P a g e
 Step 11
Take the Rounded Rectangle Tool and create a 28 x 2 px shape (color # d96151) with a corner radius of 1
px, then add a 2 px wide stroke (color # 423b3b) to the rectangle, group this element and place it at the
bottom of the lid by center.

473 | P a g e
474 | P a g e
 Step 12
Having finished with all the necessary Pokedex elements, we can start adding highlights and shadows. Pay
attention to this step and add light and shade where you see fit. When finished, select all the elements of the
icon and group (Ctrl + G).

475 | P a g e
Draw an incubator

476 | P a g e
As usual, switch to the next layer and zoom in on the canvas.

Step 1
Using the Rounded Rectangle Tool , create a 68 x 32 px shape (color # ede2e2) with a 14 px radius. Next,
take the Direct Selection Tool (A) (Partial Selection). Our task is to remove the bottom row of anchor
points. To do this, click on them and press the Delete key.

After deleting the points, press Ctrl + J to close the outline of the shape and apply a 4px stroke (# 423b3b) to
it, snap the object to the top of the cell.

Step 2
Use the Minus Front shape mode to add a white highlight with 80% opacity.

477 | P a g e
478 | P a g e
 Step 3
Draw a 28 x 10 px rounded rectangle with a 4 px radius. Fill it with yellow (# ffb85a) and add a 2px stroke
(# 423b3b). Place the element in the center of the previous rectangle.

479 | P a g e
480 | P a g e
 Step 4
We draw the inner part of the panel. Create a 24 x 6 px rectangle (# 423b3b) with 2 px radius corners. Then
select all three shapes and group them together (Control-G).

481 | P a g e
482 | P a g e
 Step 5
Take the Rectangle Tool (M) and create a 68 x 4 px rectangle (# ffb85a). Add a 4px Stroke (# 423b3b) and
place the shape below the previous one.

483 | P a g e
484 | P a g e
 Step 6
Create two more 80 x 4 px rectangles (# 423b3b) and place one on the top of the yellow shape and one on
the bottom.

485 | P a g e
486 | P a g e
 Step 7
At the bottom of the yellow shape in the center, add another 26 x 2 px rectangle (# 423b3b).

487 | P a g e
 Step 8
We draw a glass panel. Create a 60 x 48 px black rectangle and lower its Opacity to 14%. Place the shape
under the yellow rectangle.

488 | P a g e
489 | P a g e
 Step 9
Draw a 4 x 48 px rectangle (# 423b3b) and place it on the left side of the glass panel. Duplicate the shape
and place the copy on the right side. This will be the stroke.

490 | P a g e
491 | P a g e
 Step 10
Using the Pen Tool (P), create diagonal highlights on the glass. There should be a distance of 4 pixels
between the stripes and the outline. Fill the highlights with white and lower the Opacity to 60%.

When finished, select all the elements of the glass panel and group them (Ctrl + G).

492 | P a g e
493 | P a g e
 Step 11
Duplicate the upper part of the incubator (Ctrl + C, then Ctrl + F) and drag it down. Then flip the copy
horizontally. To do this, right-click on the shape and select Transform - Reflect - Horizontal .

494 | P a g e
495 | P a g e
 Step 12
Remove the center panel and highlight at the bottom. At this point, we'll add a progress bar.

496 | P a g e
 Step 13
Using the Rounded Rectangle Tool, create a 24 x 10 px rectangle with a 4 px radius. Fill it with gray (#
423b3b) and place it in the center of the bottom of the incubator.

497 | P a g e
498 | P a g e
 Step 14
Draw three 4 x 2 px rectangles and place them 2 px apart in the center of the previous shape. Fill the first
two rectangles with green (# 92db63), and the last with red (# ff6b57).

After that select all three shapes and the dark gray rectangle below them and Group them (Control-G).

499 | P a g e
500 | P a g e
 Step 15
Add some highlights and shadows. Group all the elements of the icon together (Ctrl + G).

501 | P a g e
 Draw an egg
So we got to the fourth and last icon. Perhaps she is the lightest of all.

Go to the desired layer and zoom in on the document.

Step 1
Take the Ellipse Tool (L) (Oval) and create an 84 x 84 px circle (# f2f0f0). Place it in the lower part at a
distance of 4 pixels from the inner border of the cell.

502 | P a g e
503 | P a g e
 Step 2
Adjust the shape of the egg by pulling the top knot with the Direct Selection Tool (A) (Partial Selection) up
24 pixels. To do this, activate the Move Tool (Move) and right-click on the object, select Transform -
Move - Vertical (Transformation - Move - Vertical) and enter -24 pixels.

504 | P a g e
505 | P a g e
 Step 3
Finished with the shape of the egg, add a 4 px wide Stroke (# 423b3b) using the Offset Path .

506 | P a g e
 Step 4
Add a highlight (white, 40% opacity) on the top of the egg, and a shadow on the bottom (black, 14%
opacity).

507 | P a g e
508 | P a g e
 Step 5
Draw some spots. To do this, create two circles (# 9fb77d) and drag on their anchor points to deform a
little. Then add a 4 px wide Stroke (# 423b3b).

Having finished with the spots, group up all the elements of the icon (Ctrl + G).

509 | P a g e
Congratulations! We're done!

510 | P a g e
In this tutorial, you learned how to draw Pokemon style icons. I hope that the knowledge gained will be
useful to you in your future work. Ask questions, share your result and subscribe to updates. Good luck!

511 | P a g e
 RTY
How to Create a Camera Icon in Illustrator
Home • Tutorials • Illustrator Tutorials •How to Create a Camera Icon in Illustrator

Difficulty: Easy
Tags: icons light

 905

In this easy tutorial, you will learn how to create a flat camera icon using a stroke.

Create a new 128 x 128 px document.

512 | P a g e
Create a 128 x 128 px orange (# F2582B) rectangle to fill the entire workspace. After that, lock the layer.

513 | P a g e
Create a new layer and draw a 104 x 72 px rounded rectangle with an 8 px radius. Fill it with white and use
the Align panel to center it.

Add another 40 x 8 px rectangle and place it above the previous shape in the center. After that, select both
rectangles and on the Pathfinder panel (Pathfinder) click the Unite button (Add to shape) to combine them
into one object.

514 | P a g e
Then take the Direct Selection Tool (A), select the top left anchor point of the shape and move it to the right
by 4 pixels. This can be done using the mouse or the arrows on the keyboard. We do the same with the right
point.

515 | P a g e
On the top panel with the tool parameters, turn off the fill and activate a path with a width of 8. Then, on the
Stroke panel, round the corners.

516 | P a g e
517 | P a g e
With the Ellipse Tool (L) (Oval) draw a 44 x 44 px circle and align it to the center.

Finish off the icon by creating another 8 x 8 px circle. We place it in the upper right corner of the camera.

518 | P a g e
Select all the elements, group them and align them to the center of the work area. Our camera icon is ready!

519 | P a g e
520 | P a g e
How to Draw the Google Chrome Logo in
Illustrator
Home • Tutorials • Illustrator Tutorials •How to Draw the Google Chrome Logo in Illustrator

Difficulty: Easy
Tags: light logo

 3767

In this tutorial, you will learn how to draw the Google Chrome browser logo in Illustrator.

Create a new 800 x 800 px document. Take the Ellipse Tool (L) (Oval), hold down the Shift key and draw a
circle. On the tool options panel, turn off the stroke, if it is activated, and fill the shape with blue (# 4589F6).

521 | P a g e
Then go to Edit - Copy (Ctrl + C) and Edit - Paste in Place (Editing - Paste in the same place) (Shift + Ctrl
+ V). Hold down the Shift + Alt keys and enlarge the circle.

522 | P a g e
Open the Color Picker panel and select any gray shade for the copy.

523 | P a g e
Next, go to Object - Arrange - Send to Back .

524 | P a g e
Repeat copying the gray circle Edit - Copy (Ctrl + C) and Edit - Paste in Place (Shift + Ctrl + V).

Hold down the Shift + Alt keys and enlarge the circle. Fill it with a darker shade of gray.

525 | P a g e
Repeat Object - Arrange - Send to Back .

526 | P a g e
Take the Pencil Tool (N) (Pencil), activate the guides View - Smart Guides (View - Quick Guides) (Ctrl +
U).

Click with the mouse on the top point of the middle light gray circle. Then we move the cursor horizontally
to the outer right border of the large circle and click with the mouse. Then go to Select - Deselect (Selection
- Deselect). If you press the key combination Ctrl + Y, then you will switch to the outline view mode and
see your line.

527 | P a g e
Without turning off the outline view mode, draw two more lines.

528 | P a g e
Activate the Selection Tool (V) (Selection), hold down the Shift key and select the two central circles (blue
and light gray). Go to Edit - Copy (Ctrl + C) and Edit - Paste in Place . Move the copied shapes outside of
the logo.

529 | P a g e
Using the Selection Tool (V), select the entire logo, then activate the Live Paint Bucket (K). When you
hover over a specific area, it is highlighted with a red outline. This means that when filling with color, we
will only fill in this particular part of the logo.

530 | P a g e
Choose red (# E04A40) and fill the top of the logo.

531 | P a g e
Then move on to green (# 15A05F) and yellow (# FECD44).

532 | P a g e
Take the Direct Selection Tool (A), select the gray center circle, open the Color Picker window (double-
click on the color square at the bottom of the toolbar) and set the color to white.

533 | P a g e
As a result, both center circles are filled with color. To fix this, select the central circle with the same tool
and set it to blue color separately.

534 | P a g e
We are done with the basic elements. We just need to add some shading.

Select the entire logo and go to Object - Lock - Selection . This will block the elements of the logo so as
not to accidentally move them.

535 | P a g e
Take the Pen Tool (P) (Pen) and draw a triangle as shown below.

536 | P a g e
Set this shape to yellow. Open a new panel Window - Color Guide (Window - Catalog of colors) and select
a darker shade of yellow.

537 | P a g e
Repeat the same for the green part of the logo.

538 | P a g e
And red.

539 | P a g e
Select all three shapes and reduce their Opacity to 20%.

540 | P a g e
Go back to the center circles that we copied earlier. Take the Direct Selection Tool (A) (Partial Selection)
and select the light gray circle. Change its color to white. Then select both circles.

541 | P a g e
Next, go to Object - Arrange - Bring to Front ( Object - Arrangement - Bring to front). Hold down the
Shift key and move the selected shape onto the logo.

542 | P a g e
Then go to Object - Unlock All . Select the entire logo and merge it into one group Object - Group (Ctrl +
G).

On the top panel, select Align to Artboard and align the logo to the center.

543 | P a g e
That's all! In this tutorial, you learned how to create a simple logo using basic shapes. Hope you learned
something new for yourself. If you have any questions, write comments, and do not forget to share your
work. Enjoy your creativity!

544 | P a g e
545 | P a g e
How to Draw a Flat Search Icon in Illustrator
Home • Tutorials • Illustrator Tutorials •How to Draw a Flat Search Icon in Illustrator

Difficulty: Easy
Tags: icons light

 1,078

In this tutorial, I'll show you how to create a flat search icon in Illustrator.

Create a new 128 x 128 px document.

546 | P a g e
Take the Ellipse Tool (L) (Oval) and create a 120 x 120 px circle. Then aligning it to the center of the work
area.

547 | P a g e
Lock the circle layer and create a new one.

548 | P a g e
Create a new 44 x 44 px circle and center it.

549 | P a g e
Turn off the fill and activate a 10 pt stroke.

550 | P a g e
Take the Pen Tool (P) (Pen) and put a point in the center of the circle, hold down the Shift key and draw a
diagonal line down to the right. Then hold down Ctrl and click anywhere on the work area to cut off the
path. Turn off the fill for the line and set a 10 pt stroke.

Also, in the Stroke panel, activate the rounded ends on the line.

551 | P a g e
Activate the Direct Selection Tool (A) and drag the first point of the line with the Shift key pressed onto the
outline of the white circle.

552 | P a g e
Group the elements of the icon (Ctrl + G) and save.

553 | P a g e
554 | P a g e
How to Create a Seamless Floral Pattern in
Illustrator
Home • Tutorials • Illustrator Tutorials •How to Create a Seamless Floral Pattern in Illustrator

Difficulty: Easy
Tags: vector light texture

 1,682

555 | P a g e
In this tutorial, you will learn how to create a seamless floral crocus pattern using basic Illustrator
tools. Let's start!

How to draw petals and stamens

Step 1
First, we will draw a petal. With the Ellipse Tool (L) (Oval) create an oval and fill it with color R = 113, G
= 20, B = 113. Take the Convert Anchor Point Tool (Shift + C) (Convert anchor point) and click on the
bottom anchor point of the oval. Then using the Direct Selection Tool (A) (Partial Selection) move the right
and left points a little higher.

Step 2
Now let's draw the bud. Copy and Paste the petal from the previous step to create two additional
petals. Change the color of the copies to R = 101, G = 3, B = 96. Move these petals to the background and
place them under the first one (right-click on the petals and go to Arrange - Send Backward ).

556 | P a g e
 Step 3
Now the stamens. Take the Ellipse Tool (L) (Oval) and draw a small oval, then switch to the Rectangle
Tool (M) (Rectangle) and draw a long vertical rectangle. Set the color of these shapes to R = 253, G = 185,
B = 19. Group both layers together (select the objects, right-click on them and select Group ). Create three
more copies of the resulting stamen.

557 | P a g e
 Step 4
Place the stamens under the bud from the second step.

Step 5
Duplicate all three petals and place the copy under the stamens. Set the fill color of the duplicate to R = 73,
G = 3, B = 73. Now the bud is completely ready.

558 | P a g e
 How to draw the stem and leaves

Step 1
Moving on to the stem. Take the Rectangle Tool (M) and draw a long vertical rectangle. Fill it with a two-
color linear gradient from purple (R = 101, G = 3, B = 96) to green (R = 141, G = 139, B = 0). Go to
the Gradient panel and set the angle to -90 degrees. Then set the Location gradient slider to 20%. After
that, place the stem in the background under the bud (right-click on the object and select Arrange - Send to
Back ).

559 | P a g e
 Step 2
Now let's draw the leaves. Take the Ellipse Tool (L) (Oval) and draw three elongated ovals. Set the fill
color to R = 163, G = 165, B = 16. Select the first oval and go to Effect - Warp - Arc (Effect - Warp -
Arc). In the docker, set Arc to Vertical , then Bend to -30%, Horizontal Distortion to 0%, Vertical
Distortion to -15%.

Then select the second oval and again go to Effect - Warp - Arc (Effect - Warp - Arc). In the parameters
window, set Arc to Vertical , then Bend to 30%, Horizontal Distortion to 0%, Vertical Distortion to
15%.

Select the third oval and go to Effect - Warp - Arc (Effect - Warp - Arc). In the parameters window,
set Arc to Vertical , then Bend to 60%, Horizontal Distortion to 0%, Vertical Distortion to -15%. Now
the most important thing is to apply Object - Expand Appearance ( Object - Expand appearance).

560 | P a g e
 Step 3
Place the leaves on the stem as shown below. Now we have a ready-made flower - a crocus!

561 | P a g e
 Draw the second flower

Step 1
Select the entire flower from the previous step and duplicate it. Next, we connect the fantasy! Correct the
leaves a little. For example, you can delete one sheet and leave two as shown below. Select the lightest petal
and change its color to R = 87, G = 2, B = 89. Then select the two side petals and change their color to R =
73, G = 3, B = 73. After that, select the three petals in the background and change their color to R = 50, G =
2, B = 51.

562 | P a g e
 How to draw a yellow flower

Step 1
As in the previous step, copy the entire flower. Let's correct the petals. Select the lightest and change its
color to R = 255, G = 242, B = 3. Then select the two side petals and change their color to R = 244, G = 226,
B = 6. After that, select the three dark petals in the background and change their color to R = 232, G = 210,
B = 5. Then select the stamens and change their color to R = 244, G = 123, B = 23. Finally, select the
stem. Go to the Gradient panel and change the purple color to yellow (R = 224, G = 197, B = 3).

563 | P a g e
 How to create curves on the flowers

Step 1
Group each flower (right-click on the selected object and select Group ). Select the first flower and go
to Effect - Warp - Arc (Effect - Warp - Arc). In the parameters window, set Arc to Vertical , then Bend to
-20%, Horizontal Distortion to 0%, Vertical Distortion to -25%.

Selecting the second flower. Go to Effect - Warp - Arc (Effect - Warp - Arc). In the parameters window,
set Arc to Vertical , then Bend to 20%, Horizontal Distortion to 0%, Vertical Distortion to - twenty%.

564 | P a g e
Select the third flower, then go to Effect - Warp - Arc (Effect - Warp - Arc). In the parameters window,
set Arc to Vertical , then Bend to 30%, Horizontal Distortion to 0%, Vertical Distortion to - thirty%.

How to create the background

Step 1
Using the Rectangle Tool (M) (Rectangle), holding down the Shift key, draw a large square exactly the size
of the work area. Set the fill color to R = 247, G = 247, B = 241.

565 | P a g e
 Step 2
Copy the flowers and randomly distribute them over the square from the previous step.

566 | P a g e
 How to create a seamless pattern

Step 1
Activate the Selection Tool (V) and select all the flowers without the background. We group them. Press the
Enter key to open the Move window . Set the Horizontal Position to 600 pixels, Vertical Position to 0
pixels, Distance to 600 pixels and Angle to 0 degrees. Then click the Copy button .

567 | P a g e
 Step 2
Select all the flowers inside the artboard again and hit Enter. In the Move window that appears, set
the Horizontal Position to -600 pixels, Vertical Position to 0 pixels, Distance to 600 pixels and Angle to 0
degrees. Then click the Copy button .

568 | P a g e
 Step 3
Once again, select all the flowers inside the artboard and hit Enter. In the Move window that appears, set
the Horizontal Position to 0 pixels, Vertical Position to 600 pixels, Distance to 600 pixels and Angle to
90 degrees ... Then click the Copy button .

569 | P a g e
 Step 4
Select all the flowers inside the artboard and hit Enter. In the Move window that appears, set the Horizontal
Position to 0 pixels, Vertical Position to -600 pixels, Distance to 600 pixels and Angle to - 90
degrees. Then click the Copy button .

570 | P a g e
 Step 5
Now we need to ungroup all the color groups. Select all the objects (Ctrl + A), right-click on them and
select Ungroup (Ungroup). We delete all flowers that do not cross the background. Your result should be
something like this:

571 | P a g e
 Step 6
Group up all the flowers (no background). To do this, select all objects (Ctrl + A), hold down Shift and click
on the background square to deselect it. Now only flowers are selected. We group them.

Duplicate the background (Control + C then Control + F) and bring it in front (Control + X then Control +
F). Without removing the selection from the copy of the background, hold down the Shift key and select the
group with flowers. Then go to the Window Panel - Pathfinder ( Window - Pathfinder ) and click on
the Crop button .

Read also:
How to Draw a Paisley Pattern in Adobe Illustrator

572 | P a g e
 Step 7
We're almost done! The current output should look like this:

573 | P a g e
 Apply the pattern

Step 1
Select all objects (Ctrl + A) and reduce their scale for more convenient work. Then just drag the resulting
pattern to the Window - Swatches panel (Window - Swatches). Now draw any shape and fill it with the
created pattern.

574 | P a g e
575 | P a g e
How to Draw a Heart Logo in Illustrator
Home • Tutorials • Illustrator Tutorials •How to Draw a Heart Logo in Illustrator

Difficulty: Easy
Tags: light logo

 2255

In this tutorial, you will learn how to draw a simple heart-shaped logo using basic Illustrator tools.

Step 1
We start by creating a 2560 x 1440 px document.

576 | P a g e
 Step 2
Now take the Polygon Tool and create a hexagon as shown below. Fill it with 3D271A color and turn off
the outline.

577 | P a g e
Draw a circle next to the hexagon using the Ellipse Tool (L). Turn off the fill color, set the stroke color to
603913 and the width to 4 pt.

578 | P a g e
 Step 4
With the help of the Selection Tool (V) (Selection) select the circle. Activate the Scissors Tool (C) and
click on the side anchor points of the circle to cut it in half.

After that, select the bottom half and delete it by pressing the Delete key.

579 | P a g e
 Step 5
Select the resulting semicircle and take the Pen Tool (P). With the pen, click on the lower left anchor point
of the semicircle, draw a line down and towards the center and click with the left button to add another
point. Press Esc to break the path.

Then take the Anchor Point Tool (Shift + C), click on the created line and drag on it to smooth it.

580 | P a g e
 Step 6
Select the resulting contour, right-click and select Transform - Reflect (Transformation - Mirror). In the
window that appears, select Vertical and press the Copy button to duplicate the path.

581 | P a g e
582 | P a g e
 Step 7
Move the right half to the left to form the heart. Then select both shapes and click on the right half to make
its outline bold. This means that within this group, the figure with a bold outline is the leading one.

Go to the top panel and align the shapes to the bottom edge by clicking on the Vertical Align
Bottom button .

583 | P a g e
 Step 8
Open the Window panel - Pathfinder ( Window - Pathfinder ) and merge the two shapes into one.

584 | P a g e
 Step 9
Turn off the outline of the resulting heart and fill it with B99C6A.

585 | P a g e
 Step 10
Select the heart and the hexagon (we make it the leading figure by clicking on the outline again). Align the
heart to the center of the hexagon.

586 | P a g e
587 | P a g e
 Step 11
Activate the Direct Selection Tool (A) and select the hexagon with it. As a result, white dots will appear at
each corner of the shape, by pulling on which we can smooth the corners.

Drag one of the points to slightly smooth out the corners of the hexagon.

Step 12
Take the Pen Tool (P) (Pen) and draw a line from the bottom edge of the heart to the upper left corner of the
hexagon, as shown below. Remove the color fill, set the outline color to white and the width to 4 pt.

588 | P a g e
589 | P a g e
 Step 13
Add two more lines.

Step 14
Select the heart and hexagon, go to the Pathfinder panel and click on the Minus Front button .

590 | P a g e
 Step 15
Next, select all the objects and click on the Divide button . As a result, we cut the hexagon into pieces, and
the path that we created above served us as the cutting lines.

After this operation, all the parts of the hexagon are in one group, we need to ungroup them. To do this, we
click the right button on the figure and choose the Ungroup (Ungroup).

591 | P a g e
Note! For everything to work out, the white lines should protrude slightly beyond the edges of the hexagon,
and they should also not touch each other.

592 | P a g e
593 | P a g e
 Step 16
Now we will fill each piece with a gradient. We need colors 591A49 and D4185C. Activate the Gradient
Tool (G) (Gradient). Fill one part of the logo with a gradient as shown below.

594 | P a g e
Select the entire logo and group it (Ctrl + G). We get the following result:

595 | P a g e
 Step 17
Take the Rectangle Tool (M) and under the logo create a rectangle along the entire length of the
background. Fill it with a radial gradient from white to BDBDBA.

596 | P a g e
We write any text and get the following result:

597 | P a g e
598 | P a g e
Cute Linear Icons Set in 20 Minutes in Adobe
Illustrator
March 21, 2016 | Posted in Lessons | 1 Comment "

Today we will learn how to quickly create entire sets of line icons in Adobe
Illustrator using simple shapes and simple tools. With such fun icons, the content will become even cooler and more
colorful. Yes, the icons look pretty cartoonish, but maybe this is exactly what you need now?

Step 1
Let's start by creating a search icon. Draw a rectangle with the Rectangle Tool / Rectangle . This will be the handle of our

magnifying glass (loupe). Now draw two circles using the Ellipse Tool /An ellipse , with one circle to be placed within the

other. Then draw a small rectangle to connect the glass and handle of our magnifier. Place the smaller rectangle under the larger

one and enlarge the circles in the ratio as shown below:

599 | P a g e
Step 2
Choose a fill color and a stroke color. Use the Arc Tool to draw white highlights on the magnifying glass, as well as similar arcs

around the magnifying glass, but in the same color as the glass itself. You can also use Instumenty the Pen / Pen , the Pencil

/ pencil or the Blob the Brush / Blob brush to paint these arcs. Now you need to group everything together using Group /

Group.

Step 3
We changed the color palette and now it can be easily applied to all other icons. Draw arcs, dots, lines, and a question mark

inside your new search icon. This can be done manually or with the Type Tool / Text .

600 | P a g e
Step 4
To get a light bulb, start with two ellipses, one overlapping the other. Use the tool the Pen Tool will / Feather to smooth out

the general outline of two figures and get a light bulb shape. Combine all 4 pieces to the panel the Pathfinder /

Pathfinder . draw a rounded rectangle over the base of the blue bulb.

Step 5
Your light bulb now consists of two rounded rectangles and a pear-shaped ellipse. Draw a schematic of the filament using any

tool of your choice. Do not forget about white reflections - this will make your glass "reflect light" and look more natural. We also

advise you to draw blue "rays" that hint at the brightness of the light bulb. Combine everything with Group / Group.

601 | P a g e
Step 6
Our last icon is a pencil. Draw a long rectangle and with the Pen Tool add an anchor point in the center of the right edge of our

rectangle. Using the Direct Selection Tool /Direct Selection to pull this point outward and get the familiar shape of a

sharpened wooden pencil.

Step 7

602 | P a g e
Draw three lines that define the zones for the eraser, sharpened wood, and lead. 4 Select all the object and select the Divide /

Separation panel the Pathfinder / Pathfinder.

Step 8
Now select each part of your pencil one by one and change its color. For example, the eraser will be pink, the pencil itself will be

yellow, the wood will be white, and the lead will be blue. Draw two horizontal lines to indicate the chamfers at the pencil.

603 | P a g e
Step 9
Cluster together all parts of the pencil and expand by 45% with a tool Rotate / Rotate . Now draw a couple of sloppy lines and

position them under the pencil. You can use any drawing tool on request, and we did it with the help of the Blob the Brush

Tool will / Blob Brush , which is suitable for the line as well.

Result:

604 | P a g e
605 | P a g e
How to Draw a Column Icon in Adobe Illustrator
March 29, 2019 | Posted in Lessons | No comments yet "

In this tutorial, draw a column icon in Adobe Illustrator. This is another tutorial in a

series of simple vector icons that you can use in your artwork. This kind of work is good for mobile design, because this is where

icons help to recognize the necessary symbols.

Result

606 | P a g e
Preparing a document
First, create a new document by going to File> New> New (or press Control-N). Specify the parameters as shown below:

607 | P a g e
Step 1
Let's start with the background. Create a 64 x 64 square, fill it with # F15A24 and place it in the center of the artboard.

608 | P a g e
Step 2
At the top, stretch a 56 x 56 px square with a white fill color (#FFFFFF). Center it.

609 | P a g e
Draw an icon
Now let's start creating the icon itself.

Step 1
Create a 56 x 56 px circle and fill it with # FFD55F. Place it in the center of the work area using the corresponding icons in the

Align palette.

610 | P a g e
Step 2
Create a new 28 x 36 px Rounded Rectangle with a 4 px Radius. Give the shape a white fill color (#FFFFFF) and center it on the

Stage.

611 | P a g e
Step 3
Give the shape a stroke of color # 31353F and a width of 4 px. Remember the settings for this stroke, we will use them later.

612 | P a g e
613 | P a g e
Step 4
Create a 12 x 12 px circle using # FF9045 and our eyeliner. Add another circle of color # 31353F inside with the same

stroke. Align the circles in the center of each other, group them by pressing Control-G. Then arrange the group as shown below.

614 | P a g e
Step 5
Add a 4 px line with our Stroke options. Just add the rounded ends to the stroke. Select all the elements that make up the

column and group them by pressing Control-G.

615 | P a g e
616 | P a g e
Result

617 | P a g e
Creating a Google Logo in Adobe Illustrator
Alogo, yes, a logo is the identity of a person or company about itself, usually a logo has its own meaning according to our
company or personal characteristics, if you know that a personal logo is like the logo of a football player Messi or Ronaldo,
they have a personal as for your company, you can see the logo in your life. such as the Pertamina logo, the Google logo,
Facebook, Instagram etc. So today's article is about Creating a Google Logo in Adobe Illustrator, where we don't use traces or
traces but use the similarity of the Google logo to the shapes we can make.
okay, let's just do it how? Creating a Google Logo in Adobe Illustrator.
The first step is to make an ellipse or circle.

You give the color a stroke and fill color is empty, yes.

next you click the object menu and look for expand, then the expand setting will appear which serves to convert the stroke to a
shape.

618 | P a g e
if you have you can make a box according to the width of the stroke you made.

then you can draw a slash from the top to the bottom side, here you make two different lines, for example as shown below.

if it is made then just use the pathfinder yes, by using divide. before you first select all the shapes that you have made then you
can use pathfinder divide.

then you can throw away or delete the shape that doesn't fit.
oh yes here it's like making the letter G but by using a circle and a rectangle yes.

619 | P a g e
if it is in this section you can select the two intersecting shapes, here we will make one with unite in pathfinder.

then you can give a color like in the color code below, the color below is the color of the google logo.

after that you give it a color, the result will be like in the image below.

620 | P a g e
it's quite easy, friends, how to make a google logo in adobe illustrator, hopefully today's tutorial will be useful.

621 | P a g e
Create a Graffiti Effect on an Image in Adobe Illustrator
Adobe Illustrator is most often used to create digital and print documents, such as cartoons, logos, illustrations, charts, and
diagrams. It is a software program that can be used for graphic optimization at the Professional level and allows users to create
various types of typography. This is very important for users in terms of Logo design, infographic creation. Adobe Illustrator is
also used to create icons in mock-ups, web page icons, and application icons.
Not only that, Adobe Illustrator also doesn't want to lose to Adobe Photoshop, Adobe Illustrator also has several effects that
can beautify the appearance of the image. Do not believe? Let's follow these steps.
First here I have an image that I want to make more interesting in Adobe Illustrator.

After inserting the image in Adobe Illustrator, notice at the top click the Image Trace menu.

Next click the Effect menu > Artistic.

Then the settings will appear as shown below. Select the sprayed stroke, then adjust it according to your needs, don't forget to
click OK.

622 | P a g e
So the result will be like this.

623 | P a g e
How To Create An Infinity Logo Using Adobe
Illustrator
15/05/2015 Bartholo Bush Sawa 30488 Design

Hello all friends.. in this blog article I will share with all my friends an article about How to Create an Infinity
Logo Using Adobe Illustrator. So, here are the steps, friends...

1. Make a circle using the Ellipse Tool

624 | P a g e
2. Copy and Paste the circle earlier, then enlarge and equalize the midpoint of the two circles.

625 | P a g e
3. After that, Copy the two circles as shown below.

626 | P a g e
4. Make another circle that is bigger than the existing circles.

627 | P a g e
5. Copy the circle that we made in step 4

628 | P a g e
6. So that we can separate the parts, we have to cut them, with Pathfinder. Click Menu Window >
Pathfinder .

629 | P a g e
7. After exiting the Pathfinder window , click Divide to cut .

630 | P a g e
8. Then right click > Ungroup or we can click the Object menu > Ungroup .

631 | P a g e
9. Friends can see the colored part in the image below. The parts that are colored in yellow can be deleted .

632 | P a g e
10. Once deleted it will look like the image below, then we select all, then click the UNITE Pathfinder so that
all intersecting objects can be rejoined.

633 | P a g e
11. The end result is like the image below.

634 | P a g e
635 | P a g e
Create a Simple Flower in Adobe Illustrator
Rotating an object will rotate it around a fixed point that you specify. The default reference point is the object's center point. If
you have multiple objects in a selection, they will rotate around a single reference point, which is the selection center point or
bounding box by default. To rotate each object around its own center point, use the Transform Each command. But there is
something even easier, namely by using the Rotate Tool. This Rotate Tool has many functions, one of which is in the process
of making flowers, curious how to make it? Let's just go.
First here I will make flower petals using the Ellipse Tool. Then at the top and bottom of the ellipse is drawn so that it becomes
like this. Draw it using the Direct Selection Tool.

Then click the Rotate Tool. Then double click by pressing Alt. So it will appear like the image below. Adjust it according to
the picture. But if you want to adjust according to your tastes and needs, it's not a problem. And when you're done, don't forget
to click OK.

So the result will be like this.

636 | P a g e
We just have to give the color here, to make it more beautiful, use a gradient color. Here I use blue and white. The results are
beautiful, my friends.

637 | P a g e
638 | P a g e
Create Unique Round Objects with Adobe Illustrator
Distort & Transform: Brings changes to each object.
Throughout your design process, you are constantly making changes to your artwork. Sometimes, you need to change path
paths by distorting them and other times you need to change them using functions like Scale or Rotate. Illustrator displays
these functions as Live Effects, which makes it easy to go back and make adjustments or changes to these settings if needed.
Distortion Effects in Illustrator features six different distortion effects, each giving a different kind of look and feel. Distortion
effects are especially useful when applied to individual strokes or fills, and this is especially true when you are building a
complex view that contains many fills and strokes. You can find each of the effects listed here by selecting Effect > Distort &
Transform first, then by selecting one of the distortion effects.
Efek Transform
If you want to rotate or scale objects on your artboard, using the Transform effect is overkill. On the other hand, the Transform
effect is useful when you want to apply a transformation to parts of an object. For example, you can scale two different fills in
the same object so that they are different sizes. To do so, apply the Transform effect, choose Effect > Distort & Transform >
Transform. Let's just practice how to use Transform.
First here I create an object by creating it using the ellipse tool. Here I only use a white stroke color, don't use a fill color.

Then in the stroke options set like the settings below. Adjust it until it produces the same end result.

639 | P a g e
So the result will be like this.

Kemudian klik menu effect > Distort & transfrom > transfrom.

Settings will appear as shown below. Adjust it to get the same end result, but if you want to try something else, that's not a
problem. But don't forget to click OK when you're done.

640 | P a g e
So the result will be like this. The result is beautiful like a globe.

641 | P a g e
Creating Quotes in Adobe Illustrator
What is that design? Society interprets design as a sketch, painting, packaging. Some of them regard it as a product of cameras,
phones, sofas, and chairs. It's true, but the design goes beyond that. In fact, the design is broad.
Have you seen a beautiful house? It is the result of good design. Software or Application? Both are also examples of
design. Questionnaires, organizational hierarchies, or even business structures? It's also design. To get the same idea of what
design really is, let's look at design from the same perspective as creating a quote design. Let's just go.
First, here I download a background that has a scenic feel.

Then I blur the background by clicking Effect menu > Blur > Gaussian Blur.

Then provide text using the Type Tool. The font type used is Thunder Font and the colors used are blue and green.

642 | P a g e
Then I give a decoration by making it using the ellipse tool. Then click the Effect menu > Distort & Transform > Pucker &
Bload. So the result will be like this.

643 | P a g e
Create Long Shadows in Adobe Illustrator
In graphic design and computer graphics, a drop shadow is a visual effect consisting of image elements that resemble the
shadow of an object, giving the impression that the object is raised above the object behind it. Drop shadows are often used for
graphical user interface elements such as windows or menus, and for simple text. Text labels for icons on desktops in many
desktop environments have drop shadows, because this effect effectively distinguishes text from any colored background that
may be in front of it.
There are various types of shadows, but here I want to make one of them to make a long shadow. Curious how to make it? Let's
just go.
First here I create a text using the Type Tool. The font type used is Raleway Black.

In the text section, click the Edit menu > Copy. Then click the Effect menu > Distort & Transform > Transform.

Then the settings will appear as shown below. Set according to the image below if you want the same final result and don't
forget to click Ok when you're done.

644 | P a g e
So the result will be like this for the long shadow.

Then click the Edit menu> Paste so that the end result will be like this.

645 | P a g e
646 | P a g e
Create Cloud Shapes in Adobe Illustrator
What is Shape?
In geometry, a shape can be defined as the shape of an object or its outline, outer boundary, or outer surface.
Everything we see in the world around us has a form. We can find various basic shapes such as squares, rectangles, and ovals
or rectangular prisms, cylinders, and spheres in the objects we see around us. These geometric shapes appear in objects we see
as credit cards, notes and coins, finger rings, picture frames, dartboards, huts, windows, magic wands, tall buildings, flower
pots, toy trains, and balloons. There are many forms that cannot be listed one by one.
But here I want to try to share tips and tricks on how to create a cloud shape in Adobe Illustrator. Maybe if we use Adobe
Photoshop the shape is already provided or we can download it, but if we use Adobe Illustrator we have to make it
ourselves. Curious how to make it? Let's just go.
First here is the Ellipse Tool used. I made using white color, because clouds are identical to white color and the background
used is blue.

Then create many round objects with different sizes, then adjust the pattern so that it becomes a cloud shape as shown below.

To become an object here use pathfinder> unite so that all the shapes that have been created will merge into one.

So the result will be like this.

647 | P a g e
648 | P a g e
Creating an Owl Logo in Illustrator
Logos are meant to visually identify the company. The logo can contain the company name or simply a visual
representation. The company logo is most often affixed to any association with it: on products it sells, on advertisements, on
sponsorship deals, or on donations to charity. Logos are meant to quickly and attract individual attention to the company.
While logos aim to deliver instant brand recognition, some cleverly maintain a hidden message that only eagle-eyed consumers
can see.
Logos have become an integral part of a company's brand identity. A widely and instantly recognizable logo is a valuable
intangible asset to a company and thus a trademark for intellectual property protection in most situations. There are many
versions of the logo, whether it's just an icon image, text or even just an initial element. Here I want to create a logo depicting
an owl. Curious how to make it? Let's just go.
First here I make owl eyebrows using the pen tool. Here I use black, well, to be identical with a spooky owl.

Continue to make the eyes using the ellipse tool as shown below.

Still using the ellipse tool here I made it black and white for the eyeball.

649 | P a g e
Then select the eyebrows and eyes then right click > reflect > copy. Then in the middle give a picture of the nose made using
the pen tool.

650 | P a g e
Making Text More Interesting in Illustrator
At a basic level, typography is an art that involves structuring typefaces in various combinations of fonts, sizes, and spacing. In
this way, a wide variety of designs including website designs, brochure designs, print designs, books, and computer graphics,
etc. Rely on skillful use of typography to make an impact.
Graphic designers use typography to match text within a design. It helps in creating content with a purpose. The planned use of
typography allows the designers to make the designs look aesthetically pleasing and pleasing.
Designers have used typography strategically to make the text readable and also to impress the viewer. Due to the design with
unique typographic ideas, a brand can communicate with its audience effectively.
Typography allows designers to create visuals for brands. Graphic designers consider several crucial things when using
typography. They make wise decisions about font choice, size, body text, spacing, placement, and many other aspects of
typeface use. For an ordinary type of font, it is normal, but here I will make a font that is far extraordinary. Curious? Let's just
go.
First here I create a text using the Type Tool. The type of font I use is Raleway Black Italic.

Then here click the Effect menu > Distort & Transform > Transform.

Then the settings will appear as shown below. If you want to produce the same end result, the settings can be the same. But if
you want to be different, you can adjust it to your taste buds. When you have finished setting it, don't forget to click OK.

651 | P a g e
So the result will be like this.

Then I will make it look like it was slashed by a knife made using the pen tool. With white and black, the pattern is arranged as
shown below.

652 | P a g e
Creating a Holiday Poster in Illustrator
Aposter is a temporary promotion of an idea, product, or event that is posted in a public space for mass consumption. [1]
Typically, posters include both textual and graphic elements, although posters can be either all or all text. Posters are designed
to be interesting and informative. Posters can be used for many purposes. They are often a tool for advertisers (especially
shows, musicians, and films), propagandists, protestors, and other groups trying to communicate a message. Posters are also
used for the reproduction of works of art, especially famous works, and are generally cheaper than the original
artwork. Modern posters, as we know them, date back to the 1840s and 1850s when the printing industry perfected color
lithography and made mass production possible. Because here is still a holiday atmosphere.
First here I make a sentence using the Type Tool. The fonts used are Raleway Bold and Brannball. The fill color used is white,
because the background used is orange.

Then search the internet for png images. Why should png because it will make it easier and not waste time to select it, so if you
use png images can be combined immediately. Search for glasses png images, beach ball, beach sand, and starfish. Combine
into one so that it becomes like this.

So the end result will be like this.

653 | P a g e
654 | P a g e
Create a Shade of Gray Image in Adobe Illustrator
Shade of Gray refers to a collection of colors or color schemes consisting of repeating shades of gray scattered in other colors
of the same kind. Basically a range of different shades of gray with different densities and speeds spread across a spectrum of
neutral colors. There are a few downsides to using Illustrator as an image editing tool. But you must learn to overcome those
weaknesses and create a better picture of what you are trying to create.
So here I will use Adobe Illustrator to edit the image into a shade of gray.
First here I have a picture that I want to change the color of the picture to gray.

By means of image selection, pay attention to the top properties select Image Trace > Black and White Logo.

And it quickly immediately turned gray.

655 | P a g e
656 | P a g e
How to Automatically Show Printer Marks in Illustrator
When you prepare artwork for printing, a number of marks are required for the printer device to properly register the artwork
elements and verify correct colors. You can add the following types of printer markings to your artwork:
Trim Marks
Fine horizontal and vertical rules (hairlines) that determine where the page should be trimmed. Trim marks can also help
register (align) one color separation to another.
Registration Marks
Small targets outside the page area to align different separations in a color document.
Color Bars
Small squares of color representing CMYK ink and grays (in 10% increments). Your service provider uses this mark to adjust
the ink density of the printer.
Page Information
Label the film with the name of the artboard number, time and date of printing, screen line used, screen angle for separation,
and the color of each specific plate. This label appears at the top of the image. For more details, let's consider the following
steps.
First here I have a raw Adobe Illustrator file which I want to save using Print Marks.

Click the File menu > Save As.

Then select the PDF format > save.

657 | P a g e
Then the settings will appear as shown below, In the Marks and Bleeds section. Then check the Marks section as shown below,
and when you're done, don't forget to click save.

So the end result will be like this.

658 | P a g e
Create a Flat Logo in Adobe Illustrator
Alogo is a symbol consisting of text and images that identifies a business. A good logo shows what the company does and what
the brand values.
Logo design is all about creating the perfect visual branding mark for a company. Depending on the type, a logo usually
consists of a symbol or brandmark and a logotype, along with a tagline. Well here I will create a flat logo to be followed easily
and quickly. Let's follow these steps.
First here I made using the Ellipse Tool. Then on the upper left side I delete one point using direct selection. Here, leave the fill
color blank, using only the stroke color.

Then do it again using the ellipse tool. And use a yellow fill color.

Continue to add fibers here, I use the pen tool. But if you can also use the line tool.

659 | P a g e
Then copy > paste at the bottom like this.

And finally use the pen tool to make a shadow like the image below.

660 | P a g e
Creating a Blur Effect on a Stroke in Illustrator
by Indah Puspitasari | Jul 8, 2021 | Illustrator | 0 comments
Gaussian Blur is just one of several types of blur filters available in Photoshop and Illustrator. This is one of the easier-to-
understand blur filters because everything in the image is evenly blurred and also offers a greater level of control than some
blur filters with just one click.
Maybe if you make an object blur using gaussian blur in adobe photoshop, it's normal. But what about blurring objects using
Adobe Illustrator? It's very easy for me. Let's just pay attention to the following steps:
First here click the pen tool in Adobe Illustrator.

Then make a pattern like this, but if you want to make it with another pattern, that's not a problem either.

Then click the Effect menu > Blur > Gaussian Blur.

Then the settings will appear as shown below. And if it is finished then click OK.

661 | P a g e
So the result will be like this.

662 | P a g e
Long Shadow Tutorial With Adobe illustrator
By Alif Khafif 18:06 4 comments

Yo heloo bree how are you :D This time I will give a long shadow tutorial using Adobe
Illustrator. Previously, maybe you have seen some logo/text designs that use the Long Shadow style , okay,
go straight to the tutor. Please read carefully so that it is easy to understand when in practice.

Your first step is to open Adobe Illustrator, and create a " new document ", then make sure the "Units" is
"Pixel". Also adjust the canvas size according to your needs. Here I cursed 1500 x 800 px, Then if it's click
"OK"

After that, you will see the size of the canvas, first we make the background first, after that click the
" Rectangle tool " (see number 1), after that the fiber from the top end to the bottom end (see number 2). After
that remove the outline (see number 3), just click the box and then click the red lined box.

663 | P a g e
For simplicity, you should create a new layer (see number 1). Now you just create text on the new layer (see
number 2). And make sure the text is in the middle of the canvas.

After that copy the text ayer to 3. just press "CTRL + C" and copy it press "CTRL + V"

664 | P a g e
665 | P a g e
666 | P a g e
Creating Geometric Patterns in Illustrator
The pattern feature is a great tool that is easy for entry-level Adobe Illustrator users to master. Just click on the object (shape,
text or graphic) and navigate to Object > Pattern > Make. A new panel will then appear within the artboard.
The best thing about this tool is the ability to see your changes quickly. Playing around with options can give you great results.
Want to save your pattern and save it? Good! To do this go to the top of the artboard, here you will see a bar then allow you to
click 'finish' which saves the current pattern or 'save a copy' which allows you to save the current pattern, but leaves you in
pattern editing mode so you can keep designing. The last option is 'cancel' which as you might expect… lets you exit pattern
editing mode. For more details, please see the tutorial below.
First we create a geometry object. We remove the fill color and only use a stroke color which is a gradient color.

Then click Effect menu > Distort & Transform > Transform.

Then set it according to the settings below, if you want to produce the same result, but it can be adjusted to your taste
buds. When finished, don't forget to click OK.

667 | P a g e
So the result will be like this. We select and then cut our object.

Then so that it becomes a pattern, click the Object menu > Pattern > Make.

668 | P a g e
Then the settings will appear as shown below.

Then paste it so that the object appears on the artboard pattern.

When finished, don't forget to click Done.

669 | P a g e
So that the existing pattern is on the right of the pattern folder.

How easy is it, friends, how to make it? Good luck and I hope it's useful. Hopefully the knowledge about design is always
growing and developing well. Good luck and hopefully useful. See you in the next article.

670 | P a g e
Converting 2D Text to 3D in Illustrator
All the effects in Adobe Illustrator are great, but the 3D features are even better. Not only can you add dimension by using 3D
effects but also map artwork (wrapping artwork around 3D objects) and apply lighting to 3D objects. You can then design a
label for a jelly jar, for example, and attach it to the jar to show the client.
There are three options for the 3D effect:
Extrude & Bevel: Uses the z-axis to extrude an object. For example, a square becomes a cube.
Rotate: Use the z-axis and rotate the shape around it. You can use this option to turn the bow into a ball.
Rotate: Rotate a 3D object created using the Extrude & Bevel or Revolve effect or rotate a 2D object in 3D space. You can also
adjust the perspective of 3D or 2D objects.
To apply a 3D effect, you need to create an object suitable for the 3D effect. The Extrude & Bevel feature works well with
shapes and text. If you want to edit an object that already has a 3D effect applied to it, double-click the 3D effect in the
Appearance panel.
Well this time I will make text from 2D to 3D, but not using Extrude & Bevel, but using the Blend Tool. Wow, is it
possible? Oh of course you can. Let's just take a look.
First here I create text using the Type Tool. The font type I use is Raleway Black Italic.

Then click the Object menu> Expand.

Then the Text is transfrom and then set so that it becomes like this level of slope.

671 | P a g e
Continue Copy > Paste into 2 parts above and below as shown below. For the very top I gave a slightly lighter blue color, while
for the bottom I gave the darkest or darkest blue.

Next to make it 3D we click the menu Object> Blend> Make.

So this is the result. It can be seen that the distance is still too far, friends. Well to make the distance closer we can set.

672 | P a g e
By clicking the menu Object> Blend> Blend Options.

Then the settings will appear as shown below. The more steps we use the closer the distance will be. When finished, don't
forget to click OK.

So the result will be like this.

673 | P a g e
674 | P a g e
Creating Simple Typography in Illustrator
What exactly is typography? In essence, typography is the art of arranging letters and text in a way that makes the copy legible,
clear, and visually appealing to the reader. Typography involves font style, appearance, and structure, which aim to evoke
certain emotions and convey certain messages. In short, typography is what brings text to life. Typography could date back to
the 11th century, during the innovation of mobile type. Before the digital age, typography was a specialized craft associated
with books and magazines, and eventually general work. The first examples of typography can be seen in the Gutenberg Bible,
which started the typographic revolution in the west. Fun fact: the typeface used in the Gutenberg Bible is now known as
Textura, and you'll find it in the font drop-down menu of the main desktop app today!
Fast forward to modern times, where typography is mostly associated with the digital and print worlds. With the birth of the
internet came the creative explosion of the art of typography. Suddenly, web designers have tons of fonts and type options at
their disposal, making typography more visually diverse than ever before. So that's a little discussion about typography. For
more details, here I will practice making typography quickly and easily. Let's just go.
First here I create a text using the type tool. The font type used is Raleway Black. For colors, you can use any color, but here I
want to use bright colors like blue.

After that copy > paste. Then the fill color is turned off and the stroke color is turned on, still using the blue font.

Then on the second object, give a rectangular object half the size of the text as shown below. Then select both right click and
select Create Clipping Mask.

So the result will be like this. Then copy > paste for the top and bottom to make it interesting as shown below.

675 | P a g e
 Isometric 3D Text di Illustrator
Objects in 3D computer graphics are often referred to as 3D models. Unlike rendered images, model data is contained in a
graphical data file. A 3D model is a mathematical representation of any three-dimensional object; a model is not technically a
graph until it is displayed. A model can be visually displayed as a two-dimensional image through a process called 3D
rendering, or it can be used in non-graphical computer simulations and calculations. With 3D printing, models are rendered
into actual 3D physical representations of themselves, with some limitations on how accurately physical models can match
virtual models. So in this tutorial I will create 3D Isometrics. Curious how to make it? Let's just go.
First create text with the type tool. For text, it's up to you what words or text you want to use.

Kemudian klik menu effect > 3D > Extrude & Bevel.

Then the settings will appear as shown below. In the Position > Isometric Top section and if it is finished, don't forget to click
OK.

676 | P a g e
Until the text that was only 2D changed to 3D.

Kemudian klik menu object > Expand Appearance.

After that right click > ungroup > then change the color according to your taste, friends. So the result will be like this.

677 | P a g e
678 | P a g e
Changing Corner Shapes in Adobe Illustrator
What Can You Do With Illustrator?
Many people are intimidated by Adobe Illustrator because they believe they have no artistic skills. If you can't draw on paper,
what makes you think you can draw on a computer? While this self-doubt is definitely not the right way to look at things,
Adobe Illustrator doesn't really require any prior knowledge of drawing or painting. You can use this program to create
freehand drawings, but you can also import photos and use them as guides to trace and recolor a specific subject – turning it
into a work of art that looks as if you drew it by hand. Not only that, there are lots of tools that will help us to make it easier in
terms of designing. One of them is the shape tool. So here I want to tell you how to create or change the corners of a shape in
Adobe Illustrator. Let's just go.
First here I create a box object using the rectangle tool.

Then use direct selection, then click on the corner twice. Then the settings will appear as shown below. Set and select what
angle you want, when it's finished don't forget to click OK.

So the result will be like this.

679 | P a g e
680 | P a g e
Creating an Ocean Ripple Effect in Illustrator
Adobe Photoshop is one of the adobe that is very often used because it is used for editing images, manipulating images and all
sorts of things. Adobe Photoshop has filters that are very helpful for editing images or photos. Adobe Photoshop filter is a
facility provided by the Photoshop bitmap image processing application to give certain effects to bitmap image objects so that
the resulting image design will be more alive. With the effect of the bitmap image design filter created, it will be
special. Therefore, considering this filter facility is very important in processing bitmap images. There are so many filters in
Adobe Photoshop, one of which is the Distort Filter. What is Distort Filter? Filter Distort is one of the features on the Filter
menu in Adobe Photoshop that serves to randomize or distort images with a certain regularity. This type of distort filter
produces a geometric distortion effect, a three-dimensional effect or a reshaping effect in an image. One of the filter effects in
Adobe Photoshop is Ocean Ripple. So, let's just put it into practice.
First here I have an image that I want to give the Ocean Ripple effect. Actually this effect can also be created in Adobe
Photoshop, well, but I want to make it in Adobe Illustrator

Kemudian klik menu Effect > Brush Strokes > Accented Edges.

Then a panel will appear as shown below. Choose Distort > Ocean Ripple. Set the Ripple Size and when it's finished don't
forget to click OK.

681 | P a g e
So the result will be like this.

682 | P a g e
Creating a Pattern Brush in Adobe Illustrator
This time we will discuss about how to create and set up Brushes in Adobe Illustrator. Along with the development of adobe
illustrator technology, more and more features are developed in adobe illustrator. The new feature is the "Width Profile" where
there are several options to get the desired results. Curious how? Let's just go ahead.
First here I make 3 rectangular objects made using the rectangle tool. The color used is black, and neatly arranged like this.

Then open the brush panel on the right. But if it doesn't exist, you can click the windows menu > brush to bring up the panel.

Then select the object, then drag it into the brush panel, so a panel like the image below will appear. Set it according to the
picture if you want to produce the same final result, but again it can be adjusted to your needs and tastes and when it's finished
don't forget to click OK. After clicking ok will appear in the brush panel.

683 | P a g e
Then create another round object using the ellipse tool.

Then replace the stroke using the brush that was made earlier.

To make it even more interesting, we copy > paste into several parts so that the result will be like this.

684 | P a g e
 And don't forget to click the eye image (see number 1) on the first text, and activate both text layers by using
"Shift+left click" in the image, and change the color to black or something else.

Continue to the next step, pay attention to number 1, activate the 2nd text layer (only 1 is activated). then drag
the text down to the right. If you want to make the shadow up, please drag the text up, so the second text
determines where the shadow goes.

685 | P a g e
Creating a Logo With Adobe Illustrator
Posted by Muhamad Zarkasih Heriyana on December 4, 2013

Posted in: Illustrator , Tutorials . 59 Comments

We start this tutorial with "Bismillahirrahmanirrahim", hopefully it will be a good start.

It's been a long time since I've made a tutorial, because I'm busy with college, so I have to be smart to save time. on this
occasion I took the time to make a special tutorial for all of you who need it. Moreover, this tutorial is a request from my fb
friend, even though he has not met me, I'm sure he is very enthusiastic about my blog.

Yes ... without further ado, let's start this tutorial..

The title that I will bring this time is "Creating a Logo With Adobe Illustrator"

As usual I will show the final result first.

The final result

STEP 1

686 | P a g e
As usual, open your Adobe Illustrator application program.

STEP 2

Create a triangular shape using the “Star Tool”. Click once in any place, a PopUp setting will appear to set how many points
we will need. In the "Point" dialog box, fill in the point with 3. For more details, see the image below.

STEP 3

Now while holding down the “Shift” key on the keyboard, then click and drag down. The function of the " Shift " key here is to
make the value of the length and width of the object the same, between the angles of one another.

687 | P a g e
STEP 4

Using the "Ellipse Tool" create a circle object, the method is the same as step 3 while holding down the "Shift" key and
dragging from top to bottom. Then position the circle object right in the middle of the triangle object.

STEP 5

688 | P a g e
Select the two objects between the triangle object and the circle object by pressing the " Shift " key and clicking the objects
one by one, or in another way, by clicking and holding from top to bottom so that both objects are selected. After that merge
the two objects with " Pathfinder " and select " Unite ". If the pathfinder tool menu doesn't exist yet, you can display it on
the Windows>>Pathfinder menu or with the shortcut Ctrl+Shift+F9.

STEP 6

Next, make a circle again with the " Ellipse Tool ".

689 | P a g e
 STEP 7

Copy and Paste the circle object, before you copy the object you need to know that there are several ways to copy and paste
in Adobe Illustrator, which I will discuss this time, namely copy and paste via a keyboard shortcut.

1. Ctrl+C and Ctrl+V

2. Ctrl+C and Ctrl+F

Both methods are essentially the same, duplicating objects. The difference is the placement, when we use the Ctrl + C and
Ctrl + V commands, the results of the duplicate objects that we produce will be very messy, basically the results of the
duplicates are stored anywhere. Unlike the Ctrl + C and Ctrl + F commands, the duplicate results obtained will remain there as
well as in the position we copied. I hope you understand what I'm talking about.

Back to the tutorial, Copy and Paste the circle object by Ctrl+C and Ctrl+F.

690 | P a g e
STEP 8

Now we are going to create a text with a circle flow. Click "Type on a Path Toll" and save the Cursor on the circle object. And
start typing a text you want.

STEP 9

Adjust between the font style and font size you want. Set the three points that rise to the top. And the second point (in the
middle) try to be right in the middle of the circle. See the image below.

STEP 10

Copy and Paste the text that we have created, by means of Ctrl+C and Ctrl+F. And adjust the position and point as shown
below.

691 | P a g e
STEP 11

The next step we will fix the inverted text, so that the position of the text is not upside down. By clicking the Type menu>>Type
on a Path>> then select Type on a Path Option...

STEP 12

Adjust the settings as shown below. If you don't like it, you can arrange it yourself.

692 | P a g e
STEP 13

The next stage is to make two star objects, using the "Star Tool" create two star objects, change the points to 5. And place
them as shown below.

STEP 14

Next we create a line and a small circle object. And place it according to the image below.

693 | P a g e
STEP 15

Copy and paste the two objects twice between the line object and the small circle object. And position the two objects as
shown below.

STEP 16

Now create a small circle object that will circle the text. Use the “Ellipse Tool” and make a small circle. Next stay the settings,
give the circle a stroke with a size of 8pt, and leave the circle without using color. After that set the stroke tool menu as shown
below.

694 | P a g e
STEP 17

Copy and paste the circular object using Ctrl+C and Ctrl+F. Change the outline / stroke and position it as shown below.

STEP 18

Next is to make a circle object again, or copy and paste an existing circle object by Ctrl+C and Ctrl+F. And position it like the
following image.

695 | P a g e
STEP 18

Set the outline / stroke on the stroke menu. See the image below to clarify.

STEP 19

Create a line that rises upwards, and change the line setting to taper. After finishing making the taper then copy and paste the
object and position the object as shown below.

696 | P a g e
Finished…

You can create logo colors, stroke colors, font styles, and others. As follows.

697 | P a g e
698 | P a g e
Applying a Sketch Effect to Text Using Adobe Illustrator
Posted by Muhamad Zarkasih Heriyana on July 31, 2015
Posted in: Illustrator , Tutorials . Tagged: adobe illustrator , Sketch Effects , Illustrator , Vector . 8 Comments
We start this tutorial with " Bismillahirrahmanirrahim". It's been a long time I haven't posted a design tutorial, this time I will
share a little knowledge that I have. This tutorial will play with text only, but with a different effect.

Let's go straight to the discussion, we provide this tutorial with the title "Giving Sketch Effects on Text Using Adobe
Illustrator". Here I use Adobe Illustrator CS6, maybe below or above CS6 can follow.

As usual, I'll give you the final result first.

The final result

STEP 1

Open the Adobe Illustrator application program.

STEP 2

Using the Type Tool or with the Shortcut (T) create a text.

699 | P a g e
STEP 3

Select the text then don't give it a base color and a border color ( fill and stroke).

STEP 4

On the edit menu select Appearance then select the options button at the far right of the bar. Then select Add New Fill.

700 | P a g e
STEP 5

Give a sketch effect to the text color by selecting at the bottom of the Appearance edit menu then selecting the Fx icon and
selecting Stylize > Scribble.

STEP 6

In the sketch effect edit section ( Scribble Options) change the Angle value = 45 o , Path Overlap = 0, Variation = 0.07
cm, Stroke Width = 0.04 cm, Curviness = 0%, Curviness Variation = 50%, Spacing = 0 .07 cm, Spacing Variation = 0.05
cm. Then select OK.

701 | P a g e
STEP 7

Then give the outline ( Stroke). The result will be like the image below.

STEP 8

On the Appearance menu bar select a stroke then give the effect so that the Stroke does not look stiff. Choose Fx > Distort &
Transform > Roughen.

702 | P a g e
STEP 9

Set the Size value = 0.5%, detail = 30 points , choose smooth. Then select OK.

STEP 10

Then the results of the stroke will be slightly wavy.

At this point, this tutorial has been completed, but I will give tips to make it easier to create a color sketch effect on the text,
with just one click the text turns into a sketch effect. but before that the fill or graphic styles must be created first. here's how
to make graphic styles .

703 | P a g e
 The final result

STEP 1

Select the text that has been given the sketch effect earlier

STEP 2

On the Graphic Styles edit menu, select New Graphic Style . Automatically the color and stroke settings are in the graphic
styles column .

704 | P a g e
STEP 3

Save the graphic styles by selecting the icon in the lower left corner. Then save the graphic style , then fill in the name as you
wish .. select Save.

Now try to create text and then click on the graphic styles that you created earlier, the text will automatically turn into a sketch.

705 | P a g e
 Learn Adobe Illustrator, Create Android Logo
Posted by Muhamad Zarkasih Heriyana on January 9, 2013

Posted in: Illustrator , Tutorials . 7 Comments

In this post, I will discuss the technique of creating an Android logo using Adobe Illustrator. What I will discuss is not just how
to create and draw an android logo, but I will provide techniques in processing it.

Previously I will show the final result of this post.

Just follow the following tutorial.

1. Open your Adobe Illustrator program.

2. The first step we will make is the body and head of the android robot. In the tool box select "Rounded Rectangle Tool". Create

an object like in the picture. Give a green "Fill" color for the android body.
3. With the Rectangle Tool, create a rectangle overlapping the android body object. Then select both objects between the
rectangle object and the android's body. By >>Press Shift while >>Click both objects >>Select the "Pathfinder" option >>Select

706 | P a g e
 "Minus Front" to cut the object. If your Pathfinder menu is not open, you can open it by clicking >> Windows >> Pathfinder.

4. Repeat the 3rd step to make the android head.

5. Use the “Direct Selection Tool” to curve the parts marked in red.

6. Reselect the “Rounded Rectangle Tool” to create an androd hand.

7. Make the android horn in the same way in step 6.

707 | P a g e
8. Selection on the android horn then >> Right Click >> Transform >> Reflect >> Select Angle and change the number to 75.
Also apply to the android horn on the left with the number -75.

9. Make android feet

10. Using the “Ellipse Tool” create an eyeball for the android, then color it white.

11. Select the three android robot objects (Both horns, Head) by pressing the shift key, then clicking the three objects. In the

Pathfinder options select "Unit" to combine the three objects.

708 | P a g e
12. Do the same for both legs and body.
13. Finished.
14. The final result.

The final r

709 | P a g e
Tutorial to Create a Music Character Logo in
Illustrator
digitalstudio41January 12, 20211Comments440Views

In this tutorial we will create a simple face character of a cute smiling girl
while listening to music on wireless headphones. We'll be using basic objects
and Stroke settings to depict a cute music character logo in a trendy flat
design style. It can be easily customized to suit your needs and used as an
avatar or for your personal branding design!

Step 1
Let's activate the Rectangle Tool (M) and start by creating the head from a 195 x 250
px rectangle .

710 | P a g e
Take the Direct Selection Tool (A) and select all the rectangle anchor points. Drag the
circle marker from the Live Corner (in one corner) to the center, making the shape
round. You can also control the Corners value manually by typing the desired number in
the control panel at the top.
Set the Fill color to a skin color of your choice and set the Stroke color to dark brown
in the Color panel .
Then open the Stroke panel (Window > Stroke) and set the Thickness to 5 pt,
Cap to Round Cap, Corner to Round Joint.

Step 2
Now we are going to make hair from the music character logo. Select the head shape we
made in the previous step, Copy it (Control-C) and Paste in Front (Control-F). Set
the Scale of the object, then make the object bigger than the head.
Use the Direct Selection Tool (A) to select the three anchor points, marked in the image
below. With the bullet selected, press the Delete key ( Backspace on a Mac) to
delete the bottom part of the object.

711 | P a g e
Change the Fill hair color to your favorite bright color. Press Control-J to close the
path or go to Object > Path > Join.
I thought it would look more interesting with thicker lines, so I changed the Stroke
Weight to 8 pt.
You can use the Align function above or open the Align panel (Window > Align) to
check that everything is positioned correctly by pressing Horizontal Align
Center and Vertical Align Center.

712 | P a g e
Step 3
Activate the Ellipse Tool (L) and let's create the eyes. Make a 35 x 35 px circle with a
dark brown Stroke and n o Fill.
Select its bottom anchor point with the Direct Selection Tool (A) and Delete it. This
way we only have the upper part of the object left, forming the eye as if it were closed.
Select the object with the Selection Tool (V), hold down Alt-Shift and drag it to the
opposite side of the face, to create a second eye.
We can Group (Control-G) both eyes and use the Horizontal Align Center function again
to center the object perfectly.

713 | P a g e
Step 4
Add a semicircle for the mouth using the same method as described in the previous step.
Create a 25 x 25 px light pink circle with no Stroke for the nose and move its anchor
points up, using the Direct Selection Tool (A).

714 | P a g e
Step 5
Let's add some details to the hair. I used the Line Segment Tool(\) to add a vertical line to
the bangs. Vary the length of each line to make it look more interesting.

715 | P a g e
716 | P a g e
Create 3D Text in Adobe Illustrator
Humans can see spatial relationships between objects just by looking at them because we have 3D perception, which is also
known as depth perception. When we look around, the retina in each eye forms a two-dimensional image of our environment
and our brain processes these two images into 3D visuals. Three dimensions, namely something that has width, height and
depth (length). Our physical environment is three-dimensional and we move in 3D every day. This time we will create text
using a 3D effect. Let's just go.

First here I create an artboard with a size of 300 px x 300 px.

Then we will provide text, the font type used by Monstreeta and the color used is orange.

Kemudian klik menu Window > Graphic Style Labiries > 3D Effects.

717 | P a g e
Then the settings will appear as shown below. Select a 3D effect that you want to use.

One of them is like this.

Then give the text again with the words discount.

718 | P a g e
Then so that the background is not too empty, I use the rounded rectangle tool. So the result will be like this.

719 | P a g e
How to Create a Dotted Line in Illustrator
As the tool name implies, the Line tool and the Ellipse tool create line and arc segments. As you learned in the previous
exercise, the Pen tool can also create lines and arcs. However, unlike line and arc segments that can be created with the Pen
tool, each new line or arc is separate and unique from the previous one. Actually, the tools in Adobe Illustrator will definitely
help us to make it easier to design, one of which is the line tool. The line tool is not only straight, it can be made curved, zig-
zag, semicircular, and much more. But what needs to be considered is the shape of the line is only straight, can it be broken, or
can it be round or something else? Well, I'm definitely curious. Actually we can make it a dotted line, round or we can even
change it into an animal shape, or other scratches. Curious how to make it? right away.
Maybe friends already know a lot about how to make lines, whether it's made using the brush tool, pen tool, line tool and many
more. But do you know how to make the straight line into a dotted line or what is commonly called a dash. Let me just tell you
how.
First here I make a line using the pen tool. For the shape of the line, you want to make a straight line, curved or whatever, it's
free, friends, adjust to your taste buds.

Then pay attention to the properties section, click on the stoke so that the settings will appear as shown below. Check the
Dashed Line section and set it below.

So that the connecting straight line will turn into a dashed line.

720 | P a g e
721 | P a g e
Turning Illustrations into 3D in Adobe Illustrator
In this tutorial we will learn how to model vector objects in Adobe Illustrator with the help of Revolve, Extrude & Bevel and
Rotate effects. Then we will apply the symbols to the 3D model and make it ready for our next work.
In my practice, I often use 3D effects for icon creation. The image below shows some examples of work, of which 3D
modeling is the first step in creating it. In the 3D effect there are several options, but this time I'm going to use the Extrude &
Bevel Effect.
What is the Extrude & Bevel Effect? This effect is designed for object extrusion. Create some text with the help of the Type
Tool (T) (the effect can be applied to any vector object).
First here I have to make an illustration image that I want to make into 3D to make it look more real and nice. For this first
step, you can make your own or you can also take an existing vector image. It can be adjusted, my friends.

Select the created path, and then go to Effect > 3D > Revolve… which leads to the opening of a dialog box with effect
parameters. All 3D effects share similar features, which is why we'll take a closer look at the Revolve example. Check the
preview option to be able to observe the changes.

Then the settings will appear as shown below. We have the Extrude Depth parameter to control the extrusion depth. You can
also apply multiple tilts and choose a shape from the preset list. Over the years of practice, I have never used this
parameter. Who knows, you might find it useful. All other parameters of this effect are identical to those of Revolve 3D. I just
want to underline, if the Extrude & Bevel effect is used on the text, the text can still be edited differently if we use images. If
you have finished setting, don't forget to click OK.

722 | P a g e
So the result will be like this.

723 | P a g e
How to Separate Letters Without Creating One Unity in
Illustrator
Every day and everywhere, you are surrounded by letters and written messages. From logos to posters, billboards, t-shirts or
book covers, letters not only tell a story but also evoke certain emotions. What if, instead of using an existing font, you could
draw a beautiful handwriting full of personality?
handlettered design by Mky by
Andrea Stan aka Mky
Even if you've dived into the infinite world of handwriting, or you've been thinking about giving it a try but not sure where to
start, you're at the right place! We'll take a look at the essentials you need to get started on this amazing handwriting journey.
I've been handwriting for over a year, and it all started when a weekly challenge popped up on Instagram and I decided to sign
up. I've played around with calligraphy before, but I'm not really sure what the difference is between it and handwriting. I have
no experience, never took classes, never seen anyone do it in person. I just thought it would be fun — and it was! Since then,
I've been writing almost every day, and learning this skill was one of the best things I've ever done!
Many people out there are confused by handwriting, calligraphy, typesetting and type design and use the terms “type” or
“typography” to refer to any of these. How do I make the letters in a word or sentence separate one by one to make it look
much more manageable? Let's go right now
Here I make a word consisting of two letters. But I want to separate but do not want to recreate one by one. It's very easy.

Right click on the text and select Create Outlines.

Then continue right click and select Ungroup.

724 | P a g e
So that the words that have been made earlier can be separated one by one.

725 | P a g e
How to Combine Text Colors in Adobe Illustrator
Typography is everywhere. When you see a poster, brochure, logo, website, or anything else that has text, to a lesser or greater
degree, it involves the use of typography.
In today's competitive business environment, brands must create their distinctive identity. They must grab the attention of the
target customers to convey the brand message. To make this happen, graphic designers use typography as a powerful tool to
turn text into impactful visuals.
This ultimately results in brand recognition. The skillful use of typography gives unique shape to the text in the design and
places the letters in such a way that they impress the viewer.
So, we can say that the strategic use of typography is key to making a brand, especially if it is an aspiring startup, standing out
in its niche. These design elements make logos, websites, etc., marketing tools look different. But the use of typography is not
the sole prerogative of designers. In addition to designers, artists also make typography art to make funny characters using
letters in various ways.
But what if typography is combined with color? Curious what the end result will be? Let's just go.
Here I create a text using the type tool. The type of font used is Raleway and the color of the font used is black. The color and
type of font can be adjusted according to the wishes and needs of friends.

Then Copy> Paste text. Then select the Object menu> Expand.

Then the settings will appear as shown below. When finished then click OK.

726 | P a g e
Then we change the color, here I use one black color and one red color, for the text that I rotate the back so that it looks like
this.

Then in Transparency, change the blendmode to Difference. If there is no transparency in Adobe Illustrator, you can go to the
Windows menu > Transparency.

So the result will be like this.

727 | P a g e
How to Make Text Appropriate to Object Shape in Illustrator
Our favorite things are not made by accident. You can see objects everywhere around you: a cup, a lamp, a chair, a cell phone,
or a laptop you may be using to read this. Design can refer to many things, but one definition of object design includes both the
generative process and the final product.
Meskipun estetika mereka mungkin menjadi dasar daya tarik mereka, objek dapat berfungsi sebagai solusi yang diekspresikan
untuk masalah dunia nyata. Pola desain yang sukses diukur dari kegunaannya dan seberapa baik pola tersebut diserap ke dalam
kehidupan sehari-hari. Untuk perancang objek, pendekatan mereka diarahkan tergantung pada aspek fokus, seperti bentuk,
fungsi, atau bahan. Nah semua objek diatas itu bisa kita gunakan atau buat di Adobe Illustrator, dan objek – objek seperti itu
sudah tidak asing lagi bukan bagi kita ? Namun bagaimana jika text berbentuk objek yang kita inginkan? Memangnya bisa? Oh
tentu bisa. Penasaran bagaimana cara menggunakannya. Yuk langsung saja kita perhatikan yah.
Pertama disini saya membuat sebuah objek bulat dengan ellipse tool. Untuk warna bebas yah, karena kita tidak akan memakai
atau terlalu fokus pada warna.

Then create the next object using the rectangle tool.

Then select both objects, then we use pathfinder > Merge.

728 | P a g e
So the result will be like this. Creates a new object by echoing both objects.

The next step is to create a text using the type tool. The type of font used is raleway and the color of the font used is black.

Then select the object and text simultaneously. Then select object > Envlop Distort > Make with Top Object.

729 | P a g e
Then after that the text will enter the object that has been created. So the result will be like this.

730 | P a g e
Create a Text Warp in Adobe Illustrator
Bending or changing a design to fit a specific shape is a tool commonly used in Illustrator to create the illusion of movement or
fluidity that is commonly created using text warp. The effect is achieved with a tool called envelope distortion, which basically
requires merging one object of either text or shape to fit the shape of another object. Below, you can see some applications of
envelope distortion. The first bends the image of concentric circles like a bullseyeque into a freeform. The second distorts the
word “love” to fit the heart; the third used a similar technique to make the word “awesome” fit into a column of spheres giving
it an almost three-dimensional appearance.
First I create a round object using the ellipse tool. But if you want to create another object, that's not a problem.

Then cut using pathfinder to divide it into several parts.

Then make the text according to what you need. Then select the object and text then press ctrl + alt + B.

731 | P a g e
Then click the object menu > Expand.

Then press ctrl + B.

732 | P a g e
Then click the blend tool, then hover over the text. Then click the Object menu > Blend > Blend Options. This serves to set the
distance and the number of objects that will be used.

Then the settings will appear as shown below. Set it according to your wishes, but if you equate it, it's not a problem. Don't
forget to click OK.

So the result will be like this.

733 | P a g e
Creating Typography With Envelop Distorts in Illustrator
Adobe Illustrator is a program used by artists and graphic designers to create vector images. These images will then be used for
company logos, promotional purposes or even personal work, both in print and digital form. So what is Adobe Illustrator used
for? It is commonly used to create illustrations, charts, graphs, logos, diagrams, cartoons from real photos, and more. While the
program may be difficult at first to understand, the end result will be well worth the learning curve. There are so many features
in Adobe Illustrator, one of which is Envelop Distort. What is Envelop Distort? The Envelope Distort command is used to warp
text and apply other creative distortions to Illustrator objects. To use the Envelope Distort command, You can use the warp
preset (the easiest method), grid, or top object to determine the amount and type of distortion. In this section, we discuss all
three methods. Curious how to use it? Let's just take a look below.
First here I create text using the Type Tool. The type of font used is nue-free. Then for the color I use pink, why? because the
background that I have used is dark black.

Kemudian klik menu object > Envelope Distort > Make with Mesh.

Then the settings will appear as shown below. Set the rows and columns when finished, don't forget to click Ok.

734 | P a g e
Then adjust the curve using the direct selection tool. So the result will be like this.

735 | P a g e
Make Sales Letters More Interesting in Illustrator
Be it on our phones, in books or on websites, we are constantly digesting the written word. From instruction booklets to store
fronts, all types are all around us. We often reflect on the power of the written word, but we rarely consider the designer's role
in imitating the tone of a word or sentence.
Behind the scenes, a designer takes the time to consider the relationship between the appearance of the text and what the text
says. In reality, different moods, atmospheres, and emotions can be expressed only through the choice of type. But what
exactly is typography and why is it so important?
In this article, we will discuss about typography to make it even more interesting. We'll start with typographic definitions and
then make the text even more interesting.
What is typography?
Let's start with the basics: what exactly is typography? In essence, typography is the art of arranging letters and text in a way
that makes the copy legible, clear, and visually appealing to the reader. Typography involves font style, appearance, and
structure, which aim to evoke certain emotions and convey certain messages. In short, typography is what brings text to
life. and what if we could make the text even more interesting? Let's just go.
First here I make a text sale using the Raleway font type. Using only stroke colors, not fill colors.

Then copy > paste until it becomes two parts, then we make the color different by using a blue fill color, or want to use another
color, it doesn't matter.

Then on the text that has been changed color, we create a box object using the rectangle tool. Then select both then right click
and select Make Clipping Mask.

736 | P a g e
So the result text will be truncated like this. Then copy > paste into 3 parts so the result will be beautiful like this.

737 | P a g e
Create a Color Burn Effect in Adobe Illustrator
Color Burn is an effect that colors each channel and darkens the base color to reflect the mixed color by increasing the contrast
between the two. However, if you use Blending with white it won't make any changes. Let's just go.
Here I have an image that I want to give a little effect to make it look different.

Then create a box object using the rectangle tool. I use yellow, for free colors can be adjusted to the needs of friends.

Then click transparency, select color burn.

So the result will be like this. So it looks like a sunset, friends hehe.

738 | P a g e
739 | P a g e
Creating a Shades of Gray Effect in Illustrator
Grayscale refers to a series of colors or color schemes consisting of repeated grays scattered within other colors of the same
type. Basically a range of different shades of gray of different densities and speeds spread across the neutral color
spectrum. There are a few downsides to using Illustrator as an editing tool. You must learn to overcome those weaknesses and
create a better picture of what you are trying to create. Well here I want to create a Shades of Gray effect in Adobe Illustrator,
let's just go ahead.
First, here I have an image that is so scary, but if you want to use another image, that's not a problem.

Then pay attention to the properties section, select Image Trace, click the arrow next to it, then select Shades of Gray.

Then the image will change to something like this.

740 | P a g e
741 | P a g e
Create a Silhouettes Effect in Adobe Illustrator
Asilhouette is an image of a person, animal, object or scene represented as a solid form of one color, usually black, with edges
matching the outline of the subject. The interior of the silhouette is shapeless, and the silhouette is usually presented against a
light background, usually white, or nothing at all. Silhouettes are different from outlines, which depict the edges of objects in a
linear fashion, whereas silhouettes appear as solid shapes. Silhouette images can be created in any visual artistic medium, but
were first used to depict cut pieces of paper, which were then attached to a support in a contrasting color, and often
framed. Now how to give a Silhouette effect, let's just go ahead.
This drink image I have, I want to turn into silhouettes.

Pay attention to the image properties, look at the Image Trace section there is an arrow, click the arrow then select Silhouettes.

So the result will be like this.

742 | P a g e
743 | P a g e
Changing the Color of the Balloons in Illustrator
Color is an element consisting of hue, in which there are three properties of hue, chroma or intensity, and value. Color is
present when light strikes an object and is reflected back into the eye, a reaction to hue that is generated in the optic nerve. The
first property is hue, which is a distinguishable color, such as red, blue or yellow. The next property is value, which means the
lightness or darkness of the hue. The latter is chroma or intensity, which distinguishes between strong and weak colors. A
visual representation of the chromatic scale can be observed through a color wheel that uses primary colors. So this tutorial I
will also deal with color, let's just be curious.
First here I have an image where the color of the balloon in my opinion is too dark and I want to change it to a lighter color.

Caranya klik menu Edit > Edit Colors > Recolor Artwork.

Change the color according to what you want. If you have finished changing the color, don't forget to click ok.

744 | P a g e
So the result will be like this.

745 | P a g e
Creating a Discount Ad in Illustrator
Poster is a temporary promotion of an idea, product, or event that is posted in a public space for mass consumption. Typically,
posters include both textual and graphic elements, although posters can be either all or all text. Posters are designed to be
interesting and informative. Posters can be used for many purposes. They are often a tool for advertisers (especially shows,
musicians, and films), propagandists, protestors, and other groups trying to communicate a message. Posters are also used for
the reproduction of works of art, especially famous works, and are generally cheaper than the original artwork. Modern posters,
as we know them, however, date back to the 1840s and 1850s when the printing industry perfected color lithography and made
mass production possible. Well, there are many discounts this month,
First here I will make a poster with a size of 300 px x 300 px. I enter a picture first that I will use.

Next I will use the pen tool to make the bottom part of the poster not too empty. I'm using yellow, here there are two objects
but we only need to create one and copy > paste and for the color opacity we will lower it to 80%.

Then we will create text using the type tool. For the type of font that I use is arial and here I use 3 colors, namely orange, blue
and yellow.

746 | P a g e
For the bottom still use the type tool and the same type of font. So the result will be like this.

747 | P a g e
How to Use Pucker & Bloat in Illustrator
Adobe Illustrator is a vector-based adobe. Which is where if we make a design it will produce a good quality design if we
enlarge or reduce it many times the results will not break. Now in Adobe Illustrator it has pucker & bloat that not many people
know. Well, how to make it, let's just go ahead.
First here I will create an object using the Ellipse Tool.

Then create an object like this. The color problem can be adjusted.

After creating the object click the Effect menu > Distort & Transfrom > Pucker & Bloat.

Then the settings will appear as shown below. If we move to bloat, we add the percentage and we click Ok.

748 | P a g e
The end result will be like this.

And if we drag towards Pucker and lower the percentage direction and click Ok.

The result will be like this.

749 | P a g e
Applying a Water Color Effect in Adobe Illustrator
Always wondered how to create a water color effect. Even though Adobe Illustrator already comes with a set of brush tools, we
always want a quick and easy way. Curious how to make it? Let's just go.
First here I have a picture that I want to give a water color effect.

Klik menu effect > Artistic > Water Color.

Then the settings will appear as shown below, set them as needed and don't forget when you're done click OK.

750 | P a g e
So the result will be like this.

751 | P a g e
Adding a Saturation Effect in Illustrator
Blending Mode is a feature that provides many options for controlling overlapping colors, and should always be used instead of
Hard Mix and Soft Mix for artwork containing point colors, patterns, gradients, text, or other complex artwork. One of the
effects that exist in blending modes is saturation. How the results of the image that we give the effect of saturation? Let's just
go.
Here I have a picture of a flower by the beach. But this flower is white and I want to change it a little with the sophistication of
Adobe Illustrator.

Use the brush tool. Then scratch on the artboard and make a flower pattern as in the picture.

In the Transparency > Saturation section.

752 | P a g e
So the hail will be like this.

753 | P a g e
Duotone Effect in Adobe Illustrator
Today you will learn to create Duotone Effect in Adobe Illustrator. Finalize a high-resolution image for the effect and start with
the tutorial.

Launch Adobe Illustrator and create a new document. Now follow the below steps-

Step 1

First of all, place the image on the artboard by clicking on File in the Menu Bar and then selecting Place.

754 | P a g e
.

Step 2

Now we will edit the colors of the image. We will convert it into a grayscale image.
Select the image and click on Edit in the Menu Bar. Place the cursor on Edit Colors and select Convert to Grayscale.

755 | P a g e
.

Step 3

Now select the Rectangle Tool and draw a rectangle on the artboard. Fill the rectangle with a bright color.

756 | P a g e
Step 4

Place the image over the rectangle and open the Transparency Panel.
Window > Transparency

Select the image and change its blend mode in the Transparency Panel.

757 | P a g e
I have selected Darken blend mode in the Transparency Panel. You can select any mode blend mode as per your image.

This is how you can create a

758 | P a g e
Glossy Effect Adobe Illustrator
Diposting oleh hidethefact

1. Pertama bukalah program Adobe Illustrator di komputer anda, pada tutorial ini saya menggunakan AI CS3 buatlah bentuk

bulat dengan Ellipse Tool ( L ), lalu beri warna yang anda inginkan. untuk outline bisa diaktifkan atau nonaktif.

2. Lalu pilih pada swatches pilih radial gradient, atur warna gradient yang anda inginkan seperti dibawah ini.

759 | P a g e
Jika warna gradient tidak bisa diubah klik pada kanan atas panel gradient ubah grayscale menjadi RGB atau CMYK.

Untuk mendapat hasil seperti diatas atur posisi gradient dengan Gradient Tool ( G )

3. Setelah itu pilih Effect > Stylize > Inner Glow. Ini untuk menanmpilkan warna gelap di sisi
lingkaran.

Hasilnya akan seperti ini.

760 | P a g e
4. Buatlah lingkaran yg lebih kecil dan beri Linear Gradient dengan warna hitam dan putih. Lalu
tempatkan pada diatas lingkaran awal seperti gambar dibawah.

761 | P a g e
5. Pada lingkaran kedua ubah CMYK pada warna hitam menjadi 100%.

6. Lalu pada transparency ubah normal menjadi screen seperti gambar di bawah ini.

7. Dan hasil nya.

762 | P a g e
Anda bisa melakukan explorasi dengan membuat tombol-tombol seperti di bawah ini... Saya
yakin anda pasti bisa !

763 | P a g e
 Give a Black and White Effect Using Illustrator's Effect
Features
In this tutorial article, which is a tutorial article entitled "Giving Black and White Effects By Utilizing Effect Features in
Illustrator," the author will try to explain and practice how to give black and white effects to images in Adobe Illustrator by
utilizing the Effect Sketch feature. How to? Please friends follow the following tutorial. Check it out:
 First of all, friends, please prepare any image that you want to give a black and white effect.

 Then, because this tutorial discusses the effects features in Adobe Illustrator, then of course the next thing that needs to be
prepared is the Adobe Illustrator image processing software.

 Next, to open the image that was prepared earlier. Please friends click the File menu > Open. Or you can open the image by
using the CTRL + O shortcut on your keyboard.

764 | P a g e
 Then a new window will appear that allows friends to choose the image that has been prepared earlier. In the new window,
please search and select the image in question. Then if it is selected, please press Open.

 Then, to give a black and white effect to the image, use the Sketch Effect feature in Illustrator. The trick is to click the Effect
menu > Sketch > Photocopy.

 A new pop up will appear which is the setting of the black and white effect. Arrange in such a way, according to the wishes of
friends. And when it's finished, friends, please set it, friends, press OK.

 Give a Black and White Effect Using Illustrator's Effect Features . And Voila….

765 | P a g e
Creating Typographics in Adobe Illustrator
Human life is inseparable from various events, challenges, obstacles, opportunities, and experiences. All of that can be used as
a lesson for every human being to become a better person from day to day. Experience is the best teacher that teaches many
things, so that one does not fall into the same hole again. For most of us we need to take notes or have a word of
encouragement to lift our spirits. Well here I want to make the motivational words into typographic. Let's get straight to it...
First here I create a sun using the ellipse tool. Then give a line using the line tool and place it in the middle. Then use
pathfinder > divide > ungroup. For the fill color, I'm using yellow here.

Then to make the light here I use the pentool. And the fill color I use is orange.

Next, here I will provide text using the type tool. The type of font I use is Benito for the wake text I use black and the up text I
use yellow.

766 | P a g e
The next step I will create a cloud using the ellipse tool.. Here I combine four ellipses into one, and the fill color I use is blue.

And now we will color the background. The background color I use is light yellow.

767 | P a g e
Because the bottom is too empty I give more text. Do the same for the text, friends. Until the result will be like this.

768 | P a g e
How to Create a Star Sticker in Illustrator
Now, thanks to cute and interesting stickers, chat is more interactive and less boring. WhatsApp stickers can be selected and
downloaded in the smartphone. Not all of them can be downloaded, it depends on the user what style of sticker they want and
how. Many offer stickers with different types in one application, or even stickers we can make according to what we
want. Well here I want to help friends make cute stickers to add to your sticker collection, let's just go ahead.
First here I create an artboard measuring 500 px x 500 px. Where this artboard I use pink.

First here we create a star object using the star tool. The first object I use is white.

For the second object we only need to copy > paste from the previous object, but for this first object I use yellow color.

769 | P a g e
Continue here I want to make the eyes and cheeks, the tool used is the ellipse tool. For the eyes here I use a slightly dark brick
red color, while for the cheeks I use a peach color.

Next we make the mouth using the pentool.

770 | P a g e
To beautify the appearance, here I will add glasses to the star, to make these glasses I use the ellipse tool and I create the
middle using the brush tool. Here I don't use fill color, just use stroke color.

771 | P a g e
How to Use Rotate in Illustrator
Rotate is to rotate objects, so here the tools for rotating objects in Illustrator are distinguished, friends. if in photoshop it is still
one, yes it is in Transfrom if in illustrator there is already a tool called the Rotate Tool so if you want to rotate the object, you
can use a tool called the Rotate Tool. Now here the rotate tool is not only used in a circular way but can also be used
sideways. Well, maybe in some previous articles that have told you how to use the rotate tool in a circle, while here I want to
use this rotate tool sideways or sideways. Okay, let's just go ahead, friends.
Here I have an object. I use the flower symbol in Illustrator. But if you want to use something else, it's not a problem.

Next click the rotate tool.

Then click on the center point to rotate, which is in the middle of the artboard. Then press alt then click on the flower
object. Then point to the side or the desired direction.

772 | P a g e
If you have finished, friends, you can directly click ctrl + D to copy automatically as shown below.

And if you want to direct the object in another direction, you can too. Press alt again then navigate to the desired position. Until
the end result will be like this.

773 | P a g e
774 | P a g e
How to Change the Leaf Color in Adobe Illustrator
In America a Windows or MacOS computer. Illustrator was originally released in 1987 and is regularly updated, and is now
included as part of the Adobe Creative Cloud. Illustrator is widely used by graphic designers, web designers, visual artists, and
professional illustrators around the world to create high-quality works of art. Illustrator includes many advanced drawing tools
that can reduce the time it takes to create illustrations. Well here I will try to change the color of a vector image using a quick
and easy way. Let's get straight to it.
Here I have an image of a green leaf. Now I want to change the color to a dried leaf and I want to change it in adobe illustrator
because if you change it in adobe photoshop it's normal.

Then click on the image of the leaf to be changed color. Then click edit menu> efit colors> recolor artwork.

Then the settings will appear as shown below. Change from the previous color to the desired color. When you have finished
setting it, don't forget to click OK.

775 | P a g e
Until the result will be like this. The leaves that were previously green turn yellow.

776 | P a g e
Create a Father's Day Poster in Illustrator
Father's Day is a day to honor fathers. Usually Father's Day is celebrated by giving gifts to fathers and family activities. In
addition to all that, Father is the backbone, support, and protector in a household. In some European and Middle Eastern
countries, International Men's Day (in English) is observed every 19 November. Cus, we're going to make a father's day
poster.
Here I created an artboard with a size of 500 px by 500 px. Actually for the problem of size it can adjust to the needs of friends,
well. But here I want to create an Instagram feed. Now, the Instagram feed can use 1000 px x 1000 px, but if it's too big, you
can only use half of it, which is 500 px 500 px. For the artboard, I'm using a cream color here.

And continue to create the next object here I will use the pentool to create this shape. For the first big shape there I used pink
color and for the inner line I used a pink color which is a bit darker than the previous color. Until it will be a bubble shape
made using the pentool.

Continue here, I include pictures of father and son to support this poster to be even better.

777 | P a g e
Continue here I will create an object using the ellipse tool. I'm using red here.

Next I will provide text using the type tool. For the type of font here I use Modena Regular. For the font here I use 2 colors,
namely brown and red and use one stroke color, namely white.

778 | P a g e
Next one more object that I will create is using the ellipse tool and then I will give effect. Click the effect menu > distort &
transform > pucker & bload. Until the result will be like the image below.

779 | P a g e
How to Create a Symbol in Adobe Illustrator
Symbols are art objects that you can reuse in documents. For example, if you create a symbol out of flowers, you can then add
examples of that symbol multiple times to your artwork without actually adding complex art multiple times. Each symbol
instance is linked to a symbol in the Symbols panel or to a symbol library. Using symbols can save you time and greatly reduce
file size.
Here I create an object using the ellipse tool.

Kemudian klik menu effect > distort & transfrom > pucker & bloat.

Then the settings will appear as shown below. Then set the pucker according to what you need, and when it's finished, you can
click Ok.

Until the object that was previously round turns into something like this.

780 | P a g e
Then to make it look like 3D I want to make a shadow by clicking the effect menu > Stylize > drop shadow.

Then set the shadow in the settings column below.

So this is the result that has been given the drop shadow effect.

781 | P a g e
Then click symbols > new.

Then the settings will appear again as shown below.

And the pair of all objects has changed into a symbol ..

782 | P a g e
783 | P a g e
Create a Shopping Cart Icon in Adobe Illustrator
Happy Monday Dumet School friends, today we are going to learn how to make a shopping cart icon in Adobe
Illustrator. Before that, you know what a shopping cart is, right? Yes, those who often shop at Ecommerc, you know, friends
with this one icon. Moreover, we know the form of shopping baskets that are often found in these stores. so how to make
it? yes, it's the same as we draw in general, but here by using software, namely Adobe Illustrator, of course you have to learn
the basics first in making a shopping cart icon.
okay how about we just practice Creating a Shopping Cart Icon in Adobe Illustrator
the first step we will make a line using the pen tool, after that make a line like in the picture below.

then we set the acute angle to be rounded or circle, how you can use the direct selection tool then you can click on the corner or
path point and later a point will appear that can change the acute angle into a circle angle, the picture is as in the image below.

if we have made a box, my friend for the basket, you can use the rectangle tool to make a box.

after that we can make the upper corner widen by using the free transform tool here you use perspective distort, friends.

784 | P a g e
then tilt the top corner as in the image below.

if we just load the handle to push the basket, right, usually shopping carts have a push handle, right? now for how to make it
just use the pen tool and then make a line like in the picture below.

and here, the stroke line is thin, yes, when we want to enlarge the line, we can use the stroke size, friends, for the settings, you
can see in the image below. oh yes, if it doesn't change, it means you haven't chosen the stroke line that you changed, try to
research it first.

785 | P a g e
if you have just added a wheel at the bottom, to make a wheel, you can use the ellipse tool to make a circle and don't forget to
give black color for the wheel.

then the result after we modify it for the coloring stage, given accessories and all sorts of things, it will look even more
attractive, friends. try to just create what's on your mind about this shopping icon and you draw or shape it in adobe illustrator.

786 | P a g e
Create a Travel Suitcase Icon in Adobe Illustrator
good evening Dumet School friends, how are you today? So tonight, how do we draw a travel suitcase, anyone here knows
what the shape of the suitcase looks like? yes, the suitcase is like a suitcase in general, so we only make it as similar as possible
with the 2-dimensional technique hehe, so what is the function for making this suitcase? yes, there are many, yes, this can be
used as a logo, it can be used as an icon for the website, it can also be used, just what blends in with the design of this icon.
now for how to make it try you can follow the following tutorial Creating a Travel Suitcase Icon in Adobe Illustrator:
the first step to make a travel suitcase icon is to make a rounded rectangle first using the rectangle rounded tool, the size can be
adjusted to your needs.

then we make a rounded rectangle again to make the shape of the hand grip from the suitcase icon which we will make later but
here using only stroke colors, yes.

after that we will make the shape of the handle, now here put the handle on the iron handle of the suitcase, yes usually there is
iron to push but the handle is made of comfortable material to hold such as leather and others. well here to make it stay the
same by using the rectangle rounded tool.

787 | P a g e
if we are going to decorate the suitcase with other colors, yes, here we first duplicate the shape of the suitcase that has been
made and then the size is reduced so that it is in the middle of the body of the suitcase.

if we have made the shape of the suitcase lock, then for the suitcase lock you make it in the middle of the top of the suitcase
then make a box shape using a rectangle. after that we can make it rounded at the bottom by using the direct selection tool. an
example of the image as in the image below.

next we will make the bottom of the suitcase, namely the wheel of the suitcase, the same here we will make a box first for the
size, just adjust it to your needs whether you want it small or big. if you want to imitate the size can see the example image
below.

788 | P a g e
after that we make the wheel of the suitcase, friends, using the rectangle rounded tool we can make the wheel of the suitcase.

so when we start coloring the suitcase that we made earlier, the result will be like in the image below.

789 | P a g e
Create a Smile Icon in Adobe Illustrator
Good morning, Dumet school friends, today I will share a tutorial on Creating Smile Icons in Adobe Illustrator. The smile icon
here is like a sticker sticker in general used on social media such as WhatsApp which can be customized as a sticker. Well
friends, how to make stickers here is very easy and simple, we only use the ellipse and the line tool, the rest we set using the
pathfinder and adjust the color of the shape that we have made.
okay friends, how about we make it right away? so the first step is to make a canvas with A4 size, it's also not free for the
size. but if the size is 500 x 500 pixels, that's okay.
then we use the ellipse tool to make a circle shape.

Make a circle with the size according to your needs only.

here you can duplicate it in two, the way you click the circle and drag it by pressing the Alt key, then the result will be like in
the image below.

790 | P a g e
after that use the pathfinder to cut the overlapping circle shapes, how to select all the shapes and then use divide to cut.

if it has been divided then you can right click then select ungroup and remove the top side that is not used, friends.

then you just remove the stroke line.

791 | P a g e
if you have you can click the ellipse tool again to make the eyes here, make the eyes black, yes, with an oval shape, but you
make them with two colors, one black and one white with different sizes, for example like the picture below.

then you can group it by pressing ctrl + g then you can duplicate it in two by clicking on the shape and drag by pressing alt so
that it becomes two shapes that we will duplicate.

then here we will create the mouth using a circle shape as well.

792 | P a g e
here you make a line in the middle of the circle, yes.

then we cut using pathfinder and select divide yes.

here you can ungroup first to separate objects that have been cut.

793 | P a g e
if it's cut, then just choose the bottom shape, which looks like a smile, and color it black.

then the result will be like the image below.

794 | P a g e
Creating a Black and White Effect in Illustrator
Adobe Illustrator is a software developed by Adobe Systems that can be used for vector image editors. So what is a
vector? vector is if we enlarge the image many times the result will not be broken. For computer users who are mostly involved
in the world of design and multimedia, the existence of this software is no stranger. The features and conveniences offered by
Adobe Illustrator itself make users pampered to continue working. Maybe most people already know how to change the color
of an image to black and white in adobe photoshop, but if you use adobe illustrator not too many know how to change
it. Therefore, here I want to create a black and white effect in Adobe Illustrator.
First here I have a picture of a cat, which I want to make this picture of a cat in black and white.

Lalu klik menu edit > edit colors >convert to grayscale.

So the result will be like this.

795 | P a g e
796 | P a g e
Creating a CS Chat Image Icon on a Website in Adobe
Illustrator
Hello everyone, do you know the features on the website? well, one of the features on the website is chat cs, yes it is a feature
to chat from customers to customer service, now what we mean is to make the chat icon display cs images. To make the icon
it's quite simple and everyone can make it because basically this icon is very easy to make using boxes, colors and text, we can
Create a CS Chat Image Icon on a Website in Adobe Illustrator, so what's the way to make it? let's follow the tutorial in the
image below.
first you set first for the size of the artboard.

if the artboard is made, then we will choose the rectangle tool to make a box.

make a box on the artboard that you made earlier, for the size you can just adjust it to your needs.

if you have just made another box to put the chat icon.

797 | P a g e
if it's like this, all you have to do is change the color.

after that you can provide text or information, yes, here I will give text like Live chat, friends.

if you have tried to make a circle to make the chat icon.

then you just make a triangle to make the tip like a chat icon, how you choose the star tool.

click once on the artboard, the star tool settings will appear, here you use 3 points, because here we will only make triangles.

798 | P a g e
put the triangle in the circle, then the result is like this.

and you can see that the result will be like the image below.

799 | P a g e
Creating a Color Table in Adboe Illustrator
Adobe Illustrator is not a word processing or desktop program and is not designed for creating tables the way you would in
Microsoft Word or Adobe InDesign. Therefore, you cannot create tables that manipulate data or automatically adjust to
text. However, with a little extra effort, you can use the split into grid feature in Adobe Illustrator which can make it easier for
friends to create tables. Okay, let's just go straight, let's see how to make it, let's see the following tips and tricks.
Here I create a box using the rectangle tool. I didn't use a fill color, I just used a white stroke color.

Continue to select the box object, then select the object menu > path > split into grid.

Then the settings will appear as shown below. For that column, you can adjust it to what you need, if you have finished setting
it, don't forget to click OK.

800 | P a g e
Then the original box will turn into a small box like this table.

Then continue to change the color at the top, so that the table looks much more attractive.

801 | P a g e
Giving a Glowing Edge Effect in Illustrator
When you expand an object using a glow edges effect, the inner glow reveals itself as an opacity mask or overlays the object
with a glow. If you expand an object that uses an outer glow, the outer glow becomes a transparent raster object. The effect in
illustator is not too much like the one in photoshop. But let's try how to give the effect of glowing edges in Adobe Illustrator
with the image I have below.

To give the effect click the effect menu> stylize> glowing edges.

Then the settings will appear as shown below, set as needed when finished and then click Ok.

802 | P a g e
Until the result will be like this yaaah.

803 | P a g e
Applying a Gaussin Blur Effect in Illustrator
Blur in Adobe Illustrator is vector editing software that allows users to create vector artwork. Originally released on March 19,
1987. Supports Windows and Mac OS. The latest version of Illustrator is Adobe CC 2019. Users can add various effects and
properties to objects and images in Illustrator. It has an option to add a blur effect to the image. You can do that by following
an easy method. Once you learn to use blur, you can use it to give your images a creative blur effect. In this article, you will
learn to apply various blur effects in Illustrator, one of which is gaussian blur.
I want to make the background blur using the image below.

Then click the effect menu > blur > gaussian blur.

Then the settings will appear as shown below. Set as needed and don't forget to click OK when you're done.

804 | P a g e
And the result will be like this.

805 | P a g e
Applying a Saturation Effect in Adobe Illustrator
Converts each color component to a new value based on the sum of the highest and lowest RGB values in the selected
color. Illustrator adds the lowest and highest RGB values of the current color, and then subtracts the value of each component
from that number to create a new RGB value. Well here I will change the color of the image that I have by using the saturate
effect.
Select an image that you want to change the color of.

Then click the edit menu> edit colors> saturate.

Then the settings will appear as shown below. If you have finished setting it according to your wishes and needs, don't forget to
click ok.

806 | P a g e
And the result will be like this.

807 | P a g e
Converting JPEG Images Into Vector
What is a JPEG File? JPEG stands for “Joint Photographic Experts Group”. This is the standard image format for containing
lost and compressed image data. Despite the large reduction in file size, JPEG images retain reasonable image quality. This
unique compression feature allows JPEG files to be widely used on the Internet, Computers, and Mobile Devices. Sharing
JPEG images is fast and efficient. Also, a large number of JPEG image files can be stored in minimum storage space. JPEG
files can also contain high-quality image data with lossless compression. In PaintShop Pro JPEG is a commonly used format
for saving edited images. Whereas vectors are one of the most satisfying and interesting creative outcomes – once you learn the
basics, pure enjoyment, play with shapes and colors and if you zoom in or out it won't break. This article will explain how to
convert a JPEG image into a VECTOR.
Here I have a JPEG image that I want to convert to vector. Insert the image into Adobe Illustrator.

Then above the properties section, please click Image Trace, but if you want to choose another option, please click the arrow
next to Image Trace, then an option like the image below will appear, you can choose whichever one suits your taste.

If you have finished selecting, look again at the properties section and then click Expand.

Now quickly the JPEG image was immediately turned into a vector and we can separate it by right-clicking> ungroup.

808 | P a g e
Once in the ungroup we can change the position and even color at once.

809 | P a g e
Create a 3D Triangle Shape in Adobe Illustrator
Well friends, at the meeting here, we have learned to make 3D shapes in Adobe Illustrator, yes, and today I will also make a
3D tutorial, here the 3D that I made is in the form of a triangle, friends, so how do I make it? actually it's the same as we make
a 3d city, my friend, but it's different in the beginning, if we make a triangle, then the 3d will be in the form of a triangle, my
friend, it might not be a box or a hexagon wkwkwkw. Well, for the same understanding, friends, as you know, Adobe
Illustrator is not software for making 3D, friends, like other 3D software. Well, for illustrator, it's actually software to create
vector shapes, if the vector shape is zoomed in or enlarged many times, the shape won't break at all unless it's been converted
to jpeg or png, friends, it's definitely broken. Now for making 3d here, it's only limited to seeing the 3d side as you know that
the 3d requirement is to have an x side, a y side and a z side and that means it can be said to be in 3d shape. okay we just how
to make it how? let's follow the tutorial below. okay we just how to make it how? let's follow the tutorial below. okay we just
how to make it how? let's follow the tutorial below.
first you first make a triangle using the polygon tool, friends.

after that, don't make it right away because it's not necessarily the polygon setting that you use is triangular, here how to set it
you click once on the canvas, the polygon tool settings will come out.
here you choose 3 sides and the radius is 50 pt, friends.

if you have then you click ok, then the triangle will appear on the canvas of friends.

810 | P a g e
after that you can click the effect menu then you select 3d and select extrude & bevel...
well this setting is what can make the shape into 3d.

after that you can set the 3d in the window below.

if it is then you click ok, it will be like in the image below.

811 | P a g e
How to Use Existing Symbols in Adobe Illustrator
Good afternoon friends, what are you doing this Saturday? how do you practice adobe illustrator? Come on, you can follow the
tutorial that I will write below about How to Use Symbols in Adobe Illustrator. Well yesterday we learned How to Create a
Symbol from a JPEG Image in Adobe Illustrator and now how to use the symbol? Well, the method is very easy, friends, you
just need to use the symbol tool, of course, then for the shape of the symbol that we have saved before heheh. okay let's just
make a symbol from a JPEG image in Adobe Illustrator
your first step is to open adobe illustrator, then you look for the tool symbol, friends.

then you don't forget to open the symbol selection in the symbol panel, friends, the way to display the symbol panel is by
clicking the window menu and then you select the symbol, a symbol panel will appear like this.

now there are symbols that we have made before, friends, there we just need to use it, just click on the symbol that we will use
then we will use the sprayer tool symbol to make the shape of the symbol on the canvas or artboard that friends have made
before.
just click and drag, can be held or clicked many times and later the symbol will appear by itself.

812 | P a g e
Create a Yellow Car Flat Design in Adobe Illustrator
Hello friends, today I will share a tutorial about Creating a Yellow Car Flat Design in Adobe Illustrator. Well, you definitely
know flat design, right? flat design is a design with a minimalist concept that emphasizes usability, so what is it like? so with a
clean design without any bevels, shadows, textures, focusing on typography, bright colors and two-dimensional illustrations it
can be said to be flat design but sometimes there are also those who use some of the context above as well. well here we use
the shape tool, friends, then combine it using pathfinder and set it using the direct selection tool so we can make a car design in
adobe illustrator, how do I make it? let's follow the tutorial below.
first we make a circle by using the ellipse tool, but the shape of the longjong is not completely round.

then you duplicate the circle with CTRL + C and CTRL + V to paste it.

then recreate the oval shape by using the ellipse tool.

813 | P a g e
if you have tried to make a rounded shape, now for the size and position of the shape as shown below, yes.

if you can make it rounded again, here for the shape of the car bumper, friends.

if it's like in the picture above, try to unite the selected image shape like the image below and later we will unite it using
pathfinder by selecting Unite.

814 | P a g e
then the result will be like in the image below.

if we try to make the tires using rounded again, yes, the tires are left and right heheh, because this car looks at the front so it
looks like the front.

after that we make the glass, now for the glass you can copy the shape of the glass body as in the picture below.

815 | P a g e
after that we just make the ornaments, such as the addition of lights, sepia glass and bumper we improve again.

if it's all done, stay at the coloring stage, remember the color isn't too bumpy, you can use a softer or softer color.

816 | P a g e
817 | P a g e
Create a Flat Design Rocket in Adobe Illustrator
Hello everyone, it's back on the dumet school website, so today I'm going to share a tutorial on Creating a Flat Design Rocket
in Adobe Illustrator. Do you know what a rocket is? yes it's not a rocket, wow, if that rocket is in a food stall, but here I will
make a rocket that can fly to the sky heheh. uh, don't get me wrong, here we only make designs or make rocket shapes, hehe,
most of us usually take the form of flat design objects that are ready-made or already finished images, actually it makes it
easier for us but we can't edit it freely, it's different if we make it ourselves it will we can be proud of ourselves and we can edit
whenever we want.
now, let's just practice how to make a flat design rocket in Adobe Illustrator.
first of all you first make a triangle using the polygon tool after that click once and set the sides to 3 sides.

then at the top we will make it rounded, how you use the direction tool then you select the top point of the path if there is a
white dot you click down then the result will be like the picture below.

after that you make a rectangle as usual.

if you have you can use the rounded tool to make the glass part, yes.

818 | P a g e
after that we make the wings, so here you use a box, but you edit it again using the direct selection tool, the result will be like
this.

if it's already made, you just have to duplicate it.

819 | P a g e
Well, usually there are 4 wings, because they are closed on the back so you don't need to make them, all we need to do is just
make the sides. well like this for example.

oh yes, if you have made it, the next step is to make the bottom or the turbo part, hehe, usually, if you like racing vehicles, you
will be given a turbo, so even a rocket has a turbo, friend.

820 | P a g e
if we are already going to unite the lid of the rocket with the box, friends, how to use pathfinder and select unite but before
using unite we must first select the two shapes that intersect.
then the result will be like the image below.

after that we make the origin of the turbo, you can use the rectangle and rounded tools, friends.

821 | P a g e
then you can create clouds using a lot of ellipses and you can do the unite method in pathinder to unite these objects.

After collecting the shapes, you just need to give it a color.

then the result will be like the image below.

822 | P a g e
Create a Sample Startup Logo in Adobe Illustrator
Hello everyone, are you here anyone else making logos? what logo are you making now? oh yes, friends, for the logo here,
there is actually a logogram and there is also a logotype. Now for a logogram it indicates a logo that has a symbol from the
logo, whether it is a symbol with an identical company, individual, group or organization usually has a different
identical. Well, for the logo type, it means the name of the company itself, friends, the name is also type, which means writing,
isn't it. Now, in this example, I will make an example of a Startup Logo in Adobe Illustrator, for the logogram, I used the
rocket shape that we made before, so we can make a logogram like that because it has a shape, friends, if you haven't made it
yet. please openThis article.
if you have made it, just make the text, friends.
now for the example of the rocket that we have made like in the picture below, my friend.

after that we make it tilt or we rotate the rocket with transform. Well, this is according to your individual tastes, yes, if you
want to face up, you can or want to go sideways, the important thing is the layout you want.

Now, if it's tilted like in the picture above, we just need to enter the logotype, here we arrange the logo type and remember here
you have to choose the type of font you want and according to the characteristics of the logo you created, which way do you
want to go.

823 | P a g e
after that for the second name I use a different type of font with a different size too, as I said, this is according to your
individual tastes, friends, what kind of shape or layout do you want.

if you have just made a sweetener, here I use the line above the name of the logo with the same color as the rocket.

then the result will be like the image below.

824 | P a g e
Create Business Cards for Kids in Adobe Illustrator
let's follow the tutorial on Making Business Cards for Children in Adobe Illustrator, friends usually the children also want to
have an identity card, so it would be nice how we make a business card as an identity that he has. Well, if this is done for
children, it's easy, if the child doesn't remember his parents' numbers, he can use the business card he has or he gets lost, he can
use the business card he has to ask for help from others. Oh yes, not only for that benefit, but the child feels proud to have his
own business card, what's more, making his name card can be custom or design it yourself. with creative ideas, we can make
children's business cards easily.
so how? want to make it right? let's follow the tutorial below.
first you have to make the canvas size first.

oh yes, don't forget to prepare a photo of our child, yes, to be used as a photo display for our child's identity.

825 | P a g e
if you have tried to open the vector shape that you have made here, my example is a rocket vector image, friends, click here if
you haven't made it yet.
oh yes, don't forget to give a yellow background color, friends, but if you want other colors it's okay too.

if you have tried to enter a photo of the child, yes, friend.

826 | P a g e
after that you try to make a circle, now this circle serves to make frames for photos, friends.

after that you select the photo with the circle using the selection tool, after that you can right click and select create clipping
mask.

then the result will be like the image below.

827 | P a g e
oh yes, don't forget we still have steps to provide children's information.
how do you try to make what information must be on the business card and you line up first, yes.

well if you have tried to duplicate and replace any category that will be displayed with the child's information.

after that we can make a white box to create a child information frame.

828 | P a g e
here you can give a stroke by choosing a type like this.

don't forget to give opacity too yes, don't lose too much too.

after that, try to multiply the rockets and you can also adjust the size, so here the numbers are just random.
then the result will be like the image below.

829 | P a g e
830 | P a g e
Creating a Vector Drum in Adobe Illustrator
while waiting for iftar, let's practice adobe illustrator, let's go where today's tutorial is about making vector drums in Adobe
Illustrator, how do you do it? yes, if you want to make it vector, it means you have to be able to describe yourself how the
shape of the drum itself with the color you choose and what it looks like. therefore we have to make our own creativity where
we only use the help of shape tools, namely ellipse and rectangle with other additional tools such as the direct selection tool,
our transform can form the drum according to the shape we want.
okay, let's just go straight to how to make a drum in illustrator, first you have to make a circle with the ellipse tool.

then make an oval shape, friends.

if it can be duplicated the oval shape earlier then position the old color behind the light color, so after being duplicated, change
the color, friends.

831 | P a g e
then you use the rounded rectangle tool yes.

if you have selected the tools you just need to make a rounded rectangle shape.

now for the corner you use the direct selection tool to make the corner look more circular.

832 | P a g e
if it is as above, the next step is to use transform.

if you have selected transfrom perspective distort, friends.

then reduce the corner angle, yes, it will be like the image below.

833 | P a g e
if we are going to make the legs or the support for the drum, use the rectangle tools to make a rectangle, and don't forget to tilt
it or rotate it.

here you make two rectangles, friends, how to click transform and then select reflect.

834 | P a g e
here you select vertical then click copy yes.

after that use transform again and select perspective distort, friends, set the perspective earlier for the shape of the buffer.
Oh yes, friends, when you reach this stage, don't forget to position the legs on the back of the drum stand behind the drum, how
to click arrange and then select send to back.

835 | P a g e
if you have tried to duplicate and position it on the back but on the back it is more minimized, friend, then the result will be like
this.

if you live, just change the color of the drum according to your wishes.
After that, fill it in making the drum beat, how to use the ellipse tool you make a circle.

after that also make a rectangle rounded tool.

836 | P a g e
if you've tried to make a box for the handle, don't forget, you can change the color here.

after that we make the effect of the drum stroke, how to use the pen tool, then make lines and shapes like a star, but not like a
star either.

then the result will be like the image below.

837 | P a g e
838 | P a g e
Create a Book Poster in Adobe Illustrator
Hello friends, do you have any plans for bukber with your friends? yup, for sure, in this month of Ramadan, there will be
crowds of people holding bukber, so how about holding a bukber by making a poster as an invitation that you will distribute to
all of your friends, yes, if there is a poster for bukber, there is a sweetener to make it look official and attractive definitely want
to come. Well, here's how to make the poster using Adobe Illustrator, where in Adobe Illustrator it has its own advantages,
namely vector images, if you zoom in many times, the image will not break. So want to know how to make it? let's just follow
the tutorial below.
first, make it round, friends, using the ellipse tool in the adobe illustrator toolbox.

then you create text using the type tool, here you contain the words bukber, now bukber is an abbreviation, friends, from the
word open together to bukber.

then you also fill in the date of the event, here I layout as shown below.

839 | P a g e
then make a dividing line, friend, using the line or line tool. then you give a stroke with the value you want, after that also
make what time it starts and ends too.

if you have tried to enter the location to determine iftar with him, here I am sorry heheh for the location you can determine it
according to the location of friends.

after that you can enter the image that we have made, namely the picture of the drum as a sweetener heheh.

840 | P a g e
oh yeah, don't forget who should be invited to the bukber event, don't let one RT you invite, woah, poor sir, the RT will have to
find a very large place to accommodate the people.

841 | P a g e
well then here to make it even better, try in the brown circle, give it a stroke with this type.

842 | P a g e
then the result will be like the image below.

843 | P a g e
844 | P a g e
Create Vector Rhymes in Adobe Illustrator
Good afternoon friends who haven't learned adobe illustrator yet? Well, if you haven't learned how to make vector images, the
images are diamonds, because right now, there's a lot of excitement about fasting, in the month of Ramadan, automatically this
vector image is very useful for those of us who are making designs, whether it's posters, flyers, etc. Now, making a diamond
vector image in Adobe Illustrator is easy, friends, there are steps that make it easy for us to create a diamond vector. Want to
know how? let's see the tutorial below.
okay first step we use the rounded rectangle tool first, friends.

then we make the shape on the canvas.

after that we make a city using the rectangle tool, now the shape is like a line, it's not too wide, and here make 3 lines with the
rectangle tool.

845 | P a g e
if you have tried to duplicate the line then you rotate it until it looks like the image below.

okay next is cutting, here I use pathfinder to cut the object, the step is to select all the shapes then we use divide to cut the
shape.

846 | P a g e
don't forget if you have been given a divide, you must ungroup it by right-clicking and selecting ungroup.
after that use the magic wand tool in the tool box.

here you choose the green color, friends, because the green color here is what we will delete later, if you have selected the
green color you press delete.
after the green line disappears, you rotate the shape that you have created then you group it and right click select transform and
select rotate.

and the result will be as in the image below.

847 | P a g e
after that you just use the pen tool to make the upper rope, for example like in the picture below.

And don't forget the bottom too.

for the rope, it's just what you want, friends, it doesn't have to be the same but just your creativity in making it. and here you
choose the color according to what you want.

848 | P a g e
then the result will be like in the image below.

849 | P a g e
Make Happy Iftar In Adobe Illustrator
Good night friends, are you sleeping? if not, let's practice adobe illustrator again where we will make a happy iftar greeting,
since this month is the month of ramadan, it would be nice if we made or practiced mingle with ramadhan too, friends. so how
do you make it? let's follow the turorial below.
So, first, let's make the sentence, here I am making congratulations with the Britannic Bold font. Well, if you don't have the
font, you can search for it on Google and look for the type of font I use.

then we will make the word iftar with the font type brush script mt italic, yes friends, if you want to have the font, just
download it on google.

then we make fasting writing, here I use caviar dreams for the font type.

after that you can add vector images that have been made such as diamonds and drums.

850 | P a g e
and the result will be like the image below.

851 | P a g e
Create a Google Photos Logo in Adobe Illustrator
Hello friends, here I will share tips and tricks for Creating a Google Photos Logo in Adobe Illustrator, now the logo here is the
Google Photos logo, it's quite complicated, how about that, wow, now it turns out that we made it with tools that we often use,
such as boxes, lines, and stars. Other additional tools are pathfinder, namely divide and unite.
So, the first step is to make a box, friends.

then you make another box but place the bottom corner in the middle of the city that has been made.

then you make up to 4 squares yes.

852 | P a g e
after that you make a box again but you rotate it, well for example like the picture below.

if you have tried to make 2 lines using the line tool.

853 | P a g e
if you have made two lines that cross each other from the top corner, try to make a star for placement in the middle.

click once first to specify 4 sides of the star.

then put the star in the middle of the city yes. oh yes, here, try to choose an outline, so that the lines are neater when we adjust
the position of each shape that we have made.
how to click view select outline

854 | P a g e
So, if the results are like this, nothing is broken, in the sense that the lines are all right, nothing is bent or not.

so we can use pathfinder, but first change it to its original position.

how to click view then select preview

855 | P a g e
oh yes, don't forget to enter the google photo logo, so we can cut and delete it properly.

after that we just use the pathfinder. the way to cut all of you just click all the shapes and then you choose divide.

856 | P a g e
if you right-click and select ungroup, now there must be a shape that doesn't fit, so we can delete it and leave a shape like in the
image below.

if we have tried to unite the shapes that should be united, let's see for an example of the logo, how to put it together with unite,
friends.

857 | P a g e
if we have tried to delete the middle.

and the result will be as in the image below

here it's just a matter of coloring, friends, you can use eydropler to take an example of the color of the logo.

858 | P a g e
oh yes, you need to pay attention again, there are still remaining pieces, namely path points with stroke lines, so to get rid of
them, you just need to choose all finished colors and then you just slide.

859 | P a g e
if you have shifted your group, then you can remove the inappropriate point earlier, then the result will be like the image
below.

860 | P a g e
Create a Paper Hole Effect in Adobe Illustrator
Adobe illustrator is a vector-based editing software in graphic design. Adobe illustrator itself is capable and can create various
images, one of which is the effect of a hole in the paper, now the hole here is like being stabbed by a nail, yes the paper. so here
you have to be able to think about how it looks like what the effect is, now that's what you have to imagine the shape of the
torn paper or the hole in the paper. well friends here you only need to use shapes such as circles and pen tools we can create a
paper hole effect oh yes, don't forget other effects can also be like drop shadows and the like.
okay, let's just make it, friends, first you have to use the ellipse tool to make the hole.

then make a circle on the canvas,

don't forget to set each point of the path so that it is not perfectly round. how to edit it using the direct selection tool.

After that, try to shape the circle, whether you want it flat or whatever shape you want, that's fine.

861 | P a g e
if you've tried to make a tear effect using the pen tool.

and here, friends, all you have to do is make the torn effect as you imagine.

862 | P a g e
if you have tried using the direct selection tool to adjust the sharp side of the pen tool that you made.

after that use feather, friends, how to click the effect menu then select stylize and select feather.

863 | P a g e
if you've tried changing the color, friends, to gray, after that also give a stroke to the torn paper effect.

if you have tried using a drop shadow to make the shadow, click the effect menu then select stylize and select drop shadow.

after that try to make a box and then use free transform so that the bottom becomes pointy.

864 | P a g e
and then make the nail head.

if you have tried to give the color of the nails that you have made using the pen tool. if you have tried to put the nail in the
image below.

865 | P a g e
866 | P a g e
Example of Creating an Election Paper Drawing in Adobe
Illustrator
Hello friends, today I will share a tutorial on making an example of making an election paper image in Adobe Illustrator, now
here making an election paper image is still just an example in the form of an image that is not printed, friends, so this is just a
sweetener in the poster. you will do later. Oh yeah why the election? yes approaching the presidential election and vice
presidential candidate yes this year. and this I will not discuss about who the person is and who the party is. But here I want to
take a learning method only if my friends are election posters or what to do, who knows, this can be useful. hehehe
okay here we just make the elements, yes or the election paper image. where we will make it like this.

well it's more or less like that wkwkwk.

oh yes, here to make the image you have to provide a vector image, yes, but here is just an example, so if you later make the
original, the information in it has to be changed, heheh.
okay how to make it try to make a box first using the rectangle tool.

then now the example of the box as in the image below.

867 | P a g e
then you enter the serial number information and the name of the person, oh yes, don't forget the name of the party too.

if you've tried to make a box again and enter the photo. How to insert photos is still the same as usual, friends, by clicking on
file and then selecting place link, here, just select the photo you want and then position it in the middle of the box.

if you have, don't forget the elements that you made yesterday about making holes in paper you can use. like this example
element.

868 | P a g e
Well, put it on the photo like voting for a presidential candidate for example. hehe.
then the result will be like in the image below.

869 | P a g e
Example of Creating an Election Poster in Adobe Illustrator
Good afternoon and how are you learning adobe illustrator yet? today is still the election theme, friends where we will make an
Example of Making an Election Poster in Adobe Illustrator. Yes, posters are a tool to create information in the form of pictures
that are good and pleasing to the eye. So friends, in making posters, it must have its own meaning, yes, and the ingredients
must be present and clear since election day, so I took the example of election posters, friends.
oh yes an example that we will make as in the picture below.

so the first step is to make the canvas first, I used an A4 size canvas and immediately changed the color to red.
Then I entered the element yesterday that I made, namely the image of the selection paper.

Well, put it in the canvas, you make it.

870 | P a g e
if you have made the information, here I will make a text with the free font Nue, friends, the writing is pilkada

if you have immediately written again simultaneously stating that all regions of Indonesia in various provinces will hold
elections together.

then after that add the year, here the current election is in 2019.

871 | P a g e
I'm sorry, I'm in the wrong year, wow, it should be 2019... but it doesn't matter, right, this is just making a poster, unless you
make it with original data.
after that I made another date and month which I separated with a white box.

After that, you write it down.

then the result will be like in the image below.

872 | P a g e
873 | P a g e
Create a Coupon Design Outline in Adobe Illustrator
Do you have friends here who work in product marketing? What do you often offer for the products you sell? there must be a
discount, dong or other offers ... well here I will share a tutorial on Creating a Coupon Design Framework in Adobe Illustrator
oh yeah here don't get it wrong, because here we only make the outline, not yet into the design as for the design I will explain
again the next day. Now for the design framework itself, it's actually free, yes, there is a rectangular shape, there are curves in
the paper cut. So in today's tutorial, it's about making the skeleton using squares, and circles plus pathfinder settings, so you
can cut them into pieces.
okay, let's just start, first make paper with A4 size. if you have tried to make a box with a size of 100 mm x 40 mm.

then a box will appear with the size you specify, oh yes don't forget to make a circle using the ellipse tool and then place the
circle in each corner of the box that you have created.

if you have tried to select the box first, here we will move the box up so that it can be cut off. how to move it you right click
select range and select bring to front.

874 | P a g e
if you've tried to select all the shapes of the box and circle then you select minus back yes.

then you make a circle first, friends, if you have made it duplicate by clicking alt and then moving it aside on the circle with the
selection tool. then it will be like this.

875 | P a g e
the duplicate function by means of alt and moved to the side to duplicate the object placement evenly, the way you try to
directly press CTRL + D then the results will be a lot like in the picture below.
oh yes, here, don't forget to place it on each side of the top and bottom of the box, for example as shown in the image below.

then you position the box that you first made in front of it again, like the way it was done the first time.
then you make a line for the coupon cut here you make it using the line tool.

set the line in the properties section, friends, the settings are as in the image below.

876 | P a g e
If so, the result will be like the image below.

877 | P a g e
Create a Shopping Coupon Design in Adobe Illustrator
Good afternoon friends, today I will create a Shopping Coupon Design in Adobe Illustrator, yesterday we discussed how to
create a coupon template and now I will create a coupon design. So, to make a coupon, of course, we have to have the
ingredients, here the material I use is shoes.

Well, the shoes here I use for the material but here it's optional, yes, if you want to use shoe products, please or want other
products, please, oh yes, here too, if you have to match the theme you created, since here I am just an example, so I use shoes.
okay, first prepare the framework that you have made.

after that make a discount that you will show on the coupon that you will make, here I use the type tool.

878 | P a g e
do also for the description below.

if you have, you enter a photo of a shoe that has become a png or there is no background after that you position the image on
the frame that you made.

if you have tried to color the framework that you have made, yes, the color is free, just like you like.

879 | P a g e
then you make a title what you will discount, for example here Nike shoes and so on. oh yes here you provide complete
information yes. because I'm just an example, so I'll give you some information.

don't forget the effective date or the date, here I made the design using a box.

then in it there is information on the month and year date.

880 | P a g e
if you have, don't forget if you hold an event like this, also write down the terms and conditions so that the terms and
conditions you make can be known by the recipient of the coupon.

then here there is a barcode here, it's optional, yes, to make it.

then the result will be like the image below.

881 | P a g e
Tips and Tricks How to Print Coupons on A3 paper in Adobe
Illustrator
good morning friends, does anyone want to print a coupon or not? Wow, this article is still related to yesterday's article about
making a coupon design, now how to go to the printing stage? Now to go to the printing stage, here you have to prepare the
coupon design file, if you have combined it later, it will become a lot of coupons. Well, here I share to lay out the coupons so
that they are ready to print, usually when you come to the printing shop, you print directly without editing again. hehe that's
pretty much the explanation.
okay, let's just go straight to practice, here the printer usually uses A3 paper to print the design.

then you position the coupon that you made in the upper left corner, then you duplicate it to the side. here I use A3 with
landscape mode, yes.

if so then you just set it down.

here the duplicated coupon is made until it is full, so it covers the A3 paper.

882 | P a g e
then here we will make the cut line perkuponnya using the line or line tool. make a line to the bottom end with white, friends.

then you make it a dotted line the settings are in the properties section.

883 | P a g e
after that you just duplicate it beside the perkupon column row, yes.

then the result will be like the image below.

884 | P a g e
885 | P a g e
Create Paper Shadows on Text in Adobe Illustrator
Good morning… today's tutorial is about Creating a Paper Shadow on Text in Adobe Illustrator, previously , does anyone
know what a paper shadow looks like? if you don't know, look at the caver blog, ok? so to make a paper shadow, you have to
make a shadow and then set the layer which is above and which one is below.
Before making it, you can create a canvas first in Adobe Illustrator by clicking File > New Document and selecting A4 size.
if you have already created the text using the T ype Tool.

After that, create the text that you want to make, here as an example of the text, namely the 2019 number, hehe, the story is that
the new year is coming soon :D.

if you have made the text, please click the text and click the Object menu and select expand, this function is useful for
adjusting each letter and creating a paper shadow on the text in Adobe Illustrator.

Expand this bertujugan to make the text into a form / shape that can be edited point of its path. Now, this method is useful
when you want to separate text into several letters, so you don't get each sentence together.
well, but there is a minus too, here you can't change the font type because it's already using expand so you can't change the
font type.
then each text can be set as below, the text uses a stroke size of 13 and aligns the stoke using a stroke to Outside, now for the
color itself, you are free to adjust it with your own creativity.

886 | P a g e
if you have set the stroke, you can adjust the drop shadow, the way to add a drop shadow is to click the effect menu, select
stylize and select drop shadow, for the settings, just adjust it to your own needs such as opacity, x and y position, blur and
color. oh yes, don't forget to click preview to see the results.

oh yes, here, don't forget to adjust the position of each letter, try to make each letter stack / stack on the other letters.
then the result will be like in the image below.

887 | P a g e
Creating a Paper Fold Effect on City Shapes in Illustrator
Hello Dumet School friends, let's study together again this morning in the article that I share today where this morning I want
to Create a Paper Fold Effect on City Shapes in Illustrator. Before that, did you know what paper folds are? Yes, if you
have paper and you fold it, what will happen? there must be a folding effect and the shadow of the light reflected on the paper
we fold. Now that's what will be made today in Adobe Illustrator software, we can create effects like that too.
Now this article also aims to increase creativity to make posters, flyers, banners or other media that can be used depending on
our needs.
okay, let's just start learning how, before learning make sure you have created an A4 size canvas, yes, by clicking the File
menu, selecting new document and selecting A4 size.
the first thing to do is to create a box using the Rectangle Tool.

then make the city, free how big you want it and what color.

if it has been made the next step is to make an intersection, this cut aims to create the effect of the paper fold. How to make it is
by using the Line Segment Tool.

so the line must be like in the picture below, yes, here the line must deviate / intersect with the box that was made at the
beginning, this method aims to cut the box, yes.

888 | P a g e
then select all the shapes like cities and select lines simultaneously, then click the window menu and look for
pathfinder, then use Divide to cut the box.

when we have divided the city, the next step is to ungroup the shape that has been cut using Divide then right click and
select ungroup.

so ungroup aims to separate the intersection of the city which can later be rotated and changed its color. The way to rotate is to
use the Selection Tool and align the cursor mos on each corner of the object to be rotated.

if you have changed the position of the rotation, then the position should be like in the picture below and don't forget to change
the color using a gradient, to bring up the gradient click the window menu and select gradient.

889 | P a g e
set the gradient as in the image below, first select the fill color, second set the color, third set the rotation and fourth, set the
gradient type.

if you have set the gradient color as shown below, then the next step is to give a drop shadow. How to give a drop shadow is
to click the Effect menu then select stylize and select drop shadow, set the drop shadow as you want for the position of the
shadow.

then the result will be like the image below.

890 | P a g e
891 | P a g e
Make a Christmas Tree Like Pencil Scribbles in Adobe
Illustrator
Good afternoon everyone, duh, there must be a lot of school holidays, huh…. So, instead of being unemployed and not
learning, let's study together, let's make a Christmas Tree Like Pencil Scribbles in Adobe Illustrator, today's theme is
Christmas, it's almost Christmas because hehehe. Well, Christmas is definitely synonymous with a Christmas tree, of course,
here you are asking questions like how to make a Christmas tree in Adobe Illustrator? Well, the way is easy, my friend, usually
the Christmas tree is in the shape of a cone and then there is a tree trunk under it. Now with keywords like that, we can be sure
that the tools we use are the Rectangle Tool and the Polygon Tool.
How to Make a Christmas Tree Like Pencil Scribbles in Adobe Illustrator, let's follow the tutorial below.
The first step is to prepare the canvas as usual. click the file menu and select new document select a4 size.
if it has been made in A4 size then the next step is to make a triangle using the Polygon Tool.

first click once which will display the polygon settings, In this polygon setting select sides and give a value of 3, this value
3 will create a triangle shape on the polygon tool.

if you click OK, then a triangle shape will appear.

892 | P a g e
after making a triangle shape , then make a shape again with a rectangular shape , how to make a rectangle is to use
the Rectangle Tool.

and make a Rectangle on the canvas.

if you have stacked the shape of a rectangle with a triangle then click window and select pathfinder. In the Patfinder
settings select Unite, this Unite function is to unite the Rectangle shape with the Triangle shape.

893 | P a g e
if it has been put together then all you have to do is create a pencil scribble effect, how to make a pencil scribble is to click the
effect menu, select stylize and select scribble.

then the scribble setting will appear , this function is what can make a Christmas tree like a pencil scribble in adobe
Illustrator.
for the settings, please follow the settings as in the picture below or if you want different settings, it's not a problem to adjust to
your own creativity.

If so, the result will be as shown in the image below.

894 | P a g e
895 | P a g e
Create Vector Image Firework in Adobe Illustrator
the new year will soon be here heheh, have you thought about the poster to be made? well in today's article is Creating Vector
Image Firework in Adobe Illustrator. We're not making posters, are we still making Firework elements , what's the
way? Well, it's very easy, friends, by using the line tool and adjusting the stroke, we can make Fireworks or fireworks yes
friends heheh, the cool language is Firework wkwkwk. Now if we make it in Adobe Illustrator then the image that we have
created will become a vector and later if it is a vector it will not break when we increase the size or reduce it. For the
manufacture itself we have to use rotation as well so that the effect of the sparks when the fireworks explode or bloom above
then we need to use rotation.
so how to make it? let's follow Creating Vector Image Firework in Adobe Illustrator.
the first step is to first create a canvas with A4 size, how to click the File menu, select new document, just adjust it for the
size of the canvas to be created.
if you have clicked the Line Segment Tool, this tool serves to create lines in Adobe Illustrator.

if you have tried to make a line on the canvas, for color, please choose any color, friends.

if you've tried clicking the Rotate Tool, now this tool serves to rotate the object that we created earlier, yes, in this way we
can rotate the shape very neatly and later we will determine it based on a 10 degree slope.

896 | P a g e
if you have tried the center point of rotation pointing down the line, you can see that the rotation point does not touch the line,
which means that point is the rotation axis of the Rotate Tool.

if you have tried to point the cursor to the axis point earlier then press ALT on the keyboard, and later the Rotate
setting will appear here, set the Angle of the rotation, you can determine how many degrees of slope the rotation will be made
here, I use 10 degrees. Oh yes, don't forget to click preview to see the results and click Copy.

if so, try pressing on the keyboard CTRL + D, here CTRL + D is the sourtcut to copy the rotation step that we made earlier so
it will look like in the image below.

897 | P a g e
if you have tried each line is set for its stroke style using a width profile 4

then you click set stroke settings here.

This setting is different from each line that we give the dashed line , for the first setting as shown in the image below.

898 | P a g e
for the second setting, just separate the dashed line .

and this is the third.

899 | P a g e
oh yes, it is necessary to remember that for setting the dashed line, the line must be selected, yes, each line is different in
different settings.
then the result will be like in the image below.

900 | P a g e
Creating Cookies Patterns in Adobe Illustrator
Cookies are usually always there on every big day that is celebrated by all humans. Whether it's Eid, Christmas, and many
more. Well, but what if you want to make cookie patterns in Adobe Illustrator to make poster designs, greeting cards, and so
on. Because in adobe illustrator we can do anything as long as our imagination is always there to make something unique and
interesting.
Here I will make this cookie pattern easily and quickly, friends.
First make a round shape using the ellipse tool.

Then use the rounded rectangle tool to create the next shape.

Then create the next shape using the pen tool. For the shape please look at the picture as below.

901 | P a g e
Friends, it's enough to just make one, then right click on the image then transform > reflect. Until the result will be like this.

Then arrange and place the shapes that have been made earlier to become a shape like this.

Usually cookies are identical to brown, so here I will change the color to brown. But if you want to use other colors, please.

902 | P a g e
Then copy > paste until it becomes two parts. For the shape that has been copied here I don't use a fill color, only use a green
stroke color, then I activate the dash, so that the line looks like a dotted line.

To make it look funnier, I'm going to make the eyes by creating them using the ellipse tool. For the fill, I use black.

903 | P a g e
Then next I will make the lips using the brush tool. But if you find it difficult, you can also use the pen tool, for the color I use
black.

To make the balls on his face I still use the ellipse tool, well, and I use a pink color for the fill color.

904 | P a g e
And for the buttons on the body, I still use the ellipse tool, to make it fill, I use red to make it look a little more lit.

And the last step I want to make like a tie using the brush tool, I make it wavy like a wave and use white color. Tara and the
result will be like this huh.

905 | P a g e
906 | P a g e
How to Create a Coffee Glass Vector Image in Adobe Illustrator
Good afternoon everyone, let's learn together today to make How to Create a Coffee Glass Vector Image in Adobe
Illustrator. For our manufacture from a blank sheet, using the tools in Adobe Illustrator, we can use these tools so that we can
make what we want we can apply according to our tools and inspiration. Oh yes, here to make the inspiration, you can imagine
what the shape of the object is, then you use the basic tools and later it will be edited in such a way, now the example we will
make a coffee cup image is like in the image below.

The very first thing to make a picture of a coffee cup is to make a plate under the glass using the rectangle tool , friends.

make a rectangle on your artboard.

after that use the direct selection tool, this tool is used to select the path, now choose the path from the bottom left corner and
the bottom right corner. then you select the transform tool.

907 | P a g e
then select Perspective Distort to make the angle smaller.

for example as in the picture below.

if you have tried using the direct selection tool again, select the bottom path and then choose the corner point settings so that
you can change the corner to be rounded or curved.

after that make a rounded rectangle tool then do the same as above to use transform and select perspective distort

make it like the picture below.

908 | P a g e
if it is made as shown in the picture, just make a glass handle using the rounded rectangle tool .

make the handle like in the image below.

after that make the smoke effect for the hot coffee, how to use the pen tool.

make a curved line like in the image below.

909 | P a g e
if so, try selecting the type of border style as shown in the image below, the settings are in the properties section.

then the result will be like in the image below.

910 | P a g e
How to Create a Coffee Poster in Adobe Illustrator
Well friends, yesterday we made a coffee vector image and now we are going to make a coffee poster with the materials we
made yesterday, if you haven't seen the tutorial yesterday, you can access it at this link. if you have made it, let's try to practice
directly How to Make a Coffee Poster in Adobe Illustrator. Now, you can make this poster in Adobe Illustrator using an
image. Yesterday, all you had to do was create text such as an invitation or information on the poster.
First, open the raw vector image that we made, after that select all the images of the coffee shape.

if you click the edit menu and select Expand Appearance, this command is used to change the path line that has a stroke and
turn it into a shape. why should it be expanded? So, this way, when the object has been expanded, the image that has been
created can be combined or enlarged or reduced without changing the size of the stroke shape.

then type the information on the poster, try to use a good font or one that is suitable for your design… if your design is about
sweet foods such as sponge cake, cake, etc., you can use handwritten fonts or often called conjunctive letters.

if you have made the information then just make the background. Now, we can give the background a gradient color, yes, here
the gradient color is what you like, what color do you want and to make the background you can use a rectangle first, then set
the gradient color.

911 | P a g e
then the result of the poster we made will be like the picture below.

912 | P a g e
How to Remove Logo Background Color in Adobe Illustrator
Good evening friends, today I will share how to remove the logo background color in Adobe Illustrator . Well actually
removing the background color in the logo should be in adobe photoshop but today we will use adobe illustrator to remove the
background color in the logo. Now if we use Adobe Illustrator then we can only remove one background color, if we want to
remove the white background, white and green, green, if the case for the logo is a gradient background, then we cannot use
Adobe Illustrator to delete it. The background on the logo is because we use Adobe Illustrator.
okay, let's just practice how to remove the logo background color in Adobe Illustrator, first provide the logo that you will
remove the background color from.

then enter the logo into adobe illustrator in the usual way.

then click the logo image and look in the properties section there are Image Trace settings.
if you have tried it, select the high fidelity photo setting if you want to trace the image according to the logo.

913 | P a g e
then wait until the image trace is complete, if it is finished select expand to separate the colors on the logo.

after that select the selection tool to select or select all logo objects.

here you try to select the pathfinder to cut the logo.

choose divide to cut the object, friends. because if we use a high fidelity photo, there are usually objects that have not been
cut. Well, the way to cut it is by dividing it….
if you have selected the magic wand tool to choose only one type of color.

here choose the logo background color, because the logo background color that we will delete.

then when you have chosen the white color or the white color has been selected, then you just press the delete button and the
background will be deleted.

914 | P a g e
915 | P a g e
How to Create an Arabic Pattern in Adobe Illustrator
Patterns exist in nature as well as in designed objects, it is useful to see parallels. A Harvard biologist named Peter S. Stevens
has published a book called “Patterns in Nature” in which he claims that there are only a limited number of ways patterns can
be composed. He started with the idea of a grid as the foundation for any structure or image. He presents a series of ways in
which grid points can be connected. These modes of connection become classes of patterns, according to which they can be
seen in any situation, in nature and in the created image, and from microscopic to cosmic scales.
Prepare to create a new document.
The first step is to set up a new document in Adobe Illustrator (File > New) with an artboard size of 500 px x 500 px, color
mode RGB, and a resolution of 72.
Okay, right here I will make a box measuring 50 px x 50 px.

Then copy> paste then rotate so that it will produce a shape like this.

Select both then choose pathfinder > unite.

916 | P a g e
Until the result will be like this.

Then copy > paste for the small part that is inside.

If you have finished copy > paste it into four parts as shown below.

917 | P a g e
Then for the top, bottom, right, and left use the pentool to close the open area.

And the last step that must be done is to give color to the pattern so that the pattern looks much more attractive. So the result
will be like this.

918 | P a g e
919 | P a g e
How to Blend Text in Adobe Illustrator
Good afternoon everyone, today I will share a tutorial on How to Blend Text in Adobe Illustrator, now the effect we made
ourselves was in the form of a shadow, so the shadow we made was not like a drop shadow but with the blend tool in Adobe
Illustrator. So the way this tool works is to copy all the text into a lot until it becomes a shadow. yes, if we separate it later there
will be a lot of text that will be made by blend. Now how to make it is very easy, friends, just select the two texts and then we
give the blend tool it will form a shadow. And don't forget that blend itself has its own settings, you can open the settings in the
object menu, select blend and then the settings are in the blend options. Well, there will be 3 types of blends, friends, hehe.
okay how about we just practice it, first we make the text first by using the type tool, friends.

the next step you duplicate until the text becomes 3, one text just love a different color, friends here I use white. Yes, if you
want to use a different color, that's okay, friend.

then you select both texts of the same color, you select them using the selection tool and then you click the blend tool.

try to click from one text to another, then the result will be like the image below.

to adjust the blend, don't forget to click on the object then select blend > blend options to adjust the blend that we made.

920 | P a g e
then a window will appear as shown below.

So, just set it what you want, friends, then the result will be like the picture below.

921 | P a g e
Create a Long Shadow Facebook Logo in Adobe Illustrator
Good morning friends, today I will share a tutorial about Creating a Long Shadow Facebook Logo in Adobe Illustrator, well
before that we have already created a shadow in Adobe Illustrator with blend, this time we are still using blend but what we
blend is the Facebook logo. Well, we also make the logo ourselves, friends, using text instead of trace heheh. you need to know
that Facebook's letter F logo uses the bold Klavika font, friends, so if you want to have the Klavika bold font, you have to
download it first on the internet.
So how do we make it right away, first let's make hufu F with the bold klavika font, my friend.

after that you right click select create outlines to change the font into shape.

if you have tried to duplicate the letter f into 3 parts, friends, you choose two parts to be used as shadows.

922 | P a g e
then select the blend tool to create the shadow effect.

then it will be formed like this, yes, the settings are in the object select blend and look for blend options to set blend
options. well, you can make the settings the same as what I made below.

if you just click ok, friends, oh yeah, don't forget, you change the color after the logo that has been shadowed becomes gray.
well, then you just have to make it rounded, friends, make it with the rounded tool too. change the color to dark blue, just
adjust it to the facebook color.

923 | P a g e
after that you just arrange the rounded shape below, the logo shadow, and the color of the logo.
here the color of the logo is white, my friend.
mka the result will be like the image below.

924 | P a g e
Giving Gradient Colors To Objects That Have Been Made Into
A Blend In Illustrator
Good evening everyone, today I will share a tutorial about Giving Gradient Colors to Blended Objects in Illustrator. yesterday
we learned how to make shadows with the blend tool in adobe illustrator and today what if the shadow has a different color like
a gradient color. So, do you know what gradient color is? Yes, it's true that gradient colors are colors that combine one color
with another. well here we will combine 2 colors, friends, and later our long shadow will be given a gradient color heheh. as
we discussed earlier that long shadows are made using the blend tool, friends. so we've made it before, it's just the colors that
we haven't changed, hehe.
ok just start how? Well, because here, I'm afraid that someone doesn't know how to make a long shadow, let's make it from
scratch again.
first create the text with the type tool and give it blue.

then you duplicate the text.

after you duplicate it, change the color to orange, here you duplicate again the orange color into two, huh…. so here we have 3
text 1 blue and 2 orange.
after that you select 2 texts, blue and orange.

if so, use blend mode to create a long shadow, friends.

925 | P a g e
after that click the blue text and also click the orange text
then the result will be like the image below.

926 | P a g e
Setting up Text Tracking in Adobe Illustrator
good afternoon, back again with me, dwi prasetyo, who will share a tutorial on Setting Text Tracking in Adobe Illustrator,
before that do you know what tracking is? Yup, it's true that those who like to travel can walk around while on vacation,
wow. That's called traveling, my friend, haha… while this is text tracking, what the heck isn't really connecting? Yup, instead
of being small, friends, what is text tracking? now this is a setting to change the distance between letters, if you make text there
must be a lot of letters, not necessarily sentences, words, paragraphs, now we can set all of that in tracking so that we can
adjust the letters, yes actually if it is not set it's also not a problem but sometimes we also need tracking settings heheh. okay,
let's just set the tracking text in adobe illustrator.
the first step is to make the text, friends, here I only make one word.

then you make one word on the artborad.

if you have tried to block the text first.

then you click the window menu, look for type and select character, where this character is to set the text that we are blocking,
friends.

If so, the settings will appear as shown in the image below.

927 | P a g e
here you just have to look for the setting the tracking setting, the icon is in the form of the letters V and A with left and right
arrows.
did you meet a friend? if you try to set the tracking then the result will be like the picture below.

928 | P a g e
Clipping Mask with Multiple Text Layers in Adobe Illustrator
Clipping Mask with Multiple Text Layers in Adobe Illustrator, did you know that a clipping mask is a way to insert an object
into another object, for example, when we have text and we want to replace the text or in it there is a photo image, what do we
do? is a clipping mask. Well, it's quite unique, why is clipping mask in adobe illustrator enough for? because it's not as easy as
making a clipping mask in adobe photoshop. Okay, later here we will create a Clipping Mask with Many Text Layers in Adobe
Illustrator, in the sense that here, for example, you want to insert a photo into 3 different texts, yes, friends, you have to follow
step by step as I did below.
the first step we make terleibh first the text yes by using the type tool.

Next, we create 3 types of text, friends, you can see on my layer that I made the text in different layers, so it's not directly in
one layer at once.

Well, to unite the three of them, you have to select all of them first and then right click and select create outlines.

if we have tried to click the object menu, look for the compound path and select make.

This method serves to unite each text that we just created, friends, so that it becomes one, and you need to know that if you
have created an outline, the text cannot be re-edited.
if you have tried to insert the photo into adobe illustrator then you right click select arrange and look for send to back, here so
that the photo is behind the text that we have outlined.

929 | P a g e
then select all text and photos then right click select make clipping mask.

then the result will be like the image below.

930 | P a g e
Tips and Tricks Using the Rotate Tool in Adobe Illustrator
Good afternoon friends, today we will learn Tips for Using the Rotate Tool in Adobe Illustrator, here it's not just to use it but
there is a trick too, I wonder what the trick is? what is rotation, my friend? if you use rotation what is rotated? must be an
object right? So, to rotate it, we use the rotate tool and the trick is when we use the rotate tool, we can copy a rotate and later it
will form a design that we don't know about. here you can make various shapes as long as you have creativity and you need to
remember that this rotate is not always used but you have to know these tips and tricks are okay if there is a similar case we can
immediately do it quickly, the name is also the design definitely needs imagination continously,
The first step we make first is free to want any object, but here I make a rectangle tool.

after that you try to find the rotate tool, friends or you can also press the letter R on your keyboard.

and how to use it, try pressing alt and then you give a reference point where it can be used as the axis or center of its
rotation. And later a rotate settings window will appear.

here you set the angle, and don't forget if you want to know the position of your rotation check the preview. if you have tried it
click copy yes.

931 | P a g e
then the rectangle will be copied and rotated as you set earlier.

after that you can press CTRL + D, then the result will be like the image below.

932 | P a g e
Create a Black and White Mask in Adobe Illustrator
Good morning Dumet school friends, how are you this morning? Have you eaten? eh wrong to ask mean have you studied
yet? if not, let's learn together again on the dumet school website, oh yes, today we will learn how to make a black and white
mask in Adobe Illustrator. Wow, how do you do it, can you do it? Yes, of course, friends, you can definitely do this. In this
way, we can adjust the masking, such as the gradient color and its effect on the object. Setting it up is very easy, you don't need
to bother and take a lot of steps.
let's just start the process of making a black and white mask in illustrator, first prepare the photo to be edited.

then we enter the photo into the adobe illustrator software.

after that go to transparency settings click make mask.

933 | P a g e
if the clip is unchecked and the invert mask is checked, yes, as shown below.

and make sure that the mask selected here is not the object of the photo.

after that you can make a city with the rectangle tool, make a box like the size of the photo.

if you have tried to set the color of the city with a black and white gradient color.

934 | P a g e
you can adjust the gradient color as you like, whether from the style, color combination or the position of the gradient.

and taraaa, then the result will be like the picture below, friends.

935 | P a g e
Create an Animal Calendar in Adobe Illustrator
Vectors are created using a vector illustration software program, such as Adobe Illustrator or Corel Draw. These programs use
mathematical equations and geometric primitives (points, lines, and shapes) to create clean, camera-ready, and infinitely
scalable art, with no loss of quality or fidelity.
Scalability is one of the main reasons Vector art files are so valuable for printers. The same art file can be used to reproduce
your design on something as small as a business card, or something as large as a billboard, without losing quality.
The first thing to make is a round shape using the ellipse tool.

Then change the round shape by using the direct selection tool.

Then here I will create the ears, using the ellipse tool. Then put it behind the body.

936 | P a g e
Then here I will make the nose, still using the ellipse tool, friends, I use a light pink fill and a dark pink stroke.

Then I made the upper part of the nose, each using the ellipse tool, but I adjusted the shape again using the direct selection tool.

937 | P a g e
Then for the part of the nose I used the brush tool. Just make one and then we can copy and then reflect so that the size and
shape are the same.

And next I will make the eyes, still the same still using the ellipse tool.

938 | P a g e
Then for the mustache on my cheeks using a brush, just make one and then copy it into several parts and then arrange it so that
it becomes a mustache shape.

Then I will make a pocket on the stomach like a kangaroo, but this bag is to put the date numbers. I made it using the rounded
rectangle tool, then I rearranged the shape using the direct selection tool, then I lowered the opacity to 50%.

939 | P a g e
Then in the pocket of his stomach I gave the date. For free font types, you can adjust according to your tastes, if you want the
same, here I use myriad pro.

For the animal part, it's finished, here I want to give accessories for this animal, namely a hat. Still the same as before here we
are still using the ellipse tool.

Now for the top of the hat here I use the rounded rectangle tool, but I finish the radius so that it looks like a circle, then I use
the pentool at the bottom and then I divide the two using pathfinder, then ungroup and delete the bottom part.

940 | P a g e
To make like a ribbon, I use the pentool.

Now to make this flower, I use the start tool, then I give the effect by means of, effect > distort & transform > pucker &
bloat. So the result will be like this.

Tara and the result will be like this.

941 | P a g e
942 | P a g e
Making Instagram Feeds More Interesting in Illustrator
The Instagram algorithm was introduced to help bring out the best and most relevant content for each user every time they
check their feed. Until now, the inner workings of the feed had been kept secret, but recently Instagram shared the top six
ranking factors publicly for the first time.
In this post, we will break down the Instagram feed for you. One of the factors that affect the ranking of your content is your
Instagram feed, if your Instagram feed is messy, people are too lazy to look at your Instagram. Therefore, make it as attractive
as possible, either by playing with colors, adjusting the color or tone of the image to make it look the same or in a way that is
designed in such a way that people are interested in seeing your Instagram feed and want to follow or imitate the feed you have
created. All according to the tastes and wishes of the respective Instagram owners.
So that's why Instagram is no stranger to us, this made me interested in creating an Instagram feed in Adobe Illustrator. No
need to be afraid, here I will make in a simple but interesting way.
Prepare photos that will be designed, to make it look more attractive.

First, usually the Instagram feed is 500 px x 500 px.

943 | P a g e
After that I made a box using the rectangle tool, the size of which is 400 px x 400 px.

Then select the photo and shape that was created earlier, then apply a clipping mask.

Then make a round shape using the ellipse tool, give it a black color and place it on the bottom left.

944 | P a g e
Then give the text on the round shape earlier, for the pretty girl text it uses the Bethanie font type, while the text here I use the
cavira dreams font type. For the top I give 3 rounded rectangles arranged in a row, then I tilt.

And lastly so that it's not too plain I copy > paste the ellipse shape earlier, and I use a white stroke and then I use a 12 pt
dash. Until the end result will be like this.

945 | P a g e
946 | P a g e
Create a Greeting Card in Adobe Illustrator
Adobe Illustrator is a software application for creating images, illustrations, and artwork using a Windows or MacOS
computer. Illustrator was originally released in 1987 and continues to be updated regularly, and is now included as part of the
Adobe Creative Cloud. Illustrator is widely used by graphic designers, web designers, visual artists, and professional
illustrators around the world to create high-quality works of art. Illustrator includes many powerful drawing tools that can
reduce the time it takes to create illustrations.

In Adobe Illustrator, you can also create greeting card designs, if you are bored with greeting card designs that are just like
that, you can design your own greeting cards in Adobe Illustrator according to your wishes and desires.
First here, make the background first, I use a light pink background.

After that I made a rectangle like the picture below using the rectangle tool.

Then I made another box for the top, this box is cream colored.

947 | P a g e
Here I will make a flower, using the start tool, then click the effect menu > distort & transform > pucker & bloat.

Then arrange it into one neat line as shown below.

Then select the flower and square then we will use pathfinder > divide, and the result will be like this.

948 | P a g e
I will give a drop shadow, click menu effect> stylize> drop shadow.

Until the drop shadow will be like this in the picture that was made earlier.

949 | P a g e
Then make a straight line by giving the dash stroke 12 pt.

At the top I gave the text happy wedding using the Amarillo font.

950 | P a g e
Then to make this love, you can make it using the ellipse tool and then set the anchor.

For the name I use the president font type.

951 | P a g e
And for the writing below I use the caviar font type.

952 | P a g e
Creating Unique Labels in Illustrator
Product labels describe a product and help it to stand out from competitors. There are no rules to follow when creating product
labels and you have many options in layout, size, shape, color, and more. However, following certain guidelines can definitely
lead to well-designed product labels and, ultimately, more sales.

Times are getting more modern, label designs are getting more and more shapes and models that we often encounter, label
design is one of the important icons to attract customers. Well, here I was inspired to make flower labels, for women it would
be fun.
First here I will create a circle, which is created using the shape tool.

Now, I want to give this circle a dash effect, by clicking the stroke menu, then checking the dashed line.

Until the result will be like this.

953 | P a g e
Then here I make a star using the start tool.

Then I want to change this star shape into something new by clicking the effect menu > distort & transform > pucker & bloat.

Until the result changed from what was previously a star shape to a flower shape.

954 | P a g e
Then give an ellipse shape in the middle, so that it forms the pistil of the punga.

Next is the same, I will make flowers again, but this time not from the start tool, but using the ellipse tool.

955 | P a g e
To change it still click menu effect> distort & transfrom> pucker & bloat, until the result will be like this. What was produced
by the ellipse earlier only produced four petals, but we copy and rotate so that the result will be like the picture on the right.

Then we set the flower that was made earlier in a position like this.

In order to refine the label, I'm going to add another ellipse here, but the ellipse is smaller than the first, and I'm not using dash
at all.

956 | P a g e
Then in the middle you can give text, or whatever according to your needs.

957 | P a g e
Creating a Modern Coupon in Illustrator
One of the most important features of Adobe Illustrator is that the quality of the artwork created using Illustrator is independent
of the resolution displayed. This means that images created in Illustrator can be enlarged or reduced without compromising
image quality. This is an attribute of vector artwork, which uses mathematical relationships in depicting lines, arcs, and other
parts of Illustrator. In comparison, photos edited using tools like Adobe Photoshop are resolution dependent, and image quality
degrades when the image is enlarged. A vector graphic is a set of polygons that make up an image, which in turn consists of
vectors.
Each vector passes through a location known as a node or control point, which has a specified location on the x and y axes on
the plane. These nodes define vector paths, which have various attributes such as color, curve, fill, shape, and thickness. The
positions of the vectors can be related to each other by a mathematical formula, which precisely recalculates their position
when an image is resized.
This property of vector graphics is different when compared to imaging software such as Photoshop, which uses a grid of
pixels to render the image. When this type of image is scaled up sufficiently, the individual pixels that comprise the bit map
become visible. This phenomenon results in a loss of image quality known as pixilation, which makes Illustrator particularly
advantageous for creating large images such as billboard signs.
Now because of the development of technology, everything is modern and sophisticated, including the design midwife. Here I
will create a modern coupon design that is more attractive than the previous design.
First here I make a size of 300 px x 200 px. Here I use the rectangle tool to make the background blue.

Then I use the rounded rectangle tool, and use white color.

Now the rounded that I made earlier I will change its shape by clicking the effect menu > distort & transform > pucker & bloat.

958 | P a g e
Then set here to create a new shape, if you have found a new shape please click Ok.

So the result will be like this.

Then now is the time to provide text.

959 | P a g e
Then so that it doesn't look monotonous under the coupon writing, I give it a rectangle with the fill color I press it and then the
stroke is gray.

Below that continue again with text.

960 | P a g e
Then so that it doesn't look empty, give it a background of small shapes, or it can be something else that can be adjusted
according to your friends' wishes.

961 | P a g e
How to Create a Colored Logo in Illustrator
At a very basic level, a logo is a symbol consisting of text and images that help us identify the brands we like. But they can be
so much more! A good logo is the cornerstone of your brand. It helps customers understand what you do, who you are and
what you value. That's a lot of responsibility on a small picture! Let's see how to make the most of your logo.
Perhaps the most basic function of a logo is to give your business a unique mark that distinguishes you from other
businesses. This is especially important if your business has competition (which 99.9% of them do). Before you get a logo for
your business, you'll want to research what your competitors look like so you can position yourself. See how the Cactus Dental
logo set itself apart from the sea of cliched dental logos in the dental industry by taking features unique to their geography and
turning them into toothbrushes.
Of course, you don't want to be so unusual that potential customers don't understand your brand or logo. So, here I want to
make an easy logo design.
First, friends make the artboard first. This size is 500 px x 500 px.

Here we will create a shape using the rounded rectangle tool, then rotate it until the shape becomes like this. For the first form
here I give it a white color.

962 | P a g e
Copy > Paste from the previously created shape, then rotate it the reverse of the previous image. For this second shape, use a
gradient color, namely pink and white.

Still the same copy of the previous shape, rotate it again but lower its opacity to 70%.

Then copy again, friends, but if from the previous shapes only use fill colors, this last shape only uses stroke colors, the color is
pink and white gradient, friends, just like the others.

963 | P a g e
Then give text in the middle of the shape that was made earlier, type black pink and use white color.

To make it look more interesting, I will give it a drop shadow. By clicking the effect menu > stylize > drop shadow.

964 | P a g e
Until the result will be like this.

965 | P a g e
Inserting Photos of Two or More Squares in Illustrator
Good afternoon Dumet school friends, today I will give you material about Inserting Photos from Two or More Squares in
Illustrator. So what command do we usually use to insert a photo into the object? Yup, that's right, the clipping mask. Now to
make a clipping mask, it's easy, friends, all you have to do is position the object with the photo that will be clipped to the
clipping mask in a stacked position then select all the objects and right click select make clipping mask now that's how to make
a clipping mask but you have to know that not all objects can enter into the clipping mask if there are two or more boxes, we
cannot enter it in the same way as before, it takes another process to insert the clipping mask if there are many shapes. So, in
this article, we will learn to include it, my friend.
let's practice, first I didn't make a lot of shapes, here I just made two box shapes.

after that you select everything, then you right click select compound path.

then the result will be like the image below.

The compound path function is used to combine two or more objects into one friend.

966 | P a g e
after that enter the photo that you will enter into the two boxes.
select all photos with the shapes that you have combined using a compound path.

then you right click select make clipping mask, and later the result of the photo that we will make the mask will go into the box
that we have compound path.

967 | P a g e
SIMPLE LOGO DESIGN
WITH ADOBE
ILLUSTRATOR

Logo Illustrator Design

Assalammualaikum, how are you friends, I hope everyone is healthy,

amen, this time I will share a tutorial on how to create an Illustrator Design
logo using Adobe Illustrator CS 5.

For the specifications of the laptop I use, I use 2 GB of RAM and an

Intel Celeron Processor.

Okay, don't be at length, let's go straight to the scene !!!!....

1. The first thing you have to do is open the Adobe Illustrator software,
depending on what version you are using. For this tutorial I'm using Adobe

968 | P a g e
 Illustrator CS5. Okay, after opening, we create a new file and change the
size to A4 and the orientation to Landcape. After the worksheet appears
then create the letter D using the Type Tool with the Segoe UI font, Bold,
and with a size of 500 pt.

2. Then make a rectangle and make it vertically using the Rectangle Tool, then
point right at the end of the vertical line on the letter "D" as shown below,
then change the letter "D" into an object image by clicking the letter "D"
then right click and click create outline .

969 | P a g e
3. Then we will remove the rectangular part using the pathfinder, by clicking
Window and then clicking Pathfinder, then selecting the letter "D" object
with the rectangle object, then selecting Minus Front in Pathfinder. As a
result, the rectangle will disappear.

970 | P a g e
 Pathfinder results

4. The fourth step you make a circle to make a curve on the object earlier with
the Ellipse Tool with a size, Width 2.776 and Height 2.776.

5. The next step is to place the circle right at the end of the object, as shown
below, try to make the middle point of the circle right on the object line. To
make things easier, change the color of the two objects to no fill and the
outline to black with a size of 1 pt.

971 | P a g e
6. Then you change the color of the two objects to black, then select the two
objects, with the pathfinder we will make these two into one with the
pathfinder and select the Shape Modes Unite.

7. The next step is to make an arch at the end of the other letter D like the
method above and the results are as below

972 | P a g e
8. Then we will make an additional object so that it looks like the letter I, how
do we copy the object into 3

9. The next step is to leave one original object on the worksheet and place the
other two objects outside the worksheet, create one of the other colored
objects and arrange so that the leading object is placed under the back

973 | P a g e
 object. Then select both objects and with pathfinder select Shape Mode
Exclude.

10. If you have, there are many pieces of the object, then you click the
object and right-click ungroup then delete some objects and leave one
object as below.

974 | P a g e
11. Then place the object in the letter I, the first object, try to make the
second object match the first object, so that you can be sure that you can
change the color of the two objects to no fill and only use strokes.

12. The last step is finishing by changing the color of the first object with the
color code #9D4322 and the second object with the color code
#F27C25. Then you add Illustrator Design with Segoe UI font with size 48 pt
and color code #661800. Then so that the object and the text are aligned,
you select the two objects and right-click the group, then you select the
object that the group created earlier and the text, then you select Align
Panel and select Horizontal Align Panel.

975 | P a g e
976 | P a g e
CREATING A RIBBON
BANNER USING ADOBE
ILLUSTRATOR CS 5

peace be upon you

How are you friends, I hope you are always healthy, amen. Okay this time I
will share a tutorial on making a Ribbon Banner using Adobe Illustrator CS 5.
Okay, let's just go to the TKP !!!!

1. The first step, you create a rectangle using the rectangle tool, depending on
the size and color.

977 | P a g e
2. Then create another rectangle with a shorter length and the same width as
the first rectangle, change its color to be different from the first rectangle,
then move the second rectangle behind the first rectangle by clicking the
second rectangle and then clicking right select Arange then click Send To
Back.

978 | P a g e
3. Then create a triangle using the Pen Tool with a different color from the two
rectangle objects, then connect the corners of the two rectangles as shown
below.

4. The next step is to make a hollow in the second rectangle. You do this by
adding an anchor to the second rectangle using the Add Anchor Point Tool,
then using the Convert Anchor Point Tool click while holding down Shift and
drag it inward as shown below.

979 | P a g e
5. Change the color using the Gradient Tool change according to your taste,
my suggestion is to color the rectangle using the same color, however for
the triangle, use a darker color to create a shadow effect. Then create all
objects into groups by selecting all objects, then right -click and click
Group.

6. Then copy all the objects and reflect the results of the copy, by clicking on
the copy object and then right-clicking and selecting Transform, then
clicking Reflect. Then set the rectangular side 1 with the rectangular side 1
copy to unite and set it so that its position is parallel using Align, the way is
to select object 1 and object copy then click Align and then select Vertical
Align Center. Then the two objects were combined into one group, the
method is the same as in step 4.

980 | P a g e
7. Give the text in the object set the appropriate font and size.

8. Then create a wave effect by selecting the ribbon banner object with the
font object then clicking Object on the Menu Bar, then selecting Envelope
Distort then selecting Make With Warp, then setting the style in the Warp
Option according to your needs, using the Style Flag with the Warp Vertical

981 | P a g e
and Bend options. 26%, as well as for Distortion both Vertical and Horizontal
0%. To make it easier for you to manage Warp, don't forget to click Preview.

982 | P a g e
CREATING A WORM
DOODLE USING ADOBE
ILLUSTRATOR CS5

peace be upon you

How are you friends, I hope you are healthy and well, amen, this time I will
make a doodle in the form of a caterpillar, okay, let's go to the TKP !!!!...

1. For this first step we make the body of the caterpillar, using the Ellipse Tool
we make with the following conditions: for size width = 6 cm height = 6 cm,
then give color using the gradient tool with gradient slider 1 color = #45B649
Color and gradient slider 1 color = # 196433 with stroke thickness = 6 pt and
color = #39B54A then change angle to = -90 and location to = 60.

983 | P a g e
2. The next step is to copy the ellipse object and place it in another place, and
align it using align, that is, click the two ellipse objects and click align and
then click vertical align center.

3. Then we will make a body from a caterpillar using Blend, how we select the
two elliptical objects and click Object on the Menu Bar and select Blend and
click Blend Option, then the Blend Option tab will appear, then in the
spacing we select Specified Steps with the number of Blend 10 and
Orientation we select Align To Page, then click OK. Then we create the
Blend Object by clicking Object and then select blend and click make.

4. Then change the direction of the Blend object by clicking Object and select
Blend and click Reverse Spin.

984 | P a g e
5. The next step is to make the eyes using the Elipse Tool, first we create an
Elipse 1 object with the provisions of width = 2 cm height = 2 cm color =
#FFFFFF stroke color = #231F20 and stroke = 6 pt, then we create an Elipse
2 object with width = 1 cm height = 1 cm color = #231F20 and we create an
Ellipse 2 object with the provisions of width = 0.2 cm height = 0.2 cm color =
#FFFFFF then we adjust the direction of the eye, after that we make the eye
object a Group by selecting the three objects and then right click, then we
select group.

6. Then Copy the eye object and adjust the eye position as shown below.

7. Our last step is to create the mouth using the pen tool and give it color =
#FF0013 and stroke thickness = 4 pt with color = #231F20.

985 | P a g e
986 | P a g e
SIMPLE BUSINESS CARD
DESIGN USING ADOBE
ILLUSTRATOR CS 5

Illustrator Design Business Card Design

peace be upon you

How are you friends, I hope you are all healthy wal afiat
aamiin. Okay friends yesterday I made a tutorial to make a simple logo design
using Adobe Photoshop CS 5 this time I will make a tutorial that is still related
to the previous tutorial, okay this time I will share a tutorial to make a
business card design using Adobe Illustrator CS 5.

Okay, let's go straight to the scene !!!!!! ......

1. The first step as usual you have to open Adobe Illustrator that you have
whatever version you have installed. For this tutorial I use Adobe Illustrator
CS 5. Okay then you can create a new worksheet, then set the size of the
worksheet with Width = 9 and Height = 5 cm and click OK. If you can make

987 | P a g e
 a business card using the Rectangle Tool with Width = 9 cm and Height 5
cm, then set the rectangle object in your Adobe Illustrator worksheet.

2. Next, we can open the logo file that was previously created and copy the
logo object (the logo object only, the writing is not) to the business card
worksheet that we are creating. We made the logo to be a design on the
business card that we will make. Then shrink the logo and arrange the logo
like the picture below.

988 | P a g e
3. Then Copy the logo object into two objects

4. Next, call the object rectangle with size Width = 0.3296 cm Height = 1.355
cm, then place the object copy of the logo at the corner in the object. Then
you have to take part of the object based on the rectangle object using
Pathfinder by selecting the object copy of the logo and rectangle object and
then in the pathfinder select the shape modes intersect. If you can't find
your tool's pathfinder, the way is in Simple Logo Design Using Adobe
Illustrator CS 5 .

989 | P a g e
 The result is like the picture below.

5. Next, copy the rectangle object and place it as in the previous step.

990 | P a g e
6. Then by using Pathfinder we will remove the logo object based on the
rectangle object, the shape modes used are Minus Front. Then you right
click on the logo object and select ungroup.

7. Then move the curved part of the logo object to the corner of the business
card object. Next, select the rectangle object and drag and lengthen the

991 | P a g e
 rectangle object and place it in line with the logo object, connect the two
separate objects.

8. Next, make the three logo objects become one again using Pathfinder, you
select the three logo objects and then select Shape Modes Unite on
Pathfinder.

992 | P a g e
9. Then make the yellow at the end of the logo is back, because it is located
behind then we have to move it to the front by selecting the logo object and
business card and then right -click select Arange and click Send To Back.

10. Next we will change the color of the business card object by using
Gradient and then change the color of Gradient Slider 1 with color #424242
and the color of Gradient Slider 1 with color #121212 with Type Radial.

993 | P a g e
11. Furthermore, because the color of the logo object looks dark, we will
change the color to look bright, we change the color of the dark logo object
to color with color code = #F17C24 and we change the color of the logo
object which is a bit light to color with color code = #F3AF22.

12. The next step we create a circle Width = 1.5 cm and Height = 1.5 cm with
color code = #FFFFFF, then we copy the logo in the logo file that has been
created, and adjust the size with the object circle that we have created, so
that the object the logo is in the middle of the circle we can use align, how
we click the circle object and the small logo then click Align Horizontal
Align Center and click Vertical Align Center. Then we will create these two
objects in a group by clicking on the two objects and right -click on the two
objects and select Group. Then we set the position of the two objects.

994 | P a g e
13. Then we will add Name and identity on the business card, for this tutorial
I will write my name with Font Segoe UI type with Font Size 10 pt and color
code = #FEC262 then for the position of Font Segoe UI type with Font Size 10
pt and color code = #E3992A then for Segoe UI Font Mobile Number and
Email with Font Size 6.43 pt and color code = #FEC262. . Then adjust the
position of the font to align with the logo.

995 | P a g e
14. The last step we will create a demarcation line between the logo and the
font by using the Rectangle tool and with color code = #FF8431.

996 | P a g e
CREATING FLOWERS
USING ADOBE
ILLUSTRATOR CS 5

peace be upon you

How are you friends, this time I want to share how to make flowers using
Adobe Illustrator CS 5, let's just go to the TKP !!!!....

1. The first step we have to make flower petals, how to use the Ellipse Tool,
then create a free size.

997 | P a g e
2. Then make the ellipse object taper at the end of the ellipse object. Using
the Convert Anchor Point Tool, by clicking on the anchor that you want to
turn into a taper one.

3. Then place the end of the flower with the other end of the flower and make
sure it is aligned. how to use align then click Horizontal Align Center. Then
make these two objects in the group.

998 | P a g e
4. The next step is to copy the flower petal object and arrange each
object. how with each object copy right click and select Transform, then
select rotate. then each object is assigned a value according to the
provisions of object 1 = 180 degrees, object 2 = 90 degrees, degrees, object
3 = -90 degrees, object 4 = 45 degrees, object 4 = -45 degrees, then adjust
the position of all objects become one, by clicking Align, then Select
Vertical Align Center and select Horizontal Align Center.

999 | P a g e
5. Then make the flower object separate by using Pathfinder, how to click all
the objects and select Pathfinder and select Divide.

6. The last step is coloring the flower object, for color, for the top part of the
flower using a light color, while for the inside of the flower using a dark
color.

1000 | P a g e