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


GIF Movie Gear 04-03-2011 00:30 к комментариям - к полной версии - понравилось!

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

Анимация/аватары

Для начала... Я работаю в двух программах: Adobe Image Ready (она должна быть у вас, как бесплатное приложение к фотошопу) и GIF Movie Gear. Я начну с объяснения, как сделать анимацию в GIF Movie Gear, затем в Adobe Image Ready.

И так. За основу у меня есть вот такая картинка:

[636x312]

Как же нам её задвигать? Для начала надо сделать заготовку. Эта заготовка пойдёт и в GIF Movie Gear и в Adobe Image Ready. Для этого открываем в фотошопе нашу картинку и при помощи иннструмента Прямоугольник (Rectangular Marquee Tool (M) определяем первый рисунок. Особое внимание: убедитесь, что размер выделяемой зоны так же подходит к остальным двум рисункам по длине и высоте.

[350x350]

При английской раскладке клавиатуры, жмём  Ctrl+C (копировать), затем  Ctrl+N (создать новый документ) и уже в новом документе Ctrl+V (вставить).  По такому же принципу вставляем другие два рисунка.

[350x350]

Предполагая цикличность аватара копирую слой 2, поскольку он является связующим звеном от  слоя 1 к слою 3. Делаю я для того, чтобы была так же связь от слоя 3 к слою 1.  Установить копию слоя 2 (соответственно) по верх всех слоёв.

 

[350x350]
[350x350]

Всё. Заготовка готова. Можете её сохранить в фотошоповском формате (он устанавливается по умолчанию *PSD, *PDD) - для работы с данным файлом в Adobe Image Ready. Но а сейчас будим сохранять по кадровые картинки для GIF Movie Gear.  Убирайте *глаз* со всех слоёв, кроме первого и основного.

[350x350]

Сохраняйте эту картинку под удобным именем (обязательно с номером, чтоб не потеряли или перепутать) и в формате GIF. На все предложения программы жмите ОК.

 

[400x600]

Теперь включите *глаз* на слое 2

[350x350]

И сохраняйте как кадр №2. Так же делаем с остальными слоями, создав ещё два GIF кадра.

[350x350]

Теперь открываем программу GIF Movie Gear и жмём Open File (открыть файл).

[350x350]

Открываем наши 4-ре кадра.

[500x400]

Жмём ОК и автоматом появляется окно анимации. Выставите чистоту временного отрезка.

  [500x400]

Сохраняйте файл

[350x350]

Должно получиться так:

[225x234]

Теперь показываю, как делать тот же эффект в Adobe Image Ready. Открываем в фотошопе нашу заготовку и удаляем основной слой/задний план.

[350x350]

Теперь жмите на панели инструментом самую нижнюю кнопку Jump to Image Ready или Ctrl+Shift+M. Ваш файл автоматически переводится в Image Ready.

[600x500]

На панели Animation выберите функцию Make Frames From Layers.

[650x350]

Появятся кадры нашей гифки.

[350x400]

Установите время (я взяла 0,1 сек.) и цикличность картинки (Forever)

[350x350]

Можете нажать плей и посмотреть. Понравилось? Значит сохраняемся. Сохранение ОБЯЗАТЕЛЬНО выбираем  Save Optimized As...

[350x350]

Даём название, проверяем фармат, жмём ОК.

[400x350]

И вот результат:

[225x234]

Вопросы в коменты.
Мои уроки выложены
тут.

вверх^ к полной версии понравилось! в evernote


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

Дневник GIF Movie Gear | MARA2304 - Дневник MARA2304 | Лента друзей MARA2304 / Полная версия Добавить в друзья Страницы: раньше»