Урок анимации для коллажа "Epanouissement"/"Выполнение"

Четверг, 26 Июня 2014 г. 11:02 + в цитатник

Всем привет!
Сегодня мы с вами будем учиться делать вот такую анимацию в программе фотошоп, как на этом коллаже :

Здесь для анимации использовались исходные 15 слоев с фигурой.

Работа выполнена в корелл , урок ЗДЕСЬ

А вот эта работа выполнена в фотошоп, урок ЗДЕСЬ :

В этой работе для анимации использовались исходные 7 слоев с фигурой.

Итак мы начинаем!

Если вы выполнили урок в корелл и сохранили его в формате PSD, то в фотошоп вам нужно просто открыть этот документ.
Если вы выполнили урок в фотошоп, то просто продолжаем с того места, на котором остановились.

1. Слой «Анимация» переместим на самый верх и закроем на нем глазик. Остальные слои – объединить видимые. Так нам будет удобнее работать. Теперь подпишем нашу работу.
2. Откроем глазик на слое «Анимация». Создать дубликат слоя. Редактирование – свободное трансформирование. Уменьшить только по высоте на 83%. Вот с такими настройками как на скрине :

3. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
4. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83 %.
5. Создать дубликат слоя . Редактирование – свободное трансформирование – уменьшить по высоте на 83 %.
6. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83 %.
7. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83 %.
8. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
9. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
10. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
11. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
12. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
13. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
14. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
15. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
16. Создать дубликат слоя. Редактирование – свободное трансформирование – уменьшить по высоте на 83%.
У нас получилось 16 слоев с фигурками. На скринах видно как должно быть :

17. Теперь нам нужно выделить все слои с фигурками. Для этого нужно тюкнуть по слою «Анимация», зажмем клавишу Shift и тюкнем по слою «Анимация копия 16». Они все стали синими. Теперь по любому из них тюк правой клавише мышки – создать дубликат слоев. У нас получилось 33 слоя, если не считать самый первый с нашим коллажем, то 32 слоя с фигурками.
18. Становимся на слой «Анимация» и создаем ему дубликат. И так каждому из 16 слоев с фигурками. Последним будет 16 слой. ( когда будете заводить анимацию в окне анимации – поймете зачем это делалось). А всего в общем должно получиться 50 слоев.
И сейчас у нас в слоях вот такая картина :

19. Теперь закроем глазики на всех слоях, кроме «Слой 1» , «Анимация», «Анимация копия 34». На этих слоях глазики открыть. Откроем окно Анимации. Окно – анимация – поставить галочку.
20. Время в кадре выставим 0,2 сек.
21. Создать новый кадр. В слоях открыть глазики на «Анимация копия» и «Анимация копия 35», закрыть – «Анимация копия 34».
22. Создать новый кадр. Открыть «Анимация копия 2» и «Анимация копия 36», закрыть «Анимация копия 35».
23. Создать новый кадр. Открыть «Анимация копия 3» и «Анимация копия 37», закрыть «Анимация копия 36».
24. Создать новый кадр. Открыть «Анимация копия 4» и «Анимация копия 38», закрыть «Анимация копия 37».
25. Создать новый кадр. Открыть «Анимация копия 5» и «Анимация копия 39», закрыть «Анимация копия 38».
26. Создать новый кадр. Открыть «Анимация копия 6» и «Анимация копия 40», закрыть «Анимация копия 39».
27. Создать новый кадр. Открыть «Анимация копия 7» и «Анимация копия 41», закрыть «Анимация копия 40».
28. Создать новый кадр. Открыть «Анимация копия 8» и «Анимация копия 42», закрыть «Анимация копия 41».
29. Создать новый кадр. Открыть «Анимация копия 9» и «Анимация копия 43», закрыть «Анимация копия 42».
30. Создать новый кадр. Открыть «Анимация копия 10» и «Анимация копия 44», закрыть «Анимация копия 43».
31. Создать новый кадр. Открыть «Анимация копия 11» и «Анимация копия 45», закрыть «Анимация копия 44».
32. Создать новый кадр. Открыть «Анимация копия 12» и «Анимация копия 46», закрыть «Анимация копия 45».
33. Создать новый кадр. Открыть «Анимация копия 13» и «Анимация копия 47», закрыть «Анимация копия 46».
34. Создать новый кадр. Открыть «Анимация копия 14» и «Анимация копия 48», закрыть «Анимация копия 47».
35. Создать новый кадр. Открыть «Анимация копия 15» и «Анимация копия 49», закрыть «Анимация копия 48».
36. Создать новый кадр. Открыть «Анимация копия 16» и «Анимация копия 50», закрыть «Анимация копия 49».
37. А теперь идем от обратного. Делайте внимательно.
Создаем новый кадр. Открываем «Анимация копия 33», закрываем «Анимация копия 50» и «Анимация копия 16».
38. Создать новый кадр. Открыть «Анимация копия 32», закрыть «Анимация копия 33 и 15».
39. Создать новый кадр. Открыть «Анимация копия 31», закрыть «Анимация копия 32 и 14».
40. Создать новый кадр. Открыть «Анимация копия 30», закрыть «Анимация копия 31 и 13».
41. Создать новый кадр. Открыть «Анимация копия 29», закрыть «Анимация копия 30 и 12 ».
42. Создать новый кадр. Открыть «Анимация копия 28», закрыть «Анимация копия 29 и 11».
43. Создать новый кадр. Открыть «Анимация копия 27», закрыть «Анимация копия 28 и 10».
44. Создать новый кадр. Открыть «Анимация копия 26», закрыть «Анимация копия 27 и 9».
45. Создать новый кадр. Открыть «Анимация копия 25», закрыть «Анимация копия 26 и 8».
46. Создать новый кадр. Открыть «Анимация копия 24», закрыть «Анимация копия 25 и 7».
47. Создать новый кадр. Открыть «Анимация копия 23», закрыть «Анимация копия24 и 6».
48. Создать новый кадр. Открыть «Анимация копия 22», закрыть «Анимация копия 23 и 5».
49. Создать новый кадр. Открыть «Анимация копия 21», закрыть «Анимация копия 22 и 4».
50. Создать новый кадр. Открыть «Анимация копия 20», закрыть «Анимация копия 21 и 3».
51. Создать новый кадр. Открыть «Анимация копия 19», закрыть «Анимация копия 20 и 2».
52. Создать новый кадр. Открыть «Анимация копия 18», закрыть «Анимация копия 19» и «Анимация копия»
53. Создать новый кадр. Открыть «Анимация копия 17», закрыть «Анимация копия 18».
54. Теперь включаем просмотр анимации. Если все устраивает, то сохраняем как для Web в формате Gif.

Надеюсь, Вам, понравилось!
С любовью, Ваша, Анта!

Из группы В ГОСТЯХ У АНТЫ

Рубрики:

уроки/уроки ф.ш. от Анты