Як зробити класне сінемаграфіческое зображення, все про створення сайтів
Давайте подивимося, як створити свою власну, анімовану GIF сінемаграфію, маніпулюючи можливостями інструментів анімації в Photoshop.
Деякі з кращих прикладів сінемаграфій можна знайти на власному сайті творців. Їх оригінальні сінемаграфіі, зняті під час тижня моди в Нью-Йорку, відобразили, здавалося б, звичайні для фотографій моменти, але при цьому зберегли фрагменти того живого руху в часі, яке зачаровує, дозволяючи нескінченно сприймати побачене, як в перший раз.
У міру зростання популярності сінемаграфіі, стали з'являтися мобільні додатки типу «Cinemagram emerge», які дозволяють легко створювати аматорські сінемаграфіі за допомогою спеціальних пристроїв, вбудованих в камеру. Ці додатки пропонують швидкі і прості рішення, але, як завжди, найкращих результатів можна досягти, володіючи можливостями точної настройки для контролю всього процесу виробництва, так що давайте подивимося, як створити свою власну і неповторну сінемаграфію з нуля.
Як створити сінемаграфію
Ось кілька порад, які слід враховувати при створенні свого власного сінемаграфіческого футажами:
• Для того щоб анімувати конкретний об'єкт, фон вашої сцени повинен залишатися абсолютно нерухомим, тому використовуйте штатив.
• Вибирайте сюжети, які включають ті чи інші безперервні або циклічні руху. Так, наприклад, відмінно працюють сінемаграфіі поїзда метро або ескалатора, тому що вони рухаються послідовно і передбачувано.
Кожен кадр зображення буде імпортовано на окремий шар. Деякі складні сінемаграфіі можуть зажадати копіткої і скрупульозної роботи над кожним кадром, але більшості із них можна створити, застосувавши лише маску.
Ключ до досягнення майстерного ефекту сінемаграфіі криється в тому, щоб приховати під маскою всю послідовність шарів (а значить знерухомити сцену), залишивши недоторканим лише аніміруемий об'єкт, який повинен привертати до себе увагу, оживляючи застигле оточення. Тому створіть виділення навколо об'єкта анімації (в нашому випадку це відображення в дзеркалі дівчини з червоним платтям), потім згрупуйте в (Ctrl + G) шари всіх кадрів, за винятком першого (найнижчого) шару і додайте групі маску шару (Layer Mask), клікнувши на іконку в палітрі шарів внизу. Прослідкуйте, щоб до області виділення не потрапили інші «живі» елементи.
Тепер відкрийте Animation window (Вікно> Шкала часу). Ви бачите, що 99% кадрів виявилося на прозорому тлі завдяки шар-масці, і щоб виправити це, виберіть перше (нижній) шар і натисніть на іконку з підказкою Unify Layer Visibility (Уніфікувати видимість шару) в рядку Unify (Уніфікувати) в палітрі шарів вгорі. У вікні з питанням: «Make the visibility in other frames ...?» (Синхронізувати видимість інших кадрів і станів ....) Виберіть «Синхронізувати» (Match).
Натисніть кнопку play (відтворення) у вікні анімації, щоб оцінити базовий ефект. Якщо ваш Футажі зациклений невдало, сцена буде нескладно зупинятися і повторюватися, або просто сіпатися. Щоб виправити це, нам потрібно прокрутити запис в зворотному напрямку. Виділіть всі кадри, відкривши меню панелі анімації клацанням по маленькому трикутнику праворуч, і вибравши команду Select all the frames (Виділити всі кадри). Потім скопіюйте кадри по команді з меню, або натиснувши на іконку «Створення копії виділених кадрів» на панелі анімації внизу.
Тепер вставте кадри в кінці вихідного циклу анімації, вибравши в меню команду Paste Frames> Paste After Selection (Вставити кадри> Вставити після виділеної області).
Не знімаючи виділення з нових кадрів, відкрийте контекстне меню і виберіть Reverse Frames (Зворотний порядок кадрів), щоб пряме відтворення анімації, закінчуючись, переходило в зворотне і поверталося до початку, замикаючи петлю.
Натурально зациклені анімації завжди дають кращий і найбільш реалістичний результат, оскільки такі реверсивні ефекти, як правило, не настільки очевидні. Втім, ви можете налаштувати свою анімацію, щоб реверсивний ефект виглядав більш природно. Для цього потрібно клацнути по стрілочки під кадром з підказкою: "Вибір часу відображення кадру» і в розгорнулося списку вибрати час затримки кадру. Таким чином, змінюючи паузу на певних кадрах, можна або розтягнути анімацію, або стиснути аж до вибору опції No delay (Без затримки).
Поступове уповільнення анімації сцени, в якій дівчина крутиться у різні сторони, робить руху більш природними і усуває деякі огріхи в замкнутому циклі анімації.
Додавання ефектів корекції кольору в стилі ретро робить зображення не тільки стильним, але і сприяє скороченню кількості квітів, забезпечуючи більш високу якість кінцевого GIF файлу з його обмеженою палітрою 256 кольорів.
Створіть поверх всіх шарів коригувальний шар Color Balance (Колірний баланс) і, вибравши тон «тіні» (shadows), повзунок блакитний складової на 100%. Зніміть галочку з чекбокса Preserve Luminosity (Зберігати світіння).
Тепер виберіть Midtones (Середні тони) і налаштуйте кольору, як на малюнку вище.
У режимі Highlights (Світу) пересуньте повзунки в сторону червоного, зеленого і синього.
Тепер додайте коригувальний шар Gradient Map (Карта градієнта) і встановіть градієнт, вибравши зліва направо наступні кольори: дуже темний, синій (# 020413), середньо-синій (# 2b4a61), зелений (# a8c6a0) і палево-жовтий (# feffe6) . Змініть режим накладення цього шару на Lighten (Заміна світлим).
Додайте шар Curves (Криві) і налаштуйте яскравість тіней і світел, щоб посилити контраст зображення.
Файл анімованого GIF зображення з такою великою кількістю деталей в кожному кадрі буде мати колосальні розміри. Найкращий спосіб стиснути обсяг файлу - це зменшити фізичний розмір зображення, що можна зробити, перейшовши в меню «Зображення> Зменшити зображення».
Виберіть File> Save for Web (Файл> Зберегти для Web) і вкажіть формат файлу GIF. Визначте оптимальну модель дізерінга прозорості, щоб досягти найкращої якості відтворення. Крім того можна скоротити в палітрі кількість квітів аж до двоколірного або чорно-білого ефекту, що теж може поліпшити якість зображення.
