Видео: анимация и аниматор — уроки фотошоп

Покадровая анимация в Фотошопе

Важное примечание. Если вам нужно быстро создать простейшую Анимацию из нескольких кадров в Фотошопе, перейдите на урок — Создание анимации в Photoshop CC.

Я довольно-таки давно интересуюсь покадровой анимацией, хотя и изучила мало материалов. Все книги, которые я начинала читать, довольно длинные, трудные и «сухие».

Поэтому после того, как я стала чуть-чуть понимать технологию создания анимаций, я начала искать способы их воплощения в жизнь при помощи Фотошопа.

Многие советовали мне переходить на другие программы (например, TVP Animation Pro), но я, не желая подстраиваться под новые интерфейсы других программ, решила делать всё в Фотошопе.

А этот урок я написала специально для тех, кто не понимал технологию создания покадровых анимаций конкретно в Фотошопе. Кто не хотел чуть-чуть покопаться и понять, что к чему.

Я затрону две темы: короткие анимации и длинные. Не стоит пролистывать неинтересный вам тип анимаций: там может быть информация, которая вам пригодится для анимаций нужного вам типа.

Короткие анимации – это анимированные аватарки, смайлики и т.д.

Длинные анимации – это мультфильмы, видео и т.п.

Сначала я расскажу теорию, а затем мы создадим анимацию на практике.

Важное дополнение

Многие спрашивают: «Почему моя анимация такая дёрганная, мой персонаж/объект быстро/медленно двигается?»
Отвечаю: ваш персонаж/объект двигается быстро, потому что вы нарисовали мало кадров.

Ваш персонаж/объект двигается медленно, потому что вы нарисовали много кадров.

Ваш персонаж/объект дёргается, потому что вы не проследили за предыдущим движением и нарисовали следующее, которое не согласованно с предыдущим.

Запомните: в одной секунде 24 кадра!

Поэтому, когда вы соберётесь создавать свою анимацию, помните: 24 кадра = 1 секунда, 24 кадра = 1 секунда. Никогда не забывайте об этой очень важной детали.

Короткие анимации

Я думаю, вы часто сталкивались с анимациями на аватарках, с анимированными смайликами.
Некоторые смайлики сделаны во Flash’e, но свои я рисую в Фотошопе. Не стоит думать, что такие короткие анимации делать легко.

С одной стороны – да, они небольшие по размеру, но с другой – пока отрисуешь эти 1530 кадров, замаешься (а представьте, если вы хотите создать трёхминутный клип, то вам придётся делать 4320 кадров!).

Что вы должны помнить и знать?

Допустим, вы захотели нарисовать себе на аватарку девушку с развевающимися от ветра волосами. Значит:

Во-первых, волосы это вам не картон – под воздействием ветра средней силы они будут являться поперечными волнами.

Примерно так это показано на схеме:

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

И, наконец, слабый ветерок аккуратно приподнимает и опускает волосы.

Далее мы можем посмотреть все три типа анимаций:

Слабый ветер:

Средний ветер:

Сильный ветер:

Всё то же самое относится к ткани и одежде — они будут вести себя примерно так же, как и волосы.

А теперь, например, вы захотели нарисовать анимацию с движением своего персонажаобъекта. значит:

Во-вторых, любое действие с чего-то начинается. Вы никогда не замечали, что, например, чтобы встать со стула, вы его сначала чуть-чуть отодвигаете, и немного наклоняетесь вперёд, а только потом уже встаёте? или, что захотев сделать удар ракеткой вы сначала её отводите и поворачиваетесь корпусом вместе с ней, а только потом делаете удар?

Таких примеров можно привести огромнейшую кучу, но лучше посмотреть:

Чтобы не попасть впросак с этими движениями перед действиями (ДПД), чаще анализируйте и наблюдайте за движениями людей или животных.

Небольшое дополнение

В общем, никогда не забывайте о физике. Вес объектов, материалы, из которых они сделаны (упругость, мягкость, жёсткость и т.п.), всё это нужно.

Поймите, что без этого ваша анимация будет мёртвой, ужасной и некрасивой!

Лучше поработайте над ней и никогда не спешите.

Длинные анимации

Ооо, вот тут-то и начинается всё самое интересное!

Частенько ли вы, смотря мультики или аниме, восхищались анимацией и завидовали тем, кто умеет их делать? Все эти прекрасные сцены, пластика движений и мн. др.? Я честно признаюсь — да. Каждый раз, когда я что-то смотрю, я пытаюсь понять, как же аниматоры с этим работали? Как они всё это создавали?

Но, в силу того, что я не знаю, в каких они работают программах, я пытаюсь понять весь процесс, используя механизмы Photoshop-a.

И знаете, я ведь нахожу ответы на все свои вопросы!

Но давайте будем разбирать всё по порядку.

Процесс создания длинной анимации

1. Изначально нам нужна ИДЕЯ

Например, вы решили сделать небольшой клип, в котором будут танцевать несколько девушек.

Если вы матёрый художник-аниматор, вы можете в своём клипе «заставить танцевать» от 3 и более девушек.

Но в начале своего пути аниматора лучше ограничиться одной-двумя.

2. Теперь вам необходимо составить раскадровку по сценам (РПС)

Что это такое, и с чем её едят?

Представьте себе фильм. Теперь представьте кол-во различных видов из разных камер. Крупный план, пейзаж, камера, следующая за персонажем…

Ладно, когда их не так много. Но когда мы делаем целый клип их может быть больше 30 штук!
Поэтому умные дяденьки и тётеньки аниматоры пользуются такой прекрасной штукой, похожей на расчерченную книжечку.

В ней они изображают сцены.

Только одни рисуют в каждом отсеке таблицы одну сцену, потом другую, третью и т.д., а другие рисуют в каждом отсеке таблицы изображения через несколько секунд (извиняюсь, если непонятно объяснила).

Очень удобно и то, что можно делать сбоку описания, а то, бывает, нарисуешь, потом через некоторое время посмотришь, и не поймёшь — что это я тут изобразила?

Так что берём себе на заметку такую раскадровку по сценам и пользуемся такими книжечками.
Можно даже не делать книжку, а просто создать большой файл в Фотошопе и там все сцены отрисовывать.

3. Теперь вам нужно придумать фон, концепт персонажей и движения

Движения рисуем в книжечке РПС.

Если у вас не одна сцена в клипе, то придётся рисовать несколько разных фонов. Рисуйте их в отдельных файлах.
И запомните одну вещь — фон не появляется из ничего. Так что если вы хотите, чтобы камера как бы отъезжала вбок, то фон там тоже должен быть. т.е. придётся рисовать фон по длине (или по ширине, а может и по тому, и по другому) больше.

Затем вы продумываете внешний вид вашего персонажа и начинаете создавать анимацию.

От теории переходим к практике

Давайте вот с этого момента вы немного подумаете над ИДЕЕЙ и, вообще, над пунктом «Процесс создания анимации».

К чему это я? К тому, что сейчас вам будет нужен подопытный кролик, которого вы будете заставлять двигаться. Мы не будем делать клип, в котором 4320 кадров.

Лучше всего и легче всего будет понять, как создать покадровую анимацию по 2472-кадровой анимации.

Что ж, начнём!

1. Создаём новый документ. Для своей анимации я взяла небольшой размер – 400 x 500 px.

2. Теперь, если у вас нет внизу слева окна «Анимация», смотрим наверх, открываем вкладку «Окно» — «Анимация».*

* — В примерах используется русифицированная версия Photoshop CS2.

Примечание: в новых версиях анимация создается в панели Window — Timeline (Окно — Шкала времени). Процесс создания анимации на примере Photoshop CC вы можете посмотреть в уроке — «Создание анимации в Photoshop CC».

На скриншоте выше мы видим окно анимации в котором есть первый кадр, ниже него небольшая панель, на которой расположены кнопки:

Всегда/однажды — выбрав «Всегда» вы зациклите анимацию. Если вы выберете «Однажды», анимация будет проигрываться только один раз. (Оба варианта анимаций в моём уроке есть: зацикленная — где показан принцип ДПД, воспроизводимая один раз — где показана смена сцен).

Выберите первый кадр — возвращает нас к самому началу.

Выбирает предыдущий кадр — не будем звать Кэпа. (=

Играет анимацию/Останавливает анимацию — Play/Stop.

Выбирает следующие кадры — следующий кадр. Ваш Кэп!

Tweens кадры анимации — с помощью этой кнопки мы можем добавить плавные переходы между двумя кадрами посредством добавления новых.

Дублирует выбранные кадры — не совсем верное название… Лучше бы было «Добавление нового кадра».

Удаляет выбранные кадры — корзина.

3. Теперь мы можем начинать рисовать. для этого созданный ранее вами фон поставьте на Background (Задний план / Фон).

4. Затем создайте новый слой (Ctrl+Shift+Alt+N) и нарисуйте на нём своего персонажа.

4. Теперь начинается самое трудное: нам нужно нарисовать мно-о-ого раз подряд одного и того же персонажа в разных позах.

Создаём новый кадр, и… Тут есть два варианта:

А) Либо вы начинаете каждый раз рисовать своего персонажа заново, либо..

Б) Копируете предыдущий слой и изменяете его (дорисовываете-стираете, а не пользуетесь трансформацией! Такой инструмент вам будет нужен редко, потом напишу, когда).

Поднатаскавшись в анимации вы сможете безболезненно пользоваться обоими вариантами. (Можете попробовать каждый из них в отдельном документе).

Вариант А:

1. Мы нарисовали наш первый кадр.

2. Чтобы видеть, как изменять следующий, мы уменьшаем прозрачность слоя примерно до 30% и создаём новый слой, на котором уже рисуем кролика для второго кадра.

Читайте также:  Как сделать иконки для социальных сетей в фотошопе - уроки фотошоп

3. Дорисовываем второй кадр и отключаем видимость у предыдущего, первого слоя.

Вариант Б:

1. Создаем кадр с персонажем и делаем этот слой невидимым.

2. Затем дублируем его (Ctrl+J), перетащив слой на кнопочку «Создать новый слой» левее корзины.

3. Теперь делаем второй слой видимым и начинаем его изменять.

Таким образом, дублируя предыдущие слой, вы создаёте новые кадры и изменяете именно их, а не один и тот же.

5. Сидим, рисуем кадров 1015

6. И смотрим, что получилось.

Получился бегущий кролик.

Причём ни одна его часть не скопирована: каждый кадр нарисован заново.

Смотрите сами:

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

Почти конец

Выше я оговорилась об инструменте Free Transform (Редактирование — Свободное трансформирование / Сочетание клавиш «Ctrl+T»).

Пользоваться им стоит тогда, когда вы например, хотите отдалить камеру, приблизить её, повернуть и т.д. (Если вам нужно только переместить фон, воспользуйтесь видео-редакторами, вам же будет легче).

Не стоит пользоваться искажением, наклоном и другими инструментами трансформации без надобности.

Инструментом Liquify (Фильтр — Пластика) вообще не стоит пользоваться, если ваш рисунок нарисован в стиле аниме, т.е. с контурами. Всё жутко деформируется и станет ужасным.

«Tweens кадры анимации». Вот смотрите: у вас есть два кадра — на одном белый фон, а на другом, например чёрный. И вам нужно сделать так, чтобы белый плавно переходил в чёрный.

Тогда вам необходимо выбрать первый кадр, с белым фоном, нажать на кнопку «Tweens кадры анимации» и указать кол-во кадров, которые вы хотите вставить между этими имеющимися двумя.

Теперь смотрим, и О, ЧУДО! — белый плавненько переходит в чёрный. (Попробуйте сами!)

Ещё совсем чуть-чуть!

Отрисовав все сцены, всю анимацию, вы, вероятно, захотите воссоединить их в клип.
В единстве сила!

Но, перед тем, как их соединять, давайте правильно сохраним нашу анимашку.
Для этого тыкаем «Файл» — «Сохранить для Web» — «Save».
И, если вдруг выскочит какое-нибудь окошко, в котором говорится про название, смело закрывайте его своим Ok!

Примечание: Photoshop CC (2014) File — Save for Web (Файл — Сохранить для Web / Alt+Shift+Ctrl+S);

На этом этапе можно остановиться, если вам нужна gif-анимация. Если нужен клип, идём далее…

Вот теперь-то нам и понадобятся некоторые другие программы, например Ulead GIF Animator и Киностудия Windows Live. (Вы, конечно, можете пользоваться любым другим видео-редактором, но для новичков сойдёт и он. К тому же, там всё понятно).

Ulead GIF Animator

Открыв одну из своих анимаций, вы будете должны проверить её их сохранить как видео файл. Проверили. Всё нормально. Идём дальше:

Нажимаем «Файл» — «Сохранить как» — «Видео файл» и «Сохранить».

(Тык — откроется картинка размером в 1680*1013 px)

И, после того, как мы сохранили нашу gif-анимацию как видео файл формата .avi, например, можно смело идти в Киностудию Windows Live.
Там уже делайте с вашим клипом всё, что душе угодно.

А затем вы можете загрузить свой клип на youtube.com и наслаждаться проделанной работой.

Вуаля!

Всем БОЛЬШОЕ СПАСИБО за внимание, с вами была Lero-art. Извините меня за косноязычие, странность изложений и другие огрехи в уроке, если таковые есть. Все они от того, что мысли путаются, а слова не складываются в предложения…

Но, надеюсь, вы почерпнули для себя что-то новое и интересное!

Источник: https://photoshoplessons.ru/animation/pokadrovaja

Лучшие программы для сотворения анимации на компьютере

Одним из самых интересных и простых методов заявить о себе является анимация, которая получила большую популярность во всем мире…….

Именно благодаря этому методу и создаются баннеры, логотипы и даже полнометражные мультфильмы…………………….

• В этой статье мы расскажем — основные секреты создания видеороликов с анимацией ↓  

Как сделать простой мультик на YouTube

Итак, анимация – это основной элемент любого мультфильма. Суть состоит в том, что кадры смениваются последовательно, в результате чего создается впечатление движение объекта и прочее….

Это самый лучший способ создать оригинальный (авторский) контент, который в последствие принесет вам огромный доход.

Принято выделять несколько видов анимаций: ↓↓↓

  • рисованные – это классический формат, когда каждый персонаж рисуется отдельно для каждого кадра (например, в мультфильме Симпсоны) 
  • перекладка – в этом случае главный персонаж рисуется на «нулевом» кадре, после чего управляется при помощи костей.

Естественно, если вы хотите сделать анимацию для канала YouTube, то лучше всего использовать —второй способ !!! — так намного легче

• В этом случае в течении всей серии придется менять лишь фоны, а основные персонажи будут управляться специальными рычагами (для мимики, движений и прочее).

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

Что же нам потребуется для анимации мультиков на YouTube: ↓↓↓

  1. программы для создания анимации на компьютере;
  2. сюжет будущего мультика;
  3. сценарий и озвучка;
  4. подготовка анимации.

 Обзор наилучших инструментов

Главный инструмент в руках современного аниматора – это специальные программы, которые помогут создать качественный мультик всего за несколько часов.

• Давайте узнаем рейтинг из самых популярных программ  ↓

Совет -Для удобства работы с этими утилитами мы рекомендуем скачать футажи анимаций !

5 место. Express Animate  → (бесплатно)

Express Animate – это самая простая программа для анимации мультиков, которая порадует простым интерфейсом и функционалом. С ее помощью вы можете создавать небольшие мультфильмы, анимации, накладывать различные эффекты и прочее…….

→ У программы имеется интуитивный одно-оконный интерфейс, разделенный на 4 области.

→ При помощи элементов управления можно перемещать фигуры, создавая плавные переходы, добавлять аудиофайлы и многое другое.

4 место. iClone Pro (пробная версия на 30 дней)

iClone Pro – позволяет создавать сложные 3D анимации с разно-плановыми героями.

Главная фишка программы – это возможность использовать фотографии реальных людей вместо лиц мультипликационных персонажей. При помощи технологии FaceTrix фотографиям придается 3D-эффект ↓

Предлагаем скачать программу для анимации качественных мультиков, а также работой со сложными деталями (одеждой, различными реквизитами и прочее). С программой iClone Pro вы запросто сможете создать динамичный мультфильм. При помощи встроенных инструментов персонаж может ходить, танцевать и другое.

Пример ↓

• Данная программа рекомендуется для создания небольших анимированных роликов, заставок для мобильных гаджетов, графических баннеров и скрин-сейверов.

3 место. Anime Studio (лицензия за $300)

Anime Studio – одна из лучших программ для анимации 2D мультиков. Данная утилита является профессиональной и позволяет создавать ролики на уровне с популярными японскими аниме.

Пример ↓

Среди главных преимуществ программы Anime Studio стоит выделить: ↓

  • создание плавных переходов между кадрами;
  • работа со слоями;
  • анимация при помощи костей;
  • 3D-пространство;
  • синхронизация мимики и рта со звуковыми эффектами;
  • можно расширять функционал при помощи скриптов.

Несмотря на очень широкий функционал, Anime Studio – это очень понятная и простая программа для создания 2D анимации мультиков. 

2 место. Toon Boom Harmony (лицензия от $15)

Toon Boom Harmony – программа с простым интерфейсом и огромным набором инструментов. Утилита знакома многим бывалым мультипликаторам.

В центральной части располагается поле для работы с графикой, а снизу полоса прокрутки, слои и прочее ↓

Особенности программы для создания мультиков: ↓↓↓

  • «True Pencil» — умеет сканировать рисунки;
  • Можно делать из 2D изображений 3D;
  • Перемещение камеры и проведение захвата;
  • Можно создавать полноценные мультфильмы.

1 место. Easy GIF Animator (лицензия $29.65)

→ Всего 5 минут и простоя анимация готова – все это возможно вместе с Easy GIF Animator. Эта программа для анимации на русском языке подойдет в первую очередь для создания простых и коротких роликов. Можно использовать уже готовые изображения и делать их анимированными.

С помощью Easy GIF Animator можно применять разнообразные эффекты, переходы, текстовую информацию, работать с разными форматами и прочее….

Инструкция по шагам

Даже если вы не умеете красиво рисовать, но, если у вас есть творческая жилка, то создать красивый мультик в Anime Studio у вас получится без труда.

• Главный этап любого ролика – это действующие герои. Именно они будут динамическими объектами в нашем мультике.

• Фоны, аксессуары и прочее – все это может оставаться статичным.

Итак, чтобы создать вашего первого персонажа в Anime Studio: ↓↓↓

  • нажимаем «Файл» и «Новый проект»;
  • теперь выбираем «Файл» и «Настройки проекта»;
  • здесь нужно указать разрешения и скорость кадров;
  • рисуем персонажа, используя панель управления слева (более подробно тут  )
  • выставляем слои и прокладываем кости для удобного управления;
  • сохраняем изменения.

Теперь перед вами стоит не менее сложная задача – заставить персонажа ходить !!!

Для этого нужно добавить дополнительные кости к стопам и кистям. Также создаются глаза и мимика персонажа, и для каждого элемента также потребуется кость. Теперь, перемещая кости на нужные позиции, вы заметите, что создается иллюзия его движения. Если движения получаются плавными, то вы все действия выполнили правильно. 

К сведению ↓

Сложность мультфильма определяется: ↓

  1. количеством действующих героев
  2. тонкими движениями
  3. а также количеством локаций
Читайте также:  Видеоурок — раскрашиваем черно-белую фотографию - уроки фотошоп

Но все это вы сможете узнать в процессе работы 

Источник: http://7youtube.ru/programs-for-yutuba/programmy-animatsii.html

2D анимация: способы создания и уроки

30 апреля 2012 | Опубликовано в статьюшечки | 8 Комментариев »

Сложно найти такого человека, который ни разу не видел мультфильмов. Пожалуй, многие спрашивают себя, как это делается и как можно этому научиться. До развития компьютерных технологий мультфильмы рисовались на бумаге, что занимало уйму времени. Сейчас всё намного проще.

Для этой цели существует большое количество программного обеспечения (Photoshop, Illustator, Paint, Flash и т.п. ).

Следовательно, анимация может быть как  векторной, так и растровой. Анимацию также можно создавать при помощи css3 и JQuery.

Мы представляем вашему вниманию коллекцию уроков по созданию 2D анимации при помощи различных техник.

При помощи Photoshop

При помощи Photoshop можно создавать простейшие анимированные gif-изображения.

Смотрите видеоурок по созданию простейшей анимации при помощи Photoshop:

При помощи GIMP

Gimp-бесплатный растровый редактор.  В следующем уроке рассказывается о том, как создать мультяшного пса при помощи этой программы.

Посетить урок

При помощи Paint

Не рекомендуем использовать Paint для этой цели, так как это займёт много времени, но всё же можете посмотреть видео о создании простейшей анимацию при помощи этой программы.

При помощи PowerPoint

При помощи Illustator

В этом уроке рассказывается о том, как создать анимацию векторного объекта при помощи исключительно Illustrator

Посетить урок

При помощи Flash

Видеоурок по созданию простого мультфильма при помощи Adobe Flash

Смотрите также статьи:

При помощи TVPaint

VPaint Animation-программа, предназначена для рисования и создания 2D-анимации. С помощью её  вполне реально создать собственный мультфильм. Смотрите урок о том, как это сделать.

При помощи Toon Boom

Toon Boom-целое  семейство программ для анимации, предназначенных как для любителя, так и для профессионала.

При помощи Anime Studio Pro

Anime Studio Pro-простая для освоения программа при помощи которой можно создавать вот такие мультфильмы:

При помощи JQuery

Урок по созданию анимации при помощи плагина jQuery.spritely

Посетить урок 

Урок по созданию движущегося мультяшного  робота при помощи JQuery

Посетить урок

При помощи css3

О том, как создать анимацию при помощи css3 читайте здесь. Ниже представлен пример анимации:

Смотрите здесь

При помощи Adobe Edge

Adobe Edge  позволяет быстро и легко создавать интерактивные элементы с помощью стандартов HTML5, CSS3 и JavaScript.

Смотрите видеоурок о том, как создать анимацию при помощи этой программы:

Примеры использования анимации в веб-дизайне

Анимация используется не только в мультипликации, но и в веб-дизайне. Сегодня для создания анимационных эффектов на сайтах всё реже  используются флеш-технологии, и всё чаще отдаётся предпочтение css3 и  jQuery.
Launch Factory

Quazar web design

Captain Dash

HMTL 5lab

Nathan Love Studio

Возможно, вас заинтересуют статьи:

 Автор-Дежурка



Источник: http://www.dejurka.ru/articless/2d-animation/

Ulead GIF Animator или как создать анимацию. Объясню на пальцах. | Творческая мастерская

Иногда простые, казалось бы вещи, нас ставят в тупик. С подобной проблемой  я как-то столкнулась, когда мне захотелось разнообразить свой аватар в социальной сети.
Вообще в процессе нашего развития в сети Интернет, у нас всё чаще и чаще появляется потребность что-либо изменить, улучшить.

Например: аватар, поздравительную открытку, а может и вовсе создать рекламу своей странички? Как оживить «мёртвую» картинку? Хорошо конечно, кто владеет всеми навыками фотошопа, а кто только осваивает? А кто и вовсе попробовал и не получается.

Как в таком случае быть? Хочу представить самую простую в использовании программу: Ulead GIF Animator 5.

СКАЧАТЬ

В файл я поместила саму программу Ulead GIF Animator, Кряк и Русификатор. Сначала устанавливаем программу, далее  кряк и русификатор.

После всё закрываем и нажимаем на своём рабочем столе ярлык: Ulead GIF Animator 5 состоит из трёх главных разделов, в которых идет редактирование и разработка анимации, эти разделы называются: «Правка», «Оптимизация», «Просмотр».

Попробуем подробнее изучить каждый из разделов и разберем в чем же их особенности. При первом запуске Ulead GIF Animator, Вам будет предложено выбрать одно из стандартных действий: «Открыть пример», «Открыть изображение» и так далее.

«Правка» — данная вкладка представляет страницу на которой происходит основное редактирование изображения, создание кадров, а после и самой анимации.

В боковой панели (которая расположена справа) можно настроить визуальное отображение картинки, её прозрачность, удалить какой-либо ненужный объект. Данная панель полностью служит для редактирования и управления объектами.

Нажимаем на пустой квадратик внизу и далее: файл => добавить изображения, как на рисунке:

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

Инструменты для выделения представлены несколькими видами: прямоугольник, круг, произвольная кривая, а также лассо.

Из инструментов, предназначенных для рисования, можно заметить только кисть, хотя это и немного для такой программы, но настройки кисти тоже значительны: форма (круглая, квадратная), траектория (кривая, прямая линия), толщина кисти и интенсивность цвета.

Кроме кисти есть и стандартное «ведро», то есть инструмент для заливки, плюс редактор текста. Вы можете нанести надпись на изображение, изменив: цвет, расположение, стиль, размер.

«Оптимизация» вкладка предназначена для оптимизации изображения, доведения его до наилучшего качества или же наименьшего размера. Отличия от «Правки» в том, что вверху находится панель редактирования качества, количества цветов, а также размера самого изображения.

Панель оптимизации имеет два окна в дном из которых отображается картинка «до», а в другом «после» применения алгоритмов оптимизации. Кроме того, в Ulead GIF Animator есть возможность применения видеоэффектов и поддержка функции фильтрации изображения.

Кстати, сохраняем полученное творение именно здесь, во вкладке: «Оптимизация«. В правом нижнем углу, есть слова: «Сохранить как«.

«Просмотр» (Предварительный просмотр) – последнее окно, в котором есть возможность просмотреть свою работу в таком виде, в каком она будет сохранена. Эта опция очень помогает при работе, так как здесь уже явно видны все недочеты по переходам между кадрами и качеству картинок.

Лично я, обычно смотрю в эту вкладку и потом путём мыши двигаю кадр так как мне надо во вкладке: «Правка». Подводя итог к вышесказанному, нельзя не отметить, что данная программа будет полезна всем тем, кто увлекается анимацией и тем, кто желает создать простую рекламу своего блога.

Теперь, я хочу показать как я из двух кадров известного мультика, сделала сейчас простую анимацию.

Кадр №1

Кадр №2

И вот, что у меня получилось. Эх, немного кривенько, но как образец…

Или возьмём шесть кадров из этого же мультфильма, размером 100×100 и пробуем:

кадр №1

Пропущу четыре кадра…

Кадр №6

И вот, что у нас получается:)

Таким образом вполне реально создать свою собственную рекламу

Источник: http://tv-22.ru/gif.html/

Adobe Character Animator

Главная | Информация | Adobe Character Animator.

Программа оживляет 2D персонажа используя актерскую игру на веб-камеру. Adobe Character Animator распознаёт движения лица, записывает звук и генерирует мимику. При этом можно дополнительно управлять персонажем с клавиатуры и мыши.

Когда вы говорите, ваш персонаж говорит, когда вы делаете удивленное лицо, персонаж делает то же самое. Программа рассчитана на работу с любой веб-камерой, поэтому отслеживает только лицо, для трекинга всего тела она не подходит.

Adobe Character Animator предназначен для тех кто хочет быстро сделать анимацию персонажа и для тех кому надо настроить управление сложным персонажем без написания сложных выражений (программирования expressions).

Можно записать свою игру и проиграть её с таймлайна. Поместить несколько персонажей в сцене и сделать озвучивание по отдельности. Для дальнейшей обработки сцена может быть отправлена в After Effects.

Откуда берутся персонажи
Процесс работы начинается с создания персонажа в Иллюстраторе или Фотошопе. Делаем или полностью своего персонажа, или загружаетм с Creative Cloud Market глаза, рот и т.д.

Если названия слоёв соответствует частям тела (chest, head, eyes, mouth) то дальнейшей настройки скелета анимации не потребуется. Также назначить слои частям тела можно прямо в ACA. Контролировать персонаж можно при помощи себя, сидящего перед веб-камерой.

Любые изменения в иллюстрации сделанные в Photoshop или Illustrator автоматически отобразятся в Character Animator.

Трекинг мимики
Для отслеживания мимики может быть использована веб-камера. Контролируется положение, поворот и дистанция от камеры до лица, отслеживаются такие движения как губы, поднятие бровей и т.д. Какую бы эмоцию не изобразить, радость или удивление, Face tracker отследит это и наложит на персонаж.

Автоматическая аниамция конечностей
Пока Character Animator автоматически контролирует лицо, мышью можно шевелить персонаж. Можно добавить дополнительные свойства, например заставить челюсть и рот персонажа двигаться вертикально — как у чревовещателя, или выполнять жесты руками.

Автоматическая синхронизация движения губ со звуком (Lip Sync) Просто говорите в микрофон сидя перед веб-камерой, и вы заставите вашего персонажа говорить.

Анимация по законам физики Когда части тела персонажа реагируют на обстановку, это добавляет правдоподобности. У Adobe Character Animator имеется характеристика Dangle, которое управляет свойствами персонажа качаться и висеть.

К примеру, если добавить персонажу длинные волосы, они могут покачиваться вправо-лево, когда персонаж трясёт своей головой, или его уши могут прыгать верх-вниз. Можно добавить дополнительную анимацию, такую как падающий снег или всплывающие пузырьки.

