Общее·количество·просмотров·страницы

вторник, 28 мая 2013 г.

Как сделать анимированный гиф? Анимированный гиф. Гиф. Создание гиф анимации онлайн. Гиф анимация онлайн. Гиф онлайн. Программы для создания гиф анимации. Программы для гиф. Программы.

http://old.gifovina.ru/ - Создание гиф анимации онлайн.


***
http://gifr.ru/









Из минусов: на гифе будет логотип того сайта, где мы этот гиф создавали.

***



http://gifovina.ru/ - открываем Сайт







Ждем. Потом появиться это окно

и мы скачиваем гиф себе на компьютер.
 Гиф над этим предложением сделан программой Total Video Converter.

_________________________________________________________________________________
Про программы для создания гиф:

http://pib9.ru/delaem-video/kak-sdelat-gif-animaciyu-iz-video-za-3-minuty.html  -Total Video Converter

Как сделать Gif анимацию из видео за 3 минуты

Подробные инструкции и  3-х минутный видеоурок обучат, даже новичка, элементарно просто и без усилий – как создать Gif анимацию из видео за несколько минут.
Что такое Gif анимация? Это последовательное отображение растровых изображений с заданной частотой в одном файле GIF-формата. Выражаясь простым языком – это “живая картинка“, в которой отображается, периодически повторяющееся действие.   
Это может быть фрагмент из видео различного формата. GIF, являясь основным графическимформатом, на уровне архиваторов эффективно сжимает видеоинформацию, поэтому Gif – файлы не требуют архивирования и имеют минимальный размер.
Создание Gif анимации можно выполнять с помощью различных программ, предназначенных для обработки видео и имеющих возможность сохранения результата в файл с расширением *.gif.
Одна из таких программ Total Video Converter - конвертирует видео или его фрагмент из одних форматов в другие, в том числе в формат GIF. Узнать подробнее о возможностях программы, скачать бесплатно и установить её можно в предыдущей статье “Total Video Converter скачать бесплатно”.
После установки программы на компьютер:
  • Запускаем программу Gif анимации Total Video Converter.
  • Нажав кнопку “Новая задача”, выбираем файл с видеороликом для открытия в программе.
  • Выбираем Gif формат для выходного файла.
  • Выбираем папку для автоматической записи готовой Gif-ки после конверсии.
  • При необходимости, нажав на кнопку “Подробно” => “Свойства”, изменяем размер и другие параметры  Gif-ки.
  • Запускаем видеоролик для просмотра.
  • Выбираем фрагмент для Gif-ки.
  • Отмечаем начало фрагмента.
  • Отмечаем конец фрагмента.
  • Конвертируем выбранный фрагмент в формат GIF с помощью кнопки “Конверсия”.
  • После выполнения конверсии файл сохраняется в выбранную папку автоматически с расширением *.gif.
Не выходя из программы можно добавлять новые видеоролики и монтировать бесконечное множество Gif-ок.
Для более наглядного ознакомления посмотрите слайды и 3-х минутный видеоурок.
Посмотрите слайд-шоу из 7-ми слайдов, показывающее последовательность действий по созданию Gif анимации с помощью программы Total Video Converter. Для удобства просмотра слайды пронумерованы слева внизу.

delaem-gifki-4


  • delaem-gifki-1
  • delaem-gifki-2
  • delaem-gifki-3
  • delaem-gifki-4
  • delaem-gifki-5
  • delaem-gifki-6
  • delaem-gifki-7
  • delaem-gifki-1
  • delaem-gifki-2
  • delaem-gifki-3
  • delaem-gifki-4
  • delaem-gifki-5
  • delaem-gifki-6
  • delaem-gifki-7
  • delaem-gifki-1
  • delaem-gifki-2
  • delaem-gifki-3
  • delaem-gifki-4
  • delaem-gifki-5
  • delaem-gifki-6
  • delaem-gifki-7
Запустите 3-х минутный видеоурок, подождав немножко пока подгрузится, и щёлкните мышкой на прямоугольнике в правом нижнем углу, чтобы увеличить изображение.

Посмотрев 3-х минутный видеоролик, захочется срочно создать свою Gif-ку, понимая всю простоту выполнения действий. Не забудьте скачать английскую или русскую версию программы.

