Створення gif картинки з декількох фото

Створення gif картинки з декількох фото. Урок фотошопу.

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

Не будемо забігати вперед і почнемо наш урок.

1. Я спеціально підготувала 4 фотографії і поклала їх у окрему папку. Краще, якщо ці фотографії будуть одного розміру, тоді вашу гифку буде зробити набагато легше. Але я взяла фото різного розміру, попередньо їх зменшивши до 550 пк в ширину для широких фото, і 310 пк в ширину - для вузьких. Всі фотографії вийшли однієї висоти в 413 пк.

2. Відкриваємо програму фотошоп і в ній меню - файл - відкрити.

3. Шукаємо свою папку з підготовленими фото і натискаємо лівою кнопкою миші на першу фотографію, затискаємо клавішу Shift, і натискаємо по останньої, тоді вони виділяються все. Тиснемо ВІДКРИТИ.

4. У вашому фотошопі відкриваються всі фотографії. Починаємо створювати шари, які нам знадобляться для анімації або створення gif картинки. Я відкрила спеціально широку фотографію. І вона буде 1-им шаром.

Щоб перетворити фото в шар, клікаєм по ньому два рази лівою кнопкою миші.

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

6. Тупотимо в наші фотографії, які відкриті поруч з першою, і вибираємо вузьку фотографію. Нагадую, що це необов'язково ... З однаковими фотографіями легше працювати. Отже, знаходимо потрібну фотографію, йдемо в меню - виділення - виділити ВСЕ.

7. Після цього навколо картинки почнуть бігати маленькі тире, це і є виділення. Тепер йдемо в меню - редагування - скопіювати.

8. Повертаємося до нашої першої фотографії, яка вже з шарами, йдемо в меню - редагування - вставити. І наша вузенька фотка вставляється на новий шар. Але вона не може залишатися такою вузькою. Нам потрібно додати фон під неї. Для цього натискаємо на іконку (1), перетягуємо шар під вузьке фото, потім піпеткою (2) підбираємо будь-який вподобаний вам колір, клікнувши курсором по фото. Я вибрала світло-зелений. І заливаємо новий шар, для чого ми активізуємо інструмент заливка (3) і потім натискаємо лівою кнопкою миші по робочому полю фотографії. Зверніть увагу, що в цей момент активним повинен бути новий прозорий фон. Активні шари виділяються синім кольором. Після ваших дій прозорий шар забарвиться.

9. Тепер нам треба об'єднати два шари (вузьку фотографію і фон). Наступаємо лівої кнопки миші на перший шар. Затискаємо клавішу Shift і клікаєм по другому шару. Вони виділилися синім кольором. Йдемо в меню - шари - об'єднати шари.

10. Отримуємо таку картинку.

11. Повторюємо пункти 6 - 10 мого уроку, щоб створити шар з ще однієї вузької фотографією. Він у мене шар 2. І створюємо ще один новий прозорий шар для розміщення там останньої широкої фотографії (шар 3).

12. Для цього виконуємо пункти уроку 6, 7, 8. Всі. Готово. Шари для нашої gif картинки ми створили.

13. Можна починати анімацію і з вашими шарами, але я вирішила створити підкладку під нашу картинку. Для цього тупотимо в меню - зображення - розмір полотна. Збільшуємо наше полотно на 50 пк по ширині і висоті. Тиснемо ОК.

14. У нас вийшло ось так.

15. Створюємо новий шар (у мене шар 4), перетягуючи його в самий низ під всі фотографії, ви можете зробити підкладку того ж кольору, що і фон в ваших вузьких фотографіях. Я вибрала колір підкладки трохи темніше.

Оформляєте вашу підкладку будь-яким способом. Сподіваюся, що ви знаєте, як виставляються параметри шару, але якщо ні, то це просто. Наступаєте на потрібний шар і клацає по ньому двічі лівою кнопкою миші і у вас відкривається вікно з параметрами вашого шару, а там окремо відкриваєте кожен окремий параметр і ви застосовуєте або змінюєте його налаштування. Я застосувала ефект в параметрах шару Внутрішня тінь і Внутрішнє свічення з параметром шару Множення ... Колір тіні трохи темніше тону підкладки. Але тут я не беруся нав'язувати вам моя думка. У вас є своє бачення. Пробуйте, міняйте налаштування. Це не страшно. Завжди можна повернутися до початкового результату, для чого йдете в меню - редагування - повернутися назад.

Крім того, я додала ефект тіні до кожного шару з фотографіями, колір тіні трохи темніше, ніж колір підкладки. Можна залишити параметр тіні за замовчуванням. Там колір тіні чорний.

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

17. Перетаскуємо шар з логотипом на самий верх, як у мене. При необхідності збільшуємо логотип до потрібного розміру, для чого йдемо в меню - редагування - масштабування. З затиснутою клавішею Shift розтягуємо або зменшуємо логотип. Активуємо інструмент «переміщення» (самий верхній інструмент зі стрілкою і + в панелі інструментів) і переміщаємо логотип на потрібне місце.

Все підготовлено з створенню анімації.

18. У другому кадрі міняємо видимість шару з першої картинки на другу, так само, як показано на моєму скрині.

Наступні кадри робимо також. Головне запам'ятайте: 1 кадр - 1 фото, 2 кадр - 2 фото і так далі ..

21. Якщо вам сподобалася ваша робота і ви не збираєтеся її редагувати, то потрібно її зберегти. Йдемо в меню - файл - зберегти для Web і пристроїв і виставляєте параметри збереження як на моєму скрині.

Безумовно, що можна збільшити кількість квітів до 256, але це збільшить вагу нашої картинки, а хостинг «не гумовий». Зберігайте вашу картинку і з задоволенням використовуйте її для своїх статей. У вас повинно вийти щось подібне.

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