1. Создайте новый файл:50 на 50 px., с RGB Colour и прозрачным задним слоем. Назовите слой Outline (Внешняя обводка).
Выберите цвет #565656 (убедитесь, что у вас есть этот серый цвет).
Приблизьте картинку на 1600%. Возьмите Pencil tool (размером 1px и сделайте горизонтальную линию длиной 5px. Далее опуститесь вниз и сдвиньтесь на 1 px. вправо. Нарисуйте линию длиной 2 px.

2.Создайте новый слой. Назовите его Fill (заполнение). Возьмите цвет #A1A1A1 и закрасьте им те точки, которые показаны на рисунке:

Далее возьмите цвет #AEAEAE и повторите тоже самое:

Потом по очереди #C2C2C2:

#D2D2D2:

#D8D8D8:

#DEDEDE:

#E7E7E7:

#F0F0F0:

3. Создайте новый слой и назовите его Left hand (левая рука).
Возьмите цвет #565656 и нарисуйте им горизонтальную линию размером 2px.

На том же самом слое закрасьте верхний левый угол цветом #E7E7E7. Затем #D2D2D2 для верхнего правого угла и нижнего левого. Цвет #AEAEAE для нижнего правого угла:

Продублируйте слой Left hand и назовите его Right hand (Правая рука). Используйте Move Tool (V) и переместите слой на правую сторону:

Объедините слои Outline и Fill. Назовите новый слой Body (Тело):

5. Создайте слой-папку Expressions (Выражения лица). Для нашего рисунка существует два выражения лица: открытые глаза и закрытые глаза (мигающие).
Создайте в папке слой Open eyes (Открытые глаза) и на этом фоне цветом #565656 на-рисуйте глаза (3px в высоту и 2px между глазами):

В этой же папке создайте слой Closed eyes (Закрытые глаза). Спрячьте слой Open eyes и нарисуйте цветом #565656 горизонтальную линию размером 6px:

6. Если вы хотите поменять цвет, то зайдите в Layer > New Adjustment Layer > Hue/Saturation (Ctrl, U). Пометьте Colorize и поменяйте Hue and Saturation. Сохраните:

Далее проделайте тоже самое с другими слоями, нажимая на кнопку Load:

Следующая часть: анимация.
7. Переходите в Adobe Image Ready (Ctrl, Shift, M). Либо используйте вкладку окноанимация.
8. Для движения руки, добавляйте по 1px:

Тоже самое можно проделайте с глазами, телом и т.д. Если хотите быстрее, добавляйте больше, чем 1px.
9. Убедитесь, что вы сделали смайлу мигающие глаза. Для этого нужно сначала сделать видимым слой Open eyes, а потом Closed eyes.

10. Заставьте смайл "прыгать" вверх на 1px.Пусть в то же время он двигается вперёд на 1px.
Продолжайте до того, пока не захотите его остановить: