• Авторизация


Анимация 15-06-2008 16:06 к комментариям - к полной версии - понравилось!

Это цитата сообщения -Driada- Оригинальное сообщение

Анимация из видео

И так вот он самый пожалуй безобидный вариант изгготовления анимации из видео.
Урок на писан на версии 10.0 (CS3)

+ обновление:
в более старых версиях фотошопа импортировать кадры в слои нужно в image ready при помощи
File - Import - Folder As Frames

1. Первое что нам нужно для анимации - это кадры.
идем сюда:Как Сделать скриншоты из видео и изготавливаем скриншоты для будущей анимации.
Свои скриншоты я делала из avi файла при помощи Virtual Dub.

2. скриншотов как правило очень много,увы формат gif,в котором все это предстоит сохранять, обладает ограниченным цветовым диапазоном(256 цветов) да и большая анимация будет весить слишком много,что тоже не является хорошим фактом.
Для уменьшения кадров я уже на стадии выбора скриншотов удаляю из папки ненужные мне кадры.
Вот например растянула папку,чтобы значки были в две колонки и выделила каждый второй(проще это делать выделяя файлы столбиком при помощи мыши,для тех,кто не в куhcе и компом владеет офигеть как плохо,а в фотошоп уже почему-то сует свой нос проповедую: чтобы сделать выделения двух столбиков во время второго выделения нужно держать клавишу CTRL)/
данную операцию мне пришлось повторить потому что кадров все равно оказалось очень много=)

3. имеем папку с нужными файлами,теперь открываем Photoshop.
Теперь многие сказали бы открыть кучу картинок в фотошопе и перетаскивать их на новое изображение, увы я ненавижу копипастинг как таковой,так что вот более человеческий способ добавить скриншоты на слои.

4. File - Scripts - Load Files into Stack
появится вот такое окно:
[528x387]Рис 1:
(1) Files - вы быираете файлы из папки,где они лежат
Folder - выбор папки целиком и импорт всех файлов из этой папки (если в папке нет ничего нужного кроме этих файлов).

Когда вы бырали какой тип загрузки (1) нужен жмите (2) в режиме проводника найдите папку со скриншотами.

Список файлов,которые будут загружены отобразится в текстовой области (3)

Жмите Ok.








После выполнения скрипта имеем изображение с одним кадром анимации и большим количеством слоев,содержащих сриншоты. Чтобы видна панель анимации надо убедится что стоит галочка в меню Window напротив слова Animation,если она не стоит-нажать на слово Animation один раз и панель появится в окне программы.


[650x524]

5. уже на этом этапе я предпочитаю обрезать изображение.
Image - Canvas Size команда для изменения размеров холста(обрезается картинка,но маштаб остается неизменным).
Применяю для отрезания лишнего.

[426x360]В окнах (1) вводят численные значения холста в единицах измерения (2) это число означает размер изображения после обработки.

(3) ориентация части изображения,которая не должна быть затронута при изменнении размеров холста.

Может быть не только по центру как на скрине,но также и в любом из имеющихся 9 квадратах.

например если судить по скрину изображение будет обрезано до размера 140*140 пикселей, а обрезание будет делаться со всех сторон так что в изображении останется только центральная часть.







Image - Imagt Size
[405x357]В окнах (1) вводят численные значения холста в единицах измерения (2) это число означает размер изображения после обработки.





















6. обрезали и уменьшили,теперь нужно создать анимацию.
краткий обзор по панели анимации: [459x126]
(1) - новый кадр
(2) - удаление выбранного кадра
(3) - специальное меню настроек
(4) - выбор длительности кадра

7. нажмем Рис4(3) в выпадающем меню выберем
Make Frames Form Layers
теперь имеем готовую анимацию: [640x521]
если кадры загрузились в обратном порядке,что тоже случается то нужно снова нажать
Рис4(3) в выпадающем меню выберем
Reverse Frames

8. далее я воспользовалась тем,что все следующие созданные слои в анимации будут автоматически становится видимыми на всех кадрах.
я покопалась в Selective Color,который должен быть вызван как в уроке Работа с цветом в Photoshop ,хотя любую настройку из меню Рис 1 Этого урока можно вызвать в данном случае,причем не одну и все будут влиять на кадры.
Покопавшись получила вот такую гамму:

[650x529]

9. Кадров оказалось много(повесу анимация неплохо жирная оказалась) и я удалила те что мне не нужны.
File - Save For Web
Наслаждайтесь. Урок по оптимизации не в этот раз,но планируется. (100x100, 96Kb)
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация | Li_Fly - Li_Fly - полёты по просторам интернета и нереальности с примесью жизненных приправ | Лента друзей Li_Fly / Полная версия Добавить в друзья Страницы: раньше»