«Потому, что программное обеспечение должно быть доступным!»

Как сделать анимированный аватар

3 февраля 2007 | Автор: Softbloger
Теги: графика, украшательства, софт

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

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

Аватары Гимли

А хотелось аватар красивый, анимированный (в смысле что-бы там что-то двигалось), и может немного с юморком.

Не долго думая, и не без самонадеянности, я решил сделать аватар сам. Где-то раньше я уже слышал что анимированные рисунки лучше всего создавать в формате GIF и неплохо с этой работой справляется графический редактор GIMP. Чисто случайно (что-то много уже случайностей) эта программа уже была установлена на моем компьютере. Если быть точным то это я ее туда и установил, хотя использовал всю ее мощность процентов на 10 - вырезать кусочек картинки, вставить кусочек, подписать фотку и прочие мелочи.

В результате усиленного поиска по Интернету и бессонной ночи на свет родился вот этот аватар …

Мой аватар Гимли

… и вот такая вот инструкция для начинающих “аватаростроителей” (не судите строго):

Как сделать анимированный аватар в графическом редакторе GIMP

Так-как рисовать я не умею, в качестве элементов изображения будущего аватара я взял десять кадров из третей части кино-эпопеи “Властелин Колец”:

Кадры из фильма

Кадры сохранил с помощью кнопочек “Скриншот” и “Следующий кадр” в каком-то плеере (все монстрообразные плееры типа “Power DVD” или “Nero ShowTime” имеют подобные функции).

Далее повествование веду по пунктам, дабы не запутаться самому:

1.) Запускаем GIMP и создаем новое изображение (Файл->Создать) по размеру скринов фильма, или других заранее подготовленных изображений.
2.) Открываем первый из кадров аватара, копируем его (Правка->Копировать) и сразу-же закрываем (чтобы под ногами не путался).
3.) Клеим скопированное изображение (Правка->Вставить) на изображение созданное в пункте 1.
4.) Создаем новый слой изображения (Слой->Создать слой). В окне создания нового слоя ничего менять не нужно.
5.) Открываем следующий кадр аватара копируем его (Правка->Копировать) и сразу-же закрываем.
6.) Переходим опять к нашему первому изображению и опять клеим скопированное изображение на него (Правка->Вставить).
7.) Сводим новый слой с вставленным изображением (Слой->Прикрепить слой).
8.) Повторяем пункты 4-7 пока не окончаться все кадры анимации.
9.) Теперь нужно сохранить полученное изображение в формате анимированного GIF (Файл — Сохранить как).

В открывшемся окне введите имя файла, определитесь с местом где он будет хранится и нажмите на “Выбрать тип файла” для того чтобы сохранить изображение как “Изображение GIF”. Далее нажмите на “Сохранить”.

В следующем окошке GIMP предложит сделать выбор — объединить слои в одно изображение или сохранить их как анимацию. Выбираем анимацию и жмем “Экспорт”. Дальше, в последнем окне, выбираем (если он не стоит по умолчанию) “Бесконечный цикл” и устанавливаем время задержки между сменой кадров. Я оставил значение по умолчанию - 100 миллисекунд.

Вот как-будто и все. Хотя … постойте! Ведь наше изображение ничуть не похоже на аватар! Огромный размер, черные полосы вверху и внизу изображения, да и вес картинки - почти полтора мегабайта.

Ну ОЧЕНЬ большой аватар

Придется еще немного поработать. Открываем наше творение в GIMP и с помощью инструмента “Прямоугольное выделение” обводим действительно полезную площадь рисунка, стараясь получить что-то более-менее похожее на квадрат. Далее с помощью инструмента “Кадрировать” удаляем лишнее.

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

Результат

Вот теперь действительно - Все!

 (голосов: 13)


