Вторник, 21.11.2017, 20:24
Обзор выбор популярных видео редакторов лучший сайт о видеоредакторах с уроками
Приветствую Вас Гость | 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 видио уроки
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 1656
Статистика
Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » уроки gif анимации

Уроки для начинающих Как сделать анимационные картинки самому

 

Способ хорош тем, что не нужно скачивать и/или устанавливать дополнительные программы.

Существует множество сервисов для создания Gif-анимации. На себе попробовал три из них и из этих трех мне понравился http://gifovina.ru/

Переходим на сайт сервиса и с помощью кнопки Добавить кадры загружаете изображения

gifovina.ru

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

Управление порядком изображений

Так же в правом верхнем углу изображения появляется крестик позволяющий удалить картинку.

Под каждой картинкой есть поле с цифрой. Это длительность кадра в секундах. По умолчанию это 1 секунда. Длительность можно менять кликнув на это поле и с помощью ползунка установить требуемое время или с помощью клавиатуры задать необходимую длительность

Длительность кадра в секундах

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

Эффекты перехода

После выбора эффекта будет доступна длительность этого эффекта которую так же можно настроить.

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

Добавление фигур на изображение

Можно задать цвета фона, текста и границ фигуры.

Вот что получилось у меня

Фигура на кадре

Справа в окошке редактирования анимации доступны следующие возможности

Редактирование Gif-анимацииРазмер. Есть возможность задать размер анимации. Из выпадающего списка выбираете нужный или выбираете Настроить… и во всплывающем окошке задаете необходимый размер

Размер анимации

Чем больше размер анимации, тем больше вес GIF файла.

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

Вписанное изображение

Если же вам необходимо обрезать кадр по размеру анимации, то ставите соответствующую настройку.

Длительность кадров задает длительность для всех изображений сразу.

Эффект. позволяет задать одинаковый эффект появления для всех кадров. После выбора будет доступен выбор задержки так же сразу для всех кадров


 

 

Эффект

Когда вы настроили свою GIF-анимацию нажимаете внизу кнопку Готово. Появляется окошко с результатом. Нажимаете кнопку Скачать и сохраняете GIF анимацию

Готовая GIF анимация

Просмотреть сохраненный gif файл удобно в любом браузере. Для этого на файле нажимаете правой кнопкой и выбираете Открыть с помощью. Из развернувшегося списка выбираете любой браузер (например Internet Explorer).

Просмотр GIF анимации

GIF анимация создана.

 

2. GIF анимация из видео

Что бы сделать GIF анимацию из видео потребуется установить какую-нибудь программку. Мне понравилась iWisoft Free Video Converter. Скачать эту бесплатную программу можно с официального сайта http://www.iwisoft.com/videoconverter/

Скачиваете, устанавливаете и запускаете.

С помощью кнопки Add добавляем видео из которого мы хотим сделать анимацию

Добавить видео

Устанавливаем формат GIF анимация в котором нам необходимо получить результат. Для этого открываем выпадающее меню Profile > Flash Video and Pictures > Picture — GIF Animation format(*.gif)

Выбор формата выходного файла

Нажимаем на Edit для редактирования видео

Edit

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

Редактируем видео

С помощью рамочки в окошке оригинального видео вы можете выбрать часть кадра которую хотите видеть в своей анимации. Можно настроить кучу эффектов при необходимости.

Когда выходящее видео вас устроит нажимаем ОК

Затем жмем Settings и в появившемся окошке настраиваем размер (Size) и количество кадров в секунду (Rate) выбрав необходимые значения из выпадающего списка. Чем больше размер и количество кадров тем больше будет вес Gif-анимации. Нажимаем ОК 

Настройка GIF анимации

Когда все готово нажимаете кнопку Start справа внизу. Пойдет конвертация

Конвертация видео

Нажимаем ОК

GIF анимация готова

Сразу открывается папочка с нашей анимацией. У меня получился GIF файл размером 33 МБ при том что исходное видео весит < 19 МБ).

 

3. GIF анимация из видео онлайн

Здесь все сильно проще. Переходим по адресу http://troll-face.ru/video-to-gif/

В поле вставляем ссылочку на видео из YouTube и нажимаем Показать видео

Gif из youtube

На видео можно будет выбрать любые 10 секунд для создания GIF анимации. Задается это перетягиванием ползунка на шкале ниже видео

Выбираем 10 секунд из видео

 

Время начала и конца анимации можно точно указать вручную. Для этого нажимаем ссылку «введите время вручную» и задаем

Время и ширина гифки

Если выбрать Продвинутый режим создания гифки, то дополнительно можно будет задать ширину анимации перемещением ползунка.

Когда все готово нажимаем Продолжить

Далее мы можем удалить лишние кадры и добавить подпись при необходимости

Редактирование гифки

Нажимаем Создать гифку

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

Просмотр готовой гифки

Вот так просто можно создать Gif анимацию онлайн из видео на YouTube.

 

 4. Создание gif анимации с помощью GifCam.exe

Есть простенькая программка позволяющая создавать GIF анимации. Скачать ее можно по ссылке

http://blog.bahraniapps.com/?page_id=21

Там же на английском описаны основные возможности утилиты.

Программка не требует установки. Скачиваете архив распаковываете и запускаете GifCam.exe

Открывается окошко программы которое будет снимать то, что вы хотите видеть в своей GIF анимации.

При нажатии на стрелочку вниз кнопки Rec, открывается меню в котором можно выбрать настройки записи. Можно выбрать различную частоту кадров в секунду, снимать весь экран и снимать курсор мыши

GifCam rec

При раскрытии меню Save мы можем выбрать варианты сохранения Gif анимации

Варианты сохранения анимации

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

Прежде чем начать снимать устанавливаете необходимый размер окошка. Последний меняется так же как и все другие окошки в Windows.

Нажимаем на кнопку Rec снимаем нашу гифку, жмем на Stop. Нажимаем на Save и сохраняем снятую анимацию.

GIF анимация готова.

В программе GifCam есть еще две кнопки: Frame и Edit. С помощью кнопки Frame мы можем добавить кадр в нашу анимацию. С помощью Edit можем отредактировать снятый материал. Например удалить ненужные кадры, добавить текст на нужные и еще много чего.

Именно этой утилитой создана GIF анимация в самом верху статьи.

 

Заключение

В этой статье приведено несколько способов создания GIF анимации онлайн или с помощью свободно распространяемого программного обеспечения.

Мне понравилась программа GifCam. Не требует установки и предельно просто можно сделать GIF анимацию из того, что у тебя происходит на мониторе. Можно попросить человека, которому вы хотите оказать помощь или с которым вы работаете, заснять ситуацию и создать из этого гиф. Затем через тот же Dropbox отправить вам ссылочку. Так у вас будет более полная картина того, что видит пользователь и вы быстрее поймете его.

Со скриншотами конечно проще, но с гифками понятней.

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