У
Лариса Гурьянова 14 Сентября 2013 г появился Урок от Бэтт - Карусель. Многим понравился этот эффект, но так как автор не очень понятно объяснила, как его выполнить, меня попросили объяснить. Поэтому на авторство я не претендую, а объясню, как я бы выполнила этот эффект.
![Карусель (500x500, 304Kb)](//img1.liveinternet.ru/images/attach/c/9/105/527/105527201_Karusel.gif)
1. Создать новый документ
![2013-09-18_230650 (700x335, 136Kb)](//img0.liveinternet.ru/images/attach/b/4/105/182/105182078_20130918_230650.jpg)
2. В панели слоев потяните за замочек и переместите его в корзину.
![2013-09-18_230758 (367x288, 39Kb)](//img1.liveinternet.ru/images/attach/b/4/105/182/105182079_20130918_230758.jpg)
3. Активируйте инструмент Заданные формы - Эллипс
Зажмите клавишу Shift, чтобы круг был ровным.
Установите крестик в левом верхнем углу и, зажав левую кнопку мыши(ЛКМ) потяните курсор в правый нижний угол
![2013-09-18_232106 (350x364, 46Kb)](//img0.liveinternet.ru/images/attach/b/4/105/182/105182432_20130918_232106.jpg)
Отпустите ЛКМ и у Вас получится круг. Нажмите на слой с кругом в панели слоев правой кнопкой мыши (ПКМ) и в выпавшем меню выберите "Растрировать слой".
![2013-09-18_232223 (514x282, 86Kb)](//img1.liveinternet.ru/images/attach/b/4/105/182/105182433_20130918_232223.jpg)
Результат в панели слоев:
4. Поменяйте местами основные цвета, нажав на стрелочку![2013-09-18_233214 (86x52, 1Kb)](//img0.liveinternet.ru/images/attach/b/4/105/182/105182656_20130918_233214.jpg)
5. Снова активируйте инструмент Заданные формы, но выберите Произвольную фигуру
![2013-09-18_233723 (377x207, 20Kb)](//img0.liveinternet.ru/images/attach/b/4/105/182/105182832_20130918_233723.jpg)
Форму растровой точки "тонкая круглая рамка"
![2013-09-18_233830 (647x169, 33Kb)](//img1.liveinternet.ru/images/attach/b/4/105/182/105182869_20130918_233830.jpg)
Зажмите клавишу Shift, и нарисуйте внутри круга колечко. Не переживайте, если оно не встанет точно в центре - его можно будет переместить
в нужное место.
![2013-09-18_234629 (350x340, 19Kb)](//img0.liveinternet.ru/images/attach/b/4/105/183/105183024_20130918_234629.jpg)
6. Зажмите клавишу CTRL и кликните по иконке с колечком
![2013-09-18_234932 (367x363, 28Kb)](//img0.liveinternet.ru/images/attach/b/4/105/183/105183176_20130918_234932.jpg)
- на Вашей работе появится выделение.
Активируйте слой ниже (Фигура 1) и нажмите Delete на клавиатуре
![2013-09-18_235417 (367x360, 25Kb)](//img1.liveinternet.ru/images/attach/b/4/105/183/105183359_20130918_235417.jpg)
Слой "Фигура 2" удалите - он больше не нужен. Выделение отменить (Сtrl+D).
7. Теперь нам нужно загрузить текстуру. Автор предложила использовать стиль, но у меня такого не нашлось, так как я ими почти не пользуюсь, поэтому я из ее скрина сделала текстуру
![2013-09-18_224846 (171x158, 18Kb)](//img0.liveinternet.ru/images/attach/b/4/105/184/105184700_20130918_224846.jpg)
А Вы решайте сами, как Вам удобнее.
Итак, если Вы выбираете текстуру, то открывайте ее фотошопе.
Редактирование - Определить узор - Ок.
![2013-09-19_003311 (535x114, 15Kb)](//img0.liveinternet.ru/images/attach/b/4/105/184/105184734_20130919_003311.jpg)
Если будете использовать стили - этот пункт пропустите.
8. Создайте новый слой.
Залейте текстурой (Редактирование - Выполнить заливку - Регулярный
![2013-09-19_003553 (499x253, 33Kb)](//img0.liveinternet.ru/images/attach/b/4/105/184/105184906_20130919_003553.jpg)
или в панели Стили кликните по выбранному стилю.
9. Слои - Создать дубликат слоя или нажать Ctrl+J.
10. Редактирование - Свободное трансформирование (Ctrl+Т).
На верхней панели проставьте угол поворота 60°
![2013-09-19_010718 (700x406, 82Kb)](//img0.liveinternet.ru/images/attach/b/4/105/185/105185134_20130919_010718.jpg)
11. Повторите п.п. 9 и 10.
Результат в панели Слои:
![2013-09-19_011245 (361x459, 31Kb)](//img1.liveinternet.ru/images/attach/b/4/105/185/105185185_20130919_011245.jpg)
12. Активируйте первый слой залитый текстурой, на двух других закройте "глазки".
Фильтры - Размытие - Радиальное размытие
![2013-09-19_011607 (573x413, 145Kb)](//img0.liveinternet.ru/images/attach/b/4/105/185/105185348_20130919_011607.jpg)
Результат:
![2013-09-19_012328 (342x340, 35Kb)](//img0.liveinternet.ru/images/attach/b/4/105/185/105185366_20130919_012328.jpg)
13. Повторите Размытие на остальных слоях с текстурой (не забывая включать глазки).
14. Поменяйте цвет фона на #7a7e84
15. Новый слой.
Заполните линейным градиентом
![2013-09-28_221953 (360x350, 11Kb)](//img1.liveinternet.ru/images/attach/c/9/105/524/105524231_20130928_221953.jpg)
Сейчас слои выглядят так:
![2013-09-19_015345 (368x536, 34Kb)](//img1.liveinternet.ru/images/attach/b/4/105/186/105186409_20130919_015345.jpg)
16. Дублируйте слой с градиентом дважды.
17. Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой"
по внешней части за кругами.
![2013-09-19_020853 (358x356, 20Kb)](//img0.liveinternet.ru/images/attach/b/4/105/186/105186538_20130919_020853.jpg)
18. Активируем слой с градиентом "Слой 2"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
19. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри большого круга
![2013-09-19_023441 (381x378, 18Kb)](//img1.liveinternet.ru/images/attach/b/4/105/186/105186999_20130919_023441.jpg)
Активируем слой с градиентом "Слой 2 копия"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
20. Снова активируем слой Активируйте слой "Фигура 1".
Кликаем "Волшебной палочкой" внутри маленького круга
![2013-09-19_022059 (339x333, 15Kb)](//img1.liveinternet.ru/images/attach/c/8/105/186/105186643_20130919_022059.jpg)
21. Активируем слой с градиентом "Слой 2 копия 2"
Выделения - Инверсия.
Delete на клавиатуре.
Выделения - Отменить.
В результате наших манипуляций получилось так:
![2013-09-19_022340 (350x432, 29Kb)](//img0.liveinternet.ru/images/attach/c/8/105/187/105187030_20130919_022340.jpg)
22. Активируем 1-ый слой с градиентом.
![2013-09-28_223115 (364x394, 26Kb)](//img1.liveinternet.ru/images/attach/c/9/105/524/105524559_20130928_223115.jpg)
Инструментом Ластик с мягкой кистью и нажимом 20-30%
![2013-09-28_223407 (700x62, 10Kb)](//img0.liveinternet.ru/images/attach/c/9/105/524/105524858_20130928_223407.jpg)
начинаем стирать вокруг внутренней части круга
![2013-09-28_224304 (339x347, 21Kb)](//img1.liveinternet.ru/images/attach/c/9/105/525/105525137_20130928_224304.jpg)
23. Активируем 2-ый слой с градиентом.
И снижаем Непрозрачность до нужной прозрачности (извините за тавтологию)
![2013-09-28_224717 (699x363, 70Kb)](//img0.liveinternet.ru/images/attach/c/9/105/525/105525380_20130928_224717.jpg)
24. Под слоями с градиентом создаем новый слой и заливаем его красным цветом
![2013-09-28_230003 (368x506, 32Kb)](//img0.liveinternet.ru/images/attach/c/9/105/525/105525806_20130928_230003.jpg)
Немного снижаем Непрозрачность и ставим режим смешения - Разделить (в фотошопе CS6, в CS5 и ниже такого режима нет, поэтому цвет заливки и режим смешения подбирайте по вкусу)
![2013-09-28_230958 (169x515, 21Kb)](//img1.liveinternet.ru/images/attach/c/9/105/526/105526223_20130928_230958.jpg)
25. Удалить слой с фигурами
![2013-09-28_232227 (357x99, 10Kb)](//img0.liveinternet.ru/images/attach/c/9/105/526/105526534_20130928_232227.jpg)
26. Открываем понравившуюся картинку (цветы, кластеры и т.п.) и перетаскиваем на основную работу, установив под слой с большим кольцом
![2013-09-28_232654 (326x195, 12Kb)](//img0.liveinternet.ru/images/attach/c/9/105/526/105526692_20130928_232654.jpg)
27. Дублируйте слой и переместите его на самый верх слоев и немного сотрите ластиком (с теми же настройками) слева по большому кольцу
![2013-09-28_233015 (700x428, 80Kb)](//img0.liveinternet.ru/images/attach/c/9/105/526/105526786_20130928_233015.jpg)
28. Сделайте надпись (если хотите).
29. Все готово для анимации.
Включайте поочередно видимость слоев с текстурой (или стилем), видимость всех остальных слоев включена постоянно.
![2013-09-28_233947 (472x130, 14Kb)](//img1.liveinternet.ru/images/attach/c/9/105/527/105527077_20130928_233947.jpg)
30. Сохранить для Web и устройств...