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

Сегодня мы представляем вашему вниманию урок "Ожившая фотография", который в марте прошлого года (2012) подготовила sunny_alison . Итак, урок по синематографии.

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

Теоретический урок

Итак, что же такое синематография?

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

Способ 1: Из каждого кадра вырезать область, которая должна двигаться на фото, а остальное удалить, оставив лишь один кадр невредимым. Он и станет фоном для всей анимации. Допустим, вы анимируете то же моргание человека. У вас, скажем, 10 кадров на которых человек моргает. В 9-ти из 10-ти кадров вы удалите всё, кроме глаз. 10-й кадр будет фоном, его мы расположим под остальными. Фон будет видно всегда, а вот кадры с морганием будут попеременно сменять друг друга.

Способ 2: Все кадры оставляем невредимыми, кроме одного - в нём вырезаем "дырку" в том месте, где хотим видеть движение, и располагаем его выше других. Допустим, в том же примере с морганием, мы берем один из 10 кадров и удаляем на изображении глазницы (жутковато!). Перед нами картинка, у которой нет глаз - это фон. Зато через эту "дырку" можно видеть кадры, расположенные под фоном. Фон остается на месте всё время, а кадры сменяют друг друга.

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

Откуда взять эти самые кадры для анимации?

Откуда же взять эти самые кадры, из которых нужно что-то вырезать? Опять же есть два варианта: можно использовать для создания синематографии видео (снятое самостоятельно, или готовое, взятое из сети), а можно - ряд фотографий. В первом случае вам нужно будет снять или найти подходящее видео, а потом придётся пользоваться специальной программой (или ставить дополнительные кодеки для ФШ) для того, чтобы сохранить часть из этого видео как набор скриншотов, кадров, которые мы в последствии сможем использовать.

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

Что именно фотографировать/снимать на видео?

Сложность синематографий в их оптимизации, ведь формат gif, поддерживающий анимацию, может содержать в себе не больше 256 цветов (считаются все оттенки!). Отсюда первое правило создания "живого" снимка:

Правило №1. Не выбирайте объектом вашей анимации предметы ярких насыщенных цветов. При их оптимизации на вашем снимке проявится немало неприятных артефактов (проще
говоря, фотография запестрит пикселями). Берите спокойные тона, желательно, чтобы на всей вашей будущей синематографии этих цветов оказалось немного. Избегайте градиентов, радуги, и других пестрых текстур.

Правило №2. Выбирайте объект, который совершает цикличное движение! Проще говоря, не фотографируйте рыбок, хаотично плавающих в аквариуме, ведь вы никогда не сможете
"закольцевать" такую съёмку. Ваш предмет должен совершать движение и возвращаться на тоже место, на котором был в начале! Человек открыл глаза - человек закрыл глаза. Листик на ветке качнулся и вернулся обратно. Или же ваш объект должен изначально отсутствовать в кадре, потом появляться, а потом снова исчезать. Например, таракан, пробегающий по столу раз за разом. Или капля воды, падающая из крана вниз. Если в качестве вашей модели выступает живой человек, просите модель как можно меньше шевелиться, не совершать лишних движений.

Правило №3. Берите маленький движущийся объект (небольшую область анимации). С большим сложнее работать - легче допустить ошибку при съёмке. К тому же анимация большого объекта будет немало "весить". А какой смысл живой фотографии, если её нельзя никому показать?

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

Практический урок

Этап 1. Фотографируем

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

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

Ну а дальше всё просто: ставите свой фотоаппарат на штатив (или на ровную устойчивую поверхность), чтобы все кадры были сняты с одинаковой точки, и наша анимация не прыгала. Это очень важный момент! Если камера будет сдвигаться хоть на миллимитр во время серийной съемки, то всё пропало.

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

Этап 2. Работаем с получившимся материалом

Я работаю в ФШ версии Cs2 и Cs5 (оба - на английском языке), урок буду писать, пользуясь 5-й версией. В принципе в новой версии не появилось ничего уникального, связанного с анимацией, но некоторые команды изменили свое расположение. Поэтому спрашивайте, если что.

