|
Делаем анимированный юзербар
|
|
|
|
19 Янв 2010 г.
|
Всем привет. Я вас научу делать анимированный юзербар.
Итак...приступим:
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
|
|
| |
|
|
|
|
20 Янв 2010 г.
|
Вот такое 
|
|
| |
|
|
|
|
23 Янв 2010 г.
|
спс 
|
|
| |
|
|
02 Фев 2010 г.
|
cпс за урок) я рад 
Отредактировал G[e]NtL[e]M@N - Вторник, 02 Фев 2010, 11:58
|
|
| |
|
|
14 Фев 2010 г.
|
Кстати прикольно получилось)
|
|
| |
|
|
14 Фев 2010 г.
|
|
Отредактировал MuLTiK - Воскресенье, 14 Фев 2010, 12:44
|
|
| |
|
|
17 Мар 2010 г.
|
кул но у меня cs3 русский поэтому нихуяне зделал(((((((((
|
|
| |
|
|
17 Мар 2010 г.
|
Там все легко понять тем более я указывал кнопки например Move Tool (v)
|
|
| |
|
|
01 Апр 2010 г.
|
спс я зделалДобавлено (01.04.2010, 13:28)
---------------------------------------------
|
|
| |
|
|
14 Фев 2011 г.
|
Неплохой урок.
Мой вариент:
Отредактировал Leequidman - Понедельник, 14 Фев 2011, 14:19
|
|
| |
