Предупреждаю сразу, первый раз эта анимация занимает приблизительно час. Так что наберемся терпения и начнем)
Итог:
http://s1.uploads.ru/i/M0kyv.gif
Давайте попробуем сделать с моими исходниками, поскольку не со всеми может получится.
1. http://s1.uploads.ru/i/PfAxD.jpg
2. http://s1.uploads.ru/i/KGhSO.jpg
И делаем такие слои:
http://s1.uploads.ru/i/xA6GQ.png
1)Находясь на втором слое, выделяем изображение полностью инструментом прямоугольного выделения:
http://s1.uploads.ru/i/a4o9m.png
И жмем Ctrl+J. Это для того, чтобы вырезать только видимую часть на новый слой, то есть обрезать только этот слой, а не все слои.
Должен появиться новый слой, Слой 6. Передвигаем его на одно положение вниз, так, чтобы он шел вторым. Слой 2 делаем невидимым.
2) Делаем активным Слой 6. Жмем 3 раза Ctrl+J для того, чтобы сделать копии этого слоя.
На панели слоев должна быть такая картина:
http://s1.uploads.ru/i/9nGF7.png
3) Для большего удобства переименовываем копии второго слоя таким образом:
http://s1.uploads.ru/i/sqGe8.png
4) Находясь на четвертой копии, идем в Фильтр > Размытие > Радиальное размытие, и ставим такие настройки:
http://s1.uploads.ru/i/Q8WrH.png
На третьей копии делаем то же самое, но степени ставим 50. На второй - 75, на первой - 100.
5) Делаем 4 копии Слоя 1.
Наша панель слоев:
http://s1.uploads.ru/i/WCO2l.png
6) Расставляем копии слоев через один, то есть таким вот образом:
http://s1.uploads.ru/i/rp4Fh.png
7) На Слой 2 (копия 1) ставим непрозрачность 25% и жмем Слой> Объединить с предыдущим (или с помощью Ctrl+E).
На Слой 2 (копия 2) делаем то же самое, только с непрозрачностью 55%.
На Слой 2 (копия 3) с 75%.
На Слой 2 (копия 4) с 85%.
Первый переход окончен.
Результат должен быть таким:
http://s1.uploads.ru/i/yS1VC.gif
8) Начинаем второй переход.
Копируем четыре раза Слой 3, и помещаем копии снизу него:
http://s1.uploads.ru/i/h361A.png
9) На Слой 3 (копия) 4 идем в Фильтр > Другие > Сдвиг и ставим настройки:
http://s1.uploads.ru/i/aiSfI.png
На третьей копии делаем сдвиг -14, на второй -21, на первой -28.
10) Возвращаемся на Слой 3 (копия) 4 идем в Фильтр > Размытие в движении, и ставим смещение 5 (угол 0).
На третьей копии ставим смещение 12. На второй и первой - 20.
11) Копируем Слой 2 четыре раза.
12) Расставляем копии по тому же принципу, что в пункте 6. Если еще не поняли принцип, то так должна выглядеть панель слоев:
http://s1.uploads.ru/i/4LKvB.png
13) Объединяем с непрозрачностью на Слой 3 (копия) - 25.
Слой 3 (копия) 2 - 50.
Слой 3 (копия) 3 - 70.
Слой 3 (копия) 4 - 85.
Так должен выглядеть второй переход:
http://s1.uploads.ru/i/aye0G.gif
14) Третий переход.
Делаем 4 копии Слоя 3.
15) На первой копии идем в Фильтр > Искажение > Скручивание. (То, что этот слой не обрезан для нас очень кстати, и эффект выйдет именно таким, каким должен.)
Ставим угол -15. На последующих копиях -30, -45 и -60.
16) Теперь, чтобы немного отрегулировать движение, возвращаемся на Слой 3 (копия) и идем в Сдвиг.
Ставим настройки:
http://s1.uploads.ru/i/IpQSF.png
На втором копии, чтобы не усложнять себе жизнь, просто жмем дважды Ctrl+F (повторение предыдущего фильтра). На третьей копии жмем трижды, на четвертой - четыре раза.
17) Теперь добавим немного размытия. На первой копии идем в радиальное размытие, метод Линейное, степень 12.
На последующих копиях - степени 20, 32 и 40.
18) Для Слоя 4 повторяем самый первый пункт. Получившийся Слой 6 ставим снизу Слоя 4. Слой 4 делаем невидимым, а Слой 6 копируем трижды. Обзываем эти слои так:
http://s1.uploads.ru/i/7K5uM.png
19) На четвертой копии ставим Радиальное (линейное) размытие со степенью 25, на третьей - 50, на второй - 75, на первой - 100.
20) Расставляем слои по тому же принципу, что и в предыдущих пунктах, но немного по-другому, т.е. "крайние" копии не трогаем, а объединять будем только по 3 слоя:
http://s1.uploads.ru/i/inCZj.png
Объединяем с непрозрачностью 30, 50 и 70% (начиная с низу).
Результат третьего перехода:
http://s1.uploads.ru/i/iDAjH.gif
21) Четвертый переход.
Копируем 4 раза Слой 4.
22) На первой копии идем в Фильтр > Искажение > Искривление, и придаем кривой такой вид:
http://s1.uploads.ru/i/FynAL.png
На второй копии жмем дважды Ctrl+F, на третьей три раза, на четвертой четыре.
23) Проделываем со Слоем 5 первый пункт, получившийся слой ставим снизу него и копируем трижды. Слой 5 делаем невидимым. Переименовываем копии:
http://s1.uploads.ru/i/BFNjW.png
24) На четвертой копии идем в Фильтр > Искажение > Сферизация, и ставим степень -15.
На третьей копии -30, на второй -45, на первой -60.
25) Возвращаемся на четвертую копию и ставим Радиальное (линейное) размытие 20. На третьей копии 40, на второй 60, на первой 80.
26) Расставляем слои так, как в двадцатом пункте:
http://s1.uploads.ru/i/dOWYo.png
Объединяем с непрозрачностью 30, 55, 75 начиная с низу.
Четвертый переход готов:
http://s1.uploads.ru/i/4pKUY.gif
27) Пятый переход.
Делаем со Слоем 5 пункт один, получившийся слой копируем три раза. Переименовываем копии:
http://s1.uploads.ru/i/Eh7kg.png
28) На первой копии идем в Искажение > Коррекция дисторсии, и двигаем верхний бегунок до -7 :
http://s1.uploads.ru/i/xewOE.png
На второй копии до -14, на третьей -21, на четвертой -28.
29) Далее, на первой копии делаем Радиальное (метод - кольцевое) размытие со степенью 7.
На последующих копиях - 15, 25, 35.
30) Возвращаемся на самый первый слой, Слой 1, и делаем с ним первый пункт. Получившийся слой перетаскиваем в самый конец, чтобы он стоял последним.
31) Копируем его трижды, переименовываем:
http://s1.uploads.ru/i/RZ9oF.png
32) На четвертой копии делаем Сферизацию -15, на третьей -30, на второй -45, на первой -60.
33) Радиальное (линейное) размытие на четвертой копии 20, на третьей 40, на второй 60, на первой 80.
34) Расставляем:
http://s1.uploads.ru/i/k5z8v.png
Объединяем с непрозрачностью 25, 45, 70.
Пятый переход:
http://s1.uploads.ru/i/7guCQ.gif
Пока с учетом всех переходов у нас получилась такая анимация:
http://s1.uploads.ru/i/VpYUw.gif
Мне кажется, вышло мило, но больно уж просто, поэтому чтобы разнообразить переходы, мы добавим еще несколько эффектов.
35) Я подумала, что хорошо будет смотреться, если добавить в последний переход "водичку", используя фильтр WaterRipples из плагина Redfield. Если у вас нет этого плагина, вы можете скачать его по этой ссылке . Для установки запустите установочный файл в папке Setup и следуйте инструкциям. (Не забудьте после установки плагина перезагрузить фотошоп).
36) Теперь уже кадируем все слои с помощью инструмента Рамка.
37) Работаем с последними пятью слоями анимации.
Нам нужно, чтобы эффект был мягким и не слишком заметным. Для этого мы делаем так. Копируем первый из последних пяти слоев и находим наш фильтр:
http://s1.uploads.ru/i/dMI0b.png
Ставим такие настройки:
http://s1.uploads.ru/i/kHmaC.png
Уменьшаем непрозрачность у слоя до 50%, и жмем Объединить с предыдущим слоем.
38) Точно так же копируем следующий слой, применяем фильтр, передвинув этот бегунок:
http://s1.uploads.ru/i/eTbfJ.png
уменьшаем непрозрачность, объединяем с предыдущим. На следующих трех слоях делаем то же самое с настройками -27, -14 и -5.
Таким образом теперь выглядит наш переход:
http://s1.uploads.ru/i/6NpFQ.gif
39) Работаем с четвертым переходом.
Он состоит из пяти слоев. Три средних я полностью обесцвечиваю (Изображение > Коррекция> Обесцветить), а два крайних обесцвечиваем наполовину (Изображение > Коррекция > Цветовой тон/Насыщенность, и ставим Насыщенность -50).
40) На втором слое перехода идем в Фильтр > Имитация > Пастель, и ставим такие настройки:
http://s1.uploads.ru/i/r926U.png
То же самое делаем на четвертом слое.
А на третьем меняем настройки:
http://s1.uploads.ru/i/GlLrs.png
Результат:
http://s1.uploads.ru/i/3X0oY.gif
Сейчас может показаться, что это смотрится некрасиво, но при определенном освещении будет лучше ;3
41) У нас сейчас есть 5 слоев, на которых не применены никакие эффекты. По-идее они должны называться просто Слой 1, Слой 2, Слой 3 и т.п., то есть это первоначальные слои. Кое-где нужно добавить еще путем их копирования.
Слой 1 копируем два раза.
Слой 2 - один раз.
Слой 3 не копируем.
Слой 4 - один раз.
Слой 5 - один раз.
42) Теперь, ради моего и вашего удобства, делаем такую вещь.
Открываем панель анимации. Там сейчас должен быть только один кадр - самый первый слой. Если есть другие, то нажмите Удалить анимацию.
Нажимаем Создать кадры из слоев.
Далее Создать слои из кадров.
И снова удаляем анимацию.
Смотрим на нашу панель слоев: в начале идут все наши слои, а потом начинаются все те же слои по второму разу, только названия у них Кадр 1, Кадр два и так далее.
Так вот. Мы удаляем все слои до слоя Кадр 1. Это вообще-то не обязательное действие, но когда я буду объяснять освещение, это пригодится для того, чтобы не запутаться в порядке слоев.
С освещением будет трудновато, поскольку это не должны быть простые круговые фонари. Пускай уровень этой анимации - далеко не проф, но все же обычный "хоровод" сюда не катит. Поэтому для каждого слоя я буду давать опр. расположение фонариков и настройки.
43) Освещение.
(Фильтр >Рендинг> Эффект освещения)
Я думаю, будет хорошо смотреться один прожектор и одна лампочка.
Первоначально делаем такие настройки:
http://s1.uploads.ru/i/y8UGp.png http://s1.uploads.ru/i/pdqNw.png
Далее я показываю только их расположение, начиная с первого слоя. Тот фанарь, что выделен - это всегда лампочка.
1. http://s1.uploads.ru/i/PVWOt.png
2. http://s1.uploads.ru/i/9AoJ8.png
3. http://s1.uploads.ru/i/EUX0B.png
4. http://s1.uploads.ru/i/2ZSsi.png
5. http://s1.uploads.ru/i/xEU6L.png
6. http://s1.uploads.ru/i/awCyu.png
7. http://s1.uploads.ru/i/t4brU.png
8. http://s1.uploads.ru/i/PtemS.png
9. http://s1.uploads.ru/i/tJz8M.png
10. http://s1.uploads.ru/i/fM5Sc.png
11. http://s1.uploads.ru/i/f73uP.png
12. http://s1.uploads.ru/i/jqHoQ.png
13. http://s1.uploads.ru/i/Nxtir.png
14. http://s1.uploads.ru/i/XpsVG.png
15. http://s1.uploads.ru/i/r647B.png
16. http://s1.uploads.ru/i/1Tw0a.png
17. http://s1.uploads.ru/i/ZlMyz.png
Здесь мы увеличиваем яркость у лампочки до 21.
18. http://s1.uploads.ru/i/UpQy2.png
19. http://s1.uploads.ru/i/Pe9bl.png
20. http://s1.uploads.ru/i/7MrRj.png
21. http://s1.uploads.ru/i/HkBvn.png
22. http://s1.uploads.ru/i/j6CEU.png
23. http://s1.uploads.ru/i/ascTE.png
Увеличиваем яркость у лампочки до 28.
24. http://s1.uploads.ru/i/Faj9b.png
25. http://s1.uploads.ru/i/X4xnw.png
26. http://s1.uploads.ru/i/uLyv8.png
Снова уменьшаем до 21
27. http://s1.uploads.ru/i/7VIvN.png
28. http://s1.uploads.ru/i/Lb7lT.png
29. http://s1.uploads.ru/i/Kktf2.png
30. http://s1.uploads.ru/i/WBntR.png
31. http://s1.uploads.ru/i/Ckw3v.png
32. http://s1.uploads.ru/i/tzyYs.png
33. http://s1.uploads.ru/i/wsNWl.png
Результат освещения:
http://i27.beon.ru/22/24/802422/0/65400200/7.gif
44) Следующим шагом добавим немного бликов.
Первый блик будет на слоях с 4 по 9.
На 4 слое идем в Фильтр >Рендинг> Блик, ставим такие настройки и устанавливаем центр блика:
http://s1.uploads.ru/i/aZNeI.png
На 5 слое, не перемещая центра блика, меняем яркость на 100.
6 слой - 130
7 - 150
8 - 100
9 - 50
Следующий блик - с 15 по 20 слои.
15 слой:
http://s1.uploads.ru/i/hOY9W.png
16 - яркость 100
17 - 130
18 - 150
19 - 120
20 - 50
с 18 по 24:
18:
http://s1.uploads.ru/i/SqU0k.png
19 - 110
20 - 140
21 - 160
22 - 120
23 - 90
24 - 50
с 22 по 26
22:
http://s1.uploads.ru/i/iWPQL.png
23 - 110
24 - 150
25 - 120
26 - 50
с 27 по 31
27:
http://s1.uploads.ru/i/iSseX.png
28 - 110
29 - 150
30 - 110
31 - 50
На этом урок, собственно говоря, окончен. Жду ваших результатов)