Smilies, emoticons, funny faces. No matter how they are called, they are commonly found on blogs, text messages and chat rooms. Since this work is done on a small scale, you will need some pixel art tricks that are easy to create in Adobe Photoshop.
1. Draw the base
Create a new document in Adobe Photoshop size 200px x 200px or a bit more (depending on the space you need and the number of icons), install Background content (Background) on Transparent (Transparent). Choose a tool Pencil (Pencil Tool) with thickness 1px, then using the tool Scale (Zoom Tool) zoom in on 1500-1600%.
Circles are very simple: five pixels above two lower on the sides one diagonally from the previous two and more two pixel down each side. After that, complete the circle as shown in the figure below.
Using the tool Fill (Paint Bucket Tool), fill the circle with a bright yellow color (R: 255 G: 204 B: 51). Make sure the tick Smoothing (Anti-Alias) is disabled, and Adjacentpixels (Contiguous) included. Fill the black rim of the circle with a dark yellow (R: 102 G: 51 B: 0).
To add a smiley shade, reduce Opacity (Opacity) pencil (Pencil Tool) on 50% and draw a shadow on the inside of the circle. With help pipette (Eyedropper Tool) copy the color of the shadow, set opacity (Opacity) a pencil (Pencil Tool) back to 100% and place a few pixels along the edges of the emoticon as shown.
2. Create a smile
Since we will need several faces, create a new layer. Again select the dark yellow color (R: 102 G: 51 B: 0) and draw the emoticon eyes. Create a shadow between the eyes, reducing opacity (Opacity) a pencil (Pencil Tool) on 20%. Emoticon mouth wide seven pixels and to the bottom tapers off (7-5-3). Add a shadow on the other side (50% Opacity) and a shadow around the mouth (20% Opacity).
Use white with opacity 100%, 50% and thirty%, to create a highlight on the top of the emoticon, on the cheeks and above the upper lip. Note the additional shadows that soften the glare.
3. More faces
Copy (Ctrl + C) and insert (Ctrl + V) basic circle from the first section of the lesson. Create a new layer. The process of creating a sad face is the same as for the fun one from the second section, but a mouth five pixels long, plus two pixels diagonally below.
For an evil face, copy and paste a sad smile.
Move your mouth down. The easiest way is to use the tool. Rectangle selection (Rectangular Marquee Tool) to select a mouth along with surrounding shadows and highlights, then move it down a pixel. Give your eyes a letter shape. z. So the eyes will turn squeezed, giving a more realistic emoticon.
Laughing faces should also have eyes closed. Once again, copy and paste the main circle, but this time, draw the shadows in the middle and at the bottom (as in the image below). The eyes are closed and mowed to the bottom, and the mouth is mown to the top, the shadow of it covers most of the smiley chin.
This smiley is incredibly simple: three pixels for each eye and five for the mouth.
Finally, we come to a whistling / singing emoticon. The face begins with the same foundation as the rest in our lesson. Eyes – squares of four pixels. The mouth is two rows of three pixels, with one pixel in the middle at the top and bottom. Add highlights to the upper left and shadows to the bottom to emphasize the shape of the mouth.
4. Easy to change color
Select your emoticons (I merged all the layers by pressing Ctrl + E) and create a new layer. Use the tool Fill (Paint Bucket Tool) to fill the selection with one color. AT layer panels (Layers Panel) change Blend mode (Belnding Mode) on Chromaticity (Color).
Repeat this step with other colors as you like instead of redrawing the whole set of emoticons.
You did it!
Great job! You drew a whole set of smiles from scratch. For such a small size, pixel art should be very detailed, minor flaws in the location of the pixels completely change the look of the picture. This is a great way to occupy yourself for a while, playing with small dots and looking at the result.
Author: Mary Winkler
Transfer: Shapoval Alexey