Если вы хотите общаться на форуме, напишите МНЕ в лс: Активируй аккаунт!!!!!!!

[ Последние 100 ответов на форуме · Всё для CSS · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум веб-мастеров ucoz » Веб-дизайн » Для фотошопера » Создай свой UserBar (переместил EvilDM)
Создай свой UserBar
SpeedДата: Пятница, 06.11.2009, 00:10:23 | Сообщение # 1


Истиный ценитель
Сообщений: 383
[ 81 ]
Готовый вариант:

Итак, от винта!!
1) Создаём новый файл, как на картинке:

2) Выбираем в настройках градиента те же значения как и на рисунке ниже:

после этого нажмите на панель обозначенную на рисунке выше красным квадратом и выставьте подобные настройки:

3) Нажимаем "Ок" и протягиваем градиент строго сверху вниз. Должно получиться что то вроде этого:

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

Потом идем в "Edit >> Define Pattern.." и даем любое имя новому шаблону.
Возвращаемся к нашему Юзербару, создаем новый слой, идем в "Edit>>Fill.." и делаем как тут:

и нажимаем Ок.

После этого мы просто уменьшаем прозрачность слоя по желанию и получаем примерно вот это:

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

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

Получает вот это:

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

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

Источник: demiart.ru

Quote
наверное ОЧЕПЯТКА
biggrin biggrin biggrin biggrin biggrin biggrin biggrin //исправил Lem208


...

Сообщение отредактировал lem208 - Пятница, 13.11.2009, 19:26:22
snakes28Дата: Пятница, 06.11.2009, 00:12:01 | Сообщение # 2


Snakes28 Pro.
Сообщений: 214
[ 206 ]
Speed, самый легкий юб...
хотя для новичков пойдет happy
SpeedДата: Пятница, 06.11.2009, 00:18:19 | Сообщение # 3


Истиный ценитель
Сообщений: 383
[ 81 ]
snakes28, Это как раз для новичков! Я с этого начинал!

...

Сообщение отредактировал Speed - Пятница, 06.11.2009, 00:18:30
snakes28Дата: Пятница, 06.11.2009, 13:35:08 | Сообщение # 4


Snakes28 Pro.
Сообщений: 214
[ 206 ]
Quote (Speed)
Я с этого начинал!

все с этого начинали... happy
ArtefactДата: Среда, 11.11.2009, 20:34:02 | Сообщение # 5


Новичок
Сообщений: 5
[ 9 ]
[quote=snakes28]все с этого начинали... [/quote]
И не многие от этого ушли)))
А урок хороший, простой, понятный!
[IVlad]Дата: Четверг, 12.11.2009, 15:33:35 | Сообщение # 6


[ -1 ]
Speed, Спасибо!

Форум веб-мастеров ucoz » Веб-дизайн » Для фотошопера » Создай свой UserBar (переместил EvilDM)
  • Страница 1 из 1
  • 1
Поиск: