ЯК зробити анімацію Юзербар

Юзербарів (Userbars) називаються картинки невеликого формату, які використовуються для підпису на форумах і можуть бути анімованими. Як правило, юзербари відображають яку-небудь інформацію про переваги і поглядах користувача.

Інструкція

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

Відкрийте програму Photoshop, виділіть зображення, натиснувши поєднання клавіш Ctrl + A, а потім скопіюйте його за допомогою Ctrl + C. Перейдіть на юзербар і вставте скопійоване картинку, натисканням Ctrl + V. Клацніть правою кнопкою миші і виберіть опцію під назвою «Вільне трансформування» (Free Transform). Тепер слід регулювати зображення під потрібний розмір (якщо тільки початковий малюнок йому не відповідає).

Створіть новий шар, затиснувши клавіші Ctrl + Shift + N або просто клікнувши на вкладку «Шар» (Layer, якщо у вас англомовна версія програми), а потім вибравши графу «Новий шар» (New Layer). Даний шар залийте візерунком, зробленим самостійно. Створіть нове прозоре зображення розміром всього 3х3 пікселя.

Виберіть інструмент «Олівець» (Pencil) і поставте чорний колір. По діагоналі намалюйте три квадрата. Вгорі ви побачите кнопку «Редагувати» (Edit), а потім - «Визначити візерунок» (Define pattern). Натисніть на кнопку OK. Тепер можете залити новий шар юзербара візерунком. Для цього натисніть сполучення Shift + F5, клікніть на створений вами візерунок. Не забудьте встановити пункт «Прозорість» на 21%.

Встановіть в параметрах білий колір, а потім виберіть фігуру прямокутник. Намалюйте її досить витягнутої (так, щоб вона закрила по ширині всю шапку картинки). Правою кнопкою миші клікніть по зображенню. Перед вами з'явиться меню, в якому ви повинні вибрати пункт «Опції шару» (Belinding Options).

Скористайтеся інструментом «Текст» (Text), в меню шрифтів виберіть потрібний і встановіть бажаний текст юзербара. Зайдіть у вкладку «Вікна» і виберіть розділ «Анімація». Перший кадр фіксується натисканням кнопки на панель анімації, розташовану знизу.

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