Gif анимация для сайта.
Вставить Gif анимацию на сайт  в статью можно как картинку, а не как видео.
Выбрать версию и скачать можно БЕСПЛАТНО тут:

http://cwer.ws/sphinx/?s=Total+Video+Converter -ссылку дал ДРУГ Эдуард.
***

Есть такая программа Sothink SWF Easy .  Простая в использовании и незаменимая при создании Flash и Gif анимации. C ee помощью можно создавать банеры, кнопки, поздравительные открытки, альбомы и текстовую анимацию. И в том числе можно делать различные flash эффекты. Вот этим мы сейчас и займемся. Будем делать вот такой эффект:



3719215_20120128_204145 (650x490, 85Kb)
Откроем новый документ и зададим размеры 400х300 px , цвет фона синий ( независимо от цвета фона, эффект получится на прозрачном фоне), частота кадров 24.
3719215_20120128_205240 (650x490, 86Kb)
Идем в библиотеку и выбираем объект для создания анимации. Щелкаем на нем 2 раза левой кнопкой мышки и он появляется на рабочем поле.
3719215_20120128_210235 (649x514, 93Kb)
Щелкаем по объекту правой кнопкой мыши и делаем несколько копий. Затем выбираем еще один объект и проделываем те же операции.
3719215_20120128_211831 (650x490, 94Kb)
Объекты расположим по нижнему краю рабочего поля. Для каждого объекта можно задать степень прозрачности и цвет, а также размер. Эти манипуляции можно производить если объект выделен.
3719215_20120128_212855 (650x489, 93Kb)
Чтобы заставить шарики двигаться необходимо им задать путь движения. Жмем "Добавить эффект", затем "Путь движения", затем "Каракули"( издержки перевода программы) т.е.какой путь вы нарисуете, по такому шарик и будет двигаться. Еще можно задать движение по кругу, по кривой и по прямой линии. Чтобы задать хаотичность в движениях шариков, каждому из них задается индивидуальный путь движения. Выделили шарик-задали путь движения. Затем следующий. Пути движения не полжны походить друг на друга.
3719215_20120128_213407 (650x490, 89Kb)
Проделали аналогичные операции со всеми шариками и смотрим, что получилось:

Почему 3 шарика в конце пути останавливаются? Оказывается у них не установлен флажок на функции повтора!
3719215_20120128_214641 (650x490, 100Kb)
Выделяем шарик , который останавливается , жмем "Конфигурация" и ставим флажок на функции"Повтор". Со вторым и третьим шариками делаем то же самое.
Теперь смотрим:

Вот, теперь другое дело!
После задания движения шарикам на временной шкале появятся( ну, для простоты назовем их "индикаторы") индикаторы эффекта движения. При выделении какого нибудь шарика, его индикатор подсвечивается синим цветом. Это значит, что этот индикатор определяет по какому пути и с какой скоростью будет двигаться выбраный шарик.
3719215_20120128_222623 (700x524, 126Kb)
Чем ближе к началу временной шкалы находится индикатор, тем быстрее шарик появится на экране при просмотре ролика. Чем длиннее индикатор, тем медленнее будет двигаться шарик. Чтобы шарики не начинали движение одновременно, а появлялись с задержкой, индикаторы располагают на разном расстоянии от начала временной шкалы. Передвигается индикатор левой кнопкой мышки ( при наведении на индикатор появляется "рука"). Удлинить можно наведя курсор на край индикатора ( появится значок как в Word для перетаскивания линий). В данном случае я удлинил индикаторы, для того , чтобы шарики двигались не так быстро. И поставил их на разное расстояние от временной шкалы, чтобы шарики появлялись с интервалом. Посмотрим, что получилось:

Теперь сохраняем полученый результат. Открываем :"Файл" / " Экспорт ролика" и сохраняем созданный нами ролик эффекта в формате "SWF" в указанную Вами папку.
К любому из объектов можно применить не один, а несколько эффектов. Например нам нужно, чтобы один из шариков в конце пути движения взрывался.
3719215_20120128_224957 (700x523, 127Kb)
 Есть 3 группы эффектов: "Вход" (эффекты появления объектов на экране); "Акцент" (Эффекты основного времени нахождения на экране); "Выход" (эффекты исчезновения, ухода объекта с экрана). Но не обязательно применять их комплексно. Можно применить эффект из любой группы.  Для этого выделяем шарик к которому будем применять эффект. Жмем "Добавить эффект". В данном случае мы применим эффект из группы "Выход" , который называется "Врыв". Индикатор эффекта подсветился синим цветом. Ставим его в конец пути движения этого шарика и смотрим:

