Видео для фотошопа: Обработка видео в Adobe Photoshop

Обработка видео в Adobe Photoshop

Часть I: Использование встроенных инструментов

Зря читатель надеется, что, прочитав здесь несколько абзацев, тут же научится творить в фотошопе видеошедевры. Данный цикл статей не является step-by-step уроком. Заинтересовать — вот задача номер раз.

Зачем это нужно?

Неужели существуют такие операции, которые можно произвести только в Adobe Photoshop, и нельзя повторить в Adobe After Effects или Adobe Premiere Pro? Однако, почему мы только Adobe-вские продукты в список включили? Давайте продолжим: Edius, Liquid, Vegas… Final Cut Pro, в конце концов! Почти все эти пакеты имеют ну о-о-очень серьёзный набор встроенных фильтров, позволяющих работать с масками, проводить достаточно глубокую цветокоррекцию, убирать нежелательные шумы или иным образом модифицировать картинку. Помимо встроенных, существуют и дополнительные фильтры, выполненные в виде плагинов от сторонних разработчиков. Этих красавцев нынче пруд пруди, только выбирай да денежку готовь.

Так зачем же Photoshop?

Таким вопросом озадачивался, наверное, каждый, кто хотя бы краем уха слышал о возможности обрабатывать видео в Photoshop-е. Недоумение, растерянность, настороженность, сарказм — вот список эмоций, посетивших многих и многих видеолюбителей (да и профессионалов тоже) в недавнем 2007 году — именно тогда корпорация Adobe внедрила в свой графический редактор поддержку видео. И — первые робкие вопросы, высказывания: «а можно ли «прикрутить» к AE фильтры от Photoshop?«, «adjustment layers в Photoshop есть?«, «на сайте Adobe почти никакой информации«, «чем After Effects не устраивает?«, «вот дожили» и т.д. и т.п.

Давайте уже разберёмся: почему Photoshop, зачем Photoshop, и как Photoshop?

• Импорт видео
• Работа со слоями
• Работа с ключевыми точками
• Стабилизация видео и коррекция геометрии кадра
• Обработка движущихся объектов
• Actions
• Работа с цветом
• Экспорт видео
• Несколько хитростей

Вначале неплохо бы узнать об основных правилах, соблюдая которые, вы сумеете работать в Photoshop с видео. Проверим-ка, на что он годен. Версия, которую мы станем мучать — самая «свежая» на сегодня, CS4.

Импорт видео

Импортировать видео в Photoshop можно двумя способами:

• в качестве отдельных кадров-слоёв;
• единым «куском», без разделения на отдельные кадры-слои.

Рассмотрим оба варианта, и выясним их преимущества и недостатки. Итак, первый вариант, импорт видео с разделением на отдельные кадры: File -> Import -> Video Frames to Layers…

В открывшемся окне выбора файла следует найти нужное видео, и нажать Load. Тут же появится окно с параметрами импорта Import Video to Layers . Обратите внимание: на рисунке красной рамкой обведена чёрная прямоугольная область. Здесь спрятана шкала времени с ползунком, передвигая который, можно просмотреть импортируемое видео и даже выбрать интервал, который нужно импортировать. По непонятной причине у автора эта шкала не отображается (возможно, виновата Windows 7), хотя видео можно проиграть, передвигая этот невидимый ползунок вслепую.

Данный способ импорта видеоматериала накладывает одно существенное ограничение: какой бы длительности ни было импортируемое видео, оно всегда обрезается до 500 кадров (проверялось на ПК с 32-битной Windows 7 и тремя ГБ оперативной памяти).

Время, необходимое программе для разбиения материала на кадры (слои), зависит от длительности клипа, а также способа сжатия видео (на современном достаточно мощном ПК импорт 5-секундного AVCHD клипа производится за 20-30 секунд).

Открывшийся документ представляет собой этакую раскадровку, где один слой представляет собой один кадр видео.

Становится понятным преимущество такого способа импорта: с каждым кадром можно работать индивидуально. Недостаток этого способа — все до единого импортируемых кадра целиком и полностью загоняются в оперативную память ПК. Здесь без 64-битной операционной системы со множеством гигабайт оперативки и делать нечего — тех «жалких» трёх с небольшим гигабайтиков, что доступны 32-битным операционным системам, хватит разве что на 10-20 секунд Full-HD видео. Имейте это в виду.

Второй способ импорта — привычная команда File -> Open. В этом случае Photoshop-у безразлична длительность импортируемого материала. Открытый таким образом файл представляет собой нечто вроде ссылки на оригинальное видео — так работает любая нормальная программа нелинейного видеомонтажа. Следовательно, и оперативная память не забивается информацией. Недостаток: пропадает возможность работы со слоями (что естественно), однако работа с отдельными кадрами будет вестись по прежнему.

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

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

Наконец, расскажем о форматах видео. Больной нынче вопрос… Развелось форматов самых разных — не пересчитать. Но Photoshop отчего-то думает, что видео бывает только… Quick Time. Правда, «обыкновенные» DV-AVI импортируются без проблем (даже обычным Drag&Drop), но почти все остальные форматы программа предпочитает видеть только в любимом ею контейнере — MOV.

Отсюда вывод: перед обработкой видео в Photoshop желательно провести его перепаковку в MOV. Сделать это проще всего с помощью программы Quick Time Pro. Однако данное творение программистов Apple не столь всеядно, как, скажем, какой-нибудь бесплатный (а уж тем более коммерческий) программный плеер. Ну вот отказывается QT Player открывать и проигрывать видео с современных AVCHD-видеокамер! Что с ним поделаешь… Поэтому такое трудное видео перед обработкой в Photoshop требуется довести до ума: распаковать на элементарные потоки, которые затем соединить в Quick Time Pro. Автору удалось найти лишь пять-шесть файлов, снятых разными современными видеокамерами, которые без проблем импортировались в Photoshop без предварительного их кипячения и усушки. Увы. Есть подозрение, что на данном этапе отсеется немалая часть энтузиастов, возжелавших поэкспериментировать в Photoshop-е с видео. В выигрыше здесь — обладатели видео-фотокамер, которые записывают видео в контейнере QuickTime. Такое видео почти гарантированно подружится с Photoshop-ом. Прям теория заговора какая-то…

Один и тот же формат видео (к примеру, AVC 1920×1080) может быть принят программой, а может и не быть принят — многое зависит от способа его упаковки, контейнера, и даже марки видеокамеры. Спотыкаясь на некоторых форматах или контейнерах, Photoshop либо напрочь зависает, либо прекращает работу с извинениями.

Но, скорее всего, вам быстро надоест мучаться с форматами, нехваткой оперативной памяти, схлопываниями и зависаниями программы. Идеальный выход здесь — перекодировать видео в MJPEG A с одновременной его упаковкой в контейнер QuickTime (MOV). И — лепота! Никаких тебе проблем: вне зависимости от размера кадра или продолжительности загруженного в программу видеоролика Photoshop просто летает!

Но перейдём к практическим изысканиям — что же этакого позволяет сделать Photoshop с импортированным видео?

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

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

Работа с вышележащим слоем здесь ведётся в точности так же, как и в After Effects — ну, разве что здесь инструментов поменьше. Точнее, почти совсем нет.

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

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

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

Работа с ключевыми точками

Ага, не ждали?!!

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

К этим параметрам относятся не только штатные, присутствующие по умолчанию (положение, размер, прозрачность, стиль), но и пользовательские эффекты, добавленные к клипу (сторонние плагины).

Всё как обычно: щёлкаем по пиктограмме с будильником, тем самым активируя запись параметров в ключевые точки. Изменяем значение выбранного параметра (к примеру, прозрачность слоя) — тут же в соответствующей строке автоматически появится новая ключевая точка. Теперь, проигрывая таймлинию, можно наблюдать, как постепенно изменяются отредактированные параметры.

Стабилизация видео и коррекция геометрии кадра

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

Для того, чтобы стабилизировать трясущуюся картинку, видео требуется импортировать как серию кадров-слоёв (см. первый способ импорта). Открывшийся документ представляет собой раскадровку, где каждый слой — это отдельный кадр.

Теперь необходимо выделить все эти слои (Alt+Ctrl+A), и выполнить команду Edit -> Auto-Align Layers. Данная команда запускает встроенный в Photoshop модуль, выравнивающий слои (Align (англ.) — выравнивание). В открывшемся окне желательно выбрать параметр Auto и нажать ОК.

Можно, конечно, использовать другие способы (Perspective, Collage и т.д.), но стабилизация может произвестись не так тщательно, да и скорость просчёта от этого вряд ли увеличится. М-да… Скорость. Считает Photoshop не просто долго. Он считает ОЧЕНЬ долго. Просто неприлично долго по современным меркам. Программа дотошно перетряхивает и сравнивает все кадры, выравнивая их друг относительно друга.

Страшно признаться: Photoshop обрабатывал пять секунд видео… почти час! Результат — прыгающая на прозрачном фоне картинка.

Но зато уж попадание — точно в тютельку! И заметьте — вся работа произведена автоматически, мы ведь не указывали программе ни одной точки, за которую ей следует «зацепиться» (как это делается, например, в After Effects).

Время просчёта зависит от множества факторов: мощности центрального процессора (впрочем, во время просчёта четырехъядерный AMD Phenom особо не напрягался — загрузка в среднем не превышала 70%), длительности обрабатываемого видео, размера кадра, и — главное — от содержимого этого кадра. Нетрудно понять: чем меньше контрастных деталей в видео, тем быстрее программа справится с многопроходным сопоставлением содержимого в каждом кадре и выравниванием кадров друг относительно друга. Кстати говоря, во время анализа Photoshop вынужден ведь ещё и отфильтровывать движущиеся объекты — их же нельзя использовать в качестве якорей, отправных точек, служащих для стабилизации. Наш пример, на котором мы испытали способности Photoshop-а — пожалуй, сверхнеудачный и чертовски сложный для расчёта. Судите сами: помимо того, что кадр гуляет во все стороны, в нём ещё присутствует активное движение — двигаются люди, шевелится листва.

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

О геометрическом искажении видео при съёмке знает, наверное, каждый. Например: часто встречающийся изъян с названием «бочка». Или получающийся при использовании широкоугольной насадки дефект с весёлым прозвищем «рыбий глаз». Исправить такие недостатки в монтажной программе — незаурядная задачка. Чуть легче это сделать в программах композитинга, но удобнее всего, наверное, всё-таки в Photoshop-е. Тем более и специальный инструмент здесь имеется, который предназначен для коррекции искажений, привносимых оптической системой: Filter -> Distort -> Lens Correction. Имеющиеся в данном модуле параметры позволят «вытянуть» геометрию кадра как душе угодно, и вкривь, и вкось, и сверху вниз.

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

Обработка движущихся объектов

Интересно, как происходят съёмки постапокалиптических фильмов, когда зритель подолгу наблюдает на экране пустые улицы больших городов? Что, специально для съёмок всех жителей эвакуируют? Это дорого, да и… неаккуратненько как-то.

Иногда требуется обработать движущиеся в кадре объекты, с тем, чтобы превратить их в некое подобие призраков, либо вовсе удалить из видео. Такое можно проделать в After Effects с помощью сложной комбинации масок и прочих инструментов, но мы же рассматриваем сейчас работу в Photoshop.

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

Следующий шаг — изменение режима отображения материала на панели Animation из режима отдельных сцен (кадров) в режим слоёв. Нажмите кнопку Convert to timeline animation, находящуюся в правом нижнем углу палитры Animation.

Теперь таймлиния чертовски напоминает рабочую область After Effects. Каждый кадр — это слой со своими параметрами. Дерево параметров каждого слоя можно открыть, нажав стрелочку слева. Как видите, ролик (анимация кадров) здесь представляет собой последовательность слоёв, каждый из которых имеет различные параметры прозрачности, хранящиеся в ключевых точках строки Opacity.

Теперь требуется склеить все слои-кадры в один виртуальный объект — это необходимо для того, чтобы все последующие операции производились не с одним кадром, а применялись сразу ко всему видео (если хотите, можете провести аналогию с вложенными таймлиниями в AE или Premiere Pro). Итак, Alt+Ctrl+A — и все слои выделены. Теперь выполните команду Filter -> Convert for Smart Filters.

Сделайте дубликат получившегося слоя (Layer -> Duplicate Layer), и выполните на нём команду Layer -> Smart Objects -> Stack Mode -> Median. Результат: паровозик… исчез!

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

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

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

К примеру, вот какой замечательный шлейф от движения объекта получается, если выполнить Stack Mode -> Maximum:

Также можно использовать слой, получившийся после Stack Mode -> Median, в качестве паттерна (Pattern — шаблон, трафарет), который впоследствии можно применить к основному слою через параметр Blending.

Поигравшись со способами смешивания (Blend Mode), можно получить совсем неожиданные результаты. В конце концов, чтобы полностью избавиться от ненужных движущихся объектов, можно просто затереть ластиком либо вырезать те области, где движение или шевеление должно оставаться.

Actions

Этой возможности отчаянно не хватает в монтажных программах и пакетах композитинга (похожим образом наверняка думает тот, кто привык автоматизировать рутинные действия при работе в Photoshop или даже в Word). Действительно, в большинстве случаев во время обработки видео мы немало времени тратим на одни и те же действия, причём идут они в одной и той же последовательности. Почему бы не заставить программу записать эти действия в некую команду, дав которую, можно отвлечься на что-то другое, пока компьютер выполняет нудную работу? Например, такая ситуация: в наличии имеется несколько видеоклипов, снятых в одинаковых условиях и имеющих одинаковый же изъян — «кривой» баланс белого.

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

Откроем один из «неправильных» файлов (здесь нам не потребуется раскадровка на отдельные кадры-слои, поэтому действуем обыкновенно: File -> Open).

Сразу же начнём запись Action: нажмём кнопку Create new Action в панели Action.

В появившемся диалоговом окне New Action следует присвоить имя создаваемой последовательности команд; можно также задать хоткей для её выполнения.

Внимание! После нажатия кнопки Record любое действие, которое вы произведёте, станет тщательно отслеживаться и фиксироваться программой!

Конвертируем открывшийся видеоролик в Smart Filters (Filters -> Convert for Smart Filters) — это делается для того, чтобы все последующие операции производились не с одним кадром, а распространялись на всё видео сразу. Теперь добавим поверх видео один управляющий слой: Layer -> New Adjustment Layer -> Levels. В появившемся окне настроек нажмём кнопку Auto — положимся на автоматику.

Теперь, когда в кадре появились нормальные, привычные глазу цвета, нужно запустить просчёт: File -> Export -> Render Video.

Как только новый видеофайл создан, следует закрыть текущий документ, не сохраняя его, после чего можно смело останавливать запись Action:

Ну, и что нам даёт эта новоявленная Action? А вот что: теперь можно воспользоваться инструментом Batch, позволяющим вести пакетную обработку файлов! При этом мы можем использовать только что созданную последовательность команд.

Итак, File -> Automate -> Batch… В появившемся окне нужно выбрать только что созданную Action, указать папку, где находятся видеофайлы, требующие обработки, и папку, куда станет сохраняться обработанное видео.

Теперь вы свободны ровно настолько, насколько быстр ваш ПК.

Работа с цветом

Здесь автору придётся туго: любой фотограф с мало-мальским опытом легко заткнёт за пояс своими знаниями цветовых пространств, которые он привык править в Photoshop-е. Остаётся лишь надеяться на благоразумие и долготерпение заядлого фотошопера.

Начать следует с главного: работа с цветом и светом в Photoshop осуществляется обычно через меню Image -> Adjustments (существуют, конечно же, и продвинутые плагины — но о них в следующей части статьи). Главная проблема в том, что по умолчанию какие-то изменения картинки присваиваются только одному кадру (текущему, выделенному слою). Если же сгруппировать слои (Convert for Smart Filters), то окажется, что практически ни один инструмент из вожделенного пункта Adjustments недоступен! Только лишь Shadows/Highlights да Variations можно применить к видеоролику.

В такой ситуации настоящим спасением являются дополнительные слои, которые создаются вручную и располагаются поверх слоя с видео. Слои эти знакомы каждому, кто работал в After Effects — те самые Adjustment Layers, регулирующие слои. Выбор параметров достаточно богат, чтобы исполнить любую задумку по цвето- или светокоррекции.

Помимо такого гибкого инструмента, как Levels, для точной подгонки каждого оттенка незаменимым является инструмент Selective Color (Layer -> New Adjustment Layer -> Selective Color).

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

Экспорт видео

Экспорт из программы производится командой File -> Export -> Render Video. Только посмотрите: сжатие возможно во всех мыслимых форматах, включая и H.264!

Несколько хитростей (список может пополняться)

• При работе с HD-материалом в Photoshop может быть затруднено даже обыкновенное проигрывание исходного видео. Что уж говорить о быстродействии, когда клип обработан одним-двумя фильтрами… Остаётся тоскливо наблюдать, как программа пыжится, пытаясь на лету просчитать и отобразить видео. Нет, не нужно пытать нервы и тратить время — достаточно лишь уменьшить размер проекта. Поколдуйте с размерами в панели Image -> Image Size, и просматривайте обработанное видео с гораздо большей скоростью. Ну а впоследствии ничто не мешает откатиться назад (Ctrl+Z либо соответствующая строка в History).
• Для работы с видео в Photoshop вам потребуется, конечно же, QuickTime. Но не спешите устанавливать самую свежую его версию! Дело в том, что чем новее версия, тем меньше она предоставляет возможностей (особенности современного мАркетинга?). Так, установленная версия 7.6 не даёт возможности настроить формат звука при экспорте видео из Photoshop, а список встроенных в QuickTime фильтров неслабо урезан (а они кому-то нужны? но тем не менее). Поэтому не гонитесь за новинками, оптимальным вариантом будет версия QuickTime 7.3. Правда, этот совет не должен касаться владельцев таких аппаратов, как 5D Mark II. Дело в том, что корректное декодирование видео с такого фотоаппарата производится только версией QuickTime 7.6. Более ранние версии, увы, при декодировании обрезают цветовой диапазон.

***

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

 

Автор благодарит Е. Береснева за идейное вдохновение;
В. Дулепова, Д. Силаева, А. Милюкова за помощь при подготовке материала

 [Все статьи в разделе «Цифровое Видео»]

Четыре вещи, которые следует знать о создании видео в Photoshop

Автор Дмитрий Евсеенков На чтение 4 мин Просмотров 126 Обновлено 03. 11.2021

Большинство фотографов, с которыми я общался и которые снимали видео фотокамерами типа DSLR, говорили мне, что у них есть отдельный пакет для работы с видео, попусту занимающий место на компьютере – при создании кино они им никогда не пользуются. На мой вопрос «почему?» они отвечают, что нет времени изучать программы видеоредактирования.

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

Я гарантирую, что Вам обязательно понравятся такие возможности!

Содержание

Компьютер должен иметь большую оперативную память (RAM)

Когда дело касается редактирования видео, всегда чем больше оперативки — тем лучше. Идеально, нужно бы иметь минимум 8 Гб памяти RAM, т.к. бoльшая память обеспечит более быструю работу, потому что в отличие от неподвижных изображений, видео должно «строить изображения» (используя RAM), и чем RAM больше, тем скорее можно подготовить клипы к предварительному просмотру без рывков или дрожания.

Лучше создавать короткие клипы

Хотя Вы, конечно, могли бы сделать в Photoshop 30-минутное кино, но на самом деле лучше создавать более короткие ролики, где-то порядка 5-10 минут – именно такие видео создаются на вечеринках, свадьбах или в целях рекламы для размещения на веб-сайте или для выкладывания на YouTube.

Если необходимо сделать что-то более продолжительное и сложное, то следует создать в Photoshop несколько коротких роликов (5-10 минут) а затем объединить все эти короткие клипы в одну длинную окончательную версию.

Но если же Вы работаете над созданием полномасштабных кинокартин, наподобие Braveheart 2 (Храброе сердце-
2) или Spiderman 3 (Человек-паук 3), то следует, конечно, выбирать для создания видео полнофункциональные приложения, такие как Premiere Pro.

Вся работа по редактированию видео осуществляется в одной панели

Панель Timeline (Шкала времени) – это место, где мы строим видео, редактируем его, добавляем клипы, музыку, переходы между эпизодами и т.п. К счастью, ей довольно легко овладеть, так как вам не нужно изучать, кроме этой панели, которая по умолчанию располагается вдоль нижней стороны экрана, и имеет множество дополнительных инструментов. Одним из важнейших инструментов шкалы времени является Playhead – «индикатор текущего времени». Этот индикатор (синяя кнопка с тонкой красной вертикальной линией) перемещается слева направо по мере воспроизведения фильма, показывая njxre, где вы находитесь в фильме. При остановленном воспроизведении фильма, если вы хотите видеть конкретный видеоклип или конкретную область фильма, просто перетащите индикатор текущего времени в нужное место фильма, и оно отобразится на экране. Чтобы привыкнуть к этому, потребуется несколько попыток, при которых вы не сразу поймёте, на какой точке клипа Вы в данный момент находитесь. Когда такое происходит, просто внимательно посмотрите, где расположена точка воспроизведения – наведена ли она на то место, которое должно отображаться на дисплее. Не беспокойтесь, Вы быстро научитесь его отыскивать.

Можно рассматривать видео-клипы почти как неподвижные кадры и использовать для редактирования почти все штатные фильтры и средства Photoshop’а

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

Имеется в виду все инструменты – от Levels (Уровни) и Curves (Кривые) до фильтров, таких как Gaussian Blur (Размытие по Гауссу) и Unsharp Mask (Контурная резкость). Вы можете изменять линейные размеры, используя инструмент Свободное трансформирование (Free Transform), добавляете текст с помощью инструментов группы Текст (Type). Вскоре вы узнаете об этом гораздо больше, но вот что хорошо: как только видео помещено на шкалу времени в нужной последовательности, вы уже занесли в фильм интересный материал, потому что остальное – просто техническая обработка в Photoshop!

На рисунке ниже я добавил к видео два корректирующих слоя-фильтра, «Кривые» и «Фотофильтр»:

Как создать сложную анимацию в Photoshop — Smashing Magazine

• 22 мин чтения
• Графика, Учебники, фотошоп, Анимация
• Поделиться в Твиттере, LinkedIn

Об авторе

Стивен Дж. Петрани работает графическим дизайнером на полную ставку и инструктором в Университете Брэдли в США. Ему нравится работать в Photoshop… Больше о Stephen ↬

Хотя анимация в Photoshop не является новой концепцией, она, безусловно, прошла долгий путь за последние несколько лет: панель «Таймлайн» была переработана, появились видеослои, а также появилась возможность создавать анимацию по ключевым кадрам. Эти дополнения действительно улучшили игру Photoshop. Несмотря на то, что Photoshop все еще далек от того, чтобы создавать высококачественные и кинематографические анимации таких программ, как After Effects, он все еще

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

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

Несмотря на то, что Photoshop все еще далек от того, чтобы создавать высококачественные и кинематографические анимации таких программ, как After Effects, он по-прежнему

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

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

Дополнительная литература на SmashingMag:

• Функциональная анимация в UX-дизайне
• Бесплатные инструменты Photoshop для веб-дизайнеров
• Лучший способ дизайна для Retina в Photoshop
• Практические приемы проектирования анимации
  
9004! Продолжить чтение ниже ↓

Обзор панели временной шкалы

Открытие панели временной шкалы («Окно» → «Временная шкала») позволяет выбрать один из двух типов временной шкалы: видео и кадр. Временная шкала кадра предназначена для покадровой анимации и может быть очень ограниченной. Обычно это работает путем преобразования слоев на панели «Слои» в отдельные кадры. Я не буду вдаваться в подробности этой временной шкалы; Я хочу сосредоточиться на временной шкале видео.

В Photoshop есть две шкалы времени на выбор. (Посмотреть большую версию)

Временная шкала видео

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

На панели временной шкалы видео отображается слой (1) со свойствами слоя (2). На временной шкале отображается индикатор текущего времени (3) и существующие ключевые кадры (4). (Просмотреть увеличенную версию)

Как вы, вероятно, заметили на изображении выше, временная шкала видео показывает представление слоев на панели «Слои». Каждый слой на временной шкале имеет раскрывающуюся панель, в которой отображаются свойства слоя (это свойства, которые можно анимировать). Чтобы анимировать свойство слоя, просто щелкните значок секундомера, который включает анимацию по ключевым кадрам. Обратите внимание, что ключевой кадр автоматически размещается на индикаторе текущего времени.

Для свойства «Положение» выбран значок секундомера. Ключевой кадр автоматически добавляется на временную шкалу. (Просмотреть увеличенную версию)

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

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

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

Photoshop автоматически создает анимацию между ключевыми кадрами.

Типы слоев

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

Стандартный (пиксельный) слой — это слой, содержащий информацию о пикселях. Это самый распространенный (и самый простой) слой в Photoshop. Свойства слоя включают:

• положение,
• непрозрачность,
• стилей.

Стандартный слой на временной шкале с открытыми свойствами слоя.

Добавление маски слоя или векторной маски к любому слою приведет к появлению дополнительных свойств, специфичных для этой маски. Свойства слоя, которые добавляются к существующим свойствам слоя, включают:

• положение маски слоя или вектора
• активация слоя или векторной маски

Слой с маской слоя на временной шкале.
Слой с векторной маской на временной шкале.

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

• положение,
• непрозрачность,
• стили,
• положение векторной маски,
• включение векторной маски.

Слой формы на временной шкале с открытыми свойствами слоя.

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

• преобразование,
• непрозрачность,
• стили,
• деформация текста.

Текстовый слой на временной шкале с открытыми свойствами слоя.

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

• преобразование,
• непрозрачность,
• стили.

Текстовый слой на временной шкале с открытыми свойствами слоя.

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

На этом этапе я хочу упомянуть два других типа слоев — слой видео и слой 3D. Оба этих слоя совершенно уникальны среди других упомянутых типов слоев. Слой видео на самом деле представляет собой группу слоев, которая содержит свой собственный набор свойств, в то время как слой 3D, помимо того, что он содержит уникальный набор свойств, управляется в среде, полностью отдельной от других слоев, что повышает уровень сложности. Из-за уникальности этих двух типов слоев я не буду здесь вдаваться в подробности. Вы можете увидеть, как оба слоя представлены на временной шкале ниже:


Группа видеослоев на временной шкале с открытыми свойствами слоя.
3D-слой на временной шкале с открытыми свойствами слоя.

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

Свойства слоя

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

Свойство Position позволяет перемещаться по осям X и Y. Управляйте положением объекта с помощью инструмента «Перемещение».

Свойство объекта Position было задано в ключевом кадре для перемещения мяча вперед и назад по оси x.

Непрозрачность позволяет задать непрозрачность слоя по ключевому кадру. Элемент управления «Непрозрачность» находится на панели «Слои».

Ключевой кадр непрозрачности объекта был установлен на 100% и 0% для создания анимации затухания.

9Свойство 0014 Style позволяет вам использовать ключевые кадры для стилей слоя. Чтобы получить доступ к стилям слоя, дважды щелкните слой на панели «Слои».

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

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

Положение маски определяется по ключевому кадру для перемещения по слою, открывая фоновый слой.

Также возможно включение или отключение слоя или векторной маски . Чтобы включить или отключить маску слоя, перейдите в «Слой» → «Маска слоя» и выберите «Включить» или «Отключить». Для векторных масок перейдите в «Слой» → «Векторная маска». Кроме того, вы можете «Shift + клик» по маске на панели «Слои», чтобы включить или выключить.

Маска активируется по ключевому кадру, а затем отключается через короткое время, вызывая раскрытие.

Характерное для текстовых слоев свойство Деформация текста позволяет задать ключевой кадр любой деформации текста, примененной к текстовому слою. Вы можете получить доступ к списку эффектов деформации текста, выбрав «Тип» → «Деформация текста».

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

Свойство Transform позволяет выполнять преобразование ключевых кадров в слой. Доступ к различным преобразованиям (таким как «Поворот» и «Масштаб») можно получить, выбрав «Правка» → «Преобразование» или нажав Control + T , чтобы войти в режим свободного преобразования.

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

Изучение некоторых новых методов

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

Использование слоев шаблонов с анимацией смарт-объектов

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

