Як зробити анімований юзербар
Прочитавши: 3147
Юзербар являє собою графічне зображення, поміщене в підписі на форумі для визначення приналежності до різних інтересам, переконанням чи групам. Таке зображення можна зробити за допомогою анімації.
Інструкція
Запустіть програму Photoshop. Здійсніть створення нового об'єкту необхідного розміру, натиснувши «Файл» і «Новий», якщо ви використовуєте російську версію, або «File», а потім «New», якщо у вас англійська версія програми. Заповніть документ чорним кольором, натиснувши «Редагування», «Виконати заливку» і «Чорний» («Edit», «Fill» і «Black»).
Натиснувши на іконку «Прямокутна область» («Rectangular Marquee Tool») зробіть виділення так, щоб біля всіх країв залишилася невиділення область товщиною в один піксель. Видаліть виділену область, натиснувши «Delete» на клавіатурі. Скасуйте виділення натисканням клавіш «Ctrl» + «D». Виконайте створення нового шару, натиснувши вкладку «Шар», «Новий», «Шар» («Layer», «New», «Layer»). На панелі шарів помістіть новий об'єкт нижче шару з рамкою. Зробіть переміщений шар активним і заповніть його сірим кольором, натиснувши «Редагування», «Виконати заливку», «Сірий 50%» («Edit», «Fill», «50% Gray»).
Зробіть новий шар, перемістіть його на панелі об'єктів вище шару з сіркою заливкою. Залийте створений шар будь-яким вподобаним вам кольором. Клацніть по об'єкту правою кнопкою миші і зайдіть в меню «Параметри накладання» («Blending Options»). У вікні, клікніть на пункт «Накладення градієнта» («Gradient Overlay») і встановіть значення: «Режим» - «Жорсткий колір» («Blend mode» - «Hard Light»), «Прозорість» - «45%» (« Opacity »-« 45% »),« Градієнт »-« Метал »-« Сталевий прут »(« Gradient »-« Metals »-« Steel Bar »). Натисніть «Ok».
Створіть новий шар і помістіть його після шару з рамкою. Залийте його будь-яким кольором. Зайдіть в «Параметри накладення» («Blending Options») і в пункті «Внутрішнє світіння» («Inner Glow») встановіть параметри: «Режим» - «Лінійне світло» («Blend mode» - «Linear Dodge»), «Непрозорість »-« 100% »(« Opacity »-« 100% »),« Цвіт »-« Білий »(« Color »-« White »),« Розмір »-« 4 »(« Size »-« 4 ») .
Виконайте створення нового об'єкту розміром 1 на 2 пікселя. Виберіть «Кисть» («Pencil Tool»). Скиньте кольору, натиснувши клавішу «D». Поставте крапку у верхньому пикселе документа, натисніть «Редагування» - «Визначити візерунок» - «Ok» («Edit» - «Define Pattern» - «Ok»). Закрийте файл, що не зберігаючи його, і перейдіть до документа з юзербарів.
Створіть новий шар, помістіть його вище всіх шарів, крім об'єкта з рамкою. Залийте новий шар створеної текстурою. Для цього натисніть «Редагування» - «Виконати заливку». Клацніть по кнопці «Візерунок». Виберіть вашу текстуру: вона повинна бути останньою в списку («Edit» - «Fill», «Use» - «Pattern», «Custom Pattern» - кликнете на неї).
Виберіть інструмент «Горизонтальний текст» («Horizontal Type Tool»). Напишіть потрібну напис відповідного розміру, за допомогою шрифту із списку доступних.
З'єднайте три нижніх шару. Для цього на панелі шарів натисніть на іконці очі поряд з шарами, що не підлягають об'єднанню, зробивши їх невидимими. Виберіть «Шар» - «Об'єднати» («Layer» - «Merge Visible»).
Створіть новий шар, він повинен розміщуватися над самим нижнім. На цьому шарі створіть анімацію. Для цього зробіть дублікат шару, натиснувши «Шар» - «Дублікат» («Layer» - «Duplicate Layer»). На дублікаті зайдіть в «Параметри накладання» («Blending Options») і встановіть значення: «Режим» - «Освітлення» («Blend mode» - «Lighten»). Відкрийте вікно анімації, вибравши «Вікно» - «Анімація» («Window» - «Animation»). Зробіть необхідну кількість дублікатів кадру, виставте видимість шару і необхідний час.
Збережіть отриманий юзербар, натиснувши «Файл» - «Зберегти для Web» («File» - «Save for web»).