Главная » Уроки и полезная информация » АНИМАЦИЯ

Создание анимированных аватарок

 смотреть онлайн бесплатно
  • Категория: АНИМАЦИЯ
  • Уровень: Средний
  • Формат: Описание
  • Просмотры: 134
  • Комментарии: 0
Доброго времени суток! 
В этом уроке я хочу поделиться своим способом создания анимированных аватарок из отрывков видео. К такому методу я пришла путем проб и ошибок, он не единственный правильный, просто удобный лично для меня. 
Создание одной такой аватарки занимает примерно 2 минуты. Поначалу вам будет казаться, что слишком много шагов, но на самом деле, когда приноровишься, это действительно быстро и легко.
Итак, ШАГ 1. 

Для этого вам нужен любой видеоредактор. Подойдет даже самый простой. Наша задача - из видео вырезать маленький отрывок, продолжительностью примерно 2-3 сек. 
P.S. Я использую программу Sony Vegas pro. Колор накладываю сразу там же. Если в вашем видеоредакторе нет такой функции, то колор можно добавить в фотошопе, уже при создании аватарки! 

 

ШАГ 2 

Теперь идем в фотошоп. 
Открываем наше видео: Файл /Импортировать/ Кадры из видео в слои, далее выбираете нужное видео. 
Вам откроется такое окно: 
 
Здесь нужно будет просто нажать "OK" и программа начнет самостоятельно создавать слои. 

ШАГ 3 
Ищем на панели задач "Окно" и ставим галочку напротив "Шкала времени". 

ШАГ 4 
Чтобы удобней и быстрее обрезать до нужного размера, создайте для себя шаблон обрезки. Не придется каждый раз тратить на это время. 
В инструментах ищем "Рамка". Нажимаем на нее. Далее все, как указано на картинке: 
 
В открывшемся окне меняем "Сантиметры" на "Пикселы". И ставим значения: 100 по ширине, 150 по высоте. 
На вашем документе появится прямоугольная зона обрезки. Если ваш персонаж на исходнике расположен посередине, то можно ничего не трогая,сразу же нажать ENTER и все слои вашей аватарки сразу же обрежутся до нужного размера! 
Но у меня девушка расположена справа, поэтому мне нужно будет немного пододвинуть зону обрезки. Для это нужно лишь потянуть рамочку в нужную сторону. И только потом нажать ENTER. 

ШАГ 5 

 

Нажав на PLAY вы можете просмотреть свою аниманию. 

Далее, мы сделаем так, чтобы анимация на аватарке воспроизводилась с чуть замедленной скоростью (так смотрится гораздо лучше). 
Для этого на Шкале времени кликаем по первому кадру, затем зажимаем клавишу Shift на клавиатуре, и далее кликаем по последнему кадру. Таким образом мы выделяем ВСЕ кадры анимации. Это очень важно! 
Снизу, под каждым кадром, есть значение времени, по умолчанию это 0,03 сек. Нам нужно это значение изменить. Кликаем на небольшой треугольник рядом с цифрами. В образовавшемся окне выбираем "0,1 сек". И, если вы все сделали правильно, то под каждым кадром теперь будет именно это значение. 

 

ШАГ 6 

Последний шаг - это сохранение. 
Файл / Сохранить для Web... И далее, все, как на картинке. 

 

Вот результат, который получился у меня: 
  

Надеюсь, что урок получился понятным! В любом случае, можете смело задавать вопросы в эту тему. Думаю, что смогу помочь вам разобраться со всеми нюансами! 
Всего доброго!


Возможно Вас заинтересует:
Стилизация стихотворного ...

/_ld/4/06549652.png
Начинающим и чуть более о...

/_ld/4/87484097.png
Урок по созданию арта &qu...

/_ld/4/36158719.png
Анимация картинки в Sony ...

/_ld/4/06744492.png
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Логин:
Пароль:
 
Поиск по разделу
 
Уроки по категории
 
Обсуждение материалов
Автор Aerith в посте:
Обработка арта в черно-белом варианте
Комментарий:
Цитата Мариночка;1 ()
Настенька, спасибо! Я и не знала про уменьшение шума и про масляную краску. Смотрится отлично! Буду пробовать! Еще раз    что поделились навыками!
Спасибо за отзыв, мне приятно, что урок вам чем-то помог.
Автор Мариночка в посте:
Обработка арта в черно-белом варианте
Комментарий:
Настенька, спасибо! Я и не знала про уменьшение шума и про масляную краску. Смотрится отлично! Буду пробовать! Еще раз  cpacibo1  что поделились навыками!  zvetok
Автор VS в посте:
Фотошоп. Наставления новичку.
Комментарий:
Не предполагала, что данная статья перекочует сюда и я вообще ее когда-нибудь еще увижу! Спасибо!

Цитата Aerith;1 ()
Интересная статейка!) С юмором и все четко!
Спасибо!

Цитата Aerith;1 ()
То есть, не придерживаюсь почти всех правил о которых вы написали.
Я сама не редко грешу :D 
Никогда не знаешь куда понесет тебя вдохновение и по каким фильтрам рука начет непроизвольно клацать.
Автор 4istoe3oloto в посте:
Исходники. С чего начать? (Виддинг)
Комментарий:
Я уже говорила раньше спасибо за эту статью, и хочу сказать еще раз! Марин, огромное спасибо! zvetok
Автор 4istoe3oloto в посте:
Keeper
Комментарий:
Цитата Aerith;1 ()
Ого, как круто! Завидую оленю)) Так его обработали шикарно! Очень понравилось смотреть как прорисовывают свет на "рогах" и самом олене. Невероятно полезно! Спасибо огромное!
Очень рада, что вам понравилось! 0:) Постараюсь подыскать еще видео в которых можно рассмотреть фишки и работу автора. Подобных видео много, но не во всех можно хоть что-либо рассмотреть. Многие настолько увеличивают скорость, что просмотр становиться просто бесполезным. Спасибо за комментарий!
Автор Aerith в посте:
Фотошоп. Наставления новичку.
Комментарий:
Интересная статейка!) С юмором и все четко! Я во многом с вами согласна. Только вот сама никогда не пробовала что-то кроме фан-арта. То есть, не придерживаюсь почти всех правил о которых вы написали. Но, если вдруг мне захочется сделать что-то сложнее, обязательно учту ваши советы!  pupper
Автор Aerith в посте:
Keeper
Комментарий:
Ого, как круто! Завидую оленю)) Так его обработали шикарно! Очень понравилось смотреть как прорисовывают свет на "рогах" и самом олене. Невероятно полезно! Спасибо огромное!
 

Статистика