Анимированный Userbar
ps2fans :: Art :: Уроки Photoshop
Страница 1 из 1
Анимированный Userbar
как и просили, размещаю свой урок
итак, начнём...
создаём новый документ размером 350x19px
открываем картинку, которая станет фоном для нашего юзербара. лучше всего использовать тёмную или светлую более менее однотонную картинку. я взяла вот это:
копируем нашу картинку в документ 350х19и устанавливаем на начало анимации (на место, с которого будет начинатся прокрутка)
с помощью Horizontal Type Tool и специального шрифта печатаем текст, но пока его прячем
жмём Ctrl + E чтобы объединить текст с фоном
идём в Window -> Animation и внизу экрана появляется новое окошко
а вот теперь.... начинается самая занудная и кропотливая работа...
на панели анимации нажимаем Duplicates selected frames и нажимаем Ctrl + J чтобы копировать картинку. далее двигаем нашу картинку буквально на пару пикселей вверх. для этого лучше zoom сделать побольше. теперь опять нажимаем Duplicates selected frames, Ctrl + J, двигаем на пару пикселей вверх... пока не дойдём до конца нашего текста
далее кликаем на первый кадр в окошке анимации. не пугайтесь, что он выглядит так, как должен выглядеть последний, сейчас мы займёмся именно этим
справа на панели layers убираем глазики около слоя, начиная с самого верхнего и до layer 1
выбираем второй кадр - возвращаем глазик следующему слою, третий - ещё следубщему и так далее до самого конца
итак, вот у нас выбран верхний слой и последний кадр. поверх него создаём ещё один слой и делаем выделение с помощью Eliptical Marquee Tool примерно такой формы:
и заливаем или закрашиваем выделенное белым цветом с Oparicy около 40%
на панели Animation нажимаем Plays Animation и наблюдаем, легко ли читается наш текст. если анимация слишком быстрая, то меняем скорость переключения кадров на столько, на сколько вы считаете нужным. только последний кадр пусть задержится примерно на секунду, чтобы юзербар не мельтешил перед глазами
когда результат нас устроит самое время сохранить наше художество. идём в File -> Save for Web, в появившемся окне нажимаем OK. сохраняем gif файл куда хотим и наш анимированный юзербар готов!
итак, начнём...
создаём новый документ размером 350x19px
открываем картинку, которая станет фоном для нашего юзербара. лучше всего использовать тёмную или светлую более менее однотонную картинку. я взяла вот это:
копируем нашу картинку в документ 350х19и устанавливаем на начало анимации (на место, с которого будет начинатся прокрутка)
с помощью Horizontal Type Tool и специального шрифта печатаем текст, но пока его прячем
жмём Ctrl + E чтобы объединить текст с фоном
идём в Window -> Animation и внизу экрана появляется новое окошко
а вот теперь.... начинается самая занудная и кропотливая работа...
на панели анимации нажимаем Duplicates selected frames и нажимаем Ctrl + J чтобы копировать картинку. далее двигаем нашу картинку буквально на пару пикселей вверх. для этого лучше zoom сделать побольше. теперь опять нажимаем Duplicates selected frames, Ctrl + J, двигаем на пару пикселей вверх... пока не дойдём до конца нашего текста
далее кликаем на первый кадр в окошке анимации. не пугайтесь, что он выглядит так, как должен выглядеть последний, сейчас мы займёмся именно этим
справа на панели layers убираем глазики около слоя, начиная с самого верхнего и до layer 1
выбираем второй кадр - возвращаем глазик следующему слою, третий - ещё следубщему и так далее до самого конца
итак, вот у нас выбран верхний слой и последний кадр. поверх него создаём ещё один слой и делаем выделение с помощью Eliptical Marquee Tool примерно такой формы:
и заливаем или закрашиваем выделенное белым цветом с Oparicy около 40%
на панели Animation нажимаем Plays Animation и наблюдаем, легко ли читается наш текст. если анимация слишком быстрая, то меняем скорость переключения кадров на столько, на сколько вы считаете нужным. только последний кадр пусть задержится примерно на секунду, чтобы юзербар не мельтешил перед глазами
когда результат нас устроит самое время сохранить наше художество. идём в File -> Save for Web, в появившемся окне нажимаем OK. сохраняем gif файл куда хотим и наш анимированный юзербар готов!
ps2fans :: Art :: Уроки Photoshop
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|