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

Внимание: описанный ниже процесс создания анимированного изображения намного сложнее и продолжительнее процесса описаного в заметке “Самая простая программа для создания анимированного изображения“, поэтому рекомендуется только в тех случаях когда требуются некоторые специфические задачи доступные только в программе 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. Это стандартный размер аватаров подходящий почти для всех форумов, чатов и т.п.

\"Результат\"

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

Понравилась статья? Поделиться с друзьями:
Комментарии: 0
  1. Medison

    хе-хе! поставлю себе такую аватару =)

  2. Марина Ка

    Очень доступно объяснил.Вот если бы еще показал пример как анимировать фото,цены бы тебе не было;) Серьезно! Ищу и никаких результатов!

  3. vkocmoc

    я делал проще.
    1. открывал программу
    2. все кадры (пронумерованные по порядку) выделял и перетаскивал в гимп.
    3. сохранял.
    =)

  4. Эльмира

    а почему у меня с какими то белыми пробелами получается?????

  5. Softbloger

    А ты вышли мне (softbloger@gmail.com) аватару, и я скажу почему.

  6. likar

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

    Вот уж не повезло. А я нашел вообще крутой способ — просто берешь фотки (в определенной последовательности) и заливаешь сюда.
    Там можно сделать аватарки шириной в 100 пикселов и в 120 пикселов, причем самому ничего не нужно колдовать с размерами — закачал фотки — скачал аватар. и фсе!

  7. Softbloger

    Спасибо за наводку :) Написал (что-то вроде ответа) здесь.

  8. Softbloger

    Это флешку нужно делать. В формате GIF тоже можно, но слишком много мороки будет.

  9. ОЛюня

    а как сделать аватар чтобы блестел искрился и так далее? я очень хочу сделать такой аватар! он мне очень нужен…а ещё хочу в него добавить движущуюся надпись BiSEle но не знаю как! Помогите плиззззз

  10. ОЛюня

    ну обьясните как?
    мне нужно очень!

  11. Softbloger

    Я незнаю как. Во флеше я ноль :(

  12. osoba

    Уроки по блеску, снегу, блику и прочее.

  13. Nik@

    а де скачати програму GIMP?

  14. Softbloger

    Можно и здесь.

  15. Mahiro

    А у меня тоже с белыми пробелами получился? Почему это?

  16. Softbloger

    Незнаю еще. Шли сюда — softbloger@gmail.com

  17. Dagot

    Спасибо! Реально выручил!!!! :-D

  18. Woody

    Спасибо тебе. Я сделал)))
    У кого с белыми пробелами те нубы — там в слоях нада удалить белый слой под названием фон.

  19. Linux_user

    огромное спс.
    Это не стало для меня откровением, но натолкнуло на массу замечальных идей.
    GIMP кстати решение кроссплатформенное, как пользователь Линуха Вам говорю :)

  20. Goodvin

    Можно было ещё проще с помощью Portable Video Avatar там просто выбираешь кусок из фильма

  21. Wind

    Привет Softbloger!!!Спасибо за полезную инфу.. Желаю процветания,потому как блог прикольный и очень даже полезный!!

  22. Stereotip

    Товарищи! GIMP это прошлый век :) Используйте программу Ulead GIF Animator — там можно и обрезать и сжать аватарку,и добавить анимированную надпись с разными эффектами и там всё намного проще. Очень советую скачать эту прогу :)

  23. кессиди

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

  24. avatarka

    Кто шарит в видео аватарках помогите.!!!
    Я короче создал аву из видео в Ulead GIF Animator 5, fps 25 оставил, качество картинки оригинал тоже и у меня вышло 98 кадров. В редакторе все норм показывает а в самом виндоусе и в браузере аватарка замедляется….задержку ставил 0,01 с и то не помогает.
    В чем проблема?

  25. Softbloger

    avatarka — надеюсь это не шутка :) Какой размер аватарки получился?

  26. хелп

    можно ченибуть сделать чтобы авик можно было поставить на mail.ru ? фомат не поддерживается

  27. Kolobos

    .ну, меняется размер, а вес-то остаётся офигенный..
    как вес-то поменять?

  28. HooH2

    Народ! я не как не могу найти функцию “Масштабирование изображения”… подскажите где она точно?

  29. Саня

    а почему я вот работаю через Nero show time когда я делаю скриншот то у меня не картинка а полноя чернота

  30. Softbloger

    Саня — скрины нужно делать с помощью встроенных инструментов проигрывателя. Думаю, что даже в Nero show time они есть ))

  31. Ирина

    Ничего не поняла! Как это? В какой программе? А это я давно искала!

  32. ygodka

    Спасибо. Только я так и не нашла функциюю масштабирование и вместо \єтого уменьшала отдельные картинки.

  33. Хомяк

    что то с уменьшение картинки косяк! не получается масштабировать изборажение

  34. рус

    Мальчишки и девчонки,все гораздо проще,берем скрины я взял 10шт открываем gimp. Далее файл-создать р-р картинки, потом файл-открыть как слои (свои скрины), потом слой-создать из видимого, в правом окне удаляем белый слой итак тупо все картинки, сохраняем так же как описал товарищ выше (на gimp image).

  35. лена

    Как и что делать помогите я не понимаю вобще ужас как легко но кто объяснить

  36. рус

    Что конкретно не понимаешь

  37. Гость

    А я просто с генератора скачала! И я нашла фотошоп не скачиваемавый!

  38. даша

    ппц клёв=)

  39. катя

    а этот гимп где взять?

  40. Просто Дейдара

    как сделать аватар без программы просто в инете

  41. Алена

    Ваш способ — даже не вчерашний, а позавчерашний день, зачем так мучаться? Скачайте Video avatar — суперпрога! Два клика мышкой и отличный видеоаватар :)

  42. игореха

    Softbloger я че то со слоями заморочился,когда начинаю масштабирование,до нужных размеров идет тока первая картинка,остальные не хотят где прокололся,подскажите???

  43. Тая)))

    Извините,  а где найти \»Масштабирывание изображение\»…всё там перерыла…всё — всё сделала…но вот уменьшить масштаб изображения, ну никак.

  44. Юрчик

    Вот я например сделал чуть проще, скрины делал так же, плеер у меня стоит (KMPlayer), я сохранил покадрово, а потом воспользовался программой GIF Movie Gear, очень удобная, и легка в использовании! Вот что получилось — http://ipicture.ru/Gallery/Viewfull/26208253.html 

  45. Ден08

    Подскажите пожалуйста, какая кнопка в английской версии соответствует кнопке \»Кадрировать\»?

  46. Softbloger

    Цитата: Ден08
    Подскажите пожалуйста, какая кнопка в английской версии соответствует кнопке \»Кадрировать\»?


    Crop

  47. Ден08

    Спасибо

    Сделал все, но ничего не двигается=)
    Просто стоит последняя картинка
    что делать, подскажите пожалуйста

  48. wareznak

    а как сделать аватар из видео неплохо описано тутмож кому-то понадобиться winked

  49. kloashka

    блин!
    я уже на сколько сайтовне заходила, мои поиски не увенчались успехом… recourse
    никто не знает где можно сделать анимашку? feel

  50. Андрей

    У меня всегда получаето что + какойто белый слот..скажите почему

  51. Softbloger

    Удалите фон.

  52. Я не звезда, но я и не тьма

    Привет! А у меня всё получилось! wink Спасибо всем!

  53. САМОГОН

    В КАКИХ ЕЩЁ ПРОГРАММАХ МОЖНО СДЕЛАТЬ АВАТАР КТО ЗНАЕТ

  54. bormotograph

    Спасибо, друг!!!

  55. Григорий

    Огромное Спасибо !!!

  56. Григорий

    а зачем нужно делатьбелый фон ?
    и без его же всё нормально

  57. аватар

    можно и по другому, порезать любое видио (мульты, фильмы)на фрагменты. Резать можно к примеру на Movi Maker, он в Windows есть. Потом то что получилось конвертируете в GIF. Все… Конверторов тоже полно, на любой вкус.

  58. Лена

    а можно так же со своими фотками?Если да , то как?

  59. Nap

    Спасибо, очень доступно изложил

  60. Elf.

    А-ха-ха-х! Гном!

  61. ЫщлщД

    отличный мануал. спасибо.
    сделал свой первый аватар за полчаса
    http://s1.ipicture.ru/uploads/20111013/N5NNbF9c.gif

  62. Waldo

    А где выбрать функцию “Масштабирование изображения” чето немогу найти?!

  63. Паша

    Спасибо! Только из-за количества кадров пришлось анимацию час делать.

  64. Паша

    Цитата: Тая)))
    Извините,  а где найти "Масштабирывание изображение"…всё там перерыла…всё — всё сделала…но вот уменьшить масштаб изображения, ну никак.


    Инструменты — преобразование — масштаб.

  65. Паша

    Я нашел метод, с помощью которого фон не придется удалять.
    После пункта 3 надо прикрепить слой. И всё!

    Цитата: Ден08
    Спасибо

    Сделал все, но ничего не двигается=)
    Просто стоит последняя картинка
    что делать, подскажите пожалуйста


    У тебя, наверное, Windows 7. В нем программа "Просмотр фотографий Windows" не может показать анимацию. Попроуй открыть через браузер.

  66. help

    Помогите! я когда сохраняю там всего 3 расширения, а расширения .gif ВООБЩЕ НЕТУ! ДА *** ГДЕ ЕГО ВЗЯТЬ ТО?
    Если напечатать .gif то лезет:
    Рухнуло расширение: "file-gif-save.exe"
    (C:\\Program Files\\GIMP 2.7\\lib\\gimp\\2.0\\plug-ins\\file-gif-save.exe)

    Умершее расширение может испортить внутреннее состояние GIMP.
    Возможно, для обеспечения безопасности стоит сохранить
    изображения и перезапустить GIMP.

    Что делать?!!!!!

    НАРОД ПОМОГИТЕ! там тока расширения есть при сохранении:

    1) файл GIMP XCF
    2) архив bzip
    3) архив gzip

    ДА *** ГДЕ ВЗЯТЬ РАСШИРЕНИЕ GIF???? ТАМ НЕТУ ТАКОГО!

  67. natashecha

    Паша,

    Паша,в каком браузере можно посмотреть

  68. хелп

    у меня нету формата gif
    где взять его возможно?

  69. Дмитрий

    Да это не серьезно так как вы сделали это очень легко( Я ожидал увидеть чего я еще не умею.Хочется сделать аватар супер крутой) но не знаю где детали подыскать.

    Как у вас там описано сделать я даже не читал сильно много) я проще могу описать просто нужна программа(типа paint.net) которая будет переделывать файл из формата( того который стоит) на GIF и все а там остально фигня просто подобрать кадры и склеить их программой UnFREEz и сохранить уже анимацию на рабочий стол или куда хотите.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: