В четвёртом уроке тренинга мы будем учится работать с action(действия) или экшн и на основе выполненного действия делать анимацию. Данный урок написан по мотивам урока "Анимация акции "25 кадров" от Ольги Бор,оригинал урока здесь
также на сайте Ольги вы можете прочитать обзор по работе с акциями для русской версии фотошопа
этот урок дополненный и немного переделанный мной,подходит для русской версии фотошопа CS2,CS3,CS5
Результат урока
Урок "Анимация с использование action 25 кадров"
Для работы нам понадобится 2 коллажа сделанные вами в уроке №3 и
собственно сам action.
Скачать экшн "25 кадров" можно здесь.
как и куда загружать экшн читайте здесь
Приступим непосредственно к уроку.
1.Открываем один коллаж(любой),загружаем экшн.
Открываем и запускаем экшн(см.скриншот) нажимайте по пунктам...
1.открыли окно операции
2.выбрали нужный нам набор
3.сделали активной нужную операцию
4.жмём на плей
выскочит окно ,нажимайте продолжить...
пока операция выполняется,медитируем.... :))
в конце выскочит ещё окно,жмём продолжить чтобы сделать наклон кусочкам или стоп чтобы е делать...я нажала продолжить...
затем жмём стоп...
получаем такую картину...
2.Смотрим на панель слоёв и видим что каждый кусочек находится на отдельном слое,что нам для создания анимации очень удобно!
Нажмите на треугольник у папки чтоб скрыть слои...
получаем 2 слоя...
один папка с кусочками внутри,второй фон...
3.Фон-то нам и не подходит,переходим на слой фон,берём инструмент градиент,выбираем подходящий по цветовой гамме к коллажу и заливаем фон градиентом.
4.Коллаж у нас для анимации достаточно большой(600 пикс),уменьшаем его...
идём в изображение-размер изображения,выставляем ширину 500 пикс
Анимация.
Первый вариант анимации.5.Открываем окно анимации...идём в окно-ставим галочку напротив "анимация"
открывается такое окно,один кадр у нас уже есть...на нём видны все слои картинки.
нажимаем на "создать копию кадра"(листок с загнутым уголком)
и убираем видимость(нажать на глазик) с любого слоя,например с А4...
создаём ещё один кадр...
и убираем видимость с ещё одного слоя...например с С1
продолжаем дальше создавать кадры и убирать видимость со слоёв...один кадр-убрали видимость с одного слоя.
В итоге у вас должно получится 26 кадров.
На последнем кадре виден только слой с фоном.
6.теперь,если мы нажмём на кнопку "плей"
то увидим такую анимацию...у нас по одному исчезают кусочки коллажа...
7.продолжаем работать!наша задача сделать анимацию боле приятной для просмотра!Сейчас кадры сменяют друг друга очень быстро и анимация выглядит не законченной...
в панели анимации жмём на кнопку показанную стрелочкой,открываем меню и выбираем "выделить все кадры"
все кадры выделились синим цветом...
опять нажимаем на меню и выбираем "скопировать кадры"
третий раз нажимаем на меню и выбираем "вставить кадры"
выскочит окно,в нём выставляем галочку на "вклеить после выделенной области" и жмём на "ок"
у нас получилось 52 кадра...
это двойная полная анимация,а нам надо чтоб кусочки сначала исчезали,а потом появлялись..
8.для этого опять идём в меню и выбираем "обратный порядок кадров"
9.теперь надо выставить время и избавится от лишних кадров..
удаляем последний (52)кадр-у нас уже такой есть,это номер 1
а также удаляем кадр номер 27,так как номер 26 точно такой же...
выставляем у кадра номер 26 время 1 сек.(чтоб открыть окно с параметрами времени,жмём на маленькую стрелочку возле "0 сек")
на первом кадре ставим время 2 сек и смотрим чтоб стояло слово "постоянно" а не "один раз"
10. Жмём на плей и получаем уже другую анимацию.
Сохраняем результат!
Идём в файл-сохранить для web,выбираем формат gif...!
жмём на сохранить,выбираем папку,даём название... Также сохраните документ в формате psd,если не планируете делать второй вариант анимации сразу же!
Второй вариант анимации.
11.Открываем второй коллаж из третьего урока,применяем к нему action,уменьшаем размер до 500 пикс,
закрываем папку и переносим(инструментом перемещения тянем на наш документ) папку в документ со сделанной анимацией... как переместить.....!
12.У нас теперь 2 папки и слой с фоном...
13.Для ровного размещения второго коллажа нам нужны "быстрые направляющие",открываем их...
идём в просмотр-показать-ставим галочку напротив быстрые направляющие...
14.Инструментом перемещение размещаем второй коллаж так чтобы со всех сторон от коллажа были видны направляющие(розовые линии)...тогда он будет размещён ровно.
15.Заходим в меню анимации и удаляем анимацию.
16.У первого кадра ставим опять время "без задержки"
делается это для того чтобы последующие кадры тоже были без задержки...если б мы оставили 2 сек,то все остальные кадры тоже бы отображались по 2 сек...а это очень долго)))
17.Приступим к анимации...в первом варианте мы отключали видимость слоёв в хаотичном порядке,здесь мы будем отключать видимость последовательно...слой за слоем..
Создаём новый кадр(№2) и отключаем видимость слоя А1,создаём кадр(№3) и отключаем видимость слоя А2...и так дальше создаём кадры и отключаем видимость пока не дойдём до 26 кадра...на мы видим уже полностью второй коллаж.Открываем папку и продолжаем дальше создавать кадры и убирать глазики видимости у второго коллажа...
18.У нас получилось 52 кадра.
Теперь переходим на первый кадр и делаем его копию,берем эту копию и перетаскиваем в самый конец анимации
19.на 51 кадре у вас виден только фон,на 52 первый коллаж
20.Переходим на 51 кадр,жмём на кнопку "создать фреймы" (отмечена на скриншоте)
выскочит окно,в нем ставим "добавить кадров" -5,жмём на ок!
после 51 кадра появились 5 полупрозрачных кадров...
выставляем время,
для последнего 2 сек.,для 51 кадра 0,5 сек
жмём на плей и любуемся!
другие варианты:
Задание для тренинга:
Сделать 2 анимированные картинки с использование коллажей из третьего урока,с применением двух вариантов анимации.
Напоминаю вам,что пока работа не принята-сохраняйте её дважды...
в формате psd и gif. Часы когда мы он-лайн:
время по Москве
Ольга Бор : с 12.00 до 18.00
Светлана Олещенко : с 23.00 до ...часов 2-3... и днём плавающие пару часов.
Настоятельно рекомендую вам публиковаться в одну ветку комментариев!
на урок отводим 5 дней
Следующий урок (№5) будет опубликован 17 апреля в 12.00
