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

[ Последние 100 ответов на форуме · Всё для CSS · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум веб-мастеров ucoz » Веб-дизайн » Для фотошопера » Создай свой Userbar (переместил EvilDM)
Создай свой Userbar
TolechqaaДата: Четверг, 24.12.2009, 21:32:54 | Сообщение # 1


нЭ рЭмкай
Сообщений: 353
[ 9991 ]
Готовый вариант:

Итак, от винта!!
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 шириной в один пиксель. Я думаю с этим у вас теперь проблем не будет! =)
Все! Вуаля, наш юзербар готов =)

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

Cr@zeДата: Пятница, 25.12.2009, 08:35:24 | Сообщение # 2


Дедушка мороз
Сообщений: 228
[ 110 ]
картинка W не очень четлива


MEGAbestДата: Четверг, 31.12.2009, 16:40:17 | Сообщение # 3


Гений
Сообщений: 392
[ 419 ]
Quote (Cr@ze)
картинка W не очень четлива

согласен!а так нормальний урок!


Набор персонала


Сообщение отредактировал Ridi - Четверг, 31.12.2009, 19:22:25
Форум веб-мастеров ucoz » Веб-дизайн » Для фотошопера » Создай свой Userbar (переместил EvilDM)
  • Страница 1 из 1
  • 1
Поиск: