Winx

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Winx » Веб-уроки » Как делать юзербар


Как делать юзербар

Сообщений 1 страница 7 из 7

1

Как делать юзербар~*
                                                 *Здесь и далее с этой пометкой нужен PhotoShop

1.Создаем новый файл размером 350 на 19.Фон оставляем прозрачным(если вы впоследствии зальете его градиентом)Или заливаете нужным цветом. 2.Заливаем его градиентом, и - по желанию - штрихуем.

увеличить

0

2

2.Открываем изображение, которое будет на юзербаре. Если оно нам не подходит по размеру, то идем в Редактирование---Свободное трансформирование(ctrl+t) Вырезаем изображение, и вставляем его в юзербар.Пишем шрифт.Добавляем блик сверху - создайте новый слой, возьмите инструмент "Выделение" , создайте выделение на верхней половине юзербара, залейте его белым цветом и ослабите прозрачность слоя.Готово!

А теперь - если хочется сделать более сложный и более красивый юзербар. Все делаем до3го пункта. Затем вставляете изображение(НЕТРАНСФОРМИРОВАННОЕ!)Но если оно очень уж большое, то уменьшите его. Перемещаем его так, чтобы низ вставленного изображения совпадал с низом юзербара.

увеличить

0

3

Переходим в Image Ready.

Создаем дубликат кадра.

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

увеличить

0

4

Создаем промежуточные кадры.

увеличить

0

5

Настройки:

увеличить

0

6

Все.По желанию, можно также создать "обратную съемку" - чтобы изображение проезжало не только вниз, но и верх, по тому же принципу.
Мой результат:

увеличить

0

7

Автор урока - Funny Bunny
Это делала не я,каюсь

0


Вы здесь » Winx » Веб-уроки » Как делать юзербар