Красная точка, движущаяся по кругу.

В приведенной ниже сцене я создал два слоя: один с красной точкой, помеченный как «Точка», а другой с большим серым кружком, помеченный как «Форма шаблона». Я добавил решетку к большому серому кругу, чтобы лучше показать движение.

Шаг 1: Сцена, состоящая из двух слоев, красной точки и большого серого круга. (Просмотреть большую версию)

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

Шаг 2: Преобразуйте слои в смарт-объект. (Просмотреть большую версию)

Теперь мы можем анимировать оба объекта как один слой. Поскольку это смарт-объект, у меня есть доступ к свойству «Преобразование» на панели «Таймлайн», которое позволяет мне поворачивать ключевой кадр. Я добавил ключевой кадр на каждую половину оборота, чтобы получить один полный оборот. В результате получается круг, вращающийся на 360 градусов.

Шаг 3: Оба слоя вращаются как один.

Теперь, когда наша анимация работает, нам нужно удалить форму шаблона. Для этого двойным щелчком отредактируйте миниатюру смарт-объекта на панели «Слои». Когда смарт-объект открыт, мы можем скрыть слой «Форма шаблона».

Шаг 4: Скройте слой «Форма шаблона». (Просмотреть большую версию)

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

Красная точка, движущаяся по кругу.

Встраивание анимации в смарт-объекты

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

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

В сцене ниже я уже настроил простую анимацию желтой точки, вращающейся на синем фоне.

Шаг 1: Желтая точка вращается на холсте.

Затем я перехожу на панель «Слои», щелкаю правой кнопкой мыши слой «Точка» и выбираю «Преобразовать в смарт-объект».

Шаг 2. Преобразуйте слой с желтой точкой в ​​смарт-объект. (Просмотреть большую версию)

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

Шаг 3: Новые ключевые кадры создают эффект подпрыгивания.

Давайте продолжим. Преобразуйте этот слой смарт-объекта в другой смарт-объект. Это даст нам новый смарт-объект для редактирования. Далее мы добавим трансформацию к этому смарт-объекту. Перейдите в «Редактировать» → «Свободное преобразование» и отрегулируйте ручки так, чтобы смарт-объект отображался в перспективе.

Шаг 4: Преобразуйте анимацию. (Просмотреть большую версию)

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

Во время трансформации воспроизводится анимация.

Анимация фильтров

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

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

Шаг 1: Анимация смарт-объекта желтой точки, движущейся по красному фону.

Поскольку наша анимация уже находится в смарт-объекте, я могу добавить фильтр непосредственно к нему. В этом случае я выберу «Фильтр» → «Искажение» → «Вращение».

Шаг 2. Применение фильтра «Вертушка» к анимации смарт-объекта. (Просмотреть увеличенную версию)

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

Анимация фильтра «Вихрь».

Добавление стилей слоя к анимации смарт-объектов

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

В приведенной ниже сцене у меня уже есть смарт-объект, содержащий простую анимацию точки, движущейся по белому фону.

Шаг 1: Простая анимация смарт-объекта.

Моя цель — применить стиль слоя Bevel & Emboss к точке. Однако, если я попытаюсь применить стиль слоя к смарт-объекту в этот момент, это повлияет на весь смарт-объект, белый фон и все остальное.

Шаг 2: Стили слоя применяются ко всему изображению.

Чтобы это исправить, мне нужно убрать белый фон. Ранее я упоминал, что мы можем отредактировать смарт-объект, чтобы скрыть лишние слои. В этом примере я хочу продемонстрировать еще один метод.

Пока есть хороший тональный контраст между слоями, мы можем использовать параметры «Смешать, если» на панели «Стили слоя», чтобы удалить фон. Дважды щелкните слой смарт-объекта, чтобы открыть панель «Стили слоя», и регулируйте ползунок «Смешать, если» → «Этот слой», пока фон не исчезнет.

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

Шаг 3: Отрегулируйте ползунки «Смешать, если». (Просмотреть большую версию)

Чтобы завершить этот метод, щелкните правой кнопкой мыши слой на панели «Слои» и выберите «Преобразовать в смарт-объект». Это создаст новый смарт-объект, который сохранит изменения, которые мы только что сделали.

Шаг 4. Преобразование в смарт-объект. (Показать большую версию)

Теперь, когда мы добавим набор стилей слоя в нашу анимацию, эффект будет применяться только к объекту.

В анимацию смарт-объекта добавлены стили слоя.

Изменение анимации с помощью корректирующих слоев

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

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

Шаг 1: Анимация двух точек в оттенках серого.

Поскольку вся сцена была создана в оттенках серого, я буду использовать корректирующий слой Gradient Map для введения цвета. После того, как я добавил корректирующий слой, я могу использовать панель «Свойства», чтобы внести следующие корректировки.

Шаг 2. Параметры корректирующего слоя карты градиента (Просмотреть большую версию)

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

Анимация окрашена корректирующим слоем.

Создание органических эффектов с помощью корректирующих слоев

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

Эффект органической анимации.

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

Шаг 1: Анимация размытой точки поверх другой.

Теперь добавим корректирующий слой «Уровни». Используйте панель «Свойства», чтобы установить ползунки теней и бликов, пока края объектов не станут четкими.

Шаг 2: Редактирование корректирующего слоя «Уровни». (Просмотреть большую версию)

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

Эффект органической анимации.

Собираем все вместе

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

Создание часов с движущимися стрелками

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

Анимация стрелок часов.

Сцена начинается с двух новых слоев: один содержит форму минутной стрелки (красный), а другой — наш объект-шаблон (серый).

Шаг 1: Два новых слоя: минутная стрелка и слой шаблона. (Просмотреть увеличенную версию)

Как мы узнали ранее, мы преобразуем эти два слоя в смарт-объект и анимируем вращение.

Шаг 2: Слои, объединенные в смарт-объект, анимируются как один.

Чтобы заблокировать анимацию, преобразуйте слои в другой смарт-объект. Это позволит нам преобразовать ( Control + T ) смарт-объект так, чтобы он выглядел в перспективе, как показано на изображении ниже.

Шаг 3: Анимация преобразуется в перспективу.

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

Шаг 4: Анимация со скрытым слоем шаблона.

Добавление стиля слоя «Тень» с настройкой «Распространение» на 100% имитирует некоторую глубину.

Шаг 5: Тень имитирует края стрелки часов.

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

Шаг 6: Анимация часовой и минутной стрелок.

Наконец, мы можем создать остальные часы, используя традиционные методы Photoshop. Результатом являются часы, которые оживают в перспективе.

Анимация стрелок часов.

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

Создание вращающегося глобуса

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

Анимация вращающегося земного шара.

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

Шаг 1: Изображение повторяющегося изображения, которое будет анимировано. (Просмотреть большую версию)

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

Шаг 2: Простая зацикленная анимация.

Затем преобразуйте этот слой в смарт-объект.

Шаг 3. Преобразуйте простую анимацию в смарт-объект. (Просмотреть увеличенную версию)

Прежде чем мы займемся чем-то еще, я хочу показать вам, что происходит со слоем. Если я перейду к «Вид» → «Показать» → «Краи слоев», мы увидим ограничивающую рамку слоя во время его анимации. Это будет важно, когда мы добавим фильтры. Также обратите внимание, что наша анимация плавно зацикливается.

Шаг 4: границы слоя видны во время анимации.

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

Шаг 5: Фильтр применяется к границам слоя.

Теперь мы знаем, что нам нужно проделать еще немного работы, чтобы фильтр применялся правильно. Чтобы убедиться, что фильтр применяется только к границам холста, нам нужно создать маску слоя. Сначала перейдите в «Выбрать» → «Все», чтобы выбрать весь холст. Затем щелкните значок «Добавить маску слоя» на панели «Слои». Теперь к нашему слою должна быть применена маска слоя.

Шаг 6: Добавлена ​​новая маска слоя. (Просмотреть увеличенную версию)

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

Шаг 7: Фильтр применяется к границам холста.

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

Шаг 8: Слой-маска скрывает все, что находится за пределами земного шара.

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

Анимация вращающегося земного шара.

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

Создание анимации пламени

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

Анимация пламени с использованием органической техники.

Для начала нам нужно создать очень высокую сцену. В данном случае у меня есть сцена размером примерно 500 × 10 000 пикселей. На новом слое я нарисовал очень грубую линию с помощью инструмента «Кисть».


Шаг 1: Высокая белая линия с мягкими краями

Затем создайте новую сцену размером 500 × 500 пикселей с черным фоном. Перенесите длинную линию, которую мы только что создали, в эту новую сцену и создайте простую анимацию прокрутки.

Шаг 2: Простая анимация бегущей строки.

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

Шаг 3: Пунктирная линия представляет форму маски слоя. (Просмотреть увеличенную версию)

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

Шаг 4: Простая анимация с маской слоя.

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

Шаг 5: корректирующий слой уточняет форму.

Теперь мы можем еще больше сгладить пламя. Сначала преобразуйте все слои в другой смарт-объект. Затем размойте слой, а затем повторите корректирующий слой «Уровни».

Шаг 6: Размыв смарт-объект, а затем повторив корректирующий слой «Уровни», мы создадим более плавное движение.

Существует несколько способов введения цвета. Я хочу показать один способ, который хорошо сработал для меня. Создайте новый слой и с помощью инструмента «Кисть» нарисуйте синие (внизу) и желтые (кверху) блики на пламени. Изменение режима наложения этого слоя на «Hard Mix» даст нам несколько ярких цветных полос.

Шаг 7: Использование режимов наложения для добавления цвета.

Поскольку переходы между цветами слишком резкие, нам нужно их смягчить. Для этого снова выберите все слои ( Alt + Control + A ) и преобразуйте их в другой смарт-объект. Теперь мы можем добавить фильтр Motion Blur, чтобы лучше смешать цвета.

Шаг 8. Добавление размытия в движении смешивает цвета.

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

Анимация пламени с использованием органической техники.

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

Photoshop Animation Заключение

К настоящему времени вы должны быть знакомы со всеми распространенными типами слоев и тем, как можно анимировать каждое из их свойств. Кроме того, теперь мы знаем, что Photoshop хорошо оснащен для создания потрясающих анимаций 9.0015 . Мы рассмотрели, как использовать смарт-объекты для расширения возможностей анимации, выступая в качестве шаблонов или позволяя нам объединять несколько анимаций. Мы также увидели, как улучшить нашу анимацию с помощью фильтров и стилей слоя. Мы даже научились создавать некоторые новые — и, казалось бы, невозможные эффекты (для Photoshop) — используя корректирующий слой «Уровни». Наконец, мы собрали все вместе, чтобы создать несколько полированных анимаций.

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

Дополнительная литература

• Texture Trickster, Стивен Петрани Дополнительные уроки и приемы по анимации в моем блоге
• Анимация в Adobe Photoshop, Tuts+ Серия руководств по анимации

Как редактировать видео в Photoshop CC

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

Соберите свои файлы и создайте новый документ

Photoshop ссылается на видео- и аудиофайлы, поэтому начните с сбора видеоклипов, фотографий (включая ваш логотип) и аудиофайлов в папку проекта. К счастью, связывание результатов в неразрушающем редактировании видео — Photoshop применяет ваши изменения к копии исходных клипов при экспорте. Используйте последовательные имена файлов, чтобы расположить файлы в том порядке, в котором вы хотите, чтобы они воспроизводились в видео.

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

Создайте новый документ, выбрав «Файл» > «Новый». В появившемся диалоговом окне выберите Film & Video из меню Preset. Для видео с разрешением 1280×720 выберите HDV/HDTV в меню «Размер» и нажмите «ОК». На появившейся панели «Временная шкала» нажмите «Создать временную шкалу видео». Увеличьте миниатюры клипов на панели «Таймлайн», выбрав «Параметры панели» в раскрывающемся меню (обведено кружком). Щелкните самый большой размер эскиза в появившемся диалоговом окне (также обведено кружком), а затем нажмите OK.

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

Добавление и редактирование файлов

Щелкните значок диафильма на панели «Таймлайн» (обведен кружком) и выберите «Добавить медиаданные». Перейдите в папку с содержимым, выберите все файлы и нажмите «Открыть». Photoshop помещает их в папку с именем Video Group 1 на панели «Слои», и они появляются на одной видеодорожке на панели «Таймлайн», где они называются клипами . На панели «Слои» удалите слой 0 (фоновый слой). Photoshop активирует следующий слой на обеих панелях, который будет первым элементом, который будет воспроизводиться в видео.

Вы можете активировать клипы на панели «Слои» или «Таймлайн».

Длительность любого клипа (видео или неподвижного) на экране определяется его длиной на панели «Таймлайн». Хотя вы не можете увеличить длину видео (или аудио) клипа за пределы его первоначальной длины, вы можете бесконечно увеличивать другое содержимое, например, изображение, текст, фигуру или корректирующие слои. Наведите курсор на конец первого клипа (кадр из роз), и он превратится в скобку с двусторонней стрелкой (обведено кружком). Скобка указывает на клип, который будет затронут; когда он обращен влево к розам, перетащите вправо, чтобы расширить его.

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

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

Чтобы восстановить обрезанный клип, перетащите его начальную точку влево или конечную точку вправо. Чтобы разделить клип, поместите указатель воспроизведения в нужную точку разделения, щелкните значок ножниц на панели «Таймлайн», и Photoshop разделит его на две части. Чтобы удалить клип, активируйте его на панели «Таймлайн» или «Слои» и нажмите «Удалить» (ПК: Backspace). Чтобы изменить положение клипа в видео, активируйте его и перетащите влево/вправо на панели «Таймлайн» или вверх/вниз на панели «Слои».

Теперь давайте добавим движение ко всем изображениям, кроме первого неподвижного. Щелкните треугольник в правом верхнем углу неподвижных клипов на панели «Таймлайн» (увеличьте уровень масштабирования панели, если вы его не видите). В открывшемся меню «Движение» выберите «Панорамирование и масштабирование», укажите угол масштабирования (скажем, 20) и выберите «Увеличить» или «Уменьшить». Перетащите указатель воспроизведения по клипу, чтобы просмотреть движение. Повторите для следующего неподвижного клипа и введите противоположный угол панорамирования (скажем, -20).

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

Добавьте последние штрихи

Чтобы создать безопасное место для брендинга в конце видео, добавьте слой-заливку сплошным цветом. Щелкните наполовину черный/наполовину белый круг в нижней части панели «Слои» (обведен кружком), выберите «Сплошной цвет» и выберите черный. Поместите этот слой вверху группы видео 1, что поместит его в конец вашего видео, создавая черные рамки, на которые вы можете поместить текст или логотип.

Теперь давайте добавим несколько переходов. Нажмите наполовину черный/полубелый прямоугольник на панели «Таймлайн» и перетащите переход «Затухание черным» в начало первого клипа, чтобы перейти от черного к черному. Чтобы увеличить длину перехода, наведите курсор на его конец (обведен кружком) и перетащите вправо. Затем перетащите переход Cross Fade между оставшимися клипами.

Все, что находится внутри видеогруппы 1, будет воспроизводиться последовательно, поэтому, чтобы наложить другой контент поверх него — чтобы другой контент воспроизводился одновременно — вы можете добавить их в другую видеогруппу. Это работает для текста, изображений, фигур, видеоклипов и корректирующих слоев, которые удобны для изменения тона и цвета клипа. На панели «Таймлайн» щелкните значок диафильма рядом с «Группа видео 1» и выберите «Новая группа видео». Поместите указатель воспроизведения поверх первого клипа немного за переходом и нажмите T, чтобы взять инструмент «Текст». Щелкните документ и добавьте текст (чтобы увидеть текст, поместите указатель воспроизведения поверх текстового клипа). Отрегулируйте продолжительность текстового клипа, как описано ранее, а затем добавьте переход Fade в начало и конец текстового клипа.

При активном слое «Текст» в группе «Видео 2» выберите «Файл» > «Поместить встроенный», перейдите туда, где находится ваш логотип, и нажмите «Поместить». На панели «Таймлайн» перетащите клип вправо, пока он не окажется в конце видео поверх слоя «Заливка сплошным цветом», который вы добавили ранее. Отрегулируйте положение и длину клипа, чтобы он немного появлялся после разрешения перехода слоя заливки. В этом примере использовался текстовый логотип. Добавьте переход Fade в начало и конец логотипа или текстового клипа.

И последнее, но не менее важное: добавьте немного звука. Щелкните музыкальные ноты рядом с аудиодорожкой на панели «Таймлайн» и выберите «Добавить аудио». Перейдите к аудиофайлу и нажмите «Открыть». Расположите аудиоклип, как описано выше. Чтобы изменить громкость или включить/выключить звук, щелкните треугольник в правом верхнем углу клипа. (Если вам нужно сопоставить длину видео и аудио, добавьте звук раньше в процессе.)

Коснитесь пробела на клавиатуре, чтобы воспроизвести видео, а затем при необходимости отрегулируйте длину клипа и перехода. Когда вы закончите, выберите «Файл» > «Экспорт» > «Рендеринг видео».