Як зробити, щоб аватарка рухалася

Як зробити, щоб аватарка рухалася

Людський погляд реагує на рух або появу в полі зору нового об 'єкта. Тому рухома аватарка на сторінці форуму або блогу приверне увагу швидше, ніж це зробить статичне зображення. Та й зробити її, загалом, не так вже й складно. Потрібно лише зібрати з кадрів анімоване зображення. З цим цілком впорається редактор Photoshop.

Вам знадобиться

  • Photoshop

Інструкція

1. Створіть документ у Photoshop з параметрами аватарки, яку ви бажаєте робити. Можете зробити це "гарячими клавішами" Ctrl + N. Такий самий результат у вас вийде, якщо ви використовуєте команду New ("Створити"), яку можна виявити в меню File ("Файл"). У діалоговому вікні введіть величину висоти і ширини у пікселях. Виберіть колір тла прозорим. Натисніть кнопку OK.


2. Намалюйте об 'єкт, який рухатиметься на аватарці. Для цього виберіть інструмент Custom Shape Tool. Клацніть на трикутнику праворуч від Shape на панелі під головним меню. У вікні зі смугою прокрутки виберіть фігуру Left hand ("Ліва рука"). Встановивши курсор на полі документа, перетягніть його в бік, затиснувши ліву кнопку миші. У вас вийшло зображення відбитка долоні. У тому самому вікні виберіть фігуру Right hand ("Права рука"). Намалюйте відбиток правої долоні трохи правіше і вище.

3. Злийте шари з контурами в один. Клацніть правою кнопкою миші на верхньому шарі на панелі "Шари". У контекстному меню виберіть Merge visible ("Злити видимі"). З двох шарів з фігурами у вас вийшов один шар. Він буде основою для першого кадру анімації.

4. Зробіть основу для другого кадру анімації. Продублюйте шар з відбитками долонь, клацнувши правою кнопкою миші на цьому шарі та виберіть Dublicate Layer ("Дублювати шар"). Це можна зробити за допомогою команди Flip Horizontal ("Відобразити горизонтально") з Edit ("Редагування").

5. Зберіть кадри до анімованого зображення. Відкрийте панель "Анімація", вибравши Animation з меню Window.Зробіть перший кадр анімації, вимкнувши видимість другого шару на панелі "Шари". Клацніть на зображенні як око ліворуч від верхнього шару. Зробіть другий кадр. Натисніть кнопку Duplicate Selected Frames ("Дублювати вибрані кадри"). Вона виглядає як аркуш паперу із загнутим кутом і знаходиться в нижній частині панелі "Анімація". Увімкніть видимість другого шару з відображеними горизонтально долонями, вимкнувши видимість першого шару.

6. Вкажіть тривалість кадрів в анімації. Для цього виділіть обидва кадри, натиснувши клавішу Ctrl. Клацніть на стрілці поруч із числом, що позначає тривалість кадру, під будь-яким кадром. У спадному меню виберіть тривалість. Увімкнувши програвання анімації кнопкою Play внизу панелі "Анімація", подивіться на результат. Якщо потрібно, зробіть кадри довшими або коротшими.

7. Командою Save For Web ("Зберегти для мережі") з меню File збережіть рушійну аватарку у форматі GIF.