1. Отсмотрите все кадры, которые вы отсняли. Найдите начало и конец движения, в нашем случае это когда вентилятор сделал полный круг. Лишние кадры после этого можно удалить.

2. Если ваш объект совершает небольшое движение, а дублей вышло слишком много, удалите лишние кадры через один Как правило, после двух этих действий у вас останется немного кадров (10-30 кадров).

3. Откройте все снимки в ФШ. Перетащите все снимки в один файл - один слой над другим, в том порядке, в котором вы их снимали. Нижним слоем получится начало движения, наверху - конец.

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

После этого возьмите инструмент "Brush tool" (кисть) и закрасьте с его помощью ту область, где нужно сделать дырку. Лучше пользоваться кистью с жесткими краями, чтобы видеть чёткие границы области, которую вы выделяете:

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

Теперь превратим выделенную область в векторную маску. Для этого щелкнем по кнопке "Add vector mask" на панели "Layers" (Слои):

И вы увидите, что около вашего слоя появилась маска с черной областью - это и есть дырка, через которую мы будем видеть слои, расположенные под нашим "фоном":

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

5. Теперь создаем анимацию. Для этого откроем панель "Animation" (Анимация) с помощью команды "Window - Animation" (для тех, кто пользуется более поздними версиями Adobe Photoshop, например, CS6, окно "Animation" называется "Timeline"). Панель выглядит вот так:

Сейчас перед вами только один кадр. Это значит анимации нет. Прежде всего нам нужно создать другие кадры. Кадров должно быть столько же, сколько у вас слоев (за исключением фона с маской). У меня 8 слоев, поэтому я должна создать еще 7 кадров. Это делается с помощью кнопки "Duplicate selected frames" (дублировать выделенные кадры):

Я нажала 7 раз на эту кнопку, и вот все мои 8 кадров:

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

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

Я выбрала 0,1 секунды. "No delay" значит без остановки. Вот и всё! Анимация готова.

6. Доводим картинку до ума. Т.е. занимаемся украшательствами. Этот шаг необязательный в создании синематографии, но совсем без обработки не делается практически ни одно фото. На моей картинке явно не хватает света. И еще хотелось бы подправить цвета.

Я создаю два корректирующих слоя (убедитесь, что при этом вы находитесь на первой кадре анимации, а действия, сделанные на первом кадре анимации, будут распространяться и на все остальные кадры) - "Selective color" (редактирование цветов) и "Curves" (кривые) с помощью кнопки "Create new fill or adjustments layer" (создать новую заливку или корректирующий слой), которая находится внизу на панели "Layers" (Слои):

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

С помощью команды "Image - Image Size" (Изображение - размер изображения) уменьшаем нашу синематографию до нужный размеров. Я выбрала размер 700 по большой стороне (но помните, что для публикации в ужно делать от 800 до 1000 по большей стороне).

7. Сохраняем нашу синематографию. Для этого пользуемся командой "File - Save for Web & Devises" (Файл - Сохранить для Веб и устройств). В появившемся окне нам предлагают выбрать настройки оптимизации формата gif. Как я и говорила ранее, в формате gif лишь 256 цветов, поэтому качество изображения непременно пострадает, это неизбежно. В каких-то случаях это видно не сильно, в каких-то - довольно заметно. Именно поэтому я давала советы по выбору исходника по цветам.

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

После этого жмёте "Save", даёте имя, и ваша "живая" фотография готова!

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

Важно: Мы создали синематографию с помощью серийной съемки. Но не у всех фотоаппаратов есть возможность делать быструю серийную съемку. Да и не всегда этот способ удобен. Помните, что вы можете также снимать видео! При съёмке видео обязательно ставьте видеокамеру/фотоаппарат на штатив. И не делайте длинных роликов (не больше 10-20 секунд), иначе замучаетесь удалять ненужные кадры. Получившийся ролик необходимо разобрать на кадры, которые потом вы сможете, словно серийную съемку, с которой мы работали, превратить в анимацию. В последних версиях фотошопа есть возможность разложения видео на кадры-слои, это очень удобно. Команда звучит как "File - Import - Video Frames to Layers" (Файл - импорт - Видео кадры как слои). Тем, кто пользуется ФШ старых версий, придётся воспользоваться Adobe Image Ready или сторонней программой для сохранения скриншотов из фильмов. Если кому-то будет интересен данный способ создания синематографий, напишите, я расскажу.

Материал подготовлен sunny_alison специально для

UPD: для тех, кто пользуется Adobe Photoshop CS6: окно Animation в этой версии программы называется Timeline

Оптические иллюзии всегда привлекали людей. И это понятно - есть в них что-то магическое. В нашем обзоре рассказ о предтече современной GIF-анимации. Первые удивительные устройства, которые позволяют увидеть движущиеся картинки были созданы около 150 лет назад и дошли до нас благодаря коллекционеру Ричарду Балзеру. В нашем обзоре рассказ о фенакистископе и коллекция движущихся картинок.

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

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

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

Эти причудливые и психоделические сценки были очень популярны в Европе в начале-середине 19-го века.

Балзер и его помощник Брайан Даффи оцифровали всю коллекцию старинных анимаций и выложили анимированные гифки в 2012 году на Tubmlr. Теперь любой желающий может увидеть, какими были оптические иллюзии 150 лет назад.

Настоящими раритетами выглядят сегодня . Даже не верится, что этих предметов когда-то не было.

© Сьюзи Сэлмон, Милые кости.

Продолжаю рубрику нестандартного контента для Instagram. Я терпеть не могу статьи в стиле «55 типов контента, которые взорвут ваш профиль лайками». Обычно они представляют собой простое сборище первых попавшихся идей, причём половину запихнули просто для количества. Поэтому 1 идея = 1 статья. Сегодня я буду развивать тему видео начатую в статье про .

Итак, тема сегодняшнего поста — синематография . Первые синематографии были представлены Нью-Йорксим фотографом Джейми Беком и веб-дизайнером Кевином Бургом. Разумеется, первой реакцией может быть что-то в стиле «Да это же простая gifка». Верно и не верно одновременно. GIFку в Instagram не залить, и да, это не разновидность Boomerang, выглядит намного интереснее всамделишное живое фото. Интересно? Поехали.

Для начала я отвечу на вопрос КАК и только потом ЗАЧЕМ. Вот такая странная логика, да.

Более сложный, но по прежнему простой вариант — использование традионного Photoshop. Для поиска исходного видео для статьи я убил минут 30, мои идеи с бутылкой вина, собакой и кружкой кофе, воплотились в «так себе посты», слишком мало света вокруг меня. Но мы будем нацеливаться на авторские ролики снятый на телефон/камеру. Ключевой момент в исходном ролике — камера должна быть абсолютно неподвижна. В идеале вам потребуется штатив, но мне удавалось обходиться и подручными средствами.

Вся работа при создании синематографии происходит в вашем лицензионном Photoshop. Видео можно обрезать отдельным софтом или же при импорте.

1. Импортируем видеофайл в Photoshop – Файл – Импортировать – Кадры видео в слои – выбираем необходимый файл. Теперь каждый кадр открывается как новый слой.

2. Выбираем статичный слой и объединяем все оставшиеся через Ctrl+G . Далее Слои — Слой-Маска — Скрыть всё

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

4. Теперь нам надо включить раздел анимации, если он у вас ещё не появился. Окно — рабочая область — анимация. Теперь появилась область с кадрами нашего будущего синематографа. Посмотрите вашу последовательность кадров. Почти все из них с прозрачным фоном. Чтобы избавиться от него выделите первый слой на панели со слоями и щелкните на пиктограмму «Унифицировать видимость слоя ». В появившемся диалоговом окне, выберите «Синхронизировать ».

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

Готово! Поздравляю, вы восхитительны! Ну почти.

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

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

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

Технология 3D

Наверняка вы неоднократно встречали в интернете фото движущихся картинок с 3D эффектом. К примеру, на изображении нарисованы две полосы, которые расходятся в разном направлении, однако, если приложить к ним линейку, можно увидеть, что они абсолютно ровные и симметричные! Как такое возможно? Некоторые до сих пор думают, что это, магия или фокусы? На самом деле, это обычный обман зрения. Иногда попадаются настолько реалистичные рисунки, что, кажется, отгадка просто невозможна! Однако, это всего лишь взгляд под определенным углом и не более. Такие картинки могут здорово озадачить или, как говорят, «сломать мозг». Порадуйте своих друзей новой загадкой, отправляя им самые сложные и невозможные движущиеся картинки с 3D эффектом!

С надписями

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

С участием животных

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

Приколы с людьми

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

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

Cinemagraph — гибрид фото и видео

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

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

Считается, что авторство техники Cinemagraph принадлежит фотографу Джейми Беку и дизайнеру Кевину Бургу. Именно им пришла в голову мысль о создании таких оригинальных, движущихся фотографий. Сегодня этот тандем создает невероятно красивые и сложные фотоизображения в технике Cinemagraph. Впрочем, очевидно, что в самой технике создания «живых» картинок нет ничего нового – мастера графики применяют подобные приемы уже на протяжении многих лет.

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

Как сделать Cinemagraph в фотошопе

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

Разумеется, вначале Вам нужно будет придумать самую идею фотоизображения с отдельным движущимся элементом. В сцене, которую Вы планируете снять, можно использовать какой-нибудь дополнительный реквизит. Движение на снимке должно быть плавным и неуловимым – соответственно, Ваша задача создать определенную интригу, чтобы при взгляде на фото зритель воскликнул: «Вот это да, она же движется!». При этом остальная часть сцены, которая будет статичной на фото, должна подчеркивать движение отдельного фрагмента за счет контраста. В качестве простых идей снимка можно назвать моргание глаз модели, развевающиеся на ветру волосы или отдельные предметы, движущиеся в отражении стекла. Таким образом, идея движения на фотоизображении может быть самой разнообразной.

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

1. Устанавливаем камеру на штатив и запускаем видеосъемку сцены. Убедитесь в том, что штатив установлен на твердой поверхности, чтобы исключить малейшие колебания фотоаппарата. Нужен качественный, короткий видеоролик примерно на десять – тридцать секунд. Для получения нормальной детализации и хорошего качества снимать лучше всего в формате 1080p с частотой 25 кадров в секунду. Отснятые видеофайлы должны быть формата MOV или AVI, чтобы их можно было без проблем в дальнейшем открыть в редакторе.

1. Открываем видеофайл в фотошопе (Import > Video Frames to Layers). Здесь Вам предлагается импортировать весь файл на кадры или только выбранную часть видеоролика. Чтобы не слишком загружать свой компьютер, лучше выбрать второй вариант и в дальнейшем вырезать именно тот момент, когда происходит интересующее Вас движение.

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

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

1. Наиболее типичная проблема при создании подобных анимированных фотоизображений – это не самое плавное движение. Вам, вероятно, нужно будет поэкспериментировать с кадрами и слоями, чтобы сделать движение на итоговой картинке плавным. Выделите все кадры, скопируйте и вставьте их после оригинальных. Далее в меню анимации используйте опцию Reverse frame. Сглаживание перехода также можно достичь путем обратного кадрирования с временной задержкой на первом и последнем кадрах. Собственно, плавный переход и является той особенностью, которая отличает Cinemagraph от обычной анимации.

1. На этом Ваша работа не закончена. В фотошопе можно немного поработать с цветами, поиграть с корректирующей маской. Дело в том, что при преобразовании файла в GIF наполненные ярким цветом кадры могут немножко поблекнуть. Чтобы этого не случилось, желательно применить различные color-processing эффекты для всех слоев. Если Вы собираетесь опубликовать итоговую картинку на каком-либо веб-ресурсе, то, возможно придется несколько уменьшить размер изображения (Image > Image Size), поскольку многие сайты не очень дружны с файлами GIF значительного объема. После этого Вы уже готовы сохранить анимированное изображение в GIF. На выходе у Вас получается оригинальное «ожившее» фото.

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

Сегодня существуют специальные программы для создания фотографий с эффектом движения, которые существенно упрощают весь процесс. Например, программа Cinemagraph Pro. «Живые» фотографии – действительно очень интересная техника, которая уже успела очаровать многих. Во всяком случае, на просторах Интернета появляется все больше фотоизображений с подвижным объектом или областью. Вы также можете попробовать свои силы в этом активно развивающемся жанре.