В ходе переписки с форумчанином Александром Северным возникла идея немного поговорить об анимации. Благодаря ей украшаются многие форумы и веб-страницы. Именно она дает многие спецэффекты как играющий блик на ружье или "живой" дым от сигареты на фотографии…
На самом деле вся эта процедура занимает не более 5мин. Напишу об этом – может кому-то понравится или окажется полезным…
Напишу я сегодня про эффект слайд-шоу. Для примеров я взяла несколько фото форумчан - надеюсь не обидятся на меня...:oops: :)
В начале открываем Фотошоп. Сразу хочу отметить - очень важно открыть панель История/History в меню Окно/Window в Фотошопе, чтобы Вы имели возможность многократно отменить свои действия, которые Вам не понравились или хотите редактировать, а также панель Слои/Layers. Если перед ними не стоит галочка, то нажимаем мышкой на них 1 раз:
1. Ну и открываем нужный нам файл как и во всех программах через Файл/Открыть. Вот первое фото в слайде:
2. Далее сворачиваем ( :!: ) этот файл, открываем 2-е фото и выделяем фото (Ctrl+A или в меню Выделение/Select выбираем Все/All) и копируем в буфер (Ctrl+C), после чего можно закрыть файл и открыть свернутый первый файл. Мышкой стоим в панели слоев выбирая единственный слой Задний план/Background
и нажимаем Ctrl+V, 2-ое фото добавился в палитру слоев под названием Слой 1/Layer 1...
3. Следуя 2-му шагу добавляем все фотографии, я выбрала 7 фото и все они в палитре слоев…
Все, остается анимировать фото. Перед этим отключаем видимость всех слоев кроме Задний план (нажимаем на глазик перед названием слоя) и мышкой выделяем Задний план...
Переходим в Image Ready (Shift+Ctrl+M) или в меню Окно/Window нажимаем на Анимация/Animation. Появляется окно анимации...
1. В окне Анимация нажимаем на опцию Дублировать кадр/Duplicates selected frames:
2. Включаем видимость Слой 1 (нажимаем туда где был глазик), а дальше нажимаем на Добавить промежуточные кадры/Tweens animation frames...
Открывается окно в котором ставим эти значения (Previous frame=Предыдущий кадр):
Далее повторяем шаги 1-2, только вместо Слоя 1 будет Слой 2, 3, 4, 5 и тд. и тп. После того как сделали видимым последний слой (у меня Слой 7) и добавили промежуточные кадры к предыдущему кадру, в окне анимация стоим на последнем кадре и опять добавляем промежуточные кадры, только вместо Предыдущего кадра выбираем Первый кадр/First frame...
В панели Анимация я время показа установила на основные кадры 2с, на промежуточные 0,2с (нажимаем на стрелку под кадром и выбираем нужно время). Проверяем что получилось – нажимаем на кнопку Проигрывать анимацию/Play animation:
Все, можно сохранить как gif: Сохранить Оптимизированный Как/Save Optimized As или Сохранить для Веб (Alt+Shift+Ctrl+S), в открывающемся новом окне Сохранить (не забываем, что выбираем GIF, а далее тип файла HTML и Рисунок или только Рисунок...
От параметров, которые вы выберете будет зависеть размер и качество файла. И еще 2 совета:
1. Выбирайте на слайд-шоу, которое собираетесь разместить в интернете, фотографии хорошего качества, так как при сжатии и сохранении они будут выглядет намного хуже, чем в оригинале...:!:
2. Помните, что чем больше промежуточных кадров, тем больше весит файл...:!:
Анимация - это территория фантазии. Экспериментируйте с кадрами, со временем показа, с количеством промежуточных кадров. Кстати, благодаря ей можно сделать интересные аватарки...:)
А вот еще примеры анимации:
2 Terem: когда Руслан почитал этот отчет - сказал, что для него это высшая математика. Хочу Вас похвалить - Вы замечательно справились с вопросом анимации, и разрушили миф о том, что анимация - "высшая математика"... :)
Хочу подсказать кое-что...
У вас было 7 слоев (7 фото посчитала я). До того, как открыли Image Ready (или Анимация) - все беспорно верно сделано...
Сбились (если хотели сделать плавные переходы) Вы во 2-м шаге анимации, вместо Tweens нажали Dublicates...
Рекомендую для укрепления знаний взять 3 фото, чтобы не запутались с 7-ю сразу. Как у меня
1. Отключили видимость верхних 2-х, встали на нижний...
2. В окне анимации сперва нажимайте Dublicates и включите видимость 2-го слоя (глазик)...
3. В окне анимации появится и 2-й фото (синим цветом должен быть выделен, если вы выделяли 1-й кадр, то вернитесь обратно на 2-й кадр - т.е.выделите именно его), вот только после этого нажимайте Tweens...
Открывается окно, ставим параметры...
И 1-й проверочный момент Вашей работы - в окне анимации 1-й и 7-й кадры четкие фото с 1-го и 2-го слоя, а 2-6 кадры промежуточны и в них есть элементы с обоих фото...
4. Далее (стоим на 7-м кадре) - опять Dublicates - в окне анимации появляется 8-й кадр - это 3-е фото с палитры слоев...
5. И опять (стоим на 8-м кадре) - Tweens с теми же параметрами...
И 2-й проверочный момент проделанной работы - 1-й, 7-й и 13-й кадры в окне анимация четкие фото с палитры слоев, а все остальное промежуточные кадры с элементами с этих фото...
6. Стоим на 13-м кадре и опять Tweens, только в этот раз выбираем First frame...
И если вы все правильно сделали в окне анимация у вас должно быть 18 кадров - 1,7,13 четкие кадры, все остальные промежутные. Время проказа основных - 1,7,13 кадра ставим 2с, всех остальных 0,2с...
Ну и результат...
Уверяю Вас, со временем сами выучите все трюки анимации. Только для начала рекомендую взять 3 фото, с опытом и навыком - увеличивайте количество фото на слайд-шоу...
Удачи!..:)