Снова привет! Сегодня мы будем учится изготавливать свой юзербар.
Для начала создайте новый документ с такими настройками:
6х6 px, а фон сделайте прозрачным (transparent)
Вы увидите малюсенький документ. И вот этот малюсенький документ масштабируем 1600%
Получится такой документ:

Щелкайте п.к.(правой кнопкой) по инструменту кисть , и из всплывающего списка выберите инструмент Карандаш.
Размер карандаша 1 px, цвет соответственно черный. Рисуем диагональ, как будет показано ниже (ведите не сплошной линией, а кликайте каждую точку отдельно)

Переходим в меню Редактировать - Определить узор/текстуру (Edit > Define Pattern), задайте имя вашему узору, и нажимайте ОК.
-------------------------------------------------------
Теперь самое главное: приступаем к изготовлению юзербара!
Создайте новый документ 350х19 px, фон прозрачный.

Дальше всем известный пункт, выбор картинки. Я взяла часть шапки нашего всемилюбимого форума:

Вырезаем и перемещаем художницу.
Нажимаем Ctrl+T и уменьшаем художницу до нужных размеров.
Создайте новый слой под художницей.
Возьмите инструмент Градиент, установите желаемые цвета и проведите по слою слева направо. Вот как получилось у меня:

Ну, теперь добавим рамочку нашему юзербару.
Создайте новый слой поверх остальных.
Нажатием Ctrl+A мы выделим все. Идем в Редактирование - Выполнить обводку (edit>stroke)
Размер 1 px, внутри (inside) и сделаем черный цвет.
Если хотите, добавьте еще какие то эффекты, ну а мы движемся дальше.
Пишем текст. Добавьте тексту стиль Обводка. Установите параметры: 1 px, Черный цвет, Снаружи.
Переходим на слой с градиентом.
Идем в меню Редактирование - Выполнить заливку (edit>fill)
Выберите в окошке текстуру которую мы создавали в начале урока.
Сохраняем наш юзербар.

Там еще можно поработать с эффектами, со стилями... Но пока самый простой юзербар готов!

Выкладывайте сюда ваши работы! Интересно посмотреть!

Теги: юзербар, урок, photoshop