altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

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

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Программа Gif Movie Gear
Автор: Алиса   

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

 

 alt

 

 

1. Откуда взять программу?

 

Скачать эту программу, а также руссификатор к ней можно ОТСЮДА или ОТСЮДА.

Так же вы можете скачать обновленную версию программы до 4.1.2
GIF Movie Gear 4.1.2 RUS
P.s. Программа руссифицирована сразу.

 

2. Как вставить кадры в программу?

 

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

 

1) Воспользуйтесь одним из предложенных вариантов "вставить кадры":

 

alt

 

Нажав на эту кнопку вам предложат найти место, где лежат ваши подготовленные изображения:

 

alt

 

Выделите сразу все нужные и нажмите кнопку "открыть".

2) Воспользуйтесь вот этой кнопкой:

 

alt

 

Далее найти и открыть, как в пункте первом.

3) Или зайдите через "файл" -> "вставить кадры":

 

alt

 

Далее найти и открыть, как в пункте первом.

В общем все довольно просто и ничем не отличается от открытия файлов в других программах.

Для вашего обучения предлагаю вставлять в программу те же кадры, что и я. Вот они:

 

alt  alt

 

Сохраните их у себя на компьютере и загрузите в программу.

 

3. Последовательность кадров.

 

Если вы все сделали правильно вы видете перед собой ваши кадры.

 

alt

 

У меня их два. Они будут сменять друг друга в той последовательности, в которой сейчас перед вами. Если хотите вставить кадр пораньше зажмите его мышкой и перетащите на нужное место.

 

4. Выставляем время между кадрами

Теперь жмем вот эту кнопку

 

alt

 

Появляется вот такое окошко:

 

alt

 

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

 

alt

 

наше окошко немного увеличивается, внизу появляется маленькое дополнительное меню:

 

alt

 

Давайте разберем это поподробнее:

 

alt

 

Цифрой 1 отмечены поля, в который указаны милисекунды паузы между кадрами. Поиграйте со значениями, нажимайте "вопроизведение", что увидеть как меняется ваша анимация - и вы все сами поймете.
Цифрой 2 отмечено поле "велечина для всей задержки обработки". Если поставить в нем значение например "10" и нажать на появившуюся рядом зеленую стрелку, пауза между всеми кадрами будет одинаковая. Это очень удобно, еслиу вас не два и не три кадра, а скажем 20 или 30.

Я выставил значения паузы между кадрами "50" и "100". Вот мой результат:

 

alt

 

Если вам понравилось то, что вышло, пора это сохранить.

 

5. Сохранение аватары.

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

 

alt

 

Примечание: Складывайте все получившиеся картинки в одно место, чтобы потом не искать! И запоминайте это "одно место" tongue

Удачи!

 

6. Оптимизация изображения...
...или "как уменьшить вес аватара с помощью программы Gif Movie Gear"

Если аватара, которую вы сделали или просто нашли в сети весит многовато, можно попробовать исправить это с помощью Gif Movie Gear.

Для этого открываем ваше изображение в программе и идем в "Анимацию" - "Оптимизация".

 

alt

 

Видим вот такое окно:

 

alt

 

Здесь представлены все варианты, с помощью которых можно уменьшить вес аватарки.

"Уменьшение палитры" - значит в вашей аватаре сократится количество цветов. Для глаза это чаще всего не заметно, а на вес влияет прилично.

"Уменьшение кадра":
- "До минимального прямоугольника" - значит, что все последующие после первого кадра будут обрезаться до минимального треугольника, в котором происходит действие (анимация) - чтобы не повторять 20 раз одну и ту же картинку.
- "Заменить дубликаты пикселей прозрачностью" - автоматически делает прозрачными те места картинки, которые не важны для анимации.
- "Удалить ненужные кадры" - если в вашей аватаре найдутся полностью повторяющиеся кадры, которые не сильно влияют на анимацию - они будут удалены.

Вы можете оставить галочки рядом со всеми пунктами. Жмите ок. Увидите, что ваши кадры стали выглядеть "обрывками", это нормально.

 

alt


ВНИМАНИЕ: все, что вы сейчас сделаете с кадрами - на внешнем виде аватары НЕ ОТРАЗИТСЯ! Она станется прежней, если не считать, что вес ее станет меньше.
Все изменения, которые вы внесете, используя "Оптимизацию" легко обратить нажав "Деоптимизация" в том же меню "Анимация".

Сохраняйте изображение.

 

7. Изменение размера анимированной аватары

1. Открываем файл.

 

alt

 

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

 

alt

 

Это значит, что к аватаре были применена оптимизация о которой я рассказал в пункте 6, днесколькими постами выше). Чтобы мы смогли уменьшить такую аватару прежде всего нам нужно восстановить все картинки. Для этого идем в "Анимацию" и жмем там "Деоптимизация":

 

alt

 

Теперь мы видим нормальные кадры. Можно уменьшать картинку.

Идем в "Анимацию" - "Изменение размера".
Появляется вот такое окошко:

 

alt

 

Оно мало чем отличается от того, что появилось в ImageReady, тоже поля, где нужно ввести новый размер аватары, тот же флажок напротив фразы "сохранять пропорции".
"Метод изменения" не трогаете, он вам не нужен.
И жмете ок.

Все, ваша аватара уменьшена. Сохраняйте свою картинку. Удачи!

 

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)