Дизайн Мания - блог о веб-дизайне

 

Гиф анимация, сервис для создания гиф анимации

смешная гиф анимацияВеб-дизайн вообще штука очень интересная, как, впрочем, и сам интернет. У него есть своя история, тенденции, пути развития и перспективы, наблюдать за этим всем иногда весьма познавательно и интересно. Я хоть и не являюсь веб дизайнеров по профессии, но иногда со стороны обращаю внимание на всякие детали и элементы интернет дизайна, можно сказать что тема мне эта близка:) Некоторыми своими соображениями на тот или иной счет делюсь с вами, читателями блога. Так, например, недавно была публикация про историю pixel art, хотя это больше касается общего графического дизайна, а не его “web” составляющей. Сегодня же куда более привычная многим тема – гиф анимация. Некоторые ниши интернет дизайна до сих пор тесно завязаны с этим понятием. Именно гиф анимация первой приходит на ум, когда думаешь, к примеру, о простых анимированный баннерах или аватарах для форумов, хотя, конечно, сфер ее применения может быть куда больше.

Гиф анимация, по сути,  это файл со стандартным расширением GIF, в котором храниться несколько картинок. Эти картинки и есть кадры для анимации. Особенность такой анимации в том, что для ее отображения установка плагинов  не нужна. Изображения формата GIF имеют индексированную палитру на 256 цветов – не для всех целей этого хватает, но мы говорим о простых изображениях в данном случае. С помощью анимационного  GIF с нулевой задержкой между появлением кадров можно сохранить больше цветов, при этом каждый кадр отображается в своей палитре. Один из цветов может стать прозрачным и послужить фоном для анимации.

Как гласит история, GIF формат стал популярным благодаря тому, что позволял использовать компактные и небольшие по размеру картинки на веб-страницах, чего не было у других форматов. На сегодняшний день многие  считают его устаревшим, но все, же он не теряет своей популярности. Для его замены был создан формат PNG. Да, для статичных картинок он гораздо удобнее, но ведь гиф анимацию заменить не может.

Программы для gif (гиф) анимации

смешная гиф анимацияЕсть два способа создания гиф анимации. Первый воспользоваться уже готовым решением в виде набора программ для анимацией, по типу Ulead Gif Animator, Longtion GIF Animator, CoffeeCup GIF Animator, Beneton Movie GIF и т.д. Для этого нужно будет их найти в сети, установить и изучить принцип работы и ваша анимация готова. Второй способ – создание гиф анимации с помощью photoshop, для тех, кто знаком с азами этой программы ничего сложного в создании анимации он не найдет. Можете также глянуть мою “древнюю” статью про создание gif анимации – там указаны ключевые моменты этого процесса.

Обновление 23.10.2014. Если вам нужно создать видео записи экрана компьютера в формате GIF, тогда попробуйте программу LICEcap. Максимально простой и быстрый вариант создать анимированную гифку с экрана.

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

К сожалению сервис Gifka больше не работает! (ищите замену ему в Google:).

бесплатная гиф анимация онлайн

Gifka.com – это простой и бесплатный gif animator онлайн. Пользоваться им сможет даже ребенок:) На главной странице есть поля для загрузки своих картинок (максимум до 10 штук). Кликая по кнопке “Обзор” просто выбираете изображения со своего компьютера – они будут кадрами будущей гиф анимации. Далее определяете размер картинки – от небольших аватарок 100х100 пикселей до больших 450х450. Имеется также возможность задать свой размер для картинки кроме стандартных, но не более 450 пикселей (все-таки наша гиф анимация должна занимать немного места как и все гиф-ки). Также нужно будет выбрать скорость для анимации – можно ставить стандартную (от быстрой до медленной и оптимальной), можно использовать свои величины.

создание гиф анимации онлайн

После всех настроек нажимаем кнопку Continue и получаем готовую гиф анимацию. Далее сохраняем картинку себе на компьютер. Также в меню “Галерея” вы можете видеть работы других пользователей сервиса рядом с вашей созданной гифкой. В принципе, как и в самой гиф анимации, так и в использовании сервиса Gifka, нет ничего сложного. Но последний экономит вам кучу времени, которое можно потратить на подбор красивых картинок или придумывания “сюжета” своей анимации.

А какие сервисы и программы для гиф анимации используете вы?


Комментариев - 9 для поста Гиф анимация, сервис для создания гиф анимации
  1. ]]> Alexa Frozenberg ]]> (September 27, 2010)

    Copy gickr.com Past gifka.com.
    как-то старовато копировать такие проекты.

  2. ]]> W32Blaster ]]> (September 28, 2010)

    Мой рецепт тут :)

  3. ]]> Виктор Андреевич ]]> (September 28, 2010)

    Без обид, но я вспотел читать текст возле этого мелькающего кота. Ужасная анимация!Сделай ее меньше или еще что-будь. Пожалей читателей.

  4. ]]> Tod ]]> (September 28, 2010)

    Alexa Frozenberg, действительно что-то знакомое есть:)
    W32Blaster, спасибо за урок!
    Виктор Андреевич, кот хорошо смотрится в рамочке на главной, но действительно отвлекает) Убрал в текст и уменьшил картинку. А вообще, кстати, в Гиф анимации есть забавный эффект, когда смотришь на картинку чуть ли не зациклившись) иногда попадаются такие примеры анимации.

  5. ]]> dimich ]]> (October 3, 2010)

    ну незнаю .. с помощью онлайн конструктора мне кажеться только школьник что то себе сделает .. а нормальный банер нужно заказывать или делать только в Photoshop ..

  6. ]]> stalker_m6 ]]> (October 22, 2010)

    В линуксе через gimp нормальную анимацию можно сделать

  7. ]]> sword ]]> (November 14, 2010)

    Раньше использовал подобные онлайн сервисы для создания анимированных favicon. gifka наверняка будет интересна фотографам-любителям.

  8. ]]> regnw ]]> (May 1, 2012)

    Юзайте Гифовину – gifovina.ru – делает гифки бесплатно

  9. ]]> Dima ]]> (June 8, 2012)

    а я гифки вот тут смотрю, мне нравится)) http://vk.com/dotgif

Оставить комментарий
для статьи Гиф анимация, сервис для создания гиф анимации