Old Ape (andreybar) wrote,
Old Ape
andreybar

Аватаркая анимация в фаейрворксе...

Предположим, что у вас есть несколько кадров, которые хочется сложить в одну анимацию и сделать размером 100х100 пиксеолов и не более 40 Кб
Я для окончательной работы применяю фаер ворк и вот как это обычно происходит...


1. Открыть кадры

2. Открыть надо все сразу кадры, которые нужно положить в анимацию, поэтому выбираем сразу всю подборку.
При этом важный момент - обратите внимание на чек бокс "Open as Animation" - гениальная добавка, специально для нас. Это приведет в образованию одного открытия с множеством фреймов (кадров)


3. Результатом становится такой большой кадр, который еще надо доводить до ума.


4. Первым делом - делаем кроп, то есть обрезаем кадр.


5. При кропе весьма удобно сразу задать пропорции таким образом, что бы при последющем уменьшении все вписывалось в 100х100. Тоесть в квадрат - какой уж не получился бы.


6. Точные размеры кропа видны в окошке для пропертис (свойств). Обратите внимание - высота и ширина = 359. После этого делаем обрез.



7. Если кадр кажется темным, как в этот раз, то можно выделить все кадры и дать команду изменить яркость. Это правда требует значительных умений, если не получится - то всегда можно по каждому кадру отдельно.




8-9. Следующий этап - уменьшение размера до заданных 100 пикселов.


10. Для того, что бы результатом получилась анимация - не забудьте выбрать соответствующий формат анимации.



11. Размер все еще слишком большой для аватара - нужно спуститься ниже 40 Кб. Манипулировать размером в gif файле можно тремя способами - уменьшением количества цветов (тут я снизил до 64). Иногда снижаю до 32-х


12. Затем уменьшая количество вариаций и четкостью (тут надо быть осторожным тоже, а то ваше изображение будет наразборчиво)



13. И количеством кадров. Я решил удалить один кадр. В целом, редко удается оставить более 9 кадров, почти никогда более 12...


14. Получившийся эффект so far показался несовершенным с точки зрения анимации (резкий бросок руки)

15. Тогда кадр, в котором происходит переход я размножил на другой кадр - куда происходит переход , но стал при каждом дублировании менять прозрачность так, что бы обеспечить иллюзию плавного перехода. И выставляю скорость показа кадра в двухсотых долях секунды.




16. Это результат операции.


Ну и наконец, решил добавить слова... Так же сотворив анимацию для слов.

Окончательный продукт
Tags: раздача юзерпиков
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 5 comments