Урок 3. Рисуем стандартный userbar 350×19.
[250x80] [250x80]


 Рисуем стандартный userbar 350×19 [показать]  

Автор: Arcanum

— Это моя первая статья такого типа, но я постараюсь сделать её на 100% понятной. Ну что? Поехали!

1. Открываем Photoshop и создаём новый документ размером 350×19 — это стандартный размер для Userbar-а. Я не знаю почему, и никто из моих знакомых тоже не знает. Просто так принято. Как баннер 88×31. Для большего представления скриншот — рис.1.

2. Берём инструмент Gradient tool и выбираем такие настройки как на рис. 2.

3. Нажмите на панель, обозначенную красным прямоугольником. У Вас откроется такое окошко — рис.3.

[показать]		[показать]
Рис.1	Рис.2	Рис.3

4. Здесь Вы выбираете фоновую заливку для своего Userbar-a. Вы можете выбрать любой цвет, какой Вам больше понравиться. Выбираем цвет и нажимаем «ОК» и протягиваем градиент — в зависимости от того, как хочется залить документ (сверху-вниз или справа-налево). Должно получиться что-то вроде такого — рис. 4.

5. Теперь давайте добавим «фирменные» полоски. Создаём новый файл, разрешением 3×3 пикселя и стандартными настройками. Увеличиваем масштаб изображения до 1600%. Выбираем инструмент «карандаш» (Pencil tool), делаем его размер 1 пиксель и — рисуем три точки, образующие диагональ, как на рис.5.

6. Цвет полосок ставите свой, который больше подойдет Вашему Userbar-y. Потом идем в «Edit >> Define Pattern…» и даем любое имя новому шаблону. Возвращаемся к нашему Юзербару, создаем новый слой, идем в «Edit>>Fill…» и делаем как на рис.6. Жмем «ОК».

[показать]	[показать]
Рис.4	Рис.5	Рис.6

7. Уменьшаем прозрачность слоя по желанию и получаем примерно, как на рис. 7.

8. Теперь — выбираем изображение, которое мы поместим на юзербар. В данном случае это камера с места крушения «Зефира» (Арканум и тут рулит — прим. ред.). Подгоняем под желаемые размеры и добавляем эффекты. Получаем примерно вот это — рис. 8.

9. Теперь добавим текст! Я использую шрифт Арканума. Делаем текст белого цвета и добавляем ему эффект «Stroke» (Layer >> Layer style >> Stroke). Настройки эффекта — как на изображении рис. 9.

[показать]
Рис.7
[показать]
Рис.8	Рис.9

10. Получается вот так — рис. 10.

11. Теперь добавим объёма. Создадим новый слой. Поставьте его после слоя с заливкой. Выбираем инструмент elliptical marquee tool и делаем выделение в виде овала, из левого верхнего угла в правый верхний и заливаем белым цветом. Уменьшите прозрачность где-то до 25 процентов. Взгляните на рис. 11 и Вам сразу станет понятно какой формы должно быть выделение.

[показать]

рис. 10

[показать]

рис. 11

Вот и всё. Можно добавить анимации, но это уже совсем другая история… С Вами был Arcanum.

[250x80] [250x80]