Как сделать анимацию Юзербар?

2 ноября 2014 г. Просмотров: 373 Инструкции
Юзербарами (Userbars) называются картинки небольшого формата, которые используются для подписи на форумах и могут быть анимированными. Как правило, юзербары отражают какую-либо информацию о предпочтениях и взглядах пользователя.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Для создания анимированного юзербара вам понадобится изображение и шрифт 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), в меню шрифтов выберите нужный и установите желаемый текст юзербара. Зайдите во вкладку «Окна» и выберите раздел «Анимация». Первый кадр фиксируется нажатием кнопки на панель анимации, расположенную снизу.
  • Далее вам понадобится инструмент «Передвижение». Зажмите на клавиатуре стрелку «вниз», и двигайте рисунок, пока он не дойдет до конца. Для сохранения анимации откройте вкладку «Файл» и выберите команду «Сохранить для веб и приложений».
  • Оцените статью!