Студия дизайна ArtFulStudio

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удачи!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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