Дыхание (Add Breathe) и другие характеристики персонажа Функция автоматически контролирует как часто и как сильно расширяется грудь персонажа. Можно ограничить движение определёнными частями тела и оставить другие в состоянии покоя. К примеру зафиксировать торс и шевелить только руки и голову.

Читайте также:  Египетские знаки - уроки фотошоп

Запись и редактирование дублей
Сцену можно записывать по частям, со многими дублями. Каждая такая запись видна как отдельная дорожка в панели Timeline. Подрезая и сдвигая дорожки, собрается чистовой вариант сцены и экспортирется в Adobe After Effects CC для дальнейшего редактирования, или в Adobe Premiere Pro CC, или в Adobe Media Encoder CC.

Учебное видео — делаем ростовой персонаж в Photoshop

Где взять? Торренты наше всё. Искать надо Adobe Character Animator CC 2017 1.0.5.141

Эта пятая бета-версия и она ставится без After Effects.

Как переключить на русский язык?
В версии 1.0.5 он появился, в более ранних никак

С чего начать? Загрузить учебный проект C:Program FilesAdobeAdobe Character Animator (Preview)Support FileschprojsGetting Started Project

Нет камеры…

Попробуйте так пока не найдёте:

Что дальше? Нажимайте кнопку Play, урок начнется.

Примерно на 40й секунде (2) появится Red Monster (Красный монстр)Если у вас не активирован пункт меню Pause During Playback (персонаж не реагирует на камеру во время проигрывания),и дорожка с Монстром активна (красного цвета) (1), то вы можете управлять монтстром через камеру.

На 1:10 чувак с синтезатором даст совет нажать на паузу а затем сесть прямо, принять позу в которой красные точки наиболее хорошо привяжктся к форме лица и нажать Set Rest Pose (3) в окне камеры или Ctrl-P на клавиатуре. Так вы откалибруете персонажа в позе покоя.

Что дальше ?
Дальше сами…

Источник: http://www.pr-video.com/i_ACA.html

Создание простого анимационного видео ролика

Я уже не первое письмо получаю насчет некоторых моих анимационных фильмом, я сделал видео самоучитель и пусть он будет для всех сразу. И ТАК, СОЗДАНИЕ АНИМАЦИИ. Сложного там ничего нет, но я все же вкратце кое-что поясню.

Для того чтобы создать простой анимационный видео ролик много ума не надо, я имею ввиду технически, тут больше нужна фантазия.

<\p>

Во все времена создание анимации, раньше ее называли мультипликация, затрачивалось много усилий, да и сегодня создать качественную анимацию похожую на реальность не так просто.

Но мы не будем говорить о сложной анимации, тем более я сам всего лишь в ней нахватался верхушек, мы поговорим за простую, или как сейчас еще называют, креативную анимацию. Вот в ней сложного ничего нет, при наличии нужных программ вы сами, даже не имея навыков сможете создать вполне приличные видео.

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

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

В последних некоторых работах я начал использовать одновременно две анимационные программы. То, что из этого получается, вы сможете посмотреть ниже.

Итак, кого заинтересуют подобные шаржи, вполне может сделать свой анимационный фильм или просто видео ролик.

Использовать будем несколько программ, нам понадобится фотошоп с плагином отделения объекта от фона, плагинов существует несколько, хотя некоторые вполне обходятся и без различных плагинов используя только инструменты фотошопа, но я для скорости предпочитаю использовать плагины.

Один из хороших плагинов находится тут http://video-film.su/vertus-fluid-mask-3-3-12-russkaya-versiya-vyrezaem-obekt-iz-fona.html но, в своем видео уроке я буду использовать этот плагин http://video-film.su/akvis-smartmask.html

Конечно нам будет нужна и монтажная программа, для этих целей лучше всего подойдет программа композитинга, я буду использовать Adobe After Effects, можно использовать и обыкновенную видеомонтажную программу, которая работает со слоями и поддерживает технологию хромакей. В зависимости от сложности анимации можно конечно обойтись и без них, мы же постараемся создать более сложную анимацию, так что будем композитить.

Ну и теперь коснемся самого важного элемента, программ анимации, первая и самая простая это CrazyTalk, программа поможет вам анимировать любое лицо взятое с фотографии, подробнее я покажу все в самоучителе.

Вторая программа это iClone, эта программа немного посложней лишь в моделировании самих персонажей, модели изготавливаются в сложных 3d программах, но мы возьмем уже готовые, лица моделей также можно делать из фотографий.

Обе программы используют аудио текст, записанный вами на любой звуковой редактор или просто диктофон. Ну вот, пожалуй и все что нам нужно будет для начала, хотя повторяю в зависимости от сложности вашей анимации возможно вам все и не понадобится.

Существует еще одна программа из этой же серии, это CrazyTalk Animator Скачать ее можно вместе с уроками тут http://video-film.su/crazytalk-animator-1-01-pro.html

Скачать программу Reallusion iClone 5.5.1 для создания анимации (САМАЯ СТАБИЛЬНАЯ ВЕРСИЯ)

