Всем привет. Я вас научу делать анимированный юзербар.
Итак...приступим:
1. Первое, что нужно сделать, это создать изображение размерами 350x19 пикселей (стандарт).
2.Теперь открываем, изображение, которое вы хотите сделать анимированным. Вот я это выбрал обложку из игры Grand Theft Auto: San Andreas.
3. Выделяем изображение (Ctrl+A) и копируем его (Ctrl+С).
4. Теперь вставляем выделенное изображение, в юзербар, нажмите правую кнопку мыши и выберите Free transform, ну дальше "подгоняете" изображение под размеры юзербара.
5.Делаем эффект стекла. Создаем новый слой, выделяем верхнюю половину юзербара инструментом Rectangular Marquee Tool (M) и полностью заливаем белым цветом инструментом Paint Bucket Tool (G). Далее настраиваем прозрачность. Кликаем правой кнопкой мыши по слою и выбираем Blending Options, появляется окно, вы видите Opacity и ставим примерно на 40-50% по вкусу.
6. Теперь пишим текст на юзербаре я написал vlad gta fan.
7. После этого займемся наконец-то анимацией. Вверху видим разделы, заходим в раздел Windows, и выбираем подраздел Animation.
8. Делаем копию первого кадра, нажатием кнопки на панели анимации. Затем наживаем клавишу (V), вызывая инструмент Move Tool, и перемещаем рисунок вниз до конца.
9. Теперь создадим промежуточные кадры анимации, нажатием кнопки на панели анимации снизу. Я выбрал 20 слайдов(Frames to add: 20), Ок мы получили движение вниз.
10.Теперь повторяем так же, только двигая изображение вверх.
ЮЗЕРБАР ГОТОВ.
Сохранение. (CS3)
File>Save>Save For web and devices... главное не забудьте тут выбрать looping options: forever! Иначе анимация не будет все время повторяться!
Вот итог, что получилось у меня:
Автор: DeN[666] aka spitfire aka absurd aka drusba.
Выкладываете свои работы, будет интересно!
Отредактировал d3nsk8er - Понедельник, 18 Янв 2010, 23:10
|
