У Лариса Гурьянова 14 Сентября 2013 г появился Урок от Бэтт - Карусель. Многим понравился этот эффект, но так как автор не очень понятно объяснила, как его выполнить, меня попросили объяснить. Поэтому на авторство я не претендую, а объясню, как я бы выполнила этот эффект.
[500x500]
1. Создать новый документ
[700x335]
2. В панели слоев потяните за замочек и переместите его в корзину.
[367x288]
3. Активируйте инструмент Заданные формы - Эллипс
[378x192]
Зажмите клавишу Shift, чтобы круг был ровным.
Установите крестик в левом верхнем углу и, зажав левую кнопку мыши(ЛКМ) потяните курсор в правый нижний угол
[350x364]
Отпустите ЛКМ и у Вас получится круг. Нажмите на слой с кругом в панели слоев правой кнопкой мыши (ПКМ) и в выпавшем меню выберите "Растрировать слой".
[514x282]
Результат в панели слоев:
[361x281]
4. Поменяйте местами основные цвета, нажав на стрелочку
5. Снова активируйте инструмент Заданные формы, но выберите Произвольную фигуру
[377x207]
Форму растровой точки "тонкая круглая рамка"
[647x169]
Зажмите клавишу Shift, и нарисуйте внутри круга колечко. Не переживайте, если оно не встанет точно в центре - его можно будет переместить в нужное место.
[350x340]
6. Зажмите клавишу CTRL и кликните по иконке с колечком
[367x363]
- на Вашей работе появится выделение.
Активируйте слой ниже (Фигура 1) и нажмите Delete на клавиатуре
[367x360]
Слой "Фигура 2" удалите - он больше не нужен. Выделение отменить (Сtrl+D).
7. Теперь нам нужно загрузить текстуру. Автор предложила использовать стиль, но у меня такого не нашлось, так как я ими почти не пользуюсь, поэтому я из ее скрина сделала текстуру
А Вы решайте сами, как Вам удобнее.
Итак, если Вы выбираете текстуру, то открывайте ее фотошопе.
Редактирование - Определить узор - Ок.
[535x114]
Если будете использовать стили - этот пункт пропустите.
8. Создайте новый слой.
Залейте текстурой (Редактирование - Выполнить заливку - Регулярный
[499x253]
или в панели Стили кликните по выбранному стилю.
9. Слои - Создать дубликат слоя или нажать Ctrl+J.
10. Редактирование - Свободное трансформирование (Ctrl+Т).
На верхней панели проставьте угол поворота 60°
[700x406]
11. Повторите п.п. 9 и 10.
Результат в панели Слои:
[361x459]
12. Активируйте первый слой залитый текстурой, на двух других закройте "глазки".
Фильтры - Размытие - Радиальное размытие
[573x413]
[284x267]
Результат:
[342x340]
13. Повторите Размытие на остальных слоях с текстурой (не забывая включать глазки).
14. Поменяйте цвет фона на #7a7e84
15. Новый слой.
Заполните линейным градиентом
[360x350]
Сейчас слои выглядят так:
[368x536]
16. Дублируйте слой с градиентом дважды.
17. Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" по внешней части за кругами.
[358x356]
18. Активируем слой с градиентом "Слой 2"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
19. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри большого круга
[381x378]
Активируем слой с градиентом "Слой 2 копия"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
20. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри маленького круга
[339x333]
21. Активируем слой с градиентом "Слой 2 копия 2"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
В результате наших манипуляций получилось так:
[350x432]
22. Активируем 1-ый слой с градиентом.
[364x394]
Инструментом Ластик с мягкой кистью и нажимом 20-30%
[700x62]
начинаем стирать вокруг внутренней части круга
[339x347]
23. Активируем 2-ый слой с градиентом.
И снижаем Непрозрачность до нужной прозрачности (извините за тавтологию)
[699x363]
24. Под слоями с градиентом создаем новый слой и заливаем его красным цветом
[368x506]
Немного снижаем Непрозрачность и ставим режим смешения - Разделить (в фотошопе CS6, в CS5 и ниже такого режима нет, поэтому цвет заливки и режим смешения подбирайте по вкусу)
[169x515]
25. Удалить слой с фигурами
[357x99]
26. Открываем понравившуюся картинку (цветы, кластеры и т.п.) и перетаскиваем на основную работу, установив под слой с большим кольцом
[326x195]
27. Дублируйте слой и переместите его на самый верх слоев и немного сотрите ластиком (с теми же настройками) слева по большому кольцу
[700x428]
28. Сделайте надпись (если хотите).
29. Все готово для анимации.
Включайте поочередно видимость слоев с текстурой (или стилем), видимость всех остальных слоев включена постоянно.
[472x130]
30. Сохранить для Web и устройств...