Як зробити анімацію в Фотошопі: покрокова інструкція

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

Як зробити анімацію з фото

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

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

Далі необхідно затиснути клавішу Ctrl, клацнути по верствам мишкою і знайти в анімації знизу праворуч контекстне меню.

Треба натиснути на нього, там буде написано «Створити кадри з шарів». Усі верстви, які видно і виділені, стануть кадрами. Тепер ви знаєте, як зробити анімацію фото в «Фотошопі».

Приклад анімації з фото

Тут показана анімація зі знімків симпатичних пухнастих білочок, для прикладу. Було вибрано чотири кадри зі звірятами – значить, вийде 4 шари.

Анімація вже включена. Подивіться на зображення внизу, як це зробити.

На картинці вказано, де знаходиться контекстне меню.

І тут же видно, де знаходиться «Створити кадри з шарів». Ось як зробити анімацію фото в «Фотошопі» з 4 картинок. При бажанні можна додати більше.

Настройка анімації

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

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

Збереження

Залишилося тільки збереження. А для цього потрібно натиснути «Файл» і зберегти Для веб і пристроїв». Слідкуйте уважно, щоб обов’язково був GIF і параметри повтору «Постійно». Подивіться, чи влаштовує вас анімація. Якщо все нормально, то збережіть, як показано на знімку внизу.

Проста анімація

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

Спочатку треба продумати концепцію малюнка. Припустимо, це чоловічок, який крокує по лісовій стежці. Чи метелик, що літає від квітки до квітки.

Приклад простої анімації

А зараз на прикладі покажемо, як зробити просту анімацію у «Фотошопі». Створіть шар, який розділіть на дві частини: нижня частина – зелений, тобто травичка, верхня – синя, тобто небо. І трохи прикрасьте пензлем. Шар має параметри 200 на 200, а у кисті 15 пікселів.

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

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

Анімація олівцевого малюнка

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

Отже, завантажте вибраний малюнок в програму Photoshop. Далі вам необхідний інструмент «Архівний пензель», яка відтворює дії, зроблені останній раз. Але так як дій немає (адже ви нічого не робили, тільки малюнок відкрили) тому історію потрібно зробити штучну. Для цього виберіть в меню «Зображення», виберете там «Корекцію», знайдіть «Яскравість і контрастність» і посуньте повзунок куди-небудь. Неважливо куди, головне, щоб була історія.

Цікаве:  Програма для створення інтерєру. Кращі програми для 3D-моделювання російською

Потім необхідно знайти в панелі інструментів власне саму «Архівний пензель». Зайдіть в історію, знайдіть там зроблене вами дію. Натисніть «Архівної пензлем» поруч з ним, як видно на малюнку внизу.

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

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

Краще створити одразу кілька шарів, на яких будете малювати. Шарів у прикладі вийшло дев’ять, ви ж можете зробити на свій розсуд. Їх може бути і 3, 15 і навіть 50. На кожному шарі ви малюєте якусь певну частину, поки не закінчите весь малюнок.

Щоб було простіше, можна підглядати фон.

Отже, ви намалювали, тепер вийшло багато шарів. Як зробити анімацію в «Фотошопі»? Слід закрити всім верствам «вічка», крім перших двох. Таким чином, у вас вийде перший кадр. Зробіть кілька.

Важливо! При цьому другий кадр відповідає шару номер 2. Третій відповідно шару номер 3. Зверніть увагу на наступне: повинні постійно стояти «вічка» на тлі і білому шарі.

Подивіться на фотографію внизу. На ній видно кадр номер два: відкритий шар фон, 1 і 2.

Далі слідує третій шар, при цьому також відкриті попередні два.

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

На першому кадрі поставте 1 секунду, а на останньому 5. Час показу ви також можете регулювати на свій розсуд. Тепер ви знаєте, як зробити анімацію процесу малювання в «Фотошопі».

Сніг кружляє

Погодьтеся, що це дуже прикольно і красиво виглядає, коли на анімації падає білий і пухнастий сніжок. Особливо здорово, якщо відповідна картинка, наприклад каток або парк в зимовий період. Але яким чином можна створити подібне самому? Як зробити анімацію снігу в «Фотошопі»?

Багатьом здається, що цей процес досить труденый, але насправді це досить просто. По-перше, потрібно сама картинка, яка буде служити фоном. Бажано підбирати що-небудь відповідне тематики – наприклад, новорічна ялинка. По-друге, вам потрібно кисть під назвою “Сніжинки”. Її можна знайти і скачати в інтернеті.

Крім фону, нам потрібно ще три шару. Назвіть їх як-небудь. Для прикладу перший назвати «робота» і залити його жовтим кольором. Але це не принципово, ви можете залити абсолютно будь-яким, так як він ні на що не впливає. Він служить для створення видимості. Останні два шари можна назвати «снег1» і «снег2». Вони повинні бути прозорими. Саме дані шари призначені для малювання снігопаду. Ви можете зробити їх кілька.

Далі вимкніть поки шар під назвою «сніг 2». На шарі «сніг 1» намалюйте цілу купу сніжинок. Природно, що сніжинки повинні бути білими. Втім, можна зробити фантастичний снігопад з сніжинок будь-якого кольору, наприклад золотого.

Відключаємо «око» (видимість) шару «сніг 1» і включаємо «сніг 2». На ньому також треба намалювати цілу купу сніжинок. Якщо у вас більше шарів, то зробіть те ж саме і з ними, або ви можете зробити копії. Тепер візьміть інструмент «Переміщення» і перетягніть шар наверх – його повинно бути не видно взагалі. Він розташовується нагорі.

Увімкніть «сніг 1», вимкніть шар «робота». І у вас виходить кадр анімації. Далі виберіть «сніг 1» і опустіть його вниз, виберіть «сніг 2» і посуньте до «снігу 1». Можна, щоб вони перетиналися. Виходить другий кадр.

Ось зроблені копії шарів, як вказано на малюнку.

Ну а потім робляться проміжні кадри, встановлюється час показу. На прикладі встановлено 0, 2 секунди. Таким чином, на малюнку пішов сніг. Ви ж можете поекспериментувати. Спробуйте, і у вас обов’язково вийде.