Як створити ефект руху у Photoshop. Як зробити "живі" фотографії: покроковий опис, огляд програм та рекомендації

Нещодавно "Інстаграм" та інші соціальні мережі заполонила нова модна тенденція- "Живі" фотографії. Як зробити Live Photo? На даний момент розроблено безліч різних програм, завдяки яким можна досягти бажаного ефекту. В айфонах з операційною системою iOS 9 та вище дана функціяувімкнена в режимі камери. Зараз йдеться не про знімки, які передають реальні емоції, або про випадкові фото, а про анімовані картинки, де "оживає" лише один певний епізод. При всій схожості з гіфками вони все ж таки відрізняються.

Що таке "живі" фотографії?

"Живі" фото - це зображення, в яких статичним залишається головний предмет, а тло анімується, або навпаки. Насправді рухатися може будь-яка деталь: розплющуватися/заплющуватися очі, тріпотіти листя, текти вода, майоріти волосся і т. д. Все інше залишається строго нерухомим, що створює відчуття справжньої магії.

Чим відрізняються "живі" фото від гіфок?

Гіфкою ми звикли називати анімоване зображення, що складається з кількох статичних кадрів. Усі гіфки, відповідно, мають формат GIF.

"Живі" фото – це об'єднання формату JPG та MOV. Такий гібрид підтримується лише операційною системою iOS 9 та вище. Всі інші гаджети, якщо передати цей файл, побачать лише картинку JPG. Щоб показати світові первородний вигляд такого Live Photo, його найчастіше конвертують у формат GIF.

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

Як з'явилася мода на "живі" фото?

Коли 2 роки тому вийшов у продаж новий продукт Apple, багатьох користувачів зацікавило, як зробити "живу" фотографію на iPhone 6. Мало того, що якість камери гаджета стала значно вищою, так ще додалася функція міні-відео, яке зберігалося у форматі "живого" фото шляхом поєднання JPG та MOV. Незважаючи на мегапопулярність, ця новинка все ж таки мала ряд недоліків:

фото програвалося лише на iOS 9, щоб передати ефект руху на інших пристроях, потрібно було конвертувати файл у формат GIF;
записувався супутній звук, що мало відрізняло новий формат від відео та було не завжди зручно;
айфон записував 45 кадрів, а відтворював зображення зі швидкістю 15 к/с, що дуже схоже на гіфку, але сам файл був набагато важчим;
відсутня функція та стирання аудіоряду;
найменше здригання рук загрожує зіпсованим кадром;
формат Live Photo був дуже специфічним, адже об'єднував MOV та JPG. Якщо це "живе" фото намагалися відправити поштою, залишався лише компонент JPG, найголовніший ефект руху зникав.

Як зробити "живі" фотографії?

На щастя, зараз дуже багато зацікавлених користувачів не лише операційної системи iOS, але і Android, шерстячи простори інтернету, можуть знайти багато альтернативних способів для створення лайв-фото.

Якщо ви володар знаменитого "яблучного" смартфона, то повинні знати, як зробити "живу" фотографію на iPhone. Для цього потрібно:

Відкрити програму "Камера".
Активувати режим "живих" фотографій (лайф офф).
Натисніть [Затвор].

Якщо ви власник смартфона з операційною системою "Андроїд", то один із найбільш підходящих способів для вас - це використання безкоштовної програми Loopsie. Про нього розповімо трохи нижче.

Як редагувати фото

Оновлена версія iOS 11 представила кілька нових ефектів для фото лайв. Якщо раніше вони могли лише переглядатися, то зараз є можливість відключати звук, закільковувати "живі" фото чи програвати їх уперед і назад. Також додано функцію довгої витримки. Розробники подбали не лише про те, як зробити "живу" фотографію на айфоні, а й про її редагування.

Конвертування "живих" фото

Ми дізналися, як зробити на айфоні 7 "живих" фотографій. Але як адаптувати цей формат до інших операційних систем? Для цього Live Photo потрібно конвертувати. Якщо вас цікавить питання про те, як зробити відео з "живих" фотографій, то відповідь проста: достатньо завантажити програму Live Gif. Воно коштує трохи більше 100 рублів і, як ви вже здогадалися за назвою, вміє форматувати фото лайв у формат GIF або відеофайл. Після певних маніпуляцій у цьому додатку, матеріал стане придатним для публікації в соціальних мережах. Також можна використовувати програму Motion Stills від Google, вона діє за схожим принципом.

Як "оживити" фото JPG?

Допустимо, у вас є улюблена фотографія, яку вам захотілося "оживити". Таке можна зробити у "Фотошопі" або у спеціальному додатку Plotagraph. Ця програмамає панель інструментів і, що важливо, довідкову інформаціюяка допоможе розібратися, як зробити "живі" фотографії на айфоні. Цей додаток платний, коштує приблизно 400 рублів. Як воно працює?

Відкриваєте програму, вибираєте потрібний знімок, натискаєте кнопку "анімація". На екрані ви побачите стрілочки, їх потрібно розставити на тих ділянках фото, які плануєте пожвавити. Далі натискаєте кнопку "Маска" та затираєте всю ту область, яку хочете залишити статичною. Наступний етап - вибір швидкості анімації та збереження.

MaskArt

Ця програма безкоштовна і без вона проста у використанні, але вміє створювати ефектні лайв фото з відео. Як із ним працювати?

Відкриваємо програму.
Вибираємо відповідне відео.
Знаходимо найкращий стоп-кадр та натискаємо Done у правому верхньому кутку.
За потреби обрізаємо відео повзунком.
Пензликом зафарбовуємо ділянку, яка повинна рухатися.
Недоліки можна виправити гумкою.
Заходимо у відеоредактор та коригуємо колір. Готово!

Ця програма працює тільки на гаджетах Apple.

Loopsie для "Андроїда"

Багато хто зараз поставив питання про те, як зробити "живі" фотографії на "Андроїді". Дуже просто, для цієї операційної системи теж розробили ряд додатків. Є дешеві та дуже дорогі (200$), існують і безкоштовні.

Додаток "Лупсі" умовно безкоштовний. За кілька днів використання демоверсії з'являється водяний знак.

Перший етап – програми. Відкриваємо "Лупсі" та знімаємо в ньому відео, тримаючи руки максимально статично. Можна скористатись штативом або іншим способом зафіксувати телефон. Так "живе" фото вийде найкрасивішим.

Перш ніж приступити до запису відео, можна вибрати розмір сторін, переключити потрібну камеру і скористатися сіткою - у цій ситуації вона рятує.

Знявши відео, програма запускає процес стабілізації, він приховує тремтіння в руках та інші технічні нерівності.

Live Photo у "Фотошопі"

На даному етапі багато хто зацікавився, чи є можливість створити модне зображення у програмі "Фотошоп". Так, це нескладно, але робота має бути більш кропітка, ніж у спеціальних додатках для смартфонів.

Дуже важливо, щоб у вашій версії програми була функція створення відео. Як це перевірити? Відкриваєте "Вікно", далі - "Шкалу часу". Шукайте кнопку "Створити шкалу часу". Якщо її немає, то функції створення відео також, на жаль, немає.

Тепер давайте розберемося, як зробити "живу" фотографію у "Фотошопі".

Насамперед відкриваємо фото, наприклад, у форматі JPG. Анімований ефект можна створити з однієї або кількох фотографій. У будь-якому випадку головний об'єкт і фон повинні знаходитись на різних шарах.

Якщо у вас одне фото, яке ви плануєте "оживити", можна зробити це наступним чином:

Створюємо копію шару у режимі редагування зображення.
Відокремлюємо головний об'єкт від тла. Неважливо, який інструмент для виділення ви використовуватимете, головне, щоб ефект був максимально акуратним.
Після того, як ви відокремили фон від переднього плану, перевірте, чи немає зайвих деталей. При необхідності їх також потрібно видалити.
Уточнюємо краї маски та робимо виділення більш рівним.
Нагадаємо, що всі маніпуляції слід проводити з копією шару.
Створюємо дубль нижнього шару. Для зручності підписуємо шар із головним об'єктом цифрою 1, а фоновий – цифрою”. Бекграунд не чіпаємо.
Беремо інструмент "Штамп", встановлюємо непрозорість 100% та вибираємо середнє значення м'якості.
Переходимо на середній шар (фон) та починаємо інструментом "Штамп" приховувати головний об'єкт.

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

Переходимо в меню "Вікно" та вибираємо "Шкалу часу".
Натискаємо кнопку "Створити шкалу часу для відео".
Зліва розташовані кнопки: "Стоп", "Плей", "Перемотати назад/вперед", "Ножиці" і т. д. Тривалість відеокартинки можна змінювати спеціальним бігунком, як у будь-якому іншому редакторі.
Шари автоматично переносяться на таймлайн, що дає можливість працювати з кожним окремо.
Вибираємо, наприклад, для фону ефект наближення, клацаючи правою кнопкою миші. Далі відтворюємо відео та дивимося, що виходить.
Для створення повітряної перспективи потрібно попрацювати і з шаром, на якому зображено головний об'єкт. Його також можна наблизити чи віддалити, і навіть визначити напрямок руху.
Конвертуємо зображення на гіф-анімацію або відеофайл. Готово!

Як бачите, створено багато програм та умов, щоб проявляти себе творчо. Не соромтеся відкривати щось нове, можливо саме ваше творче дітище стане наступним модним трендом!

Ви можете натиснути на кінцеві та середню точки, щоб їх перемістити та скоригувати напрямок розмиття:

Якщо навести мишку на шлях, можна поставити нову точку:

Ви можете перемістити шлях повністю, для цього треба затиснути Ctrl, навести мишку на шлях, затиснути ліву клавішу та перетягнути:

Ви можете додати ще один або кілька шляхів розмиття. Для цього треба навести курсор у будь-яке вільне місце документа, курсор змінить вигляд на "шпильку", потім затиснути ліву клавішу і протягнути курсор:

На панелі розмиття є параметр "Швидкість" (Speed). Він визначає ступінь розмиття за заданим напрямом. Важливо пам'ятати, що це глобальний параметр, тобто. він діє на всі наявні шляхи:

При включеній опції "Центроване розмиття" (Centered Blur) розмиття відбувається щодо центру стрілки, і пікселі зображення в центрі залишаються на місці. При відключеній опції розмиття відраховується від початку стрілки, і пікселі зміщуються в напрямку стрілки.

Робота з кінцевими точками

Як згадувалося вище, установка "Швидкість" (Speed) має глобальний характер. Тому для того, щоб регулювати кількість розмиття, слід налаштувати значення кінцевих точок "Швидкості". Розглянемо як це зробити. Спочатку переконайтеся, що включено опцію "Редагувати форми розмиття" (Edit Blur Shapes). Потім натисніть кінцеву точку шляху для вибору цієї точки, після чого Ви помітите, як на кінцях шляху з'явилися дві червоні стрілки. Вони мають власні кінцеві точки. Щоб змінити значення "Швидкості" в кінцевій точці, перетягніть точку стрілки в документі або повзунок "Швидкість кінцевої точки" (End Point Speed) або введіть значення вручну:

Для подальшої зміни форми розмиття в кінці шляху можна перетягнути центральну точку на червоній стрілці. Майте на увазі, що додавати проміжні точки, як на основному шляху, Ви не можете:

Робота з кількома шляхами

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

Щоб додати новий шлях, помістіть курсор туди, де ви хочете бачити початок шляху, клацніть лівою клавішею миші, перемістіть курсор у потрібному напрямку, клацніть для створення проміжної опорної точки, повторіть дію створення проміжних точок потрібна кількістьразів. Для завершення створення шляху, клацніть на місці, де має бути кінець шляху, зачекайте 2 секунди з відпущеною клавішою, поки не з'явиться символ точки на кінці лінії, і клацніть ще раз. Натомість, для завершення шляху можна просто натиснути клавішу Esc:

Після створення шляхів ви можете налаштувати "Швидкість" на кінцевих точках. У цьому зображенні значення " Швидкості на лівих кінцевих точках дорівнює нулю, але в правих близько двохсот:

Порада: Для зручності роботи використовуйте гарячі клавіші. Натисніть та утримуйте клавішу H, щоб тимчасово приховати траєкторії шляхів. Відпустіть кнопку, щоб вони знову відобразились. Натисніть клавішу P, щоб вимкнути/ввімкнути перегляд фільтра.

Ефект руху при спалахах стробоскопа

Photoshop CC має ще одну цікаву опцію розмиття в русі - це ефект імпульсного спалаху, щось на зразок зйомки в темряві при включеному стробоскопі. Управління ефектом розташоване на іншій панелі.

Параметр "Інтенсивність імпульсного спалаху" (Strobe Strength) визначає силу віртуального спалаху та керує балансом між світлом довкілляі світло віртуальний спалах.
Параметр "Імпульсні спалахи" (Strobe Flashes) визначає кількість спалахів за експозицію.

Якщо " Інтенсивність імпульсного спалаху " встановлено 0%, то малюнку буде показано безперервне розмиття, тобто. ефект стробоскопа не відобразиться. Якщо він встановлений у 100%, то ефект спалаху стає чітким, без змащування. Значення між 0 і 100 дає ефект змащених спалахів:

Ми розглянули деякі теоретичні моменти створення ефекту руху Photoshop СС. Як втілити це на практиці і створити ефект автомобіля, що рухається, розповідається .

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

Отже, тема сьогоднішнього посту синематографія. Перші синематографії були представлені Нью-Йоркським фотографом Джеймі Беком та веб-дизайнером Кевіном Бургом. Зрозуміло, першою реакцією може бути щось у стилі «Та це ж проста gifка». Правильно і не правильно одночасно. GIFку в Instagram не залити, і так, це не різновид Boomerang, виглядає набагато цікавіше. живе фото. Цікаво? Поїхали.

Для початку я відповім на питання ЯК і тільки потім НАВІЩО. Ось така дивна логіка, так.

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

Вся робота під час створення синематографії відбувається у вашому ліцензійному Photoshop. Відео можна обрізати окремим софтом або при імпорті.

1. Імпортуємо відеофайл у Photoshop – Файл – Імпортувати – Кадри відео у шарі- Вибираємо необхідний файл. Тепер кожний кадр відкривається як новий шар.

2. Вибираємо статичний шар і об'єднуємо всі, що залишилися через Ctrl+G. Далі Шари - Шар-Маска - Сховати все

3. На першому нерухомому шарі через будь-який зручний для вас інструмент виділяємо область, в якій у нас буде рух і зафарбовуємо білим кольором. Це буде наше «Вікно» через усі шари.

4. Тепер нам потрібно включити розділ анімації, якщо він ще не з'явився. Вікно – робоча область – анімація.Тепер з'явилася область із кадрами нашого майбутнього синематографа. Подивіться вашу послідовність кадрів. Багато з них з прозорим фоном. Щоб позбутися його виділіть перший шар на панелі з шарами і клацніть на піктограму « Уніфікувати видимість шару». У діалоговому вікні, виберіть « Синхронізувати».

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

Готово! Вітаю, ви чудові! Ну майже.

Наприклад, я вибрав максимально простий ролик без людей та інших складних об'єктів. Але для дизайнера одягу чи майстра з манікюру такий варіант буде надто обмеженим.

Під час роботи над статтею я звернувся за коментарями до

Кінцевий результат:

1. Для уроку нам знадобиться фотографія машини. Можете використовувати мою, або знайти щось потрібне в інтернеті. Відкрийте її у Фотошопі.

2. Ми почнемо зі створення ефекту коліс, що крутяться. Інструментом Овальна область (

",this,event,"320px");">Elliptical Marquee Tool) створіть виділення внутрішньої частини колеса:

3. Скопіюйте виділення на новий шар (Ctrl+J). Зробіть виділення шару із скопійованою частиною (

",this,event,"320px");">Ctrl+Click) і застосуйте фільтр Радіальне розмиття ( *Фільтр Radial Blur (Радіальне розмиття) дозволяє імітувати ефект розмиття при збільшенні або обертанні.
У полі Amount (Ефект) встановлюється ступінь розмиття в діапазоні від 1 до 100, а група перемикачів Blur Method (Метод) дозволяє вибрати один із методів розмиття:
* метод Spin (Кільцевий) – імітує розмиття об'єкта при обертанні;
* метод Zoom (Лінійний) - імітує розмиття об'єкта зі збільшенням.
Група перемикачів Quality (Якість) визначає якість розмиття:
* Draft (Середнє);
* Good (Гарне);
* Best (Найкраще).
У полі Blur Center (Центр) можна вручну за допомогою миші переміщувати центр розмиття. ",this,event,"320px");">Radial Blur Filter) з налаштуваннями, показаними нижче. Потім проробіть те саме для другого колеса.

4. Зробіть копію фонового шару з фотографією, назвіть його “motion” та застосуйте до неї фільтр Розмиття в русі (

",Цей,Event,"320px");">Motion Blur Filter).

5. Виберіть шар “motion” і перейдіть в меню “Шар”Шар-маска”Сховати все (Layer >

",Цей,Event,"320px");">Layer Mask > Hide All). Виберіть інструмент Пензель (",this,event,"320px");">Brush Tool) розміром 50 пікселів з м'якими краями. Малюйте маску шару білим кольором, як показано нижче (червоний колір показує ті області, які потрібно описати).

У фотографії не так просто, як здається. Ідеальний динамічний знімок має бути досить чітким, щоб було зрозуміло, що на ньому зображено, і в той же час змащеним, за рахунок чого і передається відчуття руху. Для отримання такого ефекту при зйомці фотограф встановлює досить довгу витримку і невідступно веде камеру за об'єктом, що рухається, намагаючись точно відстежувати швидкість руху своєї моделі. Але щоб упіймати такий кадр, треба запастися терпінням – не один дубль буде зіпсований. Навчитися підбирати оптимальну витримку та правильно стежити за рухом об'єкта можна лише методом численних спроб та помилок. Однак, коли фотограф нарешті знаходить ідеальну комбінацію, він виявляє, що знімати вже ... немає кого! Не біда, спробуємо максимально наблизитись до бажаного результату цифровими методами.

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

Активуйте шар фону в панелі шарів. Нам треба його продублювати. До копії ми потім застосуємо фільтр Motion Blur, а оригінал – збережемо незмінним у фоновому шарі. Перетягніть фоновий шар на значок створення нового шару внизу віконця шарів або зайдіть у Layer > Duplicate.

Тепер наше завдання – «зіпсувати» цю копію. Візьміть інструмент Clone Stamp Toolі пройдіться їй по краях вашого головного героя так, щоб захилювати їх усередину. Найімовірніше, головний герой після цієї операції стане маловпізнаваним. Ця дивна дія потрібна для того, щоб після застосування блюру навколо головного героя не з'явився неприємний ореол, яким відразу видно неприродність змаза.

Тепер можна скористатися розмиттям. Переконайтеся, що активним є дублікат шару. Клацніть Filter > Blur > Motion Blurта увімкніть опцію Preview, щоб було видно результат роботи фільтра. Кут коригується або вручну (для цього треба відтягнути напрямну в потрібну сторону) або шляхом введення відповідного значення. У цьому випадку потрібно ввести значення 0 - Тоді розмиття буде строго горизонтальним, зліва направо. Намагайтеся дотримуватись логіки. Якщо хлопчик біжить повз нас, то він явно рухається горизонталлю, але ніяк не діагоналі. А у випадку з об'єктами, що падають, краще використовувати вертикальне розмиття.

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

Натисніть внизу панелі шарів кнопку Add Layer Mask, виберіть інструмент Brush. Задайте пензлі чорний колір і постійно змінюючи її розмір і жорсткість в залежності від деталізації контуру починайте зафарбовувати маску над об'єктом, прибираючи з нього розмиття.

Цей крок потрібен лише у тому випадку, якщо у вашому сюжеті є передній план. Напевно, дивлячись з вікна автомобіля або поїзда, ви помічали, що передній план мчить з шаленою швидкістю, а щось далеко рухається по відношенню до вас повільніше. Спробуємо використати це спостереження посилення об'ємності сюжету. Після того як ви замаскували розмиття в потрібних місцях, клацніть Layer > Duplicate, щоб продублювати цей шар ще раз. Активуйте нову копію (але не її маску), натисніть Ctrl+А(копія виділиться) та застосуйте ще раз Motion Blur.

Зробіть активною маску верхнього шару та увімкніть інструмент Gradient.У панелі опцій виберіть пресет Foreground to Transparentта метод Linear. Задавши чорний колір переднього плану, клацніть та протягніть курсор від верху до центру зображення. Градієнт прибере зайву розмитість із далекого плану.