Как и планировалось (см. комментарии к одному из прошедших уроков) этот урок показывает как с помощью графического редактора Paint.NET создать юзербар. Например вот такой:

Для того, чтобы сделать это быстрее, рекомендуется (но не обязательно) предварительно установить плагин «Падающая тень». Также (для создания надписи) нужно иметь установленный шрифт Visitor.

1. Откройте Paint.NET и создайте файл размером 350х19 (Файл — Создать… или Ctrl+N):

2. Выберите нужный цвет (в данном случае синий), затем возьмите «Градиент» (1) в «Линейном» режиме (2) и создайте фон изображения:

Должно получиться так:

3. Подготовьте изображение для вставки в юзербар. Это изображение должно быть на прозрачном фоне и более-менее подходить по размерам:

4. Создайте новый слой (Слои — Добавить новый слой или Ctrl-Shift-N) и вставьте в него предварительно подготовленное изображение. При вставке появиться окно выбора размера холста:

Нажмите «Сохранить размер холста» и разместите вставленное изображение (пользуясь инструментом «Переместить выделенное») в нужном районе юзербара:

Снимите выделение (Правка — Отменить выделение или Ctrl+D)

5. Создайте еще один новый слой. Выберите на палитре белый цвет, возьмите инструмент «Текст» и установите шрифт «Visitor». Размер шрифта можно поставить на 14 а стиль букв — на «Жирный»:

Нанесите на новосозданном слое требуемую надпись:

6. Теперь нужно создать черный контур вокруг букв надписи. Это можно сделать с помощью инструмента «Карандаш» (см. пример в самом начале урока):

… или с помощью уже упомянутого плагина «Падающая тень».

В последнем случае нужно выставить в окне настроек плагина (Эффекты — Стилизация — Drop Shadow) следующие параметры:

С плагином черный контур получается быстрее и проще, но не так качественно как вручную (хотя это как кому нравится):

7. Создайте новый слой и поместите его под слоем с надписью (перемещать очередность слоев можно с помощью специальных стрелочек в окне слоев):

Выберите белый цвет, возьмите фигуру «Эллипс» (1) и установите для нее режим «Сплошная фигура» (2):

С помощью «Эллипса» создайте на новосозданном слое «заготовку» блика:

Теперь нужно сделать его полупрозрачным. В окне со слоями нажмите на иконку «Свойства»:

… и установите желаемый уровень прозрачности:

Готовый блик будет смотреться так:

8. Создайте еще один слой и поставьте его самым первым (над слоем с текстом). С помощью инструмента «Карандаш» или «Линия/Кривая» создайте на этом слое черную однопиксельную рамку:

Для придания юзерпику объема примените к этому слою эффект «Гауссовского размытия» (Эффекты — Размытие — Гауссовское) с радиусом 2.

Все. Юзербар готов:

По мотивам урока Dark_Ajvengo.