|
![](/templates/hotdata/images/hotdata/spacer.gif) |
![](/templates/hotdata/images/hotdata/bl_01.gif)
![](/templates/hotdata/images/hotdata/spacer.gif) |
![](/templates/hotdata/images/hotdata/spacer.gif) |
Userbar - создание |
![](/templates/hotdata/images/hotdata/spacer.gif) |
|
![](/templates/hotdata/images/hotdata/spacer.gif) |
![](/templates/hotdata/images/hotdata/spacer.gif) |
Этот урок призван помочь Вам в создании userbar"ов. Просто и понятно описываются все этапы создания userbar"а. Урок хорошо проиллюстрирован. Рисуйте.
1. Создаём новый файл, как на рисунке:
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202995801_untitled-3.jpg)
2. Устанавливаем настройки "gradient" как на рисунке ниже:
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202996054_untitled-2.jpg)
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202996357_untitled-1-copy.jpg)
3. Подтверждаем и протягиваем градиент строго сверху вниз.
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202996503_untitled-4.jpg) 4. Теперь добавляем полочки. Для этого создадим новый файл с разрешением 3х3 - 4х4 - 5х5 пикселя (здесь все зависит от вкуса:чем больше разрешение- тем больше расстояние между полочками), прозрачным фоном и стандартными настройками, увеличиваем его на 1600% (комбинация клавиш Ctrl и +), выбираем инструмент "pencil tool", устанавливаем его размер в 1-px и рисуем точки, образующие диагональ. Потом "Edit -> Define Pattern" и даем любое имя новому шаблону. Возвращаемся к нашему userbar"у. Создаем новый слой, "Edit ->Fill", выбираем наш шаблон, подтверждаем. После этого мы просто уменьшаем прозрачность слоя (по желанию).
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202997945_untitled-7.jpg)
5. Теперь нам следует выбрать изображение которое мы поместим на наш userbar. Теперь просто вставляем наше изображение в заготовку, регулируем желаемые размеры и другие характеристики.
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202997817_untitled-6.jpg)
6. Добавляем текст. Сначала скачиваем шрифт (скачать: [13.6 Kb] (cкачиваний:5)), распаковываем и добавляем его в папку "Fonts" в папке "Windows" (компьютер необходимо перезагрузить, чтобы шрифт заработал). Пишем необходимый текст на размере шрифта 3-4 px и удостоверяемся что "anti-alias" имеет значение "0". Делаем текст белого цвета и добавляем ему эффект "Stroke" (Layer -> Layer style -> Stroke) Настройки эффекта:
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202998275_untitled-8.jpg)
Получаем вот это:
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202998633_untitled-9.jpg)
7. Теперь добавляем объёма. Создаем новый слой. Выбираем инструмент "elliptical marquee tool" и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Затем понижаем Opacity слоя до 15-20
![Userbar - создание Userbar - создание](/uploads/posts/2008-09/1202998706_untitled-10.jpg)
8. И последняя, необязательная часть. Добавляем эффект "stroke" шириной в 1-px. Поздравляем, Ваш userbar готов... |
![](/templates/hotdata/images/hotdata/spacer.gif) |
|
![](/templates/hotdata/images/hotdata/abl_03.gif) |
![Userbar Fonts Userbar Fonts](/uploads/posts/2008-08/1204566986_userbar_font.jpg) |
Userbar Fonts
В классических юзербарах используются шрифты:Visitor TT1 (10 кегль), Visitor TT2 (13 кегль) или microN55 (8 кегль) белого цвета с чёрной каймой и выключенной опцией «сглаживание» («anti-alias»). |
![Гламурный текст Гламурный текст](/uploads/posts/2008-06/1192122775_lesson78.gif) |
Гламурный текст
Автор:КрасныйСложность:ЛегкаяСоздаем гламурный текст.Оригинальный урок Фотошоп от Красного. |
|
|
![](/templates/hotdata/images/hotdata/spacer.gif) |
|
|