Emoticons have long entered the sphere of our communication as a way of expressing our emotions. We put emoticons in in social networks, send them via SMS and so on. What is a smiley? It's a yellow circle with eyes and a smile. If you suddenly need to draw it, then we offer you instructions explaining how to draw a smiley face.
How to draw a smiley
- First, draw a circle of the size you need.
- Then we draw two auxiliary lines that determine the level of the eyes and mouth.
- We draw the eyes along the lines outlined in advance. How to draw beautiful smiley? The expression of the eyes and mouth of your drawing will determine what it will be like: sad, cheerful, or even angry. The eyes can be round, with a pupil in the middle, or sometimes crosses are placed instead of eyes; such a smiley will be more sketchy. You can draw eyelashes on your eyes. In general, everything depends on your imagination.
- The mouth is usually drawn in the shape of an arc - a smile. But you can also make a sad expression, then the smile will need to be reversed.
- Don't forget to erase the auxiliary lines.
- Now we add color: paint over the smiley face yellow, eyes and mouth are also painted in appropriate colors.
As you can see, drawing a smiley face is quite simple, but despite the simplicity of the drawing, you can add something of your own to it, for example, the expression of the eyes or mouth. It all depends on your imagination. Computer emoticons are faceless and of the same type, while emoticons drawn in pencil carry a piece of the artist’s soul. So draw for your health.
This is an average difficulty lesson. It can be difficult for adults to repeat this lesson, so I don’t recommend drawing a smiley face for young children using this lesson, but if you really want to, you can try it. I also want to note the lesson “” - be sure to try it again if you still have time and desire to draw today.
What you will need
In order to draw a smiley we may need:
- Graphic editor GIMP. You need to download the free GIMP and install it.
- Download brushes for GIMP, they may come in handy.
- Some add-ons may be needed (instructions on how to install them).
- A little patience.
- Good mood.
Step by step lesson
Drawing characters from films, cartoons and stories is much easier than drawing real people and animals. There is no need to adhere to the rules of anatomy and physics, but each character is unique in its own way. The authors created them using special patterns, which must be repeated quite accurately. But if you want, when you start drawing a smiley face, you can always make the eyes a little bigger. This will give it a more cartoonish feel.
By the way, in addition to this lesson, I advise you to pay attention to the lesson “”. It will help improve your skill or just give you a little fun.
Tip: Perform different actions on different layers. The more layers you make, the easier it will be for you to manage the drawing. So the sketch can be made on the bottom layer, and the white version on the top, and when the sketch is not needed, you can simply turn off the visibility of this layer.
As you complete this lesson, please note that due to differences in software versions, some menu items and tools may have different names or be missing altogether. This may make the tutorial a little difficult, but I think you can do it.
First, create a new 200x200px image with a white background fill.
Now, using the elliptical marquee tool, create a circle on the canvas. To make the circle the correct shape, you need to hold down the Shift button. Create a new layer and fill the selection with brown or dark yellow.
Go to “Selection - Zoom Out” and reduce the selection by 2-3 pixels. The resulting selection should be filled with a gradient. For this I chose the Yellow Orange gradient. In the Gradient Tool settings, make sure that the shape is linear, the opacity is 100%, and the blending mode is normal. Create a new layer and fill the selection with a gradient.
Go to “Selection - Zoom Out” and reduce the selection by another 7-9 pixels. Change the Foreground color to white and in the Gradient Options select the "Basic to Transparent" gradient. Create a new layer and fill the selection with a gradient.
Now you need to draw a smiley face. To do this, we need to create a new oval selection inside our circle. Create a new layer and fill the selection with the same color that filled the first circle.
Go to “Selection - Zoom Out” and reduce the selection by 2-3 pixels. Create a new layer and fill it with white.
Reduce the selection by 1-2 pixels, change the Foreground color to black, create a new layer and fill the selection with a gradient. After this, you need to set the opacity of the black gradient layer to 10−20%.
If the result satisfies you, then combine the three layers of eyes with each other. Duplicate the resulting layer and use the Mirror tool to reflect it horizontally.
Even emoticons don’t have eyes without pupils. To make the pupils you need to create a circular selection inside the eyes, create a new layer and fill the selection with black.
Reduce the selection by 1-2 pixels, change the Foreground color to white and fill the selection with a gradient.
Duplicate the resulting layer and use the Mirror tool to reflect it horizontally.
To draw a smiley mouth you need to create an oval selection below the eyes, create a new layer and fill the selection gray. I used color #080808. Without removing the selection, you need to use a soft translucent brush with a black foreground color along the top of the oval, and a white one along the bottom. After all the steps, you need to align your mouth in the center.
I drew the eyebrows of the smiley with the Outline tool. When I got the desired shape, I clicked the “Select from text” button in the tool settings window. You need to create a new layer and fill it with black. To add volume, I brushed over the top of the selection with a semi-transparent soft brush with a white foreground color.
Now you need to make a copy of this layer and use the Mirror tool to reflect it horizontally.
If you want to create small emojis, I recommend making them right away the right size, because in Gimp the scaling algorithms leave much to be desired. I was able to reduce my smiley to a size of 40x40px, and after reducing it, I had to apply “Filters - Enhance - Sharpening” to it with parameter 40.
This simple lesson is about drawing emojis like the one on the right using Paint.NET. For drawing you will need additional ones, a description of which is on our website.
Stage 1. Draw the base of the smiley face.
To do this, create a new image (default 800 by 600 pixels), on which, in addition to the background, create a new transparent layer. On this layer we draw using the “oval” tool with the “solid figure” type - circle. To make the circle even, you can hold down the Shift key while drawing. To draw the circle, we used the traditional yellow color for emoticons.
Stage 2. Create a highlight on the smiley face.
First, select the yellow circle of the base for the smiley face, for example, using the “magic wand” tool. After this, create a new transparent layer, which will be located above the layer with the yellow circle. If the new layer is not where you want it, you can easily move it using the appropriate buttons in the Paint.NET layer control window. Now let's make the newly created layer active and slightly compress the selected area on the left and right to make an ellipse, as in the picture on the left.
Now that we're sure our new layer is active, let's use Paint.NET's Gradient Tool inside the selection. Let's make the first (primary) color white, the second (additional) color will be completely transparent, i.e. the alpha transparency value will be zero. So, using a regular linear gradient, starting from the top edge of the image and stopping somewhere in the middle of the smiley face, you should end up with a picture similar to the one in the picture on the right (you naturally won’t have a green gradient arrow and a square with flowers). We must have drawn them for clarity later). Now all that remains is to make the transition along the highlight border smooth; for this, without deselecting the area, use the additional . We applied this effect with a maximum radius value of ten. The result obtained is shown in the figure below.
You can also make the yellow background of the emoticon base less uniform. To do this, you need to make the layer with the yellow circle active, and then, using, for example, the “magic wand” tool, select the yellow circle. We filled the selected area with a regular linear gradient, from top to bottom, using white with a transparency of 150 as the main color and a second additional color that was absolutely transparent. The result can be seen on the right. The layer with the highlight and the layer with the yellow circle can now be combined, so that there are two layers left: the background and, in fact, the smiley face.
Stage 3. Eyes and mouth of the emoticon.
Now you need to designate the eyes and mouth of the future emoticon. To do this, create a new transparent layer on top of the existing one and using the same “oval” and “line or curve” tools, draw in black the base for the eyes and mouth of the smiley. You should end up with something similar to what you see in the picture on the right. We created a new layer for the eyes and mouth so that it would be convenient to move or copy them. So we drew one eye of the emoticon using the oval tool, and created the second one by copying the first one, so that the eyes would turn out the same. Now the eyes layer and the smiley face layer can be combined.
In principle, the resulting emoticon is not bad, but we wanted to make it with transparent eyes, so using the “magic wand” tool, select the eyes and mouth of the emoticon and delete them. If you, like us, drew the eyes and background of the smiley face on different layers, do not forget to combine them before doing so, as described above. The result should be an image similar to the picture on the left. For clarity of what should happen, we turned off the background layer and showed in the figure on the right only the contents of the layer with the smiley face.
Stage 4. Outline the smiley face and make it three-dimensional.
Now we need to add pupils to the smiley face and outline it. We will do this on the layer with the smiley face. We will create the pupils using the “oval” tool we know, which we made black. Now, in order to outline the smiley face, we need to select all the drawn elements on this layer. The easiest way to do this is “in reverse”: using the “magic wand” tool, select all the empty (transparent) areas of our image. In order to select several areas, you can, for example, hold down the Ctrl key on the keyboard while selecting areas. Next, we invert the selected area by pressing the Ctrl+I key combination. Now we have all the drawn areas of the layer selected. Let's apply to them from the set of external effect "Processing the edge of the selected area". The result can be seen in the figure on the left. We used a line thickness of three.
Now all that remains is to give the smiley some volume. To do this, without removing the selection, apply another one from the set of external effect “Processing the edge of the selected area”. For simplicity, we used the default settings for this effect. However, if you experiment by changing the parameters, you can get different interesting results. All that remains is to come up with some kind of background for the emoticon we made. Let's make a simple two-color background using the "gradient" tool and applying it to the "background" layer of our image. The smiley we drew can be seen in the picture below.
Step 1
Create a new file 50x50 px, with Mode RGB Color and transparent background. Name the layer Outline(Circuit).
Select color #565656 .
Increase the image scale to 1600%. Take Pencil tool size 1px and draw a horizontal line 5px long. Next, go down and move 1px to the right. Draw a line 2px long. And so on, according to the instructions in the figure:
Step 2
Create a new layer. Name it Fill(Fill). Now let's paint over the smile.
Take the color #A1A1A1 and paint over the points shown in the figure:
Now #C2C2C2:
#D2D2D2:
#D8D8D8:
#DEDEDE:
#E7E7E7:
And finally #F0F0F0:
Step 3
Create a new layer and name it Left hand(left hand).
Take the color #565656 and draw a 2px horizontal line with it. Do everything as shown in the figure:
On the same layer, paint the top left corner with the color #E7E7E7. Then color #D2D2D2 paint the top right corner and bottom left. For the lower right corner - color #AEAEAE:
Duplicate the layer Left hand and name it Right hand (Right hand). Use Move Tool (V) and move the layer to the right:
Merge Layers Outline And Fill. Name the new layer Body(Body):
Step 4
Create a layer folder Expressions(Facial expressions). Our emoji will have two facial expressions: open eyes and closed eyes (blinking).
Create a layer in the folder Open eyes(Open eyes) and against this background with color #565656 draw the eyes as shown in the image (3px in height and 2px between the eyes):
Create a layer in the same folder Closed eyes (Closed eyes). Disable the layer Open eyes and paint with color #565656 horizontal line 6px:
Step 5
If you want to change the color, go to Layer > New Adjustment Layer > Hue/Saturation (Ctrl, U). Check the box Colorize and change Hue and Saturation. Save the result.
Do the same with other layers by clicking on the Load button:
Part 2. Animation
Step 6
Go to Adobe Image Ready(Ctrl, Shift, M) (animation in Photoshop CS3 and higher: Window > Animation).
Step 7
If you want to make a smooth animation of, say, just moving a hand, change the position of the hand by 1px on each subsequent frame:
The same can be done with the eyes, body, etc.
If you are too lazy to do detailed movement work, change the position of the body part on each frame by more than 1px.
Step 8
Make sure your emoji has blinking eyes. To do this, you first need to make the layer visible Open eyes, and then Closed eyes. It should look something like this.
