Раздел 4 — Движение

Комментарии, часто встречаемые на форумах, можно свести к одной из трёх версий:

• Уменьшите количество движений — их слишком много.
• Вы могли бы использовать немного больше движения.
• Не используйте постоянно один и тот же эффект движения.

Что же на нам теперь делать? Как же нам узнать, когда движения много, и когда его мало? Ответ на этот вопрос осложняется тем фактом, что используемое нами количество движения является относительным к тому, что мы хотим показать или чего хотим достичь. Хотя всё то, что будет сказано далее, основано на чтении большого количества материала, на тщательном изучении и на большой практике, тем не менее, это всего лишь мнение.

Движение должно соответствовать изображению

Горы не двигаются, и поэтому вращающийся ландшафт изначально раздражает и напоминает головокружение перед потерей сознания. Если у вас нет серьёзных оснований вертеть гору, то, пожалуйста, не делайте этого. Вращайте мяч, качайте на руках щенка, пусть автомобиль со свистом проносится по экрану, но, пожалуйста, не вращайте ландшафты. Но помните — всё в мире является относительным, поэтому даже то, что вы делаете с ландшафтами, зависит от цели и духа презентации. В стремительных, неожиданных, комедийных, или просто странных презентациях допускаются нетрадиционные трюки с горами.

Для панорамирования требуются веские основания

Классическим местом для применения панорамирования являются панорамы. В панорамах на экране недостаточно места для размещения чересчур широких или высоких изображений, и панорамирование позволяет преодолеть нехватку места. Проблема, которую я вижу достаточно часто, заключается в том, что люди используют панорамирование вместо масштабирования. Например, предположим, что у вас есть широкая фотография выпускников 49 года. Маловероятно, что вы будет делать презентацию обо всех 70 выпускниках 49 года, но вы хотите мельком показать зрителям одноклассников своего дяди Гарольда. Так, вы применяете панорамирование изображения, останавливаетесь на молодом лице дяди Гарольда, возможно, слегка подсвечивая его. Никто не заботится об остальной части «населения» на этой фотографии, так почему вам до этого есть дело?

Расположите фотографию на экране в развёрнутом виде, затем увеличьте масштаб на своём дяде. Довольно часто этот трюк хорошо работает и с ландшафтами: впишите изображение целиком на экран, а затем увеличьте масштаб в месте, представляющим для вас особый интерес.

Панорамирование вполне подходит для тех случаев, когда вы хотите постепенно подвести аудиторию к «козырному» месту презентации. Вообразите панораму морского побережья в декабре. В это время года побережье безлюдно и пусто, за исключением одинокой фигуры, стоящей далеко справа и пристально смотрящей далеко в море. Плавное перемещение слева направо и остановка в тот момент, когда фигура появляется на экране, оправдывает применение панорамирования.

Я считаю, что ландшафты в целом более пригодны для панорамирования, чем фотографии людей. Люди обладают врождённой заинтересованностью в том, чтобы смотреть, как выглядят другие люди, и поэтому фотографии «проплывающих» людей обычно вызывают раздражение. Но в то же время помните, что любое движение относительно. Люди могут проноситься по экрану, если ключевая идея презентации заключена в лихорадочной активности, но, пожалуйста, не заставляйте невесту летать подобно бабе-яге на метле.

Для масштабирования также требуются веские основания

Я абсолютно не люблю смотреть презентации, в которых фотографии уменьшаются и увеличиваются без всяких на то причин. Как правило, подобные изыски означают, что создатель презентации думал, что подобные эффекты сделают презентацию более интересной. Не сделают! Если вы хотите увеличить фотографию, то делайте это в тех случаях, когда на фотографии есть нечто такое, на чём следует заострить внимание зрителей. Если вы собираетесь уменьшить фотографию, то делайте это тогда, когда хотите плавно перевести внимание зрителей от интересного места фотографии, на то, что окружает это место. В противном случае, в чём смысл масштабирования?

Естественно, смысл может быть в любом случае, но он всё равно напрямую зависит от целей презентации. Если фотография менее важна, чем то, что вы хотите сказать в целом, то масштабирование может быть использовано для акцентирования внимания на чём-либо, для подчёркивания музыкального ритма презентации, или для создания драмы или комедии.

Попридержите желание панорамировать или масштабировать

Презентация основана на фотографиях, а не вашем умении виртуозно вертеть фотографии на экране. В большинстве случаев панорамирование или масштабирование лучше начинать после того, как фотография попала поле зрения и задержалась на экране несколько мгновений перед окончательным выходом из поля зрения. Если вы не верите мне, то обратите внимание на панорамирования и масштабирования в кинофильмах. Предоставьте зрителям возможность реально увидеть фотографию, вместо того, чтобы напрягать их глаза, постоянно вынуждая их фокусироваться из-за непрекращающегося движения на экране. Вывод: панорамируйте что-то конкретное, и масштабируйте что-то конкретное. Если вы поступите наоборот, никто не поймет, что за чертовщину они смотрят.

Отрицательные комментарии

Отрицательные комментарии, главным образом, высказываются по поводу неуместности различных движений. Не используйте движения для добавления интереса к презентации, которую вы сами считаете скучной. Она всё равно останется скучной. Добавляйте движения, когда они действительно усиливают рассказ, тему или фотографию.

Ключевые кадры уходят корнями в прошлое, когда художники-мультипликаторы рисовали отдельные картинки вручную — кадр за кадром. Такие студии, как Дисней, нанимали основного или ключевого аниматора, работа которого заключалась в том, чтобы создать кадр, с которого начинается движение, и кадр, в котором движение заканчивается. Эти два кадра назывались ключевыми кадрами. Все промежуточные кадры, те, которые идут от начала и до конца движения, рисовались помощниками. В Producer ключевой аниматор — это вы, а программа — это ваш помощник в создании промежуточных кадров.

Многие пользователи Producer искренне считают, что пространство между двумя маркерами на шкале времени — это и есть ключевой кадр. Но это не так. Маркеры указывают на ключевые кадры. Вот, что в действительности находится на шкале времени:

Все эти пронумерованные квадратики не являются слайдами. На самом деле это промежуточные кадры, которые создаёт Producer, и которые создают видимость движения. Вот то, что мы видим на шкале времени:

Обратите внимание на две красных стелочки. Каждая из них указывает на отдельный ключевой кадр: стрелочка 1 — на ключевой кадр 1, а стрелочка 2 — на ключевой кадр 2. Ваша задача ключевого аниматора заключается в создании ключевого кадра 1 для начальной позиции и ключевого кадра 2 — для конечной позиции.

Если вы хотите, чтобы небольшой красный блок начал движение из левого нижнего угла экрана и поднимался по диагонали в правый верхний угол, то для осуществления этого действия вам понадобится всего два ключевых кадра. Вы позиционируете блок в ключевом кадре 1, указав, где он должен начать движение, а затем позиционируете его в ключевом кадре 2, указав его конечную позицию. Затем в игру вступает Producer и создаёт для вас все промежуточные кадры:

На странице «Движение» есть два области просмотра. Область слева показывает начальную позицию действия, а область справа — конечную. Вам, как ключевому аниматору, всё, что нужно сделать — это настроить оба ключевых кадра.

На иллюстрации выше в ключевом кадре 1 бабочка сидит в левом нижнем углу. В окне справа (ключевой кадр 2) бабочка передвинута в конечную позицию в правый верхний угол. Producer, будучи старательным помощником, нанятым вами, сделает промежуточные кадры за вас, создав впечатление летящей по ветру бабочки.

Многое ещё можно сделать с помощью всего лишь двух ключевых кадров, включая изменение прозрачности, переход от одного цвета к другому, и даже изменение размеров, так, что бабочка во время полёта может уменьшаться в размерах, создавая впечатления постепенного ухода их поля зрения. Но, независимо от того, какой эффект вы выберете, вы будете управлять его настройками начальной позиции в левой области, а настройками конечной позиции — в правой.

По умолчанию шкала времени Producer содержит два ключевых кадра, но при желании вы можете добавить сколько угодно ключевых кадров, необходимых для обеспечения движения бабочки по сложной траектории. Producer может делать много интересных вещей, но он не может читать ваши мысли. Так, если вы хотите, чтобы бабочка двигалась сначала вверх, а потом вправо, то вы должны сказать об этом программе. Вот что такое ключевые кадры — это инструкции, говорящие Producer, куда двигаться, как двигаться, и когда двигаться.

Чтобы заставить бабочку двигаться из нижней левой части экрана до середины верхней, а затем повернуть и идти обратно вниз, чтобы вылететь в правой части экрана, вам понадобится три ключевых кадра. Самый простой способ добавления ключевого кадра заключается в нажатии кнопки «+» слева от шкалы времени.

На рисунке ниже ключевой кадр добавлен в середину шкалы времени. Обратите внимание на затенённую полосу между ключевыми кадрами 1 и 2. Эта затенённая область указывает на то, что в данный момент вы работаете с этими двумя ключевыми кадрами. В ключевом кадре 1 бабочка располагается в начальной позиции, а в ключевом кадре 2 бабочка располагается в середине верхней части экрана. Также добавлено вращение, чтобы бабочка располагалась в правильном направлении при своём полёте вниз экрана.

Чтобы перейти к следующему набору ключевых кадров (2 — 3) щёлкните по серому участку на шкале времени между маркерами 2 и 3. Обратите внимание на то, что теперь левая область показывает бабочку в середине верхней части экрана в позиции ключевого кадра 2.

Теперь это начальный ключевой кадр для следующего действия. Всё, что нам нужно сделать сейчас — это перейти в правое окно и поместить бабочку в ключевом кадре 3.

Просмотрев слайд в области предварительного просмотра, вы увидите, что бабочка летит из левой нижней части экрана в середину верхней, а затем опускается в правую нижнюю часть.

После так, как вы поймёте основы ключевых кадров, что это такое и как управлять ими с помощью двух окон страницы «Движение», можно идти дальше.

Эффект вращения двух взаимосвязанных изображений.

1. Перетащите два изображения в слайд.
2. Откройте параметры слайда, перейдите на страницу «Слои → Параметры слоёв» и установите масштаб каждого слоя в 50%.
3. Создайте по одной копии каждого слоя, щёлкнув по каждому слою правой кнопкой мыши и выбрав команду «Дублировать слой».
4. Убедитесь, что слои расположены в следующем порядке:
   • Слой 1 = фотография A
   • Слой 2 = фотография Б
   • Слой 3 = фотография Б
   • Слой 4 = фотография A
5. Отключите слои 2 и 3, сняв галочки возле них.
6. Перейдите на страницу «Редактирование» и выберите слой 1.
7. Откройте окно обрезки изображения и измените ширину обрезки (левое число) до половины исходного размера, округлив при необходимости до ближайшего целого числа в меньшую сторону. Нажмите кнопку ОК.
8. Выберите слой 4 и выполните обрезку так, как вы это сделали в пункте 7, на этот раз округлив значение до ближайшего целого числа в большую сторону.
9. Передвиньте контур обрезки вправо до самого конца и нажмите кнопку ОК.
10. На странице «Эффекты → Движение» сдвигайте в левой области просмотра обе половинки (слой 1 и слой 4) до тех пор, пока между ними не останется зазора.
11. Значения панорамирования x в левой области просмотра должны быть одинаковыми для слоя 1 и для слоя 4, но слой 1 должен иметь отрицательное значение, а слой 4 — положительное.
12. Для обоих слоёв выполните команду «Copy Start to End» (Копировать начало в конец).
13. Теперь отключите слои 1 и 4 и включите слои 2 и 3.
14. Перейдите на страницу «Слои → Редактирование» и повторите пункты 7 — 12, но для слоёв 2 и 3.
15. На странице «Эффекты → Движение» выберите слой 2 и измените значение панорамирования конечного положения, сделав его 0 × 0.
16. Разблокируйте масштаб начальной и конечной позиции.
17. Измените конечный масштаб для x до 0, оставив масштаб y равным 50.
18. Переключитесь на слой 3 и сделайте значения конечного панорамирования 0 × 0.
19. Разблокируйте масштаб для начальной и конечной позиции, и установите конечный масштаб x в 0.
20. Просмотрите слайд в области просмотра. Фотография Б должна вращаться.
21. Отключите слои 2 и 3, и включите слои 1 и 4.
22. На странице «Движение» выберете слой 1.
23. Измените панорамирование начальной позиции до 0 × 0.
24. Разблокируйте масштаб с обеих сторон.
25. Сделайте начальный масштаб x равным 0, оставив y равным 50.
26. Выберите слой 4 и повторите пункты 23 — 25.
27. Включите все слои, и просмотрите слайд в области просмотра.
28. Если в начале слайда вы увидите линию между слоями 1 и 4, то добавьте очень короткий (0.03 секунды) входящий переход появления для обоих слоев.

В Photoshop

1. Загрузите бесплатные эффекты паззлов (Puzzle Effects).
2. Откройте фотографию, и прогоните её через этот эффект.
3. Фотография, в зависимости от вашего выбора, будет разрезана на 20, 30 или 56 частей.
4. Фотография будет помещена в фоновое изображение, которое необходимо удалить, возвратившись на семь шагов назад в истории, оставив только вырезанные части фотографии.
5. В палитре слоёв каждая часть паззла находится в собственном слое и помечена как a1, a2, a3, a4 и так далее.
6. Удалите фоновый слой.
7. Щёлкните по значку с глазом возле каждого слоя для отключения всех слоёв.
8. Затем включайте каждый слой по одному, и сохраняйте их в файлы PNG. После сохранения очередного слоя отключайте его, включайте следующий и сохраняйте его. Делайте это до тех пор, пока каждый слой не будет сохранён в отдельном файле.
9. Снова отключите все слои.
10. Настало время собирать паззл: порядок объединения не имеет значения — выберите любой слой, с которого вы хотите начать и включите этот слой.
11. Сохраните результат в файл puzzle01.png.
12. Оставьте этот слой включённым и включите следующий слой, сохранив результат в файл puzzle02.png.
13. Не забудьте записать порядок собранных частей, поскольку презентацию вы будете собирать в этом же порядке.
14. Повторяйте этот процесс до тех пор, пока не включите все слои и не сохраните каждый этап в отдельном файле PNG.

В ProShow

1. Создайте новую презентацию и выберите в качестве фона сплошной цвет (не используйте изображение в качестве фона).
2. Настройте презентацию так, чтобы все изображения и фон были установлены как «Вписать в безопасную зону». Это очень важно!
3. Сначала перетащите в первое изображение первую часть паззла (именно для этого и следовало записать порядок файлов).
4. Скопируйте и вставьте этот слайд. В результате должно получиться три последовательных слайда с одним и тем же файлом.
5. В первом слайде переместите изображение в другую позицию, убедившись, что начальная и конечная позиция изображения совпадает.
6. Во втором слайде убедитесь в том, что начальная позиция соответствует предыдущему слайду, а конечная позиция установлена в 0,0 с масштабом 100%.
7. Третий слайд должен соответствовать конечной позиции второго слайда. Убедитесь в том, что начальная и конечная позиция изображения этого слайда установлена в 0,0 с масштабом 100%.
8. После третьего слайда вставьте пустой слайд, используя файл puzzle01.png в качестве фонового изображения. Убедитесь в том, что включена опцию «Вписать в безопасную зону». Это действие завершит размещение первой части паззла.
9. Повторите шаги с 3 по 8 для каждой оставшейся части паззла: три последовательных слайда для каждый части, отделённые фоновым слайдом. Не забывайте следовать записанному порядку.
10. Время слайдов: попробуйте 3 секунды для второго слайда в каждом наборе и 0 секунд для первого и третьего слайда.
11. Время переходов установите в 0.
12. Для фонового изображения попробуйте продолжительность 0.5 секунд с последующим переходом тоже в 0.5 секунд. Измените по своему вкусу.

Примечание
Если у вас Photoshop® CS, то выполните команду «File → Scripts → Export layers to files». Это действие автоматизирует процесс сохранения каждого слоя в отдельный файл.

Ссылка на эффекты паззлов: http://www.panosfx.com/index.php?option=com_content&task=view&id=17&Itemid=27

1. В окне параметров слайда на странице «Эффекты → Движение» создайте цветной слой, нажав кнопку «+» и выбрав команду «Добавить сплошной цвет».
2. Затем разблокируйте масштаб слева так, чтобы вы смогли изменить масштаб y, сжав блок цвета до линии.
3. Также вы можете уменьшить длину линии, регулируя масштаб x.
4. Когда линия станет такой, какой вы хотите её видеть, нажмите кнопку «Копировать» и выберите команду «Копировать начало в конец».
5. В левой области просмотра переместите линию, например, влево, куда-нибудь в начало ключевого кадра 1.
6. Теперь в правой области просмотра переместите линию в конец ключевого кадра 2, туда, где она должна закончиться.
7. Используйте дополнительные ключевые кадры, если вы хотите, чтобы линия приостановилась, или изменила направление движения.

Этот же процесс можно использовать для любой формы, например, для прямоугольника

Возможности движущихся линий

Используя больше одной линии, вы можете создать сетку. Если комбинировать эту сетку с фотографиями различных размеров меньше неё, а затем изменить сетку так, чтобы она находилась на краях в местах соединения фотографий, вы можете создать эффект, при котором сетка будет помещаться на место, а затем фотографии будут появляться в различное время в блоках, создаваемых сеткой. Это делается посредством настройки позиции ключевого кадра 1 в каждой из фотографий так, чтобы они появлялись в различное время.

Другие типы линий

Линии можно составлять не только из простых цветов. Уменьшая оси X или Y изображений, вы можете использовать и их в качестве линий.

Для пробы

Уменьшите оси x или y до нуля, затем, в зависимости от желаемого направления движения, увеличивайте ось x или y до тонкой линии, а затем увеличивайте другую ось вплоть до 100%. Будет казаться, что линии расширяются наружу в противоположных направлениях из центра.