Теперь думаю, что маловато у нас шариков в эффекте. Нужно добавить.
3719215_20120128_230412 (649x485, 103Kb)
Через функцию "Импорт" открываем наш сохраненный ролик.
3719215_20120128_231221 (650x486, 103Kb)
Создаем еще 2 копии и размещаем их вверху рабочего поля. Т.К. в ролике шарики у нас поднимаются вверх, то добавленный ролик и его копии нужно перевернуть так, чтобы шарики летели вниз. Смотрим:

Шариков заметно добавилось. Сохраняем опять : "Файл" / "Экспорт ролика"  в формате "SWF" в указанную папку.
Теперь попробуем применить этот эффект на практике. Открываем через "Импорт" в программе какую нибудь картинку.
3719215_20120128_235413 (650x486, 106Kb)
Через функцию "Импорт" загружаем наш последний ролик. Во всплывшем окне ставим фл. Наименьший вес картинки будет иметь в формате "SWF".ажок на " Импорт файла целым видеороликом". И помещаем наш ролик в понравившемся Вам на картинке месте и, любуемся  результатами своего труда.

Полученную анимированую картинку можно сохранить в "SWF", "AVI" и анимированый "Gif". Наименьший вес картинка будет иметь в формате "SWF".

Скачать БЕСПЛАТНО тут:

http://ana-sm.ru/ideas/poleznoe/220-kak-sdelat-animirovannyjj-gif-gif.html -в Photoshopе


Как сделать анимированный гиф (gif)


Буквально на днях озадачилась вопросом «как быстро и безболезненно сделать анимированный гиф?».
Оформляя очередную новость на сайте, сделала в Photoshop -е на основе одной фотографии 2 разных картинки и подумала, что желаемый и полный эффект от содеянного был бы в виде анимированного гифа. Никогда прежде этого не делая, то есть имея нулевое понятие даже с какой стороны подступиться к проблеме, решила начать с Интернета wink

Недолго покопавшись в ссылках с поисковиков, нашла несколько вариантов:

1)предлагали использовать специальные программы (таковых большое множество);

2)кто-то оставил ссылочку на сайт, где можно просто загрузить подходящие фото (до 10 штук), выбрать желаемый размер и через некоторое время ты увидишь готовый вариант, который можешь сохранить себе на компьютер или отослать в почту. Я обрадовалась и сделала то, что хотела, НО! на получившемся анимированном гифе красовался их водяной знак – копирайт сайта в левом верхнем углу. Понятное дело меня это не устроило, но сам по себе вариант неплохой.

3)нашла большую статью на тему: «Создание анимированного баннера». Пробежав ее глазами, я поняла, что ничего не поняла. А, учитывая, что страницы сайта были зеленого цвета, вчитываться и перечитывать не захотелось. Продолжая поиски, я ничего путного не находила, и тут опять наткнулась на эту же статью, но хорошо оформленную и в приятном дизайне сайта (четком, простом и с белой подложкой под текст).

Как ни удивительно, тут я стала вникать в смысл написанного, и пусть там многое было не совсем по теме (точнее в статье сделан упор на создание баннеров и очень много было всего расписано про подготовку картинок в Photoshop – е, а мне этого не надо было на тот момент (но статья очень подробная и думаю для тех кому это надо – самое то !)). Итак, пропустив все «ненужное», я очень быстро во всем разобралась. Что очень порадовало – это «необходимость» использования уже имеющихся и знакомых программ. Ничего не надо скачивать и устанавливать (см. вариант первый), разбираться в новой проге и никаких тебе ненужных чужих вотермарок (см. вариант второй).

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

Но сейчас речь пойдет о создании анимированных гифов именно средствами Photoshop–а и прилагающегося к нему Adobe ImageReady (специально его устанавливать не пришлось – похоже он устанавливается автоматически вместе с Фотошопом).

Для «нашего» случая в PhotoShop`e необходимо сделать исходники – картинки: именно они и будут «мелькать» в анимированном gif – е.

А саму анимацию (смену картинок) создадим уже в ImageReady.

Итак:

Этап 1. Создание исходников в PhotoShop.

Для описания процесса создания анимированного гифа, я уже взяла готовый фотошоповский psd – файл , т.е. файл в котором его отдельные элементы уже разобраны по слоям, что нам и необходимо. Поэтому я лишь опишу основные моменты (правила) создания необходимого файла, но его самого мы тут же создавать не будем.

1.Вес конечного анимированного гифа не должен быть большим иначе он будет очень долго грузиться. Во многих случаях – это критически, но я встречала и варианты, где целью было получить красивую анимацию со сменой большого количества картинок и никого ожидание полной загрузки файла не напрягало – результат того стоил.
2.Палитра gif-a может содержать максимум 256 цветов (т.е. вы можете использовать в своем творении до 256 цветов, но не более) и в нем применяется алгоритм сжатия без потери качества изображения.
3.GIF допускает создание прозрачных областей (это очень важное его свойство) и анимации. Ну, поэтому мы его и выбрали. ;-)
4.Необходимо отметить, что на самом деле при использовании gif-формата, требуется оплачивать «закрытую лицензию алгоритма сжатия, применяемого в гифах» для использования в любом программном обеспечении. Поэтому стоит обратить внимание на другие более открытые форматы (например, flash -технологии, avi и т.п.), что возможно и произойдет в ближайшем будущем.


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

А вот та картинка, что я выбрала для создания анимации в этом «уроке».
Как сделать анимированный гиф (gif)

Это psd – файл и, если открыть его в Photoshop, то мы увидим, что есть картинка с полянкой и палаткой, есть человечки в разных позах, есть костер с дымом, и сама эта «фотография» как бы висит на стене (ну или чём-то явно деревянном). Картинка не моя! – честно скачана из инета.

Все элементы на отдельных слоях и наша анимация и будет заключаться в последующем «появлении» объектов на изображении, ну что-то вроде того: «рисуем в фотошопе фотографию с посиделками у костра, вешаем результат на стену и пишем слова».
Как сделать анимированный гиф (gif)Как сделать анимированный гиф (gif)Как сделать анимированный гиф (gif)Как сделать анимированный гиф (gif)Как сделать анимированный гиф (gif)Как сделать анимированный гиф (gif)


То есть я опишу принцип, а уж поняв его, можно анимировать все что ни придумываете:

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


Итак, в Photoshop-е отрисовываем желаемую картинку, внимательно следя за тем, чтобы все необходимые элементы размещались по отдельным слоям. Например, подложка – слой, фон-слой, первый «появляющийся» в гифе элемент – слой, эффект – слой и т.п. в соответствии с вашей задумкой.
Я также для удобства пользования слоями сделала для них отдельные папочки (фон, надписи, картинка),
Как сделать анимированный гиф (gif)

раскрыв которые можно увидеть все созданные слои:
Как сделать анимированный гиф (gif)

Если у вас по задумке есть текст, то его необходимо превратить в растр.
В меню Layer – правой кнопкой мыши жмем на слое с текстом и в выпадающем списке выбираем Rasterize Layer - и вот текст перестал быть текстом, теперь это просто графический элемент, имеющий один (!) цвет, что очень важно для веса файла.
Как сделать анимированный гиф (gif)


Этап 2. Наконец, наш psd-файл со слоями готов. Двигаемся дальше. Запускаем Adobe ImageReady.
Как сделать анимированный гиф (gif)

Открываем в нем созданный psd – файл (File-Open-…)
Видим, что вся структура разбивки на слои сохранена (ещё бы, ведь это же продукт того же Adobe). Вот именно этим (возможностью включения и выключения частей рисунка – слоев и их свойств) мы и будем пользоваться, чтоб картинка изменялась.

Теперь в меню Window выбираем Animation.
Как сделать анимированный гиф (gif)

появится свиток (обычно в левом нижнем углу программы), в котором присутствует маленькое изображение той картинки, что мы видим в открытом psd-файле, это так называемый фрейм.
Как сделать анимированный гиф (gif)


Начинаем делать «кадры» нашей будущей анимации:

Все слои, кроме подложки белого цвета делаем невидимыми UnVisible (для этого «лапкой» наведемся на «глазики» в меню Layer и удерживая левую кнопку мыши проведем по всем слоям сверху вниз,
Как сделать анимированный гиф (gif)

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

В свитке Animation в левом верхнем углу жмем на стрелочку - появится локальное меню свитка.
Как сделать анимированный гиф (gif)

Выбираем команду New Frame - создается фрейм, который является дубликатом предыдущего, т.е. с одним включенным слоем (белая подложка).
Как сделать анимированный гиф (gif)

Т.е. у нас есть один кадр – белый фон, теперь делаем второй кадр – включаем (делаем видимым) в списке слоев слой с картинкой полянки с палатками.
Как сделать анимированный гиф (gif)

Теперь у нас второй кадр с белой подложкой и изображением полянки с палатками.
Как сделать анимированный гиф (gif)


Продолжаем в том же духе: на стрелочку в свитке Animation - New Frame – включаем видимость очередного слоя.

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

В результате у меня получилось 22 фрейма (кадра).
Как сделать анимированный гиф (gif)Как сделать анимированный гиф (gif)
Теперь необходимо установить время сколько каждый кадр будет «задерживаться» на экране (обращаемся к свойству фрейма "delay"). В выпадающем списке устанавливаем необходимое время.
Как сделать анимированный гиф (gif)

Устанавливаем время для каждого кадра. Если у нас все (или изрядная часть) кадров будет иметь одинаковую задержку, то можно выделить эти кадры с помощью клавиши shift и всем «скопом» установить нужную величину, а не поштучно. Так очень удобно сделать сразу и просмотреть результат уже походу отмечая, какой кадр сделать «подлине», а какой - «покороче», и затем уж изменять время при необходимости «выборочно».

После этого необходимо установить параметр цикличности вашей анимации: выбираем Forever — и ваша картинка будет «прокручиваться» всегда.
Как сделать анимированный гиф (gif)

Далее необходимо «обратиться» к свитку Optimize, где можно настроить различные параметры. Но в этом свитке я пока особо не разбиралась, единственное, что ОБЯЗАТЕЛЬНО нужно установить это ФОРМАТ будущего файла GIF.
Как сделать анимированный гиф (gif)

Запоминаем созданный gif (File-SaveOptimizedAs)
Как сделать анимированный гиф (gif)

Теперь можно просмотреть наш GIF. Сделать это можно непосредственно тут же в Image Ready – в том же свитке Animation: кнопочки с управлением, как в плеере.
И при необходимости что-то сразу изменить.
Как сделать анимированный гиф (gif)


Просмотреть полученный гиф можно в любом просмотрщике типа ACDSee или XnView, например.
Как сделать анимированный гиф (gif)

Ну, вот и все. Это был пример, на котором я показала принцип создания анимированного гифа. Никаких «наворотов» с эффектами я не делала (и, даже я б сказала, поленилась во многом – в деталях показа), но вы теперь это можете и сами сделать – придумать и воплотить. Удачи!
***

http://www.bolshoyvopros.ru/questions/301532-s-pomoschju-kakoj-programmy-delajut-gifki.html

http://cwer.ws/sphinx/?s=GIF+Animator -Скачать БЕСПЛАТНО GIF Animator.
***

http://design-mania.ru/tools/online/gif-animaciya/ Гиф анимация, сервис для создания гиф анимации



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

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

смешная гиф анимацияЕсть два способа создания гиф анимации. Первый воспользоваться уже готовым решением в виде набора программ для анимацией, по типу Ulead Gif Animator, Longtion GIF Animator, CoffeeCup GIF Animator, Beneton Movie GIF и т.д. Для этого нужно будет их найти в сети, установить и изучить принцип работы и ваша анимация готова. Второй способ – создание гиф анимации с помощью photoshop, для тех, кто знаком с азами этой программы ничего сложного в создании анимации он не найдет. Можете также глянуть мою “древнюю” статью про создание gif анимации – там указаны ключевые моменты этого процесса.
Кроме того, в наше время в самом интернете есть множество бесплатных онлайн сервисов для создания гиф анимации. Не смотря на то, что задача это не такая сложная, преимущества и польза подобных сервисов очевидна. Во-первых, пользователю не нужно заниматься установкой и поиском специальных программ. Во-вторых, не требуется вникать в нюансы этого софта, изучать как именно сделать гиф анимацию и т.п. В-третьих, вы просто напросто экономите свое время. Одним из подобных сервисов для создания гиф анимации можно назвать проект Gifka.
бесплатная гиф анимация онлайн
Gifka.com – это простой и бесплатный gif animator онлайн. Пользоваться им сможет даже ребенок:) На главной странице есть поля для загрузки своих картинок (максимум до 10 штук). Кликая по кнопке “Обзор” просто выбираете изображения со своего компьютера – они будут кадрами будущей гиф анимации. Далее определяете размер картинки – от небольших аватарок 100х100 пикселей до больших 450х450. Имеется также возможность задать свой размер для картинки кроме стандартных, но не более 450 пикселей (все-таки наша гиф анимация должна занимать немного места как и все гиф-ки). Также нужно будет выбрать скорость для анимации – можно ставить стандартную (от быстрой до медленной и оптимальной), можно использовать свои величины.
создание гиф анимации онлайн
После всех настроек нажимаем кнопку Continue и получаем готовую гиф анимацию. Далее сохраняем картинку себе на компьютер. Также в меню “Галерея” вы можете видеть работы других пользователей сервиса рядом с вашей созданной гифкой. В принципе, как и в самой гиф анимации, так и в использовании сервиса Gifka, нет ничего сложного. Но последний экономит вам кучу времени, которое можно потратить на подбор красивых картинок или придумывания “сюжета” своей анимации.
ССЫЛКИ ГДЕ БЕСПЛАТНО СКАЧАТЬ ПРОГРАММЫ, ОПИСАННЫЕ В СТАТЬЕ (на проверенном сайте нашла не все):

http://cwer.ws/sphinx/?s=Ulead+Gif+Animator -Ulead Gif Animator


http://cwer.ws/sphinx/?s=CoffeeCup+GIF+Animator  -CoffeeCup GIF Animator
***

Простая программа для создания анимации — Easy GIF Animator 4

Анимация сегодня стала неотъемлемой частью веб-дизайна. И я не открою вам секрета, сказав, что движущиеся анимированные картинки более привлекательны для пользователей, чем статичные. Существует не одна программа, позволяющая создать анимацию. Владея опытом работы в некоторых из них, я смог выделить для себя самый оптимальный вариант, коим является Easy GIF Animator.
Easy Gif Animator - создание анимации не такой и сложный процесс
Easy Gif Animator - создание анимации не такой и сложный процесс
Чем же он выделяется среди прочих программных средств? Прежде всего – это небольшой вес программы и легкая установка. Соответственно, в отличие от прочих аниматоров, Easy GIF Animator не загружает оперативную память и работает быстро. Но главное – не это. Как для любого софта, основной характеристикой качества является функциональность. Данная программа для создания анимации позволяет реализовать множество различных эффектов. Среди них и создание анимированных текстов на изображении, и конвертирование с одного формата в другой, а также много другое. Что касается надписей, то к ним также может применяться ряд эффектов: текст может возникать, блестеть, кружиться. К примеру, начинающим пользователям, будет интересна функция изменения размеров анимированной картинки, длительности эффектов, цветовой палитры.
Для веб-дизайнера программа не менее полезна. С ее помощью можно создавать яркие привлекательные рекламные баннеры, иконки и кнопки. Также можно создавать аватары, графические подписи, юзербары, и многое другое. Что касается управления программой, то для меня оно показалось более чем удобным. Во-первых – простой и понятный интерфейс, а во-вторых – возможность полной настройки программы и управление всеми параметрами gif-файла.
Также предусмотрена и реализована одна деталь, которая является для меня очень важной, - это возможность оптимизации веса файла, после его создания. Весьма гибкая настройка и выбор способа оптимизации веса делает эту программу для создания анимации еще более удобной и незаменимой.
Программа, пожалуй, подойдет каждому. В ней легко разобраться новичку, решившему впервые ознакомиться с созданием анимацией. При чем простота управления и применения эффектов, позволит создать качественную анимацию даже человеку, не имеющему опыта в дизайне. Она станет отличной учебной площадкой для того, кто желает со временем постигнуть более сложные профессиональные программы.
Скачать  БЕСПЛАТНО тут:

http://cwer.ws/sphinx/?s=GIF+Animator - поделился ДРУГ.

***

http://clubs.ya.ru/4611686018427388673/replies.xml?item_no=7569


Гиф анимация 

СКАЧИВАЕМ ПРОГРАММКУ ссылка внизу 
Гиф-аниматор

Гиф-аниматор



УСТАНАВЛИВАЕМ ЕЕ СЕБЕ НА КОМП

ПОСЛЕ УСТАНОВКИ ЗАПУСКАЕМ ЯРЛЫЧОК КОТОРЫЙ ПОЯВИТСЯ У НАС НА РАБОЧЕМ СТОЛЕ ПРИ
ОТКРЫТИЕ ПРОГРАММКИ ВИДИМ ВОТ ТАКОЕ ОКОШЕЧКО


Гиф-аниматор


ЗАГРУЖАЕМ КАРТИНКУ КОТОРУЮ БУДЕМ АНИМИРОВАТЬ

Гиф-аниматор

Гиф-аниматор

Гиф-аниматор

ДЛЯ НАЧАЛА СДЕЛАЕМ АНИМИРОВАННЫЙ ТЕКСТ НА НАШЕЙ КАРТИНКЕ

Гиф-аниматор

Гиф-аниматор


ТЕПЕРЬ НАКЛАДЫВАЕМ ЭФФЕКТ НА ТЕКСТ

Гиф-аниматор

ПРОСМАТРИВАЕМ ВЫБРАННЫЙ ЭФФЕКТ

Гиф-аниматор

Гиф-аниматор


ВОТ НАША КАРТИНКА С НАШИМ ТЕКСТОМ 
Гиф-аниматор

ТЕПЕРЬ ДАВАЙТЕ ДОБАВИМ И АНИМАЦИЮ НА САМУ КАРТИНКУ 


СПРАВА В СТОЛБИКЕ КЛАЦАЕМ НА КАРТИНКУ А НЕ НА ТЕКСТ ТАК ЧТО Б КАРТИНКА ВЫДЕЛИЛАСЬ СИНЕНЬКИМ ЦВЕТОМ И ДЕЛАЕМ ВСЕ ТАК ЖЕ КАК И С ТЕКСТОМ ВЫБИРАЕМ ЭФФЕКТ

Гиф-аниматор

ПРОСМАТРИВАЕМ КАРТИНКУ И ЕСЛИ НАС ВСЕ УСТРАИВАЕТ СОХРАНЯЕМ ЕЕ НА КОМП КАК ПОКАЗАНО НА КАРТИНКЕ

Гиф-аниматор



Гиф-аниматор

ССЫЛКА ДЛЯ СКАЧИВАНИЯ ПРОГРАММКИ 



http://depositfiles.com/files/mdabx0a9f

(Я не скачивала, не пользовалась, не знаю)

***

http://artfulstudio.ru/lessons/70-programms/144-gif-movie-gear


Программа Gif Movie Gear
Автор: Алиса   
Программа - альтернатива photoshop c image ready для тех, кто не ищет сложных эффектов и предпочитает простую смену изображений в анимации.

 alt


1. Откуда взять программу?

Скачать эту программу, а также руссификатор к ней можно ОТСЮДА или ОТСЮДА. SaveFrom.net
Так же вы можете скачать обновленную версию программы до 4.1.2
GIF Movie Gear 4.1.2 RUS SaveFrom.net
P.s. Программа руссифицирована сразу.

2. Как вставить кадры в программу?

Подготовленные заранее картинки можно вставить в программу несколькими способами. Я перечислю все, а вы выберите тот, что вам понравится:

1) Воспользуйтесь одним из предложенных вариантов "вставить кадры":

alt

Нажав на эту кнопку вам предложат найти место, где лежат ваши подготовленные изображения:

alt

Выделите сразу все нужные и нажмите кнопку "открыть".
2) Воспользуйтесь вот этой кнопкой:

alt

Далее найти и открыть, как в пункте первом.
3) Или зайдите через "файл" -> "вставить кадры":

alt

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

alt  alt

Сохраните их у себя на компьютере и загрузите в программу.

3. Последовательность кадров.

Если вы все сделали правильно вы видете перед собой ваши кадры.

alt

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

4. Выставляем время между кадрами
Теперь жмем вот эту кнопку

alt

Появляется вот такое окошко:

alt

В нем мы видим как будет выглядеть наша анимация, если мы оставим ее такой, какая есть. По умолчанию время между кадрами выставлено очень маленькое, порядка о,1 секунды.
Чтобы изменить время-паузу между кадрами нажмем на кнопку с часами, которая носит название "правка синхронизации":

alt

наше окошко немного увеличивается, внизу появляется маленькое дополнительное меню:

alt

Давайте разберем это поподробнее:

alt

Цифрой 1 отмечены поля, в который указаны милисекунды паузы между кадрами. Поиграйте со значениями, нажимайте "вопроизведение", что увидеть как меняется ваша анимация - и вы все сами поймете.
Цифрой 2 отмечено поле "велечина для всей задержки обработки". Если поставить в нем значение например "10" и нажать на появившуюся рядом зеленую стрелку, пауза между всемикадрами будет одинаковая. Это очень удобно, еслиу вас не два и не три кадра, а скажем 20 или 30.
Я выставил значения паузы между кадрами "50" и "100". Вот мой результат:

alt

Если вам понравилось то, что вышло, пора это сохранить.

5. Сохранение аватары.
Обрезанную картинку сохраняем под другим именем, чтобы та, из который вы делали, не пропала. Для этого заходим в "файл", там выбираем "сохранить gif анимацию как...". Указываем новое имя картинки в появившемся окне и место, где она будет лежать.

alt

Примечание: Складывайте все получившиеся картинки в одно место, чтобы потом не искать! И запоминайте это "одно место" tongue
Удачи!

6. Оптимизация изображения...
...или "как уменьшить вес аватара с помощью программы Gif Movie Gear"
Если аватара, которую вы сделали или просто нашли в сети весит многовато, можно попробовать исправить это с помощью Gif Movie Gear.
Для этого открываем ваше изображение в программе и идем в "Анимацию" - "Оптимизация".

alt

Видим вот такое окно:

alt

Здесь представлены все варианты, с помощью которых можно уменьшить вес аватарки.
"Уменьшение палитры" - значит в вашей аватаре сократится количество цветов. Для глаза это чаще всего не заметно, а на вес влияет прилично.
"Уменьшение кадра":
- "До минимального прямоугольника" - значит, что все последующие после первого кадра будут обрезаться до минимального треугольника, в котором происходит действие (анимация) - чтобы не повторять 20 раз одну и ту же картинку.
- "Заменить дубликаты пикселей прозрачностью" - автоматически делает прозрачными те места картинки, которые не важны для анимации.
- "Удалить ненужные кадры" - если в вашей аватаре найдутся полностью повторяющиеся кадры, которые не сильно влияют на анимацию - они будут удалены.
Вы можете оставить галочки рядом со всеми пунктами. Жмите ок. Увидите, что ваши кадры стали выглядеть "обрывками", это нормально.

alt

ВНИМАНИЕ: все, что вы сейчас сделаете с кадрами - на внешнем виде аватары НЕ ОТРАЗИТСЯ! Она станется прежней, если не считать, что вес ее станет меньше.
Все изменения, которые вы внесете, используя "Оптимизацию" легко обратить нажав "Деоптимизация" в том же меню "Анимация".
Сохраняйте изображение.

7. Изменение размера анимированной аватары
1. Открываем файл.

alt

2. Вы можете увидеть, что кадры в вашей аватаре выглядят не как целые картинки, а как небольшие их части. Вот как и вышло у меня:

alt

Это значит, что к аватаре были применена оптимизация о которой я рассказал в пункте 6, днесколькими постами выше). Чтобы мы смогли уменьшить такую аватару прежде всего нам нужно восстановить все картинки. Для этого идем в "Анимацию" и жмем там "Деоптимизация":

alt

Теперь мы видим нормальные кадры. Можно уменьшать картинку.
Идем в "Анимацию" - "Изменение размера".
Появляется вот такое окошко:

alt

Оно мало чем отличается от того, что появилось в ImageReady, тоже поля, где нужно ввести новый размер аватары, тот же флажок напротив фразы "сохранять пропорции".
"Метод изменения" не трогаете, он вам не нужен.
И жмете ок.
Все, ваша аватара уменьшена. Сохраняйте свою картинку. Удачи!

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.
Лучшее "спасибо" за урок - ваш комментарий! :)

Скачать БЕСПЛАТНО тут:

http://cwer.ws/sphinx/?s=Gif+Movie+Gear -ссылкой на этот сайт поделился Друг