.

<<INFOрмационно-Rазвлекательный FoRUM>>

Объявление

http://irf.3bb.ru/viewtopic.php?id=499 мега лол тема
Форум востанавливается!!!

Форум возраждается!!! Поможем ему все вместе!!! Или дизайном, или народом...
По всем техническим вопросам пишите сюда

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

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


Вы здесь » <<INFOрмационно-Rазвлекательный FoRUM>> » Интернет » Делаем юзербар


Делаем юзербар

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

1

В этой теме я расскажу как создать юзербар.

1)Откройте фотошоп и создайте файл как на картинке:
http://img-photos.by.ru/Img/Userbar/new.gif

2)Заливаем фон любым цветом или градиентом.

3) Теперь можно добавить полосочки.
Создаём новый файл, разрешением 3х3 пикселя, увеличиваем его на 1600%, выбираем инструмент "Pencil tool" делаем его размер в 1 пиксель и рисуем три точки, образующие диагональ, как тут:
http://img-photos.by.ru/Img/Userbar/3x3.gif

4)Идем в "Edit > Define Pattern" и даем любое имя новому шаблону.

5)Возвращаемся к нашему Юзербару, создаем новый слой, идем в "Edit > Fill" и делаем как тут:
http://img-photos.by.ru/Img/Userbar/fill.gif
и нажимаем Ок.

6)После этого мы получаем примерно вот это:
http://img-photos.by.ru/Img/Userbar/step5.gif

5) Теперь мы должны подыскать изображение которое мы поместим на наш юзербар. В данном случае это иконка Microsoft Word.
Теперь просто вставляем икнку Microsoft Word в нашу заготовку, подгоняем желаемые размеры и другие характеристики. Получаем примерно вот это:
http://img-photos.by.ru/Img/Userbar/step6.gif

6) Теперь добавляем текст. Шрифт текста на юзербаре обычно Visitor TT2 BRK. Если у вас нет данного шрифта, скачайте его здесь. Далее мы распоковываем архив, и делаем следующее:
Открываем "Панель управления" в главном меню, откроем папку "Шрифты". Затем "Файл - Установить шрифт...". Откроется диалоговое окно "Добавление шрифта". Выбираете путь к папке, в которой сохранили 3 скачанных шрифта и нажимаете ОК. (Внимание - фотошоп необходимо перезапустить, ну а лучше конечно установить шрифт перед созданием юзербара)

6 а)Пишем необходимый текст на юзербаре шрифтом Visitor TT2 BRK 14 (или 10) размера и проверяем, что "anti-alias" имеет значение "None" (Layer > Type > Anti-Alias None)

7) Далее добавляем тексту эффект "Stroke" (Это делается так: Layer > Layer style > Stroke )
Настройки эффекта как на изображении:
http://img-photos.by.ru/Img/Userbar/step7.gif

Вроде все готово...но можно еще сделать кое-что:

8) Теперь добавим эффект блика. Для этого:
а) В левой части экрана на панели инструментов выберите Elliptical marquee tool
б) На своем юзербаре выделите с помощью этого инструмента область, как показано на картинке:
http://img-photos.by.ru/Img/Userbar/round.gif
в) Заходим в меню Layer > New > Layer и перед нами появляется меню выбора характеристик нового слоя. В нижней части указан уровень Прозрачности (Opacity), выбираем 45%.
г) Теперь с помощью инструмента Paint bucket tool, выбранного на панели инструментов слева, закрашиваем выделенную область белым цветом...

Все, блик готов. У нас должен получиться юзербар вроде этого:
http://img-photos.by.ru/Img/Userbar/bar.gif

0

2

Классная статья. Вот тока у меня ниче не получилось :(

0


Вы здесь » <<INFOрмационно-Rазвлекательный FoRUM>> » Интернет » Делаем юзербар