Сохраните паттерн с помощью команды Edit - Define Pattern

Переходим к основной части урока.

1. Создайте новый докумен размером 100х100 рх.и залейте черным цветом.

2. Создайте новый слой (Для этого можно использовать сочетание клавиш Shift+Ctrl+N) и назовите его "цветок"

3. Выберите инструмент Custom Shape Tool выберите форму как на картинке

и создайте в центре аватарки форму

затем выберите инструмент Pen Tool и кликните по нашей форме правой кнопкой мыши и в открывшемся списке выберите Make Selection
В открывшемся окне просто нажмите Ok.
Сейчас контур формы побежал муравьями.

Теперь залевайте форму черным цветом (Будет у нас аватарка "Черное на черном :D")
снимите выделение с помощью нажатия клавиш Ctrl+D и отправляемся Layer->Layer Style->Stroke поставьте ширину обводки на 1 рх и цвет синий

5. Надо добавить немного свечения.
Для этого все там же (Layer->Layer Style) выберите пункт Outer Glow,
так же устанивите синий цвет и прочие настройки как на картинке ниже:

6. Копируйте наш слой "цветок" (для копирования можно применять комбинацию Ctrl+J)
Затем применим к копии свободную трансформацию (для вызова нажмите Ctrl+T) и немного поверните вокруг оси.
Для этого зажмите левую кнопку мыши за границами появившейся рамки и поведите мышку в сторону.

Затем несколько раз нажмите комбинацию Ctrl+Alt+Shift+T, чтобы повторить действие.
В результате Вы получите несколько новых слоёв, на которых наш "цветок" буде повернут на одинаковае расстояние.

И на данный момент всё это будет выглядеть так.

Мне понадобилось сделать 4 копии (тоесть на данный этап в палитре 5 слоев С "цветок")
Я обращаю на это внимание, дабы при дальнейшей анимации у Вас не возникло трудностей.

7. Сейчас приступим к оформлению. Я решил поместить в центр это значек

Откройте его Photoshop и с посощью инструмента Move Tool перетащите в центр нашей аватарки.
В палитре слоев поставьте режим для слоя Ligten

8. Создайте новый слой и в палитре слоёв перетащите его вниз, чтобы он стал 2 снизу.
Возьмите инструмент Elliptical Marguee Tool и создайте в углу подобное выделение

Затем возьмите инструмент заливки Gradient Tool
и в верхней панели меню выберите такую заливку ( Orange, Yellow, Orange )

залейте выделение от угла к центру но не доводите до конца.
Протяните заливку примерно на 1 см. Затем нажатием Ctrl+D снимите выделение

9. Саздайте новый слой,
поставьте рабочий цвет на белый и выберите инструмент заливки Gradient Tool
в верхней панели меню выберите заливку от белого к прозрачному

и протяните заливку по нашей аватарке примерно до середины.
Примените для этого слоя (Layer->Layer Style-> Pattern Overlay)
и выберите паттерн который мы с вами подготовили в начале урока.
Затем в палитре слоев поставьте непрозрачность слоя ( Opasity ) на 10%.

10. Настало время анимировать нашу аватарку.
Откройте окно анимации Window - Animation
И создайте 5 кадров. (как помним из 6 шага, у нас всего 5 слоев с разным положением трансформации слоя "цветок" и его копий)

Тут все просто:
с помощью значка глаз на против слоя в палитре слоев отключаем видимость лиших слоев "цветок"
Оставляем видимость: в 1 кадре - слою "цветок"; во втором - "цветок copy"; в 3 - слою "цветок copy 2" и т.д.

На этом наша аватарка готова. Осталось добавить необходимый текст.