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

03.02.2007 Рубрики: Аудио, видео, Графика, Лирика :), Софт, Фото, картинки Автор: Softbloger

Недавно зарегистрировался на одном форуме и чисто случайно выбрал себе ник 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. Это стандартный размер аватаров подходящий почти для всех форумов, чатов и т.п.

Результат

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

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru rumarkz.ru memori.ru moemesto.ru

Возможно вас также заинтересуют следующие заметки:


Комментарии (20) к записи "Как сделать анимированный аватар"

  1. 04.05.2007

    Medison пишет:

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

  2. 26.06.2007

    Марина Ка пишет:

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

  3. 10.07.2007

    vkocmoc пишет:

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

  4. 13.11.2007

    Эльмира пишет:

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

  5. 13.11.2007

    Softbloger пишет:

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

  6. 16.11.2007

    likar пишет:

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

    Вот уж не повезло. А я нашел вообще крутой способ - просто берешь фотки (в определенной последовательности) и заливаешь на http://gifsun.org/animator/create
    Там можно сделать аватарки шириной в 100 пикселов и в 120 пикселов, причем самому ничего не нужно колдовать с размерами - закачал фотки - скачал аватар. и фсе!

  7. 16.11.2007

    Softbloger пишет:

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

  8. 01.12.2007

    ОЛюня пишет:

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

  9. 01.12.2007

    Softbloger пишет:

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

  10. 03.12.2007

    ОЛюня пишет:

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

  11. 03.12.2007

    Softbloger пишет:

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

  12. 04.12.2007

    osoba пишет:

    Уроки по блеску, снегу, блику и прочее
    http://avatar.ucoz.ru/blog/

  13. 03.01.2008

    Nik@ пишет:

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

  14. 03.01.2008

    Softbloger пишет:

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

  15. 12.01.2008

    Mahiro пишет:

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

  16. 12.01.2008

    Softbloger пишет:

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

  17. 23.01.2008

    Dagot пишет:

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

  18. 03.07.2008

    Goodvin пишет:

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

  19. 15.07.2008

    Linux_user пишет:

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

  20. 05.08.2008

    Wind пишет:

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

Оставьте свой комментарий:

Rambler's Top100