Это цитата сообщения Arnusha Оригинальное сообщение
Размножение с нуля.Урок 3.Размножение кадра анимации.Часть 1
Размножение кадра анимации.
На сегодняшнем уроке мы продолжим учиться создавать анимацию в Photoshop CS3 и Photoshop CS4, продолжим изучение палитры Анимация (Animation) и ее команд, которые значительно упрощают работу по созданию анимированного изображения. В первом уроке я рассказывала, как с помощью команды Создать кадры из слоев сделать анимационную картинку падающего осеннего листика. Теперь же рассмотрим команду Вставка промежуточных кадров (Tween), которая позволит создать тоже самое, но с еще большей легкостью и бывает просто незаменимой функцией, поскольку позволяет избежать создания множества отдельных кадров анимации вручную. Эта команда создает плавный переход от одного ключевого кадра к другому, автоматически генерируя промежуточные кадры путем размножения выбранного (выделенного) кадра. Проще говоря, можно создать всего два кадра анимации. В первом кадре листочек расположить вверху картинки, а во втором внизу и, выделив первый кадр, нажать на кнопку Создать промежуточные кадры. Будут созданы дополнительные кадры, где и будет происходить плавное падение нашего листика сверху вниз. Мы теперь, даже, сможем взять для примера не один листик, а несколько. Напомню как выглядит палитра Анимация, и где расположены основные кнопки управления палитрой.
Таким образом, чтобы выполнить команду Создать промежуточные кадры необходимо нажать на соответствующую кнопку на самой палитре
либо в выпадающем меню палитры Анимация выбрать команду Создать промежуточные кадры. Как открыть выпадающее меню палитры Анимация, показано на картинке выше.
Итак, нажмем на эту кнопку, и посмотрим, какие параметры для этой команды мы сможем настраивать
В раскрывающемся списке Промежуточные кадры выбирается кадр, соседний с тем, который мы хотим размножить, поскольку вставка выполняется только между соседними кадрами.Т. е. указываем между какими кадрами появятся дополнительные. Например, если мы хотим размножить второй кадр, то в качестве соседнего можем выбрать как первый - Предыдущий кадр, так и третий (если таковой имеется) - Следующий кадр. В первом случае дополнительные кадры появятся между первым и вторым кадрами, а во втором - между вторым и третим. Первый кадр является соседним для последнего, поэтому можно делать вставку кадров в конец анимации, чтобы обеспечить плавный переход в цикле. Для первого кадра анимации в качестве соседнего можно выбрать как Последний кадр, и тогда вставка будет осуществляться в конец анимации, так и второй кадр (Следующий кадр), тогда вставка произойдет между первым и вторым кадрами анимации.
В изменяющемся поле Добавить кадров (Frames to Add) указывается количество кадров, которое вы хотите вставить. Чаще всего с этой опцией приходиться работать экспериментально. Необходимо найти то оптимальное количество дополнительных кадров, которое позволит обеспечить мягкий эффект перехода в вашей анимации и при этом без особого увеличения веса, создаваемого изображения.
В области Слои (Layers) указывается какие слои кадра должны быть размножены. Предлагается два варианта на выбор: Все слои (All Layers) - размножаются все слои кадра, Выбранный слой (Selected Layer) - производится размножение только, выделенного на палитре Слоев (Layers) слоя. В большинстве случаев выбирается вариант Все слои.
В области Атрибуты слоя или Параметры слоя (Parameters) есть три флажка с помощью которых можно указать какие свойства слоев, выбранного для размножения кадра, подлежат копированию. Доступны следующие параметры: Положение или Позиция (Position), Непрозрачность (Opacity) и Эффекты(Effects).
Эта основная теория.
Теперь же приступим к более интересному - к практике. Создадим анимационное изображение использовав команду палитры Анимация Создать промежуточные кадры.
Для работы я взяла все те же опавшие осенние листочки и кучу с листьями, чтобы листочкам было
куда падать. Если кто захочет повторить урок с этими элементами можете скачать здесь 
Создадим новый документ размером, например, 900x650 на прозрачном фоне. Почему я беру прозрачный фон. Потому, что на этапе создания анимации основные участники действия - листочки, и они будут очень хорошо нам видны и будут четко видны все изменения, которые будут с ними происходит в процессе создания анимации. Для дальнейшей работы откроем изображения листочков на прозрачном фоне и изображение кучи с опавшими листья. Все это перенесем на созданный нами документ с прозрачным фоном и, с помощью инструментов трансформации Photoshop, изменим размеры листиков и кучи до тех, которые хотим видеть на своей картинке. У нас на палитре Слоев теперь есть 3 слоя. Я их назвала "Куча с листьями", "Желтый листик ", "Зелено-красный листик" . На палитре Анимация у нас также есть первый кадр, который и отображает все что имеется в данный момент на нашем созданном документе. Чтобы первый кадр был готов к анимации, нам нужно расположить все имеющиеся изображения так, как они будут участвовать в анимации. Т. е. куча с листьями у нас будет находится, естественно, внизу, где-то примерно посередине. Значит, выделив слой с кучей листьев на палитре Слоев, перетаскиваем кучу в нужное место. Листики, в первом кадре у нас будут находит вверху. Значит, выделив, по очереди, сначала слой с одним листиком, а потом с другим, перетаскиваем их вверх к месту их начального прибывания. Я определила им место одному вверху справа , другому - вверху слева. Причем как-бы убрала наши листики за рамку изображения, оставив видимыми только маленькие хвостики. Так создается ощущение, что они прилетают откуда-то сверху, с дерева. Вот как это выглядит на рабочем столе Фотошоп
Далее, нажав кнопку Новый кадр на палитре Анимация, получим второй кадр нашей анимационной картинки. Опять же, для того, чтобы он был полностью готов, наши элементы, участвующие в анимации, необходимо определить в новое место. В нашем случае это место, куда листики упадут (за кучу или на нее).
Все ключевые кадры нашей анимации созданы и теперь можно перейти к их размножению анимации. Для размножения выберем Первый кадр, выделив его на палитре Анимации. Нажимаем на кнопку Вставка промежуточных кадров или выбираем в меню палитры Анимация команду Создать промежуточные кадры. В появившемся диалоговом окне задаем параметры для данной команды. Выбирем количество промежуточных кадров 15 (вы, конечно, можете взять любое другое количество, которое нравится. Но для начала не советую брать слишком много). Соседним кадром в поле Промежуточные кадры выбираем - Следующий кадр. В области слои укажим для размножения Все слои и для параметров слоя выставим флажки во всех доступных параметрах, т.е. копируем все свойства выбранных слоев - Расположение, Непрозрачность и Эффекты. Задержку кадров анимации выставим предварительно 0,1. Если не понравится - всегда потом можно поменять. После применения команды Создать промежуточные кадры у нас образуется 17 кадров анимации - 2 ключевых кадра ( 1 и 17 - бывший второй кадр) и 15 автоматически созданных, между первым и вторым кадрами, промежуточных кадров анимации.
Теперь можно проиграть анимацию и посмотреть, что же у нас
получилось
Если не нравится траектория полета листиков можно в каждом отдельном кадре, предварительно выделив его, сместить их положение в нужном направлении. Можно вставить фон для нашей анимации. Для этого вспомним команду палитры Анимация Новые слои видны во всех кадрах, с которой знакомились в первом уроке
Анимация с нуля.Урок второй.Сохранение анимации
В программе Photoshop откроем любое изображение осеннего пейзажа (можно из рабочий папки для этого урока ).Перейдем к нашей анимации. Создадим новый слой. Слой > Создать новый слой. Назовем этот новый слой "Пейзаж". Убедимся, что в меню палитры Анимации против команды Новые слои видимы во всех кадрах стоит галочка. Теперь выделим изображение открытого пейзажа Выделение > Выделить все и Редактирование > Скопировать. Снова переходим к нашей анимации и выполняем команду Редактирование > Вклеить. Теперьизображение с пейзажем видно во всех кадрах нашей анимации.
Посмотреть на Яндекс.Фотках
Это конечный результат нашей работы. Теперь его можно сохранить. Как это сделать рассказано в посте
Анимация с нуля.Урок второй.Сохранение анимации
Хочу обратить особое внимание на то, что палитра Анимация программы Photoshop работает исключительно со слоями и поэтому в палитре Слои не должно быть закрепленных слоев с замочком. И еще. Если вы хотите дальше продолжить работу со своей анимацией, то сохраняйте ее в формате PSD. Файл > Сохранить как и в строчке тип файла указать PSD. Но для размещения в интернет этот формат не подойдет, поэтому для этой цели файл также придется сохранить в формате GIF. Файл > Сохранить для Web и устройств.В следующем уроке я расскажу вам о некоторых,
самых распространенных, приемах,которые используются для создания анимации.
Серия сообщений "Уроки по Photoshop":
Часть 1 - Анимация с нуля.Урок первый.
Часть 2 - Анимация с нуля.Урок второй.Сохранение анимации.
Часть 3 - Размножение с нуля.Урок 3.Размножение кадра анимации.Часть 1
Часть 4 - Размножение с нуля.Урок 3.Часть 2
Часть 5 - Повторение пройденного.
...
Часть 34 - Portable Adobe Photoshop CS5 Extended 12.0.3
Часть 35 - Анимация снега без всякого фотошопа.Урок
Часть 36 - Анимация дождя и луж без фотошопа.Урок.