http://turbobit.net/zjv3yi25iq1n.html

http://dfiles.ru/files/rrbb4alhf

Дополнительные пакеты. Тут всевозможные модели, волосы, одежда для программы, Reallusion iClone начиная с четвертой и кончая шестой версией. На первое время есть все для создание профессиональной анимации.

http://dfiles.ru/files/emmchxsws

http://turbobit.net/pylbso1sou1q.html

Самоучитель выложу тут же немного позже

Источник: http://video-film.su/sozdanie-prostogo-animacionnogo-video-rolika.html

Как сделать анимацию из видео

Post written by admin at 26.07.2014 14:41

Category: Анимация

24 Comments »

Gif анимация из видео в Фотошопе

Всем привет!

Знаете ли вы, что из видео в Фотошопе можно сделать анимацию? Видео может быть как ваше домашнее, так и взятые в интернете футажи (небольшие нарезки видео для видеомонтажа). Добавив к ним статичную картинку, например, вашу фотографию, можно сделать интересную открытку или баннер.

Итак, как сделать анимацию из видео? Это довольно просто. Посмотрите видеоурок, почитайте текстовый вариант, включите фантазию и вперед!

 Дополнение к видео — смотрите текстовый вариант шаг 4.

Текстовый вариант урока Анимация из слоев видео.

Не пугайтесь, что много текста, делать гораздо быстрее, чем описывать!

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

Шаг 2. Далее: файл – импортировать – кадры видео в слои. Выбираем подходящее видео, жмем ОК. Открывается диалоговое окно. Выбираем От начала до конца (если видео небольшое) или Только выделенный диапазон. Чтобы выделить нужный кусочек, двигаем ползунки.

Чтобы уменьшить вес файла, можно поставить галочку на Оставить каждый (поставить нужную цифру, например 2). Тогда в вашем видео Фотошоп оставит каждый 2-й кадр, и, таким образом, видео уменьшится в 2 раза. Здесь важно не переборщить, чтобы видео не утратило плавность.

Ставим галочку на Создать покадровую анимацию. Жмем ОК.

Шаг 3. Наше видео открывается в палитре слоев. Их может быть много, не пугайтесь! Далее заходим: Окно – шкала времени (в Фотошоп CS5 – Анимация). Внизу появляется рад кадров.

Ставим галочку на Постоянно, регулируем скорость  — длину каждого кадра. Чтобы изменить длину сразу всех кадров, щелкаем левой кнопкой мыши на 1-м кадре, зажимаем Shift и щелкаем на последнем.

Все кадры выделены, можно поставить желаемое время.

Шаг 4. Если слоев получилось все же слишком много, то можно их уменьшить и на этом этапе. На шкале времени выделяем, например, каждый 4-й кадр (щелкаем с зажатой клавишей Ctrl) и нажимаем на значок Корзины  внизу. Все выделенные кадры будут удалены. Запустите ваше видео и проверьте, как оно идет. Если оно пошло рывкам, возможно, вы удалили слишком много кадров.

Шаг 5. На шкале времени (Анимации) выделяем 1-й кадр. Проверяем, чтобы он был выделен и в палитре слоев и чтобы он был видимым (чтобы был на этом слое глазик). При помощи инструмента Перемещение перетаскиваем наше фото в анимацию.

Или делаем так: Открываем фото, нажимаем Ctrl + A (выделить все), Ctrl + C (скопировать). Затем переходим к документу с видео и повторяем начало шага 5 – выделяем 1-й кадр. Нажимаем Ctrl + V (вставить).

Наша фотография должна встать в палитре слоев над 1-м слоем.

Шаг 6. Стоя на слое с фото – оно должно быт активным — , делаем все необходимые изменения: подгоняем размер, цвет и т.д. Нажимаем на значок маски внизу палитры слоев и при помощи мягкой кисти, стоя на маске, убираем с фотографии лишнее (если нужно). Кликаем по маске правой кнопкой мыши и выбираем Применить маску.

Шаг 7. Выбираем инструмент Перемещение, стоя на слое с фото, захватываем слой левой кнопкой мыши в пустом месте и тянем на самый верх, чтобы слой с фото стал самым верхним. Если не получилось, повторяем шаг до тех пор, пока получится. Запускаем видео, проверяем результат.

Шаг 8. Если все устраивает, можно сохранять: Файл – сохранить для Web. Выбираем формат Gif. Смотрим вес файла, если необходимо, еще уменьшаем размер. Сохраняем в нужную вам папку.

Уф, все!Если чего-то непонятно, посмотрите видео!

 Надеюсь, урок вам пригодится. Пишите комментарии, задавайте вопросы, посоветуйте друзьям в соц. сетях!

Успехов вам в творчестве! Ваша 

↑Как установить такие кнопки?↑

Меня можно найти в:

Источник: http://superfotki2013.ru/uroki/animatsiya/kak-sdelat-animatsiyu-iz-video

Ссылка на основную публикацию