Анимация в Adobe Photoshop
Компьютерные технологии
Анимация в Adobe Photoshop
Многие учителя изобразительного искусства полагают, что для создания несложной анимации
требуются специальные компьютерные программы, которые нужно долго изучать. При этом они сильно удивляются, когда говоришь о том, что и в давно им знакомом Adobe Photoshop можно сделать анимированное изображение и в дальнейшем использовать его как заставку для wеb-странички.
О том, как это сделать, пойдёт речь в этой статье.
- Откройте заранее заготовленные изображения СВ и 2 красивые картинки, из которых будем собирать многослойную композицию, элементы которой будут составлять несложную анимацию. Для этого в основном меню программы щелкните левой клавишей мыши по слову "файл" и в открывшемся списке выберите "Открыть". В открывшемся окне найдите папку, в которой сохранены все необходимые файлы, выберите файл с изображением диска (СВ) и нажмите кнопку "Открыть".
- Возьмите инструмент "Овальная область" и выделите им изображение диска. Возможно, вам понадобятся направляющие для более точного выделения. Поставьте их, прижимая левую клавишу мыши на линейке, расположенной слева и вверху окна рабочего документа, и перемещая мышь до нужного места.
З. В основном меню программы щелкните левой клавишей мыши по слову "Выделение" и в открывшемся списке выберите "Инверсия".
4. Откройте окно "Слои", в нём дважды щелкните левой клавишей мыши по словосочетанию "3адний план", в открывшемся диалоговом окне нажмите кнопку "Да". После этого нажмите кнопку квеlя на клавиатуре.
5. Сохраните документ. Процедура сохранения во всех программах похожая, только необходимо выбрать формат, в котором будет сохранен файл. Выберите формат *.Р$В (он позволит сохранить изображение в "слоёном" виде, фон останется покрытым белыми и серыми квадратиками) и нажмите кнопку "Сохранить". Не забудьте выбрать или создать папку для сохранения рисунков. Работу с этим файлом мы продолжим, сохранять изменения в нём будем под прежним именем.
б. Поместите в этот файл фоновое изображение. Для этого откройте нужное изображение, выделите его всё или необходимую часть, в основном меню программы щёлкните левой клавишей мыши по слову "Редактирование" и в открывшемся списке выберите "Копировать". После чего подведите курсор мыши к рабочему документу и щёлкните левой клавишей по нему (чтобы его активировать), в основном меню программы щёлкните левой клавишей мыши по слову "Редактирование" и в открывшемся списке выберите "Вставить".
- Изображение фона вставилось поверх изображения диска, переместим его. В окне "Слои" прижмите левой клавишей мыши слой с фоном и переместите его ниже слоя с диском (рис.1).
- Изображение фона значительно меньшего размера, чем необходимо, увеличим его. В основном меню программы щёлкните левой клавишей мыши по слову "Редактирование", в открывшемся списке выберите "Трансформирование", в следующем открывшемся списке выберите "Масштабирование". Прижимайте левой клавишей мыши маркеры рамки выделения и перемещайте мышь. Когда достигнете желаемого размера, щелкните дважды левой клавишей мыши внутри рамки выделения.
- В окне "Слои" перейдите на слой с изображением диска. В основном меню программы щелкните левой клавишей мыши по слову "Изображение", в открывшемся списке выберите "Коррекция", в следующем открывшемся списке выберите "Цветовой тон/Насыщенность...".
- В открывшемся диалоговом окне измените цветовое решение диска, перемещая ползунки по шкалам цветового тона, насыщенности и яркости, и нажмите кнопку "Да" (рис.2).
- Возьмите инструмент "Горизонтальный текст-маска" ("Horizontal Туре Mask Тооl") и покажите область для написания текста (растянув рамку выделения).
- Настройте шрифт, напишите текст.
- Нажмите кнопку "Создаёт деформированный текст", в открывшемся диалоговом окне выберите "Стиль", например "Надутый".
- Настройте деформацию, перемещая ползунки по шкалам изгиба, искажения по горизонтали и вертикали, и нажмите кнопку "Да" (рис.3).
- Возьмите другой инструмент, например "Перемещение", текст преобразовался в выделенную область. Скопируйте ее и вставьте в новый слой.
1б. В строке основного меню программы щелкните левой клавишей мыши по слову "Слой", в открывшемся списке выберите "Стиль слоя", далее – "Тень".
- В открывшемся диалоговом окне настройте параметры тени, добавьте эффект тиснения, после чего нажмите кнопку "Да" (рис.4).
- Любым удобным способом продублируйте слой с изображением диска. Копию поверните на 90°.
- Поместите в этот файл второе изображение. Переместите слой с ним выше всех слоёв (в окне "Слои"). Измените его размер.
- Направляющие нам больше не нужны, скройте их. В основном меню программы щелкните левой клавишей мыши по слову "Просмотр", в открывшемся списке выберите "Вспомогательные элементы".
- Откройте окно "Каналы".
- Создайте в нём новый канал (Альфа1) путём нажатия кнопки "Создаёт новый канал".
- Возьмите инструмент "Градиент".
- В строке настройки инструмента установите цвет градиента кот основного к фоновому, тип "радиальный", режим "нормальный", непрозрачность 100°/о.
25. Выполните градиентную заливку, прижимая левую клавишу и перемещая мышь.
2б. В строке основного меню программы щёлкните левой клавишей мыши по слову "Выделение", в открывшемся списке выберите "Загрузить выделенную область".
27.В открывшемся диалоговом окне в строке "канал" должен стоять кАльфа1я, проверьте это, после чего нажмите кнопку "Да" (рис.5).
28. В окне "Слои" кликните (щелкните левой клавишей мыши) по самому верхнему слою. Сохраните результат своей работы перед настройкой анимации, чтобы иметь возможность вернуться к первоначальному (не анимированному) изображению.
- В строке основного меню программы щелкните левой клавишей мыши по слову "Окно", в открывшемся списке выберите "Анимация".
- В открывшемся окне настройки анимации сразу появился 1 кадр, нажмите кнопку "Создание копии выделенных кадров", кадров стало 2. В окне "Слои" скопируйте (продублируйте) самый верхний слой и сделайте исходный слой невидимым, работать будем с его копией. Нажмите кнопку Delete (Del) на клавиатуре (можно 2-3 раза) (рис.6).
- В окне настройки анимации нажмите кнопку "Создание промежуточных кадров". В открывшемся окне введите нужное число добавляемых кадров в строке "добавить кадров" и нажмите кнопку "Да".
- Промежуточные кадры добавились, они необходимы для плавного проявления нижних слоёв изображения.
- Выделите последний, 7-й, кадр (кликнув по нему), создайте его копию. В окне "Слои" сделайте невидимым верхний слой с изображением диска (полоса затемнения на котором вертикальная) (рис.7).
- Выделите 7 и 8 кадры анимации и добавьте между ними 3 промежуточных кадра.
- Выделите последний, 11-й, кадр, создайте его копию. В окне "Слои" сделайте видимым верхний слой с изображением диска (полоса затемнения на котором вертикальная). Выделите 11 и 12 кадры анимации и добавьте между ними 3 промежуточных кадра.
3б. Теперь выставим необходимую задержку на некоторые кадры анимации. Для этого выделите нужный кадр и в его нижней части нажмите на кнопку "Выбор времени отображения кадра", в открывшемся списке выберите нужную задержку.
- В начале анимации диск постепенно проявляется из-под верхнего изображения, потом он вертится, а теперь мы постепенно спрячем диск под верхним изображением.
- Для осуществления этой задачи манипулируем прозрачностью слоя с верхним изображением (в слое, который до этого момента был невидим) и добавляем необходимые промежуточные кадры (рис.8).
- Когда вы настроили анимацию изображения, сохраните файл под другим именем, но в формате *.Р$D (возможно, вам понадобится в нем что-то изменить).
- В основном меню программы щелкните левой клавишей мыши по слову кФайля и в открывшемся списке выберите "Сохранить для Web и устройств...".
- В открывшемся окне "Сохранить для Web и устройств" в разделе "Установки" выставите формат оптимизации – GIF, модель редукции цвета – перцепционная, максимальное количество цветов в цветовой таблице – 256. После этого нажмите кнопку "сохранить".
- В открывшемся окне выберите папку для сохранения файла (лучше ту же самую, в которой сохраняли все предыдущие файлы), напишите имя файла латинскими буквами, а в строке "Тип файла" выберите только изображение (.gif) и нажмите кнопку "Сохранить".
- Может открыться окно предупреждения о некорректности имён файлов, записанных русскими буквами, нажмите в нём кнопку "ОК".
- После завершения процесса сохранения полученный файл можно открыть в любом Webбраузере.
Оставить комментарий