<

<

1. Создать новый документ



2. В панели слоев потяните за замочек и переместите его в корзину.



3. Активируйте инструмент Заданные формы - Эллипс



Зажмите клавишу Shift, чтобы круг был ровным.
Установите крестик в левом верхнем углу и, зажав левую кнопку мыши(ЛКМ) потяните курсор в правый нижний угол



Отпустите ЛКМ и у Вас получится круг. Нажмите на слой с кругом в панели слоев правой кнопкой мыши (ПКМ) и в выпавшем меню выберите "Растрировать слой".



Результат в панели слоев:



4. Поменяйте местами основные цвета, нажав на стрелочку

5. Снова активируйте инструмент Заданные формы, но выберите Произвольную фигуру



Форму растровой точки "тонкая круглая рамка"



Зажмите клавишу Shift, и нарисуйте внутри круга колечко. Не переживайте, если оно не встанет точно в центре - его можно будет переместить в нужное место.



6. Зажмите клавишу CTRL и кликните по иконке с колечком



- на Вашей работе появится выделение.
Активируйте слой ниже (Фигура 1) и нажмите Delete на клавиатуре



Слой "Фигура 2" удалите - он больше не нужен. Выделение отменить (Сtrl+D).

7. Теперь нам нужно загрузить текстуру. Автор предложила использовать стиль, но у меня такого не нашлось, так как я ими почти не пользуюсь, поэтому я из ее скрина сделала текстуру



А Вы решайте сами, как Вам удобнее.
Итак, если Вы выбираете текстуру, то открывайте ее фотошопе.
Редактирование - Определить узор - Ок.



Если будете использовать стили - этот пункт пропустите.
8. Создайте новый слой.
Залейте текстурой (Редактирование - Выполнить заливку - Регулярный



или в панели Стили кликните по выбранному стилю.

9. Слои - Создать дубликат слоя или нажать Ctrl+J.

10. Редактирование - Свободное трансформирование (Ctrl+Т).
На верхней панели проставьте угол поворота 60°



11. Повторите п.п. 9 и 10.
Результат в панели Слои:



12. Активируйте первый слой залитый текстурой, на двух других закройте "глазки".
Фильтры - Размытие - Радиальное размытие





Результат:



13. Повторите Размытие на остальных слоях с текстурой (не забывая включать глазки).
14. Поменяйте цвет фона на #7a7e84
15. Новый слой.
Заполните линейным градиентом



Сейчас слои выглядят так:



16. Дублируйте слой с градиентом дважды.
17. Активируйте слой "Фигура 1".

Кликаем "Волшебной палочкой" по внешней части за кругами.



18. Активируем слой с градиентом "Слой 2"

Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.

19. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри большого круга



Активируем слой с градиентом "Слой 2 копия"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.

20. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри маленького круга



21. Активируем слой с градиентом "Слой 2 копия 2"

Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
В результате наших манипуляций получилось так:



22. Активируем 1-ый слой с градиентом.



Инструментом Ластик с мягкой кистью и нажимом 20-30%



начинаем стирать вокруг внутренней части круга



23. Активируем 2-ый слой с градиентом.
И снижаем Непрозрачность до нужной прозрачности (извините за тавтологию)



24. Под слоями с градиентом создаем новый слой и заливаем его красным цветом



Немного снижаем Непрозрачность и ставим режим смешения - Разделить (в фотошопе CS6, в CS5 и ниже такого режима нет, поэтому цвет заливки и режим смешения подбирайте по вкусу)



25. Удалить слой с фигурами



26. Открываем понравившуюся картинку (цветы, кластеры и т.п.) и перетаскиваем на основную работу, установив под слой с большим кольцом



27. Дублируйте слой и переместите его на самый верх слоев и немного сотрите ластиком (с теми же настройками) слева по большому кольцу



28. Сделайте надпись (если хотите).
29. Все готово для анимации.
Включайте поочередно видимость слоев с текстурой (или стилем), видимость всех остальных слоев включена постоянно.



30. Сохранить для Web и устройств...