• Авторизация


Урок анимации "Карусель" от Бетт в моей интерпритации 25-03-2014 01:51 к комментариям - к полной версии - понравилось!

Это цитата сообщения Mademoiselle_Viv Оригинальное сообщение

Урок анимации "Карусель" от Бетт в моей интерпритации



У Лариса Гурьянова 14 Сентября 2013 г появился Урок от Бэтт - Карусель. Многим понравился этот эффект, но так как автор не очень понятно объяснила, как его выполнить, меня попросили объяснить. Поэтому на авторство я не претендую, а объясню, как я бы выполнила этот эффект.
[500x500]

1. Создать новый документ
[700x335]
2. В панели слоев потяните за замочек и переместите его в корзину.
[367x288]
3. Активируйте инструмент Заданные формы - Эллипс
[378x192]
Зажмите клавишу Shift, чтобы круг был ровным.
Установите крестик в левом верхнем углу и, зажав левую кнопку мыши(ЛКМ) потяните курсор в правый нижний угол
[350x364]
Отпустите ЛКМ и у Вас получится круг. Нажмите на слой с кругом в панели слоев правой кнопкой мыши (ПКМ) и в выпавшем меню выберите "Растрировать слой".
[514x282]
Результат в панели слоев:
[361x281]

4. Поменяйте местами основные цвета, нажав на стрелочку2013-09-18_233214 (86x52, 1Kb)

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

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

Зажмите клавишу Shift, и нарисуйте внутри круга колечко. Не переживайте, если оно не встанет точно в центре - его можно будет переместить 2013-09-18_234442 (35x30, 0Kb) в нужное место.

[350x340]

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

- на Вашей работе появится выделение.

Активируйте слой ниже (Фигура 1) и нажмите Delete на клавиатуре
[367x360]

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

7. Теперь нам нужно загрузить текстуру. Автор предложила использовать стиль, но у меня такого не нашлось, так как я ими почти не пользуюсь, поэтому я из ее скрина сделала текстуру
2013-09-18_224846 (171x158, 18Kb)
А Вы решайте сами, как Вам удобнее.

Итак, если Вы выбираете текстуру, то открывайте ее фотошопе.
Редактирование - Определить узор - Ок.
[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".
Кликаем "Волшебной палочкой" 2013-09-19_021221 (29x22, 1Kb) по внешней части за кругами.
[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 и устройств...

вверх^ к полной версии понравилось! в evernote
Комментарии (3):
надюша2525 25-03-2014-02:21 удалить
Наташенька,большое спасибо за прекрасный урок!!!!
nataly0809 25-03-2014-13:49 удалить
надюша2525, Урок действительно хороший! Спасибо Mademoiselle_Viv, которая его сделала! Столько прекрасных уроков! Делать не успеваю!!!
надюша2525 25-03-2014-16:27 удалить
Ответ на комментарий nataly0809 # Да... я тоже только успеваю брать всё красивое..и уроки как делать эту красоту..только времени не хватает....


Комментарии (3): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок анимации "Карусель" от Бетт в моей интерпритации | nataly0809 - Дневник nataly0809 | Лента друзей nataly0809 / Полная версия Добавить в друзья Страницы: раньше»