Выбрать страницу

Как сделать gif высокого качества во флэше

Обновляя своё портфолио, я столкнулся с необходимостью экспортировать некоторые анимации в gif, поскольку be.net не любит swf, а каждую анимацию заливать в формате видео на youtube — не у каждого терпения хватит.

 

xВот что позволяет делать флэш (cs6) своими стандартными средствами в области экспорта animated gif. Такое ни внукам показать, ни в портфолио выложить. Собственно вот настройки, с которыми можно «поиграться», но у меня получалось всё одно:  шум, низкое качество передачи цветов.

Скриншот 2014-05-15 14.53.03

Я пошёл дальше и начал сёрфить интернет в поисках хорошего решения этой проблемы. И нашёл его в связке flash+photshop.

Итак, по порядку.
1. Идём стандартным методом. Во флэше выбираем file->export–>export movie.

Скриншот 2014-05-12 14.04.53

 

2. В следующем окне выбираем при сохранении QuickTime.

Скриншот 2014-05-12 14.05.10

3. Окно «QuickTime Export Settings». Настройку stop exporing можно не трогать, а Store Temp data выбирайте из рекомендуемого вам (в памяти — для больших фпс, на диске — для долгих видео). Здесь же выбираем меню выбираем QuickTime Settings…

Скриншот 2014-05-12 14.05.25

4. Окно «Movie Settings». Пробегаемся сначала в settings.

Скриншот 2014-05-12 14.05.37

5. Окно «Standart Video Comression Settings» frame rate свой ставьте, качество — наивысшее (ползунок вправо). Глубину цвета — самую большую. Ок.

Скриншот 2014-05-12 14.05.45

6. В окне «Movie Settings», выбираем size, и переходим в окно «Export Size Settings». Важно, чтобы размер не отличался от размера рабочей области вашего файла. Иначе окно растянется/сожмётся/потеряет в качестве.

Скриншот 2014-05-12 14.05.56

Настройки звука можно не трогать. Настройки для стриминга тоже не играют сейчас особой роли.

7. Экспортируем видео, нажимая кнопку export в QuickTime Export Settings. Теперь у нас есть видео в нашей папке.

Часть вторая. Запускаем Photoshop.

1. Выбираем в file->import->Video Frames to Layers.

2. Далее, сразу же выбираем file->Save for WebСкриншот 2014-05-12 13.59.38

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

Скриншот 2014-05-12 14.00.10

4. Жмём save.

Вот такой результат я получил на выходе.

hsurtfig

Иногда gif выручает и в работе: если ваш собеседник в данный момент времени использует для общения с вами планшет или телефон, он всегда сможет посмотреть вашу gif-анимацию. Но для такого подойдёт и обычный экспорт из флэша.

Отступление.

Как только начинаю писать длинные тексты, так выходят косноязычными и сухими. Сейчас, пока у меня нет заказов, я стараюсь немного подтянуть скилл письма и арта. В ближайшем будущем постараюсь попробовать перейти на новый формат ведения блога — к более сжатой и короткой информации. Длинные посты, это конечно хорошо, но они отнимают слишком много времени моего и вашего. 

Если вы хотите поработать со мной, то пишите мне на почту to.murlyka[at]gmail.com, смотрите моё портфолио, я выложил последние большие проекты, на которых не было NDA.
Некоторые вы из них видели в группе вк, осталось выложить ещё один (который вы тоже видели). Позже я немного расскажу о некоторых из них.