altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Программа Adobe After Effects
Автор: Алиса   

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

Нам эта программа откроет много удивительных возможностей. Ведь анимацию, созданную в этой программе - не повторить в Photoshop! Откройте для себя новые эффекты ;)

 alt 

 

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

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

 

1. Что и где?

2. Работа с проектом.

3. Работа с композицией.

4. Работа со слоями.

 

1. Где и что?

Откройте программу.

Моя версия выглядит вот так:

 

alt  

 

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

 

Начнем по порядку.

 

- В самом верху вы увидите главное меню программы:

 

alt 

 

Через него вы можете вызвать любую необходимую команду, настроить вид программы, открыть и сохранить изображения и тд.  По ходу изучения уроков анимации в AAE мы не раз уделим внимание главном меню и выясним какие команды она скрывает ;)

 

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

 

alt

 

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

 

alt

 

- Первая панель справа (расположенная тут в программе по умолчанию) - "Info" (Информация). Здесь вы увидите информацию о цвете на изображении, на котором стоит ваш курсор, а также получите координаты вашего курсора.

Для экономии пространства в программе, вкладка "Info" совмещена с вкладкой "Audio" (аудио), которую вы можете активировав просто щелкнув по ярлыку. В этой вкладке вы найдете всовозможные настройки аудио дорожки проекта.

 

alt

 

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

 

alt

 

- Еще ниже - "Effects and presets" (эффекты и заготовки) расположены шаблоны видео  и аудио эффектов, а также некоторые анимационные заготовки. Они сгрупированы по каким-то общим признакам, например "transform" (трансформирование). Это означает, что в этой папке заготовки эффектов, которые приведут ваш проект в какое-то движение. Заготовки помогут вам в некоторых случаях сэкономить время.

 

alt


- Эта панель называется "Timeline" (Временная шкала, или монтажный стол). Здесь и проходит вся наша работа с анимацией.

 

alt

  

- И, наконец, панель инструментов программы:

 

alt

 

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

 

2. Работа с проектом.

 

Изучим основные действия с документом.


- Создание нового проекта.

При запуске программы, новый проект создается автоматически. Но, если вам все-таки понадобилось создать новый проект уже работая в программе, воспользуйтесь командой  "File - New - New Project" (файл - Новый - новый проект).

 

  alt

 

- Открытие уже начатого проекта.

Для того, чтобы открыть уже готовый проект (или свой начатый) необходимо выбрать команду "File - Open project..." (Файл - Открыть проект) в главном меню программы:

 

alt

 

Или воспользуйтесь командой "File - Open Recent projects" (файл - открыть недавние проекты) для того, чтобы открыть один из проектов, с которым вы работали недавно.

 

alt

 

- Закрытие документа.

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

Для этого либо воспользуйтесь командой "File - Close" (Файл - закрыть), либо нажмите на "крестик" на вкладке вашего документа:

 

alt 

 

- Сохранение нужного документа. (как сохранить файл в расширении gif)

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

Для этого:

1) воспользуйтесь командой "File - Save as..." (Файл - сохранить как), если желаете сохранить файл в расширении программы (т.е. исходник, с которым вы сможете поработать позже). Введите имя исходника и сохраните на свой диск в нужное вам место.

 

alt

 

2) воспользуйтесь командой "Composition - Make Movie" (Композиция - Создать фильм), если желаете сохранить анимированную картинку, в нашем случае - аватару в расширении gif.

 

alt

 

К сожалению, сохранить напрямую в расширении gif вы не сможете. Оптимальный вариант - сохранение файла в расширении avi (видео), и последующее открытие этого файлы в программе "Gif movie Gear" - для оптимизации анимации и сохранения ее в формате gif.

 

Давайте поробно разберем этот процесс.

После того, как вы выбрали команду "Composition - Make Movie", окно вашей временной шкалы изменится:

 

  alt

 

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

 

После этого откройте программу "Gif Movie Gear" (подробнее о ней в уроке Программа Gif Movie Gear).

 

Откройте свое видео с помощью команды "Файл - Импорт из - Avi".

 

alt

 

Программа автоматически разложит видео на кадры.

 

alt

 

Дальше вам остается только оптимизировать видео и сохранить анимацию в расширении gif. (О том как сделать и то, и другое подробно расписано в вышеупомянутом уроке).

 

3. Работа с композицией.

 

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

Чтобы создать новую композицию, необходимо воспотзоваться командой "Composition - New composition" ( Композиция - новая композиция).

 

alt

 

Появится окно настроек вашей композиции:

 

alt

 

Здесь вы можете настроить:

Composition Name - имя композиции

Высоту и ширину вашего видео в пикселях

Частоту кадров в секунду (нам достаточно будет 25)

длительность видео - Duration

и цвет фона.

 

4. Работа со слоями.

 

Команда "Layer - New - Solid" (Слой - Новый - Сплошной) поможет вам создать слой.

(вы можете также щелкнуть правой кнопкой по временной шкале в пустом месте и выбрать команду "New - Solid...")

 

alt

 

Перед вами появится окно настройки нового сплошного слоя:

 

alt

 

Здесь вы можете указать размеры создаваемого слоя. Обратите внимание на кнопку "Make Comp size", (создать в размер композиции) она понадобится вам, если необходимо создать новый сплошной слой в размер вашей композиции.

 

Примечание: вы можете изменить размер слоя и позже, воспользовавшись свободным трансформированием.

 

Создайте для наглядности два слоя - один назовите, например, красный (и выберите его цвет - красный), а другой, например, оранжевый.

 

Обратите внимание на монтажный стол, вот ваши слои:

 

alt

 

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

 

Давайте рассмотрим возможности изменения этих слоев.

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

 

alt

 

Раскрыв выпадающий список вы увидите "Transform" (трансформирование). И снова стрелочку выпадающего списка. Нажмите и ее:

 

alt


Перед вами - возможности трансформирования выбранного слоя.

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

Попробуйте изменить значения и вы увидите как изменится ваш слой.

  

Теперь вы готовы приступить к практическим урокам по After Effects.
Успехов вам в освоении!

 

P.S. Если у вас возникли какие-то вопросы по уроку – оставьте свой комментарий на нашем форуме в теме, посвященной данному уроку - ЗДЕСЬ. Регистрация на сайте для этого необязательна. Обращайтесь - поможем разобраться!

Лучшее "спасибо" за урок - ваш комментарий! :)