Як робити GIF анімацію в фотошопі


GIF анімації дають дизайнеру спосіб надати рух сторіночкам або аватарам. Використовуючи Photoshop CS3 Extended або Photoshop CS6, ви можете створити і редагувати відео кліпи, перетворивши їх в GIF анімацію. Ми вам покажемо, як це робити з останньою версією фотошопа і всіма ранніми версіями Photoshop CS Extended.

Кроки


Метод 1 з 2: Photoshop CS6


  1. Запустіть Photoshop. Щоб створити анімацію в фотошопі, вам потрібно буде мати хоча б Photoshop CS3 Extended. Всі версії фотошопа, починаючи з CS6, мають можливість створення анімації.

  2. Як робити GIF анімацію в фотошопі
  3. Відкрийте відео. З меню «File», виберіть «Import». Далі виберіть «Video Frames to Layers»
    • Виберіть файл. Майте на увазі, що фотошоп зможе відкрити максимум 500 кадрів. Якщо той файл, який ви вибрали, має більше кадрів, вам потрібно буде його вкоротити.


    • Як робити GIF анімацію в фотошопі
    • Налаштуйте параметри імпорту відео. У вікні «Import Video to Layers», зробіть всі необхідні настройки.
      • «Range To Import»: вибирає яку частину відео він завантажить в програму.

      • «From Beginning To End»: фотошоп завантажує в програму всі кадри відео. Якщо у відео більше 500 кадрів, тоді відео буде обрізатися на 500 кадрі.

      • «Selected Range Only»: фотошоп завантажує в програму тільки той шматок, який ви виберете. Ви можете вибрати початок і кінець відео. Ви можете швидко переглянути весь фільм і вибрати ті кадри, які ви хочете імпортувати в програму, перетягнувши.

      • Limit To Every [n Frames: Розріже ваші кадри навпіл, але зробить анімацію гірше.

      • Make Frame Animation: Переводить фільм в шари і створює анімацію з цих верств. Якщо ви не виберете цю опцію, тоді імпорт все одно відбудеться шарами, але не створить анімацію. В цьому прикладі обрана саме ця опція.

      • Коли ви закінчите, натисніть «ОК», щоб зробити імпорт фільму. Це може зайняти декілька секунд, і як тільки імпорт закінчиться, ви зможете побачити все в меню «Layer», включаючи тимчасову шкалу.


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

        • Приміром, у вас може бути коротке відео, де людина дивиться навколо себе. У самому нижньому шарі ви можете додати картинку міста чи села, щоб людина була в певному місці. Ви можете змінити настройки самого верхнього шару, щоб надати відео другий тон. Ви навіть можете створити анімацію як в газетах у фільмі «Харрі Поттер»


        • Як робити GIF анімацію в фотошопі
        • Редагуйте кожен шар окремо. Виберіть кадр у вікні «Timeline» і знайдіть потрібний шар. За замовчуванням, номер кадру той же, що і назва шару, наприклад, кадр 18 буде шаром 18.
          • Якщо ви можете редагувати кожен шар індивідуально, або додайте ефектів, або виправте помилки або зробіть все, що побажаєте. Якщо ви зробите цього з кількома шарами, ви зможете перетворити ефекти в анімацію.

          • Приміром, ви можете додати ефект «lens flare» до одного шару і, натиснувши Контрол-Альт-F (Контрол-Альт-А на російській розкладці) на наступному шарі, ви будете використовувати той же ефект. Зменшіть кількість ефекту на 10%, перейдіть на наступний шар і повторіть весь процес. Продовжуйте, поки ви не зменшите ефект до 0. Таким чином, ваш ефект стане анімованим.


          • Як робити GIF анімацію в фотошопі
          • Збережіть вашу GIF анімацію. Виберіть «File», далі «Save for Web». Ви зможете вибрати розмір і параметри висновки для GIF-а, щоб анімація підходила під потрібні вимоги.

          Метод 2 з 2: Photoshop CS3, 4, і 5 Extended

          1. Створіть документ. Завантажте кожен кадр анімації в окремий шар.
            • Інший спосіб, це відкрити вже існуюче відео. З меню «File» виберіть «Import», далі «Video Frames to Layers».


            • Виберіть верстви, які ви хочете використовувати в анімації через вікно «Layers».
              • Примітка: щоб вибрати групу шарів, виберіть найперший шар, тримайте клавішу shift натиснутою і натисніть на самий останній шар. Таким чином, ви виберіть всі шари між двома кадрами.


              • Відкрийте вікно «Animation». З меню «Window», виберіть «Animation». Коли вікно «Animation» відкриється, воно має виглядати як на фотографії. Якщо воно не виглядає так, значить, ви відкрили вид «Timeline».

                Як робити GIF анімацію в фотошопі

              • Змініть на «Frame Animation». Натисніть на меню «Flyout» у правому, верхньому кутку вікна «Animation» і виберіть «Convert to Frame Animation».
                • Створіть по кадру для кожного шару. Натисніть на меню «Flyout" у вікні "Animation" і виберіть "Make Frames From Layers».

                • Примітка: не обов'язково вибирати всі шари. Щоб вибрати кілька шарів, використовуйте кнопку «copy layer» в нижньому, правому кутку анімаційної палітри, щоб додати шарів.


                • Як робити GIF анімацію в фотошопі
                • Змініть кожен кадр, як бажаєте. Виберіть кадр у вікні «Animation» і змініть його, як хочете, в основному вікні фотошопа.
                  • Примітка: щоб додати або прибрати ефекти з іншого шару до будь-якого кадру, виберіть кадр у вікні з шарами. Виберіть «eye», щоб змінити видимість шару або на «on» або «off».


                  • Щоб відкрити меню часу, натисніть на стрілку під кожним кадром. Виберіть час показу кожного кадру.

                    Як робити GIF анімацію в фотошопі

                  • Збережіть ваш GIF. З меню «File» виберіть «Save for Web and Devices» і далі виберіть «GIF» з випадаючого меню.
                    • Щоб зберегти анімацію у відео форматі, виберіть «Export» gt; «Render Video» з меню «File», щоб зробити експорт анімації.


                    Поради

                    • Так як Adobe ImageReady більше не випускає програми, багато його функції можна знайти в Photoshop CS3. Ті функції, яких немає в Photoshop CS3, ви можете знайти в Adobe Fireworks.

                    • Якщо ви збережете GIF анімацію з Photoshop CS3, ви втратите кадри анімації. Щоб виправити це, відкрийте GIF файл Adobe Fireworks, який дає редаговані шари і тимчасову шкалу для GIF файлів.

                    • Примітка: щоб ваша анімація грала постійно по колу, виберіть «Save For Web and Devices» через опцію «Save». Під «Looping Options» виберіть «Forever» і збережіть анімацію. Ви можете вибрати «Others» і вибрати кількість повторів відео.

                    Попередження

                    • Зберігайте свою роботу часто, щоб ви не втратили години роботи в разі помилки.