How To Make An Animated Emoticon

Table of contents:

How To Make An Animated Emoticon
How To Make An Animated Emoticon

Video: How To Make An Animated Emoticon

Video: How To Make An Animated Emoticon
Video: How To Animate Emojis in After Effects | Motion Graphics 2024, November
Anonim

Emoticons are used to make the printed text more expressive - they convey thoughts and feelings. These icons can be found both in text form and in the form of mini-pictures or animated people. On social networks, sets of free emoticons are standard, but you can stand out from the crowd. Just create your own emoji and use it as you see fit.

How to make an animated emoticon
How to make an animated emoticon

It is necessary

  • - A computer;
  • - Photoshop program.

Instructions

Step 1

To make an emoji icon, you need Photoshop. Open the utility and create a new file with dimensions 50 * 50 px, apply RGB Color - the background must be transparent.

Step 2

Zoom in on the template 1600% and click on the Pencil tool. Take a 1 px brush and color # 565656. Start drawing - draw a 5 px horizontal line on top, then move 1 px to the right and draw another small 2 px stripe. Then move down 1 px and move to the right - draw a 1 px dash. Move the tool down and 1 px to the right - draw a vertical line down 2 px and then 5 px. Now repeat lines 2 px, 1 px and 2 px again in reverse order - move the pencil left and up.

Step 3

Create another layer and start painting. Take the color # A1A1A1 and paint over each pixel starting from the corners. Move on to the next row of pixels and change the color to #AEAEAE. Increase the stained area gradually, but only on the left side. Towards the middle, take the #AEAEAE color - one row. Alternate color combinations # C2C2C2 and # D2D2D2 for each subsequent row of pixels - there should be four of them.

Step 4

Then take the color # D8D8D8, paint over another row and go to #DEDEDE - fill in the right side. Use # E7E7E7 for the middle, and paint over the remaining four pixels with # F0F0F0. Create another transparent layer and paint the left arm. To do this, draw a horizontal line of 2 px, go down a little lower and draw another line of 2 px, then step back one pixel down and to the left - draw a horizontal strip of the same size to the left, step back again and draw a line up - you get a small square.

Step 5

Paint it on the same layer using different colors - # E7E7E7 for the top left, # D2D2D2 for the top right and bottom left, and #AEAEAE for the bottom right. Duplicate the left hand layer - this will be the right hand. Take the Move Tool and move the square to the right side - both layers can be merged.

Step 6

Now create a folder - there will be several layers responsible for the facial expression. On a new layer with a transparent background, paint the stripes 2 px apart and 3 px high - use the color # 565656. Create another layer in the same folder, and turn off the visibility of the previous one. Use the color # 565656 to draw a 6 px horizontal stripe.

Step 7

Go to the Adobe Image Ready Toolbar - This is Animation, press the keyboard shortcut Ctrl + Shift + M. Make the smiley blink - turn on the vertical stripes layer and then the horizontal line.

Step 8

To make the smiley jump or just move, add a pixel of color # 565656 to the "body" above and below - turn layers on and off alternately. To make him waving his arms, you need to add a pixel of color # 565656 to the arms. Emotions and actions can be different - here you can experiment.

Recommended: