KOT Форум

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

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


Вы здесь » KOT Форум » PW графика + WEBдизайн » Создаем юзербар


Создаем юзербар

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

1

Готовый вариант:
http://demiart.ru/tutorials/2/userbar/finished.gif

1) Создаём новый файл, как на картинке:
http://demiart.ru/tutorials/2/userbar/newimage7ez.gif

2) Выбираем в настройках градиента те же значения как и на рисунке ниже:
http://demiart.ru/tutorials/2/userbar/gradtool.gif

после этого нажмите на панель обозначенную на рисунке выше красным квадратом и выставьте подобные настройки:
http://demiart.ru/tutorials/2/userbar/gradeditor.gif

3) Нажимаем "Ок" и протягиваем градиент строго сверху вниз. Должно получиться что то вроде этого:
http://demiart.ru/tutorials/2/userbar/step4.gif

4) Теперь давайте добавим "фирменные" полочки. Создаём новый файл, разрешением 3х3 пикселя и стандартными настройками, увеличиваем его на 1600%, выбираем инструмент "карандаш", делаем его размер 1пиксель и рисуем три точки, образующие диагональ, как тут:
http://demiart.ru/tutorials/2/userbar/3x3.gif

Потом идем в "Edit >> Define Pattern.." и даем любое имя новому шаблону.
Возвращаемся к нашему Юзербару, создаем новый слой, идем в "Edit>>Fill.." и делаем как тут:
http://demiart.ru/tutorials/2/userbar/fill1re.gif

и нажимаем Ок.
После этого мы просто уменьшаем прозрачность слоя по желанию и получаем примерно вот это:
http://demiart.ru/tutorials/2/userbar/step5.gif

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

6) Теперь добавим текст! В первую очередь скачиваем шрифт, распаковываем и добавляем его в папку Fonts в папке Windows. (Комп необходимо перезагрузить, чтобы шрифт заработал. Прим. переводчика). Пишем необходимый текст на размере шрифта 13px ( наверное ОЧЕПЯТКА, надо 3px ставить wink.gif ) и удостоверяемся что "anti-alias" имеет значение "0". Делаем текст белого цвета и добавляем ему Эффект "Stroke" ( От переводчика. Это делается так: Layer >> Layer style >> Stroke )
Настройки эффекта как на изображении:
http://demiart.ru/tutorials/2/userbar/1216cd.gif

Получает вот это:
http://demiart.ru/tutorials/2/userbar/step7.gif

7) Теперь добавим объёма. Создадим новый слой. Выбираем инструмент elliptical marquee tool и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Взгляните на рисунок вам сразу станет понятно какой формы должно быть выделение:
http://demiart.ru/tutorials/2/userbar/step8.gif

8) И последняя, не обязательная часть. Добавление эффекта STROKE шириной в один пиксель. Я думаю с этим у вас теперь проблем не будет! =)
Все! Вуаля, наш юзербар готов =)

Мой результат : http://tls.3dn.ru/Forum/userbar.jpg

Автор: Lavarock09
Перевод и дополнения: =Ice=

+2

2

Как всегда подбираешь хорошие уроки, МОЛОДЕЦ!

0

3

Вот что я зделал) http://i030.radikal.ru/1005/01/3b46f4a9e7ba.gif

Отредактировано ProMo (07-05-2010 23:27:47)

0

4

а какой прогой пользоваться?

0

5

Наверное фотошопом  :crazyfun:

0

6

русский гайд можно( у меня русский фотошоп )

Отредактировано blak-hawk (09-05-2010 10:00:50)

0

7

спс за гайд=)

0

8

Я пробовал, у меня не получилось х)
Я поддержу идею русского гайда (на русском фотошопе).

0

9

все легко и быстро делается =)

0

10

я бы мог сделать русский гайд, но мне нужен фотожоп русский 7.0

0

11

Пила
Это все легко запонить,скачай руссик =)

0

12

nesquik написал(а):

Это все легко запонить,скачай руссик =)

имеешь в виду русификатор фш 7? счас поищу.

0

13

Да=)

0

14

Вот зделал видео урок по созданию юзербара, принцип примерно тот же, только фотошоп у меня на русском, версия CS3 Урок
Забыл выложить то что получится в этом уроке)
http://s45.radikal.ru/i107/1005/f6/5b70d7db4e24.gif
Архив весит 1,5 мб

Отредактировано ProMo (11-05-2010 19:45:16)

0

15

Гайдик случаем не с Дэмиарта?=3 А мона я кину ссылку на уроки по разным эффектам для юзербаров? А то вдруг кто-то даже и не догадывается о существовании такого сайта >_>

0

16

чей гайдик? Если про мой то я его сам зделал, про демиартс неслышал, ссыль дай)

0

17

Не, не про твой xD
http://demiart.ru
Сайт для творческих людей Х)
http://ubforum.ru/forum9.html
А это ссылка на уроки по эффектам
http://userbars.ru
А вот тут разные готовые юзербары =3

Отредактировано Фрэя Инверс (11-05-2010 21:01:02)

0


Вы здесь » KOT Форум » PW графика + WEBдизайн » Создаем юзербар