Я хочу, чтобы картинка ожила

Интересная штука – жизнь: еще несколько лет назад слово Аватар у большинства интернет – пользователей стойко ассоциировалось с небольшой картинкой олицетворяющей  сущность, характер или настроение пользователя форума  или игры, но прошло время и  его  крепкое положение в умах людей и поисковых машин сначала пошатнул мальчик-маг Аанг из отличного мультфильма с привкусом аниме, а затем и вовсе сдвинули на задний план синие творения Джеймса Кэмерона. Но сегодня  Пираку  вздумалось сделать   Аватар – ту самую маленькую картинку, что неразрывно связана с форумами, ICQ и Контактом. И так, перед вами три бесплатных способа создания аватара при помощи Photoshop: от  элементарного изображения до живой картинки.

Аватарка для Контакта

Самый простой путь к созданию аватарки – это вырезать нужный фрагмент подходящего размера из  понравившейся картинки:

  • Для этого находим картинку и открываем её в Photoshop
  • Выбираем инструмент “Кадрирование” и задаем нужное разрешение и пропорции сторон

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

 

  • Обрезаем лишнее (то, что остается в тени)
  • По желанию добавляем надпись (на панели инструментов обозначено буквой T )

У Пираку такого желания не возникло

  • Сохраняем картинку (Панель инструментов – файл – сохранить как)
  • Аватарка  для контакта в стиле фэнтази готова.

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

смотрим размер и разрешение аватара

Аниме – аватар из видео

  • Впрочем, для создания  такого аватара  может быть использовано любое видео, не только аниме. Находим подходящее видео
  • С помощью Print Screen сохраняем ряд последовательных кадров.

  • Открываем их в  Photoshop, задаем нужные размеры (если кадров не много, то можно вручную, в противном случаем – при помощи пакетной обработки файлов) и сохраняем как гиф (Файл-Сохранить для WEB) (убрав до приемлемого числа количество цветов) – чтобы картинки имели меньший вес

Теперь воспользуемся программой Ulead Gif Animator версии 5.05 –  она привлекла внимание Пираку не только  простотой и удобством использования, но и наличием русификатора.

  • Загружаем картинки: Файл – Добавить изображения

    добавить изображения

  • Задаем последовательность хода картинок

    добавляем кадры

Обратите внимание: столбик слева – загруженные картинки, полоса внизу – кадры будущей анимированной аватарки.  Добавляем кадр внизу – выбираем для него картинку слева (включаем глазик).

  • Задаем последовательность хода картинок
  • Устанавливаем промежуток времени между ними: Файл – Свойства кадра

свойства гиф аватара

  • Зацикливаем по кругу (в данной программе эта функция включена по умолчанию)

Включаем предпросмотр – если всё устраивает, переходим к следующему пункту, если нет – меняем картинки местами, изменяем время задержки между кадрами и т.д.

  • Применяем оптимизатор: Файл-Мастер оптимизации

    оптимизация GIF аватара

  • Сводим воедино и сохраняем: Файл – Сохранить как

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

  • Наша анимированная Gif-аватарка  создана.

Аватар для форума

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

  • Берем любую понравившуюся картинку (учтите, что  с большими размерами  изображения удобнее работать) –  она будет основой для нашего будущего Gif-аватара.
  • Открываем заготовку аватара в Photoshop
  • Обдумываем движения нашего персонажа.
  • При помощи инструмента класса “Лассо” последовательно выделяем и  сохраняем (Слой-Новый-Слой через копирование) в качестве нового слоя части тела, которые будут двигаться

    слои Аватара

  • На слое – основе  при помощи штампа и лечащей кисти закрашиваем те части изображения, что вынесены на новые слои под цвет фона.

фон аватара

 

  • А теперь почувствуйте себя мультипликатором: немного сдвинули слои в нужном направлении, сохранили  кадр как  отдельную картинку. Еще раз немного сдвинули – снова сохранили. Повторяем процесс, пока не получим  количество изображений, необходимых для желаемого результата.

изменяем аватар

Помните: чтобы Gif аватарка получила законченный логический вид, изображение должно быть зациклено по кругу – но нам ничего не мешает  использовать один и тот же кадр 2 раза.

кадры аватара

  • Если вы довольны результатом – вновь  открываем  наши сохраненные кадры (вы ведь задали им уже нужный размер и разрешение перед сохранением, правда? впрочем, это можно сделать и в редакторе  аватарок) в Ulead Gif Animator (или любой другой  схожей программе – Пираку не настаивает, чтобы её привычки стали вашими)  и повторяем процесс, описанный в разделе Аниме – аватар из видео.

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

А напоследок серия анимированных аватаров из игры LineAge выполненных по третьему рецепту


Поделитесь с друзьями:

Опубликовать в Одноклассники
Опубликовать в LiveJournal

Похожие материалы:

  1. Планета для маленького принца
  2. Масаши Кавамура: радуга в твоих руках
  3. Повод улыбнуться от Андрея Кузнецова
  4. Акварельная сказка Марины Марколин
  5. Близкие далекие миры Давида Фюрера

Назад Вперед

Есть 3 коммент. (+добавить?)

  1. Скользкий
    Июл 30, 2011 @ 09:12:26

    Полезная штука. Пригодится.

    Ответить

    • Pokey
      Сен 11, 2011 @ 03:36:30

      More posts of this quitaly. Not the usual c***, please

      Ответить

  2. Cassandra
    Сен 11, 2011 @ 04:46:18

    Ah yes, nciley put, everyone.

    Ответить

Написать комментарий

Написать комментарий через Вконтакте:


Написать комментарий через Facebook: