• Страница 1 из 1
  • 1
Делаем анимированный юзербар
#1
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


#2
19 Янв 2010 г.

понравилось чё...


#3
19 Янв 2010 г.

Спасибки темка куллл)))


#4
20 Янв 2010 г.

Вот такое


#5
20 Янв 2010 г.

Крут кумар)



#6
20 Янв 2010 г.

коол тема


#7
23 Янв 2010 г.

спс smile



#8
02 Фев 2010 г.

cпс за урок) я рад biggrin

Отредактировал G[e]NtL[e]M@N - Вторник, 02 Фев 2010, 11:58

#9
14 Фев 2010 г.

Кстати прикольно получилось)


#10
14 Фев 2010 г.

кул =)))

Отредактировал MuLTiK - Воскресенье, 14 Фев 2010, 12:44


#11
17 Мар 2010 г.

кул но у меня cs3 русский поэтому нихуяне зделал(((((((((


#12
17 Мар 2010 г.

Там все легко понять тем более я указывал кнопки например Move Tool (v)



#13
01 Апр 2010 г.

спс я зделал

Добавлено (01.04.2010, 13:28)
---------------------------------------------



#14
14 Фев 2011 г.

Неплохой урок.
Мой вариент:

Отредактировал Leequidman - Понедельник, 14 Фев 2011, 14:19

  • Страница 1 из 1
  • 1
Поиск:
     
Хостинг от uCoz. 2009-2024