Комментарии (56):
0
Medison
4 мая 2007 19:14
хе-хе! поставлю себе такую аватару =)
0
Марина Ка
26 июня 2007 13:59
Очень доступно объяснил.Вот если бы еще показал пример как анимировать фото,цены бы тебе не было;) Серьезно! Ищу и никаких результатов!
0
vkocmoc
10 июля 2007 20:58
я делал проще. 1. открывал программу 2. все кадры (пронумерованные по порядку) выделял и перетаскивал в гимп. 3. сохранял. =)
0
Эльмира
13 ноября 2007 02:03
а почему у меня с какими то белыми пробелами получается?????
0
Softbloger
13 ноября 2007 16:52
А ты вышли мне (softbloger@gmail.com) аватару, и я скажу почему.
0
likar
16 ноября 2007 18:11
е-мое! "В результате усиленного поиска по Интернету и бессонной ночи на свет родился вот этот аватар" Вот уж не повезло. А я нашел вообще крутой способ - просто берешь фотки (в определенной последовательности) и заливаешь сюда. Там можно сделать аватарки шириной в 100 пикселов и в 120 пикселов, причем самому ничего не нужно колдовать с размерами - закачал фотки - скачал аватар. и фсе!
0
Softbloger
16 ноября 2007 23:22
Спасибо за наводку :) Написал (что-то вроде ответа) здесь.
0
ОЛюня
1 декабря 2007 08:05
а как сделать аватар чтобы блестел искрился и так далее? я очень хочу сделать такой аватар! он мне очень нужен...а ещё хочу в него добавить движущуюся надпись BiSEle но не знаю как! Помогите плиззззз
0
Softbloger
1 декабря 2007 14:17
Это флешку нужно делать. В формате GIF тоже можно, но слишком много мороки будет.
0
ОЛюня
3 декабря 2007 16:47
ну обьясните как? мне нужно очень!
0
Softbloger
3 декабря 2007 20:19
Я незнаю как. Во флеше я ноль :(
0
Nik@
3 января 2008 08:57
а де скачати програму GIMP?
0
Softbloger
3 января 2008 10:05
Можно и здесь.
0
Mahiro
12 января 2008 11:28
А у меня тоже с белыми пробелами получился? Почему это?
0
Softbloger
12 января 2008 11:39
Незнаю еще. Шли сюда - softbloger@gmail.com
0
Dagot
23 января 2008 21:29
Спасибо! Реально выручил!!!! :-D
0
Goodvin
3 июля 2008 09:09
Можно было ещё проще с помощью Portable Video Avatar там просто выбираешь кусок из фильма
0
Linux_user
15 июля 2008 06:00
огромное спс. Это не стало для меня откровением, но натолкнуло на массу замечальных идей. GIMP кстати решение кроссплатформенное, как пользователь Линуха Вам говорю :)
0
Wind
5 августа 2008 22:28
Привет Softbloger!!!Спасибо за полезную инфу.. Желаю процветания,потому как блог прикольный и очень даже полезный!!
0
Stereotip
26 августа 2008 19:50
Товарищи! GIMP это прошлый век :) Используйте программу Ulead GIF Animator - там можно и обрезать и сжать аватарку,и добавить анимированную надпись с разными эффектами и там всё намного проще. Очень советую скачать эту прогу :)
0
Woody
4 октября 2008 22:36
Спасибо тебе. Я сделал))) У кого с белыми пробелами те нубы - там в слоях нада удалить белый слой под названием фон.
0
кессиди
18 ноября 2008 10:49
мне бы хотелось узнать адрес сайта,где можно сделать аватарку с надписью геовид(сайт должен быть на русском языке))))))
0
avatarka
22 января 2009 08:23
Кто шарит в видео аватарках помогите.!!! Я короче создал аву из видео в Ulead GIF Animator 5, fps 25 оставил, качество картинки оригинал тоже и у меня вышло 98 кадров. В редакторе все норм показывает а в самом виндоусе и в браузере аватарка замедляется....задержку ставил 0,01 с и то не помогает. В чем проблема?
0
Softbloger
24 января 2009 03:50
avatarka - надеюсь это не шутка :) Какой размер аватарки получился?
0
хелп
31 января 2009 06:50
можно ченибуть сделать чтобы авик можно было поставить на mail.ru ? фомат не поддерживается
0
Kolobos
13 февраля 2009 23:30
.ну, меняется размер, а вес-то остаётся офигенный.. как вес-то поменять?
0
HooH2
27 февраля 2009 01:02
Народ! я не как не могу найти функцию “Масштабирование изображения”... подскажите где она точно?
0
Саня
2 марта 2009 22:30
а почему я вот работаю через Nero show time когда я делаю скриншот то у меня не картинка а полноя чернота
0
Softbloger
4 марта 2009 11:42
Саня - скрины нужно делать с помощью встроенных инструментов проигрывателя. Думаю, что даже в Nero show time они есть ))
0
Ирина
12 марта 2009 11:16
Ничего не поняла! Как это? В какой программе? А это я давно искала!
0
ygodka
26 марта 2009 17:45
Спасибо. Только я так и не нашла функциюю масштабирование и вместо єтого уменьшала отдельные картинки.
0
Хомяк
1 апреля 2009 14:51
что то с уменьшение картинки косяк! не получается масштабировать изборажение
0
рус
3 апреля 2009 22:53
Мальчишки и девчонки,все гораздо проще,берем скрины я взял 10шт открываем gimp. Далее файл-создать р-р картинки, потом файл-открыть как слои (свои скрины), потом слой-создать из видимого, в правом окне удаляем белый слой итак тупо все картинки, сохраняем так же как описал товарищ выше (на gimp image).
0
лена
10 апреля 2009 13:36
Как и что делать помогите я не понимаю вобще ужас как легко но кто объяснить
0
рус
10 апреля 2009 21:47
Что конкретно не понимаешь
0
Гость
30 апреля 2009 20:04
А я просто с генератора скачала! И я нашла фотошоп не скачиваемавый!
0
катя
14 июля 2009 13:56
а этот гимп где взять?
0
даша
15 июля 2009 16:47
ппц клёв=)
0
игореха
23 августа 2009 04:27
Softbloger я че то со слоями заморочился,когда начинаю масштабирование,до нужных размеров идет тока первая картинка,остальные не хотят где прокололся,подскажите???
0
Просто Дейдара
30 августа 2009 18:16
как сделать аватар без программы просто в инете
0
Алена
3 сентября 2009 17:26
Ваш способ - даже не вчерашний, а позавчерашний день, зачем так мучаться? Скачайте Video avatar - суперпрога! Два клика мышкой и отличный видеоаватар :)
0
Тая)))
2 ноября 2009 22:44
Извините,  а где найти "Масштабирывание изображение"...всё там перерыла...всё - всё сделала...но вот уменьшить масштаб изображения, ну никак.
0
Юрчик
5 ноября 2009 04:57
Вот я например сделал чуть проще, скрины делал так же, плеер у меня стоит (KMPlayer), я сохранил покадрово, а потом воспользовался программой GIF Movie Gear, очень удобная, и легка в использовании! Вот что получилось - http://ipicture.ru/Gallery/Viewfull/26208253.html 
0
Ден08
7 ноября 2009 15:55
Подскажите пожалуйста, какая кнопка в английской версии соответствует кнопке "Кадрировать"?
0
Softbloger
7 ноября 2009 16:30
Цитата: Ден08
Подскажите пожалуйста, какая кнопка в английской версии соответствует кнопке "Кадрировать"?

