Создание юзербара (Userbar) - Форум
 

Board Index

Icon Міні-профіль

Гість
Повідомлення:

Група:
Гості
Час: 06:25:54
Добрий день! Ми раді вас бачити! Будь-ласка зараєструйтеся або авторизуйтеся!
Логін:
Пароль:

Icon Футбол в Україні

Україна. Прем'єр-Ліга
Оновлено
  10.08.2010, 13:15  
  Команда І О
1   Дніпро  5  15
2   Шахтар  5  13 
3   Динамо К  5  13 
4   Ворскла  5  10 
5   Карпати  5  8 
6   Металіст  5  7 
7   Кривбас  5  6 
8   Арсенал К  5  6 
9   Зоря  5  5 
10   Ілічівець  5  5 
11   Севастополь  5  5 
12   Таврія  5  4 
13   Металург Д  5  4 
14   Волинь 5  4 
15   Металург З  5  2 
16   Оболонь  5  2 

Icon Знайшли помилку?

Виділить помилку мишкою
та натисніть Ctrl+Enter.
Зробимо мову чистішою!

Icon Реклама

РЕКЛАМА

Сторінка 1 з 11
Форум » Не футбол » Уроки Photoshop » Создание юзербара (Userbar)
Создание юзербара (Userbar)
kakaДата: П'ятниця, 17 Квітень 2009, 18:40:32 | Повідомлення # 1
Група: АДМІН
Повідомлень: 1346
Репутація: 39
Медалі:
Адміну За високу репутацію За 250 повідомлень на форумі За 1000 повідомлень на форумі
Я ВКонтакті
Країна: Україна Україна
Статус: Offline
Здравствуйте. В этом уроке мы будем создавать Userbar пользователя Photoshop, ниже показан готовый вариант.


Шаг 1. Создаем фон юзербара
Создаем новый файл "ctrl+N" с такими же параметрами как на картике ниже:

Выставляем цвета, основной #369ecf; фоновый #1f5743.


С помощью инструмента "Градиент" (G) создаем фон нашего юзербара.

Шаг 2. Добовляем иконку Photoshop
Для того, что бы добавить иконку на наш юзербар, открываем файл с иконкой "ctrl+O":

С помощью инструмента "Перемещение" (V) переносим ее на наш юзербар и c помощью "Свободное трансформирование" "ctrl+T" уменьшаем иконку до нужных нам размеров (рекомендую зажать клавишу "shift", для соблюдения пропорций при масштабировании):

Теперь создадим объем иконке. В списке слоев правой кнопкой щелкаем на нашем слое и в списке выбираем "Параметры наложения".

В появившемся окне щелкаем на слово "Тень" и выставляем параметры как показано ниже:

http://paint.3dn.ru/Files/img/lessons/stekl_knopka/4.jpg

Далее щелкаем на "Тиснение" и выставляем следующие параметры:

Получается примерно так:

Шаг 3. Создаем надпись Photoshop user
Берем инструмент "Текст" (Т) и пишем "PHOTOSHOP USER". Я использовал такие настройки: шрифт: "Vrinda", размер: "12px", цвет: "белый". Теперь заходим в "Параметры наложения" слоя с текстом, в самом конце списка выбираем "Обводка" и выставляем следующие параметры:

Результат:

Шаг 4. Создаем эффект "объемного стекла"
Создаем новый слой "shift+ctrl+N", выбираем инструмент "Овальное выделение" (М) и в верхней части нашего юзербара создаем овальное выделение. Закрашиваем выделенную область белым цветом.
Примерно так:

Теперь выставляем непрозрачность слоя 40%:

И получаем:

Вприципе на этом можно и остановиться, но давайте добавим полосочки, ставшие неотъемлемой частью всех юзербаров.
Шаг 5. Создание полосок.
Создаем новый документ "ctrl+N" с прозрачным фоном и размером 3х3рх:

Берем инструмент "Карандаш" (B) (если у вас при нажатии кнопки "B" выбирается кисть, а не карандаш, то еще нажмите "shift+b"), выставите размер карандаша 1px и нарисуйте три пикселя как показано ниже (для удобства рисования увеличьте документ до 1600%):

Теперь вверху нажимаем "Редактирование>Определить узор" и жмем ок:

Теперь этот файл можно не сохраняя закрыть и вернуться к нашему юзербару.
В списке слоев выбираем "Параметры наложения" для первого слоя, на котором находится фон, кликаем на "Перекрытие узора" и в окошке выбираем созданный нами узор:

Жмем ок и юзербар пользователя Photoshop готов!

Форум » Не футбол » Уроки Photoshop » Создание юзербара (Userbar)
Сторінка 1 з 11
Пошук: