Воскресенье, 05.05.2024, 22:20
Обзор выбор популярных видео редакторов лучший сайт о видеоредакторах с уроками
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
музыкальные фото видео редакторы [33]
онлайн уроки AdobeAudition [15]
уроки AdobeAudition
Уроки по Cyberlink PowerDirector [25]
онлайн Уроки по Cyberlink PowerDirector
уроки Atomix Virtual DJ Pro [10]
уроки онлайн Atomix Virtual DJ Pro
уроки MAGIX Movie Edit Pro [12]
онлайн уроки MAGIX Movie Edit Pro
уроки Final Cut Pro X [10]
уроки онлайн Final Cut Pro X
урок Camtasia Studio онлайн [27]
урок Camtasia Studio
Ulead Cool 3D Production Studio [10]
уроки онлайн Ulead Cool 3D Production Studio
BluffTitler DX уроки [10]
онлайн уроки BluffTitler DX
MAGIX 3D Maker уроки [11]
уроки онлайн MAGIX 3D Maker
онлайн уроки NeroVision самоучитель [40]
NeroVision склейка уроки руководство пользователя книи учебники
уроки 4Media Movie Editor [2]
уроки ArcSoft ShowBiz [4]
Wondershare Video Studio Express видео уроки [3]
уроки видео FXhome HitFilm Ultimate [3]
уроки SpiceMASTER25TFX-HELP [2]
SpiceMASTER25TFX-уроки
Как максимально сжимать видео без потери качества [3]
сжатие видео
уроки Adobe Illustrator CS4 [10]
обзор программы
работа уроки flash [9]
как делать флеш анимацыю
уроки gif анимации [20]
уроки работа по созданию gif анимации
AutoPlay Media Studio уроки [9]
работа с AutoPlay Media Studio
Womble MPEG Video Wizard [7]
уроки Womble MPEG Video Wizard онлайн в картинках
уроки prodad vitascene [16]
ProDAD VitaScene 2.0.203.1 (x86, x64) + Русское руководство
лучшие бесплатные программы для записи с экрана монитора [2]
Лучшие программы для захвата видео с экрана монитора, запись видео, скачать
видео редакторы для владельцев макентоша и OS X от Apple [2]
пакет программ для профессиональной обработки видео Последняя версия Final Cut Studio вышла в июле 2009 года
бесплатные видеоредакторы для для Linux [2]
бесплатные видеоредакторы для для Linux
sony vegas pro смотреть уроки бесплатно без смс [22]
sony vegas pro видео уроки уроки в картинках
Lightworks Tutorial [30]
Lightworks видио уроки
аваторки GIF анимации и гиф картинки [1]
GIF анимации и гиф картинки на аватарки оригинальные для форума сайта блога ютуба на различные тематики
GIF анимации и гиф картинки на аватарки оригинальные для форума сайта блога [1]
GIF анимации и гиф картинки на аватарки оригинальные для форума сайта блога про алексея навального
лучшие гифки, GIF интернета оригинальные на сайт форум в соцсети [1]
лучшие гифки, GIF интернета оригинальные на сайт форум в соцсети
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 1675
Статистика
Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » уроки gif анимации

Как самому сделать GIF-анимацию?
Как сделать gif-анимацию?

Анимация от французского animation - оживление, одушевление. Синонимами слова анимация - мультипликация, ак технология и мультипликация, как искусство). Суть создания анимации, анимирования - придании способности двигаться или видимости жизни объектам, мертвым телам в выдуманных мирах, художественных произведениях и пр.

В обычно жизни анимация, используется как синоним мультипликационных фильмов или проще - мультфильмов. Хотя происхождение терминов мультипликация и анимация - различно. Первое подобие мультфильмов появилось в 1977 году во франции, под названием праксиноскоп. Первые анимации были сделана иначе чем, появившийся позднее кинематограф, но уже тогда было музыкальное и звуковое сопровождение синхронизированное с сопровождаемой анимацией. Первыми популярным анимационным персонажем стал кот Феликс, которого через десяток лет затмил Микки-Маус. Но роль главного персонажа в лучшей анимации всех времен и народов досталась ёжику в мультфильме "Ежик в тумане".

Создание анимации аналогичный киносъемкам процесс. Только в качестве актеров используют неживые образы, например рисованные персонажи, пластилиновые фигуры, тряпичные куклы и пр. Хотя в истории анимации были и совмещенные образы, например в х/ф "Кто подставил кролика роджера" вместе с живыми актерами в кино участвуют и абсолютно искусственные, анимированные, рисованные персонажи. Хотя, с развитием компьютерных технологий грань между кино и анимацией - стирается, т.к. синтезированные на компьютеры персонажи могут быть похожи на реальных людей и возможностей созданию кино с анимацией все больше и больше, грань стирается.

С увеличением пропускной способности каналов связи, анимация появилась и в интернете и стала неотъемлемой частью, добавив динамики на страницы. Сначала появились анимированные рекламные баннеры и анимированные аватары на форумах, а в последствие и полнометражная анимация, доступная для просмотра прямо в онлайне. Первые возможности по встраиванию анимации на веб страницы появилась в 1989-м году, с появлением расширения формата GIF - GIF89a. Анимацию это типа поддерживают практически все браузеры, в результате чего широкое распространение получили анимированные баннеры и аватары в этом формате. Создавать, отображать и хранить анимацию в этом типе достаточно легко, что позволило gif анимации оставаться одним из наиболее распространенных форматов анимации в интернете. Создавать анимацию в этом формате можно с помощью специализированных программ по созданию анимации или сделать анимацию прямо в онлайне, загрузив в качестве кадров свои фотографии для создания анимированного аватара.

С появлением технологии Flash возможнсти анимации в интернете вышли на новый уровень. Технология использует векторную графику для преобразования (в отличие от GIF89a, хранящего анимацию в растровом виде), что неограниченно расширяет возможности создаваемой анимации, но значительно повышает требования к аппаратным возможностям компьютера. С помощью flash анимации можно создавать не только баннеры, но и полноценны сайты, т.к. с помощью flash у анимации появляются богатые интерактивные возможности. В качестве аватаров флеш анимацию не используют, так-как ее создание достаточно трудно для рядового пользователя.

Также, с помощью технологии флеш в интернете распространяется видео и игры (файлы с расширение .flv и .swf). Наверно такие видео сервисы как www.youtube.com не нуждаются в рекомендации.

Альтернативой для gif и флэш может явится программирование на JavaScript, SVG. JavaScript позволяет оперировать содержимым веб страницы прямо в браузере пользователя, а svg добавляет поддержку векторной графики, что в комплексе дает богатые интерактивные и анимационные возможности веб разработчикам. Например, перед новым годом на многих сайтах появляются падающие снежинки. Эти снежинки и есть анимация, созданная с помощью JavaScript.

Итак, как сделать gif-анимацию?

Шаг 1. Укажите параметры создания анимации

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

Укажите скорость (ширину/высоту) и скорость смены кадров для будущей анимации

Шаг 2. Загрузите фотографии или другие изображения

Что бы создать анимацию, вам надо загрузить несколько картинок (изображений). В качестве картинок используйте любую фотографию или изображение в форматах gif, bmp, jpg(jpeg), png и другие.

Загрузить картинки можно с вашего комьютера или указав ссылки на изображение хранящиеся в сети Интернет.

Возможно отредактировать ренее сделанный анимированный GIF. Если же вы хотите сделать анимацию мз своих фото - воспользуйтесь загрузкой фотографий с фотохостинга flickr.

Также можно добавить кадры без изображений, например, их можно заполнить сплошным цветом.

Загрузить файлы изображений с вашего компьютера, вы можете использовать форматы файлов GIF, BMP, JPEG, PNG и др.

Если вы указываете ссылку, то помните, что надо указывать ссылки на картинки находящиеся в публичном доступе. Т.к. например ваши фотограф хранящиеся в социальной сети vkontakte.ruvkontakte.ru скрыты за вашим логином и паролем и недоступны для скачивания извне.

Шаг 3. Трасформируйте ваше изображение

Ваша анимация состоит из последовательно сменяющихся кадров.

`````

Загрузив изображение оно становится отдельным кадром, вы можете изменять его размер, его расположение в кадре а также вращать. Используйте для этого соответсвующие элементы управления.

В качестве дополнительных опций, вы можете указать цвет фона и время отображения (если выбрали скрость "в ручную").

вы можете изменять его размер, его позицию в кадре а также вращать

Также, вы можете включить опцию плавной смены кадров, но помните, что это значительно увеличивает размер файла анимации.

Шаг 4. Сделайте анимацию богаче, добавив другие изображения или фотографии

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

Шаг 5. Ваша анимация готова!

Нажмите кнопку сделать анимацию и ваша анимация будет создана. Вы можете использовать эту анимацию в качестве аватаров на форумах или баннеров.

Категория: уроки gif анимации | Добавил: monja (11.03.2015)
Просмотров: 1173
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
WMmail.ru - сервис почтовых рассылок
Поиск
Друзья сайта
  • Официальный блог
  • супер зароботок
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Рейтинг@Mail.ru Яндекс.Метрика