сделать онлайн анимационный юзербар

Теперь начинается самое сложное… Нам нужно заставить буквы скакать из одной стороны в другую…

Затем идем на 21 кадр и удаляем его.

Теперь нажимаем на кнопку создания промежуточных кадров. И выставляем количество кадров – 19.

Теперь передвигаем слой с косыми линиями влево, аккуратно с помощью клавиши влево на клавиатуре. Двигать нужно до тех пор, пока линии не станут в то же положение что и на первом кадре. На рисунке показано, как будет располагаться слой с косыми линиями за пределами юзербара.

Запускаем панель анимации Window -> Animation (Окно>Анимация). Выставляем для первого кадра - время 0,15сек. Затем создаем еще один кадр.

Создаем новый слой. Выделяем прямоугольным выделением часть юзербара и заливаем белым цветом. Выставляем прозрачность слоя 40%.

Теперь пишем любое слово, желательно шрифтом гранж.

Выставляем для слоя параметры Soft Light (мягкий свет) и прозрачность слоя 70%

Расположение узора на юзербаре: все, что находиться на желтом фоне, находиться за пределом юзербара и будет в дальнейшем двигаться при анимации.

Перетаскиваем узор на юзербар и устанавливаем на начало левого края.

Теперь нам понадобиться узор с косыми линиями (который можно скачать: [1,78 Kb]). Узор размером 450*40 и сделан специально больше для создания анимации.

Выбираем инструмент Paint Bucket (Заливка). В параметрах выставляем Pattern (Узор) и выбираем в выпадающем списке текстуру. Заливаем новый слой. И выставляем параметры для слоя Subtract, Opacity 25% и Fill 66%.

Создаём новый слой.

 И переносим картинку на созданный документ. Устанавливаем ее так, что бы четко было видно глаза.

Итак, выбрав картинку, создаем новый документ (Ctrl + N), размером 350х40px.

Для создания анимированного юзербара нам потребуется картинка с персонажем. Желательно чтобы персонаж был в профиль, однако можете и поэкспериментировать….

В этом уроке мы рассмотрим, как создать динамический анимированный юзербар с помощью программы Photoshop. В данном уроке будет использоваться Фотошоп С5 / Photoshop CS5.

   |   

Загрузка. Пожалуйста, подождите...

Динамический анимированный юзербар - Уроки анимации