Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 2 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

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. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

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

 

 

Комментарии  

 
#14 SungWon 05.03.2012 14:22
не получается у меня уменьшить вес gif'a. Все нажал - так же остается.
Цитировать
 
 
#13 Григорий 24.05.2011 17:32
Заранее благодарен. )
Цитировать
 
 
#12 Григорий 24.05.2011 17:25
Ой, как приятно читать описание... большая редкость! Спасибо!
Если поможете - буду счастлив!

Проблема: GMG не реагирует на степень прозрачности png-файлов (кадров), заготовленных заранее в фотошопе... СОВСЕМ. 0% - кадра нет, 5% - кадр четкий на все 100. Подскажите, пожалуйста, это тоже связано с ограниченностью палитры? Или я что-то не так сделал?
Цитировать
 
 
#11 Alisa 30.06.2010 13:04
Цитирую серега:
прога супер! сегодня сделал свою первую анимацию!

мои поздравления! всегда приятно, когда уроки помогают!
Цитировать
 
 
#10 серега 26.06.2010 04:57
прога супер! сегодня сделал свою первую анимацию!
Цитировать
 
 
#9 Alisa 17.11.2009 12:23
Цитирую Тоня:
поняла! спасибо большое! буду изучать :-)

На здоровье!
Цитирую Diman:
Блин уменьщит вес анимации не получилось ибо проценты не идут совсем :(

Проценты? Наверное вы говорите не о весе, а о размере аватара? Так как вес аватары в этой программе регулируется не процентами, а размером пика, удаление лишних кадров и уменьшением палитры.
Вы прикрепите картинку-скриншот со своей проблемой, а мы попробуем вам помочь!
Цитировать
 
 
#8 Diman 16.11.2009 11:22
Блин уменьщит вес анимации не получилось ибо проценты не идут совсем :(
Цитировать
 
 
#7 Тоня 06.11.2009 13:50
поняла! спасибо большое! буду изучать
Цитировать
 
 
#6 Alisa 06.11.2009 13:40
Цитирую Тоня:
а у меня часто при импорте кадры становятся с какими-то странными размытыми краями. вот такой эффект получается (изображение грязное, а изначально чистое): http://pic.ipicture.ru/uploads/091106/c3ToOh7xgX.gif
не знаете что я неправильно делаю? :sad:

Вы все деалете правильно, просто еще плохо знакомы с форматом ГИФ :) В Гифе цветовая палитра состоит только из 256 цветов, поэтому всяческие переходы оттенков, градиенты гиф не может передать так, как это делать jpeg с многомиллионой палитрой. Есть картинки, которые изначально не предназначены для перевода в формат gif. В остальных случаях можно бороться с оптимизацией гифа, у нас на сайте есть урок (вот тут - http://www.artfulstudio.ru/lessons/43-photoshop-first/224-optimized) о том, как это сделать :)
Цитировать
 
 
#5 Тоня 06.11.2009 13:32
а у меня часто при импорте кадры становятся с какими-то странными размытыми краями. вот такой эффект получается (изображение грязное, а изначально чистое): http://pic.ipicture.ru/uploads/091106/c3ToOh7xgX.gif
не знаете что я неправильно делаю?
Цитировать
 
 
#4 Alisa 24.08.2009 15:21
Цитирую Den1s:
а у меня почуме то вместо анимации картинка...где вместо того чтобы меняться..кадры в одну линию стоят :cry:

Да, действительно, такая ошибка может вылезать время от времени. Она связана с плохо крякнутой программой. Отсюда два выхода: либо переустановить программу заново, либо повторять команду сохранения до тех пор, пока программа не сохранить анимацию вместо "картинок в ряд". (а это рано или поздно случится, так как глюк временный ;) )
Цитировать
 
 
#3 Alisa 24.08.2009 15:19
Цитирую Римма:
отличное описание, спасибо огромное!

Не за что! Будем очень рады, если знания вам пригодятся :)
Цитировать
 
 
#2 Den1s 07.08.2009 06:37
а у меня почуме то вместо анимации картинка...где вместо того чтобы меняться..кадры в одну линию стоят
Цитировать
 
 
#1 Римма 29.07.2009 22:08
отличное описание, спасибо огромное!
Цитировать
 

Добавить комментарий


Защитный код
Обновить