Фотошоп для відео

1. Відео в Фотошопі? Так ви жартуєте!
2. Інструменти в Фотошопі
3. Гифки і бумеранги
4. Робимо мульт-анімацію
5. Бонусний рівень: музика
6. анімація художник

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

Чому потрібно знати як працювати з відео в фотошопі? У нас така відповідь: «Іноді випустити контент самостійно, нехай він буде на трійку, але випустити його вчасно, набагато важливіше, ніж напружити фахівців і спізнитися з контентом на тиждень-два».

Відео в Фотошопі? Так ви жартуєте!

Фотошоп вміє відкривати файли mp4 *, avi *, mov і інші формати відео. У ньому є інструменти, які допоможуть склеїти або обрізати відеофайли, є шкала часу і багато іншого. Ніхто не може вам заборонити зробити в ньому цілий фільм! Хоча, якщо чесно, це буде нелегко.

Панель інструментів для роботи з відео

Фотошоп можна використовувати, щоб створити:

- гифки з відео,
- бумеранги,
- слайд шоу,
- анімацію елементів,
- мультфільм,
- сінемаграфію і плотографію.

Приклад: сайт Creative Market - магазин, який продає анімовані PSD шаблони. Всі вони були зроблені в Фотошопі. Знайти можна за ключовими словами «animated stories» або «animated post».

Інструменти в Фотошопі

Для створення або редагування відео нам знадобиться додаткова панель - Шкала часу. Відкрийте цю панель через меню «Вікно» → «Шкала часу».

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

Є кнопки для управління відео, основна кнопка обрізки файлів і кнопка додаткової анімації (вона виглядає як квадрат, розділений по діагоналі, одна половина якого зафарбована).

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

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

Користуватися просунутої анімацією досить легко:

1. Ставите повзунок на шкалі в те місце, коли анімація повинна початися.
2. Імені команди просунутої анімації, наприклад «позиція» і бачите як на шкалі часу з'явилася точка. Ми зафіксували позицію шару.
3. Пересуваєте повзунок на інший час і переміщує шар. Фотошоп запам'ятовує початкову позицію і кінцеву і між ними програмує рівномірне переміщення по прямій. Якщо потрібно переміщати файл нерівномірно, або не по прямій, використовуйте додаткові точки і грайтеся з відстанню між цими точками. І, звичайно, не забувайте переміщати шар.

Гифки і бумеранги

Для бумеранга потрібен шматочок відео і багато-багато рутинної роботи з монтажем відеофайлу. Зазвичай береться відео довжиною до 1 секунди і розмножується до 3-7 секунд. Гифку з готового відео зробити простіше і швидше, тому що не треба дублювати однакові файли. Однак принцип створення однаковий:

1. Завантажте відео в Фотошоп (таким же чином, як ви відкриваєте в ньому фотку).
2. Відкрийте шкалу часу. Для цього перейдіть в меню «Вікно» → «Шкала часу».
3. При необхідності откадріруйте відеофайл до потрібних вам розмірів.
4. Ображати відеофайл, залишивши потрібний вам фрагмент.
5. Для створення бумеранга:

• Виріжте невеликий фрагмент, максимум до трьох секунд.
• Створіть дубль першого фрагмента.
• Наріжте другий фрагмент з кадрів, це 24 кадру на кожну секунду.
• Перетягніть кадри з початку в кінець.
• Продублюйте 1 фрагмент і другий нарізаний фрагмент кілька разів, щоб отримати відеофайл довжиною кілька секунд, пам'ятайте, щоб завантажити відео в Інстаграм, воно повинно бути довше 3 секунд.

1. Збережіть отриманий файл в потрібному вам форматі. Для того щоб зберегти гифку, досить зберегти файл для Інтернету - Файл → Експортувати → Зберегти для Web або натиснути комбінацію клавіш Ctrl + Shift + Alt + S. Виберіть файл - GIF, а параметр повтору - постійно.

Робимо мульт-анімацію

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

View this post on Instagram

Буяння фарб, кольорів і смаків - це точно про літнє меню напоїв в кафе «Смак & Колір»! ⠀ Соки, фреші, лимонади, коктейлі, імунні шоти - очі розбігаються! І, головне - всі напої корисні, смачні і без додавання сахара👌🏻 ⠀ Ви вже встигли спробувати? Якщо немає - чекаємо вас в «Смак & Колір», щоб терміново це виправити;) ⠀ Ми, по секрету, в захваті від лимонного соку, лимонаду Тархун і смородинового коктейлю 😉 А які напої з літнього меню подобаються вам? Діліться в коментарях! Нам дуже цікаво дізнатися ваші смаки краще! ⠀ # ВкусЦвет #VkusCvet # ВкусЦвет_Кафе #VkusCvet_Cafe # ВкусЦвет_Еда #VkusCvet_Food # ВкусЦвет_Здоровье #VkusCvet_Health # ВкусЦвет_Веган #VkusCvet_Vegan # ВкусЦвет_Рекомендует # летнееменю # смузі # прохладітельниенапіткі # фрукторіанства # вегетаріанство # веганство # веган # веганскаяеда # сироїдіння # вегетаріанскаяеда # сироїд # жіваяеда

A post shared by Проект «Смак & Колір» (@Vkus_and_cvet) on Jun 28, 2018 at 2:45 am PDT

Звичайно, спочатку потрібно придумати ідею для анімації. Я буду робити анімацію для поста кав'ярні: «У нас можна взяти альтернативний кави і випити його на ходу».

Відкриваю вихідну фотографію і готую її для публікації: Шаманов з кольорокорекцією, яскравістю, різкістю.

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

Налаштовую анімацію. Потрібно по черзі рухати повзунок часу і шар зі стаканчиком, щоб створити хаотичний рух. Так я повторюю кілька разів з усіма верствами; добре при цьому контролювати, щоб стаканчики не перетиналися один з одним.

Зверніть увагу: під час програвання анімації може здатися, що анімація занадто повільна або «рвана». Подивіться на швидкість програвання кадрів, можливо комп'ютера не вистачає потужності, щоб обробити всю анімацію і він гальмує, а на відео все буде нормально.

Нормальна швидкість - 30 кадрів в секунду

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

Тут акуратно! Потрібно перевірити, щоб розмір файлу був правильним. Відомо чимало випадків, коли робили файл для стрічки 1 × 1 або для Історії, 9 × 16, але настройки для збереження були стандартними, під відеоекран, і все виходило сильно стиснутим.

Бонусний рівень: музика

Фотошоп може додати музику до ваших файлів. Використовуйте власні записи або шукайте музику без авторських прав, наприклад, в фонотеці безкоштовної музики Ютуб .

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

анімація художник

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

Для створення такої анімації потрібні:

1. Фотографія, на якій ми збираємося малювати
2. Шаблон мазка кисті (я загугли мазок з ключем «free» і взяв перший-ліпший)
3. Уміння працювати зі смарт-шарами і шаром-маскою

Поїхали!

Як і раніше, відкриваємо фотографію і готуємо її для Інстаграма. На цей раз я роблю фотку під Історії: кадруються на 9 × 16, потім корекція, яскравість і таке інше. Відразу додам шар з мазком.

Тепер переводимо цей чорний мазок в смарт-шар. Правою кнопкою миші натискаємо на шар і шукаємо пункт «Перетворити на смарт-об'єкт».

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

Вкладку зберігаємо - натискаємо Ctrl + S, а потім закриваємо її. Після працюємо з шаром-маскою - щоб його додати, знаходимо в нижній частині панелі шарів кнопку «Додати шар-маску», після знімаємо залежність шару-маски від основного шару.

В масці два простих правила:

- зафарбована білим на масці - видно
- зафарбована чорним - приховано

Виділивши на панелі шарів маску, беремо пензлик з рваними краями і починаємо промальовувати рваний край.

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

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

Спробуйте спочатку повторити подібний ефект з пензликом, а потім біжіть на Creative Market за натхненням і пробуйте створювати свої класні ефекти.

Удачі вам і хорошого контенту!