Crop
0
Ден08
7 ноября 2009 18:26
Спасибо

Сделал все, но ничего не двигается=)
Просто стоит последняя картинка
что делать, подскажите пожалуйста
0
wareznak
27 декабря 2009 19:37
а как сделать аватар из видео неплохо описано тутмож кому-то понадобиться winked
0
kloashka
6 января 2010 01:08
блин!
я уже на сколько сайтовне заходила, мои поиски не увенчались успехом... recourse
никто не знает где можно сделать анимашку? feel
0
Андрей
23 января 2010 02:36
У меня всегда получаето что + какойто белый слот..скажите почему
 
0
Softbloger
23 января 2010 03:19
Удалите фон.
0
Я не звезда, но я и не тьма
25 апреля 2010 13:56
Привет! А у меня всё получилось! wink Спасибо всем!
0
САМОГОН
20 мая 2010 02:10
В КАКИХ ЕЩЁ ПРОГРАММАХ МОЖНО СДЕЛАТЬ АВАТАР КТО ЗНАЕТ
0
bormotograph
1 июня 2010 07:43
Спасибо, друг!!!
0
Григорий
13 июля 2010 04:42
Огромное Спасибо !!!
0
Григорий
13 июля 2010 04:43
а зачем нужно делатьбелый фон ?
и без его же всё нормально
Добавление комментария
Ваше Имя:
   
Суммируйте: Включите эту картинку для отображения кода безопасности
обновить если не виден код
Введите сумму: