Цей невеликий урок призначений для початківців.
Часто, при роботі над анімацією, буває необхідно створити безперервно рухається фон. В цьому немає нічого складного, головне пам'ятати, що збільшення кількості кадрів в анімації призводить до збільшення розміру файлу, що для інтернету не є добре.
Я розповім про прості способи створення анімованого фону з статичного зображення, які дозволяють при мінімальній кількості кадрів отримувати хороший результат.
В технічні подробиці вдаватися не буду - все досить просто, поясню основний сенс і покажу виворіт процесу.
Отже, у вас є картинка, яку ви хотіли б використовувати як фон у вашій анімації. На вашу задумом фон повинен постійно рухатися, але одна картинка не дозволяє цього зробити:
1.1. Відкрийте файл з вашої картинкою.
1.2. Змініть розмір зображення до необхідного (підміню Image> Image Size).
1.3. Перетворіть фон в шар (подвійний клік по Background в палітрі Layers (шари)).
1.4. Треба збільшити розмір полотна по ширині в 3 рази (підміню Image> Canvas Size).
1.5. Двічі продублюйте шар.
1.6. За допомогою інструменту Move (переміщення) (V) розташуйте шари як показано на малюнку.
1.7. Шар в середині документа відобразіть по горизонталі (Edit> Transform> Flip Horizontal).
1.8. Об'єднайте всі три шари (команда Merge Visible в випадаючому меню палітри Layers (шари) (Shift + Ctrl + E)).
1.9. Виділіть об'єднаний шар (Ctrl + A).
1.10. Копіюйте шар (Ctrl + C).
1.11. Вставте шар (Ctrl + V) в новий документ (Ctrl + N) вашого майбутнього шедевра. Розміри нового документа: висота дорівнює висоті вставляється шару, ширина в 3 рази менше.
1.12. У палітрі Animation (анімація) дублюйте кадр, в новому кадрі перемістіть шар фону від одного краю до іншого і за допомогою функції Tween створіть проміжні кадри:
Останній кадр повністю дублює перший, тому ми його видаляємо і отримуємо:
Спосіб 3. ... або «Якщо вам пощастило з картинкою!».