Уроки Photoshop: Прапор на вітрі. Анімація руху тканини., Програми для роботи з графікою, Програмні керівництва, статті

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

Отже, створимо реалістичну анімацію прапора, що розвівається на свіжому вітрі.

1. Для початку створіть новий файл (приблизно 600 х 450 пікселів з дозволом 300 пікселів на дюйм). Потім зайдіть в редактор градієнта і настройте чорно-білий градієнт, приблизно такий:

Прапор на вітрі. Анімація руху тканини.

2. Залийте створений файл цим градієнтом. Градієнт повинен бути лінійний, напрямок строго горизонтальне. Має вийти якось ось так:

Прапор на вітрі. Анімація руху тканини.

Виділіть усі (Ctrl + A) і створіть з отриманої заливки новий патерн (Edit – Define Pattern).
3. Тепер відкрийте будь-яку картинку, яка повинна буде стати Вашим прапором. Виділіть її (Ctrl + A), (або виділіть прямокутним виділенням її фрагмент, якщо Вам потрібна не вся картинка цілком), скопіюйте і помістіть в якості нового шару в новий файл. Файл створіть такого розміру, якого ви хочете отримати Ваш ролик. У мене – 800 х 600 пікселів. Колір шару Background – на Ваш розсуд.

Прапор на вітрі. Анімація руху тканини.

4. Створіть зверху ще один шар і залийте вийшов паттерном. Потрібно, щоб здвоєна біла полоса вмістилася на шарі тричі. Змініть режим накладання для шару на Soft Light і понизьте непрозорість шару до 35% (Цей режим та рівень непрозорості підходить для цієї конкретної картинки – з іншими квітами “прапора”, можливо, краще буде застосувати інший режим накладання та інший рівень прозорості.):

Прапор на вітрі. Анімація руху тканини.

5. За допомогою трансформації розтягніть отриманий шар по горизонталі так, щоб по краях майбутнього “прапора” виявилося десь по половинці крайніх смуг (правої і центральної). Ось якось так:

Прапор на вітрі. Анімація руху тканини.

6. Тепер створіть нову групу шарів і помістіть туди шар з картинкою і шар з градієнтом. Зробіть стільки копій цієї групи, скільки кадрів ви припускаєте зробити в майбутньому ролику (я зробила 7). Вимкніть видимість усіх груп, крім самої першої (нижньої).
Усередині групи перейдіть на шар з картинкою та фільтр Liquify. Інструментом “заморозка”

Прапор на вітрі. Анімація руху тканини.

проведіть по лівій стороні картинки, щоб надалі прапор не “совався” по флагштоку.

7. Білі смуги шару з градієнтом повинні будуть створити на прапорі ефект опуклих складок, темні смуги, відповідно – увігнуті, затінені. Нам потрібно згинати майбутній прапор так, щоб його вигини збігалися з відповідними смугами градієнта. Пальцем

Прапор на вітрі. Анімація руху тканини.

широким пензлем із затиснутою клавішею Sift проведіть знизу вгору по картинці там, де поверх проходить біла смуга від градієнта, і зверху вниз там, де у градієнта темні області (приблизно ось так):

Прапор на вітрі. Анімація руху тканини.

Застосуйте фільтр.

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

Для бажаючих даю посилання на PSD-файл – Прапор на вітрі

Невелике доповнення … або пояснення – не второпаю з ходу, як точніше сформулювати.
При створенні подібної анімації, де кадри змінюються максимально швидко, краще робити “зрушення” на шарах більш помітні, ніж міняти “по чуть-чуть”. Людське око має власну середню швидкість сприйняття – Якщо створювані Вами на шарах (майбутніх кадрах) зміни будуть дуже малі, багато шансів за те, що в ролику з’явиться мельтешение, точно один на одного накладені кілька роликів одночасно. Головне, не порушувати “лінію руху” – намагатися робити зрушення від кадру до кадру приблизно рівномірними, щоб ролик не стрибав в результаті через невдалу деформації одного (або кількох) шарів (кадрів).

Спасибі за увагу!

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*