Предупреждаю сразу, первый раз эта анимация занимает приблизительно час. Так что наберемся терпения и начнем)
Итог:
Давайте попробуем сделать с моими исходниками, поскольку не со всеми может получится.
1.
2.
И делаем такие слои:
1)Находясь на втором слое, выделяем изображение полностью инструментом прямоугольного выделения:
И жмем Ctrl+J. Это для того, чтобы вырезать только видимую часть на новый слой, то есть обрезать только этот слой, а не все слои.
Должен появиться новый слой, Слой 6. Передвигаем его на одно положение вниз, так, чтобы он шел вторым. Слой 2 делаем невидимым.
2) Делаем активным Слой 6. Жмем 3 раза Ctrl+J для того, чтобы сделать копии этого слоя.
На панели слоев должна быть такая картина:
3) Для большего удобства переименовываем копии второго слоя таким образом:
4) Находясь на четвертой копии, идем в Фильтр > Размытие > Радиальное размытие, и ставим такие настройки:
На третьей копии делаем то же самое, но степени ставим 50. На второй - 75, на первой - 100.
5) Делаем 4 копии Слоя 1.
Наша панель слоев:
6) Расставляем копии слоев через один, то есть таким вот образом:
7) На Слой 2 (копия 1) ставим непрозрачность 25% и жмем Слой> Объединить с предыдущим (или с помощью Ctrl+E).
На Слой 2 (копия 2) делаем то же самое, только с непрозрачностью 55%.
На Слой 2 (копия 3) с 75%.
На Слой 2 (копия 4) с 85%.
Первый переход окончен.
Результат должен быть таким:
8) Начинаем второй переход.
Копируем четыре раза Слой 3, и помещаем копии снизу него:
9) На Слой 3 (копия) 4 идем в Фильтр > Другие > Сдвиг и ставим настройки:
На третьей копии делаем сдвиг -14, на второй -21, на первой -28.
10) Возвращаемся на Слой 3 (копия) 4 идем в Фильтр > Размытие в движении, и ставим смещение 5 (угол 0).
На третьей копии ставим смещение 12. На второй и первой - 20.
11) Копируем Слой 2 четыре раза.
12) Расставляем копии по тому же принципу, что в пункте 6. Если еще не поняли принцип, то так должна выглядеть панель слоев:
13) Объединяем с непрозрачностью на Слой 3 (копия) - 25.
Слой 3 (копия) 2 - 50.
Слой 3 (копия) 3 - 70.
Слой 3 (копия) 4 - 85.
Так должен выглядеть второй переход:
14) Третий переход.
Делаем 4 копии Слоя 3.
15) На первой копии идем в Фильтр > Искажение > Скручивание. (То, что этот слой не обрезан для нас очень кстати, и эффект выйдет именно таким, каким должен.)
Ставим угол -15. На последующих копиях -30, -45 и -60.
16) Теперь, чтобы немного отрегулировать движение, возвращаемся на Слой 3 (копия) и идем в Сдвиг.
Ставим настройки:
На втором копии, чтобы не усложнять себе жизнь, просто жмем дважды Ctrl+F (повторение предыдущего фильтра). На третьей копии жмем трижды, на четвертой - четыре раза.
17) Теперь добавим немного размытия. На первой копии идем в радиальное размытие, метод Линейное, степень 12.
На последующих копиях - степени 20, 32 и 40.
18) Для Слоя 4 повторяем самый первый пункт. Получившийся Слой 6 ставим снизу Слоя 4. Слой 4 делаем невидимым, а Слой 6 копируем трижды. Обзываем эти слои так:
19) На четвертой копии ставим Радиальное (линейное) размытие со степенью 25, на третьей - 50, на второй - 75, на первой - 100.
20) Расставляем слои по тому же принципу, что и в предыдущих пунктах, но немного по-другому, т.е. "крайние" копии не трогаем, а объединять будем только по 3 слоя:
Объединяем с непрозрачностью 30, 50 и 70% (начиная с низу).
Результат третьего перехода:
21) Четвертый переход.
Копируем 4 раза Слой 4.
22) На первой копии идем в Фильтр > Искажение > Искривление, и придаем кривой такой вид:
На второй копии жмем дважды Ctrl+F, на третьей три раза, на четвертой четыре.
23) Проделываем со Слоем 5 первый пункт, получившийся слой ставим снизу него и копируем трижды. Слой 5 делаем невидимым. Переименовываем копии:
24) На четвертой копии идем в Фильтр > Искажение > Сферизация, и ставим степень -15.
На третьей копии -30, на второй -45, на первой -60.
25) Возвращаемся на четвертую копию и ставим Радиальное (линейное) размытие 20. На третьей копии 40, на второй 60, на первой 80.
26) Расставляем слои так, как в двадцатом пункте:
Объединяем с непрозрачностью 30, 55, 75 начиная с низу.
Четвертый переход готов:
27) Пятый переход.
Делаем со Слоем 5 пункт один, получившийся слой копируем три раза. Переименовываем копии:
28) На первой копии идем в Искажение > Коррекция дисторсии, и двигаем верхний бегунок до -7 :
На второй копии до -14, на третьей -21, на четвертой -28.
29) Далее, на первой копии делаем Радиальное (метод - кольцевое) размытие со степенью 7.
На последующих копиях - 15, 25, 35.
30) Возвращаемся на самый первый слой, Слой 1, и делаем с ним первый пункт. Получившийся слой перетаскиваем в самый конец, чтобы он стоял последним.
31) Копируем его трижды, переименовываем:
32) На четвертой копии делаем Сферизацию -15, на третьей -30, на второй -45, на первой -60.
33) Радиальное (линейное) размытие на четвертой копии 20, на третьей 40, на второй 60, на первой 80.
34) Расставляем:
Объединяем с непрозрачностью 25, 45, 70.
Пятый переход:
Пока с учетом всех переходов у нас получилась такая анимация:
Мне кажется, вышло мило, но больно уж просто, поэтому чтобы разнообразить переходы, мы добавим еще несколько эффектов.
35) Я подумала, что хорошо будет смотреться, если добавить в последний переход "водичку", используя фильтр WaterRipples из плагина Redfield. Если у вас нет этого плагина, вы можете скачать его по этой ссылке . Для установки запустите установочный файл в папке Setup и следуйте инструкциям. (Не забудьте после установки плагина перезагрузить фотошоп).
36) Теперь уже кадируем все слои с помощью инструмента Рамка.
37) Работаем с последними пятью слоями анимации.
Нам нужно, чтобы эффект был мягким и не слишком заметным. Для этого мы делаем так. Копируем первый из последних пяти слоев и находим наш фильтр:
Ставим такие настройки:
Уменьшаем непрозрачность у слоя до 50%, и жмем Объединить с предыдущим слоем.
38) Точно так же копируем следующий слой, применяем фильтр, передвинув этот бегунок:
уменьшаем непрозрачность, объединяем с предыдущим. На следующих трех слоях делаем то же самое с настройками -27, -14 и -5.
Таким образом теперь выглядит наш переход:
39) Работаем с четвертым переходом.
Он состоит из пяти слоев. Три средних я полностью обесцвечиваю (Изображение > Коррекция> Обесцветить), а два крайних обесцвечиваем наполовину (Изображение > Коррекция > Цветовой тон/Насыщенность, и ставим Насыщенность -50).
40) На втором слое перехода идем в Фильтр > Имитация > Пастель, и ставим такие настройки:
То же самое делаем на четвертом слое.
А на третьем меняем настройки:
Результат:
Сейчас может показаться, что это смотрится некрасиво, но при определенном освещении будет лучше ;3
41) У нас сейчас есть 5 слоев, на которых не применены никакие эффекты. По-идее они должны называться просто Слой 1, Слой 2, Слой 3 и т.п., то есть это первоначальные слои. Кое-где нужно добавить еще путем их копирования.
Слой 1 копируем два раза.
Слой 2 - один раз.
Слой 3 не копируем.
Слой 4 - один раз.
Слой 5 - один раз.
42) Теперь, ради моего и вашего удобства, делаем такую вещь.
Открываем панель анимации. Там сейчас должен быть только один кадр - самый первый слой. Если есть другие, то нажмите Удалить анимацию.
Нажимаем Создать кадры из слоев.
Далее Создать слои из кадров.
И снова удаляем анимацию.
Смотрим на нашу панель слоев: в начале идут все наши слои, а потом начинаются все те же слои по второму разу, только названия у них Кадр 1, Кадр два и так далее.
Так вот. Мы удаляем все слои до слоя Кадр 1. Это вообще-то не обязательное действие, но когда я буду объяснять освещение, это пригодится для того, чтобы не запутаться в порядке слоев.
С освещением будет трудновато, поскольку это не должны быть простые круговые фонари. Пускай уровень этой анимации - далеко не проф, но все же обычный "хоровод" сюда не катит. Поэтому для каждого слоя я буду давать опр. расположение фонариков и настройки.
43) Освещение.
(Фильтр >Рендинг> Эффект освещения)
Я думаю, будет хорошо смотреться один прожектор и одна лампочка.
Первоначально делаем такие настройки:
Далее я показываю только их расположение, начиная с первого слоя. Тот фанарь, что выделен - это всегда лампочка.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
Здесь мы увеличиваем яркость у лампочки до 21.
18.
19.
20.
21.
22.
23.
Увеличиваем яркость у лампочки до 28.
24.
25.
26.
Снова уменьшаем до 21
27.
28.
29.
30.
31.
32.
33.
Результат освещения:
44) Следующим шагом добавим немного бликов.
Первый блик будет на слоях с 4 по 9.
На 4 слое идем в Фильтр >Рендинг> Блик, ставим такие настройки и устанавливаем центр блика:
На 5 слое, не перемещая центра блика, меняем яркость на 100.
6 слой - 130
7 - 150
8 - 100
9 - 50
Следующий блик - с 15 по 20 слои.
15 слой:
16 - яркость 100
17 - 130
18 - 150
19 - 120
20 - 50
с 18 по 24:
18:
19 - 110
20 - 140
21 - 160
22 - 120
23 - 90
24 - 50
с 22 по 26
22:
23 - 110
24 - 150
25 - 120
26 - 50
с 27 по 31
27:
28 - 110
29 - 150
30 - 110
31 - 50
На этом урок, собственно говоря, окончен. Жду ваших результатов)
Интерестная анимация
Страница: 1
Сообщений 1 страница 1 из 1
Поделиться12012-09-25 23:06:49
Страница: 1