Воскресенье, 14.06.2026, 13:15
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: -SLIM-  
Создание юзербара (Userbar)
balaVanyaДата: Среда, 15.04.2009, 06:55 | Сообщение # 1
Генерал-полковник
Группа: Проверенные
Сообщений: 890
Репутация: 240
Статус: 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 готов!



Привет! Я пришел! )
Не чем не помогаю! Все улучшения и т.п. читайте на моем Блоге
 
romak12Дата: Вторник, 21.04.2009, 19:10 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 15
Репутация: 26
Статус: Offline
спс очень помогли

sasa
 
balaVanyaДата: Вторник, 21.04.2009, 19:30 | Сообщение # 3
Генерал-полковник
Группа: Проверенные
Сообщений: 890
Репутация: 240
Статус: Offline
romak12, Регистрируйся на сайте моем. Вот благодраность

Привет! Я пришел! )
Не чем не помогаю! Все улучшения и т.п. читайте на моем Блоге
 
vladko95Дата: Вторник, 21.04.2009, 20:29 | Сообщение # 4
Генерал-полковник
Группа: Гости
Сообщений: 590
Репутация: 136
Статус: Offline
а источник где?? dry

Заставили убрать)
 
balaVanyaДата: Вторник, 21.04.2009, 20:39 | Сообщение # 5
Генерал-полковник
Группа: Проверенные
Сообщений: 890
Репутация: 240
Статус: Offline
Quote (vladko95)
а источник где?? dry

Мне то че до источника... Этот урок прошел по 15 сайтам наврено.
Я его брал со своего сайта rolleyes


Привет! Я пришел! )
Не чем не помогаю! Все улучшения и т.п. читайте на моем Блоге
 
BondSportДата: Вторник, 21.04.2009, 20:59 | Сообщение # 6
★ IsuCoz ★
Группа: Проверенные
Сообщений: 1205
Репутация: 402
Статус: Offline
vladko95,
http://paint.3dn.ru/forum/4-4-1


Я слежу за вами.
 
BondSportДата: Вторник, 21.04.2009, 22:58 | Сообщение # 7
★ IsuCoz ★
Группа: Проверенные
Сообщений: 1205
Репутация: 402
Статус: Offline

smile

Прикрепления: 6968832.jpg (32.0 Kb)


Я слежу за вами.
 
DeiДата: Четверг, 30.04.2009, 09:01 | Сообщение # 8
Полковник
Группа: Заблокированные
Сообщений: 171
Репутация: 88
Статус: Offline
Спс!!! Помогли!)))

ФорУкоз Рулит!! ^_^
 
smileyДата: Четверг, 30.04.2009, 09:03 | Сообщение # 9
Супер чел =)
Группа: Гости
Сообщений: 1621
Репутация: 1069
Статус: Offline
насчет источника ты прав!))) я по такому еще месяца 2 назад учился)))) делать все
 
PALADINДата: Воскресенье, 03.05.2009, 09:45 | Сообщение # 10
Генерал-майор
Группа: Проверенные
Сообщений: 266
Репутация: 105
Статус: Offline
Kipa, спасибо, дримвьювером, флешем, 3D максом - пользовался, а фотошоп только вчера скачал CS3 v10, и теперь экспрементирую, хотите поржать?
Тогда смотрите :


Сообщение отредактировал PALADIN - Воскресенье, 03.05.2009, 09:45
 
_Wanted_Дата: Воскресенье, 03.05.2009, 10:50 | Сообщение # 11
Лейтенант
Группа: Проверенные
Сообщений: 72
Репутация: 82
Статус: Offline
а это твой урок???

 
sasankhinДата: Вторник, 12.05.2009, 21:40 | Сообщение # 12
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 18
Статус: Offline
я в фотошопе полный ноль, как сделат масштаб 1600%? [img]http://forucoz.com/smiles/crazy.gif[/img] [img]http://forucoz.com/smiles/buba.gif[/img]
 
-=MORDER=-Дата: Среда, 13.05.2009, 11:43 | Сообщение # 13
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 15
Статус: Offline
sasankhin, лучше всего делать масштаб мышкой
Сделать это можно так нажимаешь Ctrl+K и там увидишь что-то вроде если русский -- Прокрутка колёсиком мышки, на англ. -- Scrool Mouse вроде так
 
bad_boy145Дата: Четверг, 14.05.2009, 14:18 | Сообщение # 14
Подполковник
Группа: Проверенные
Сообщений: 125
Репутация: 43
Статус: Offline

Прикрепления: 6121804.png (6.5 Kb) · 0899715.png (15.4 Kb) · 2827708.png (8.0 Kb)


 
NoName_272Дата: Воскресенье, 28.06.2009, 10:42 | Сообщение # 15
Лейтенант
Группа: Проверенные
Сообщений: 47
Репутация: 8
Статус: Offline
как сделать эти полосочки??? я нарисовал узор! добавил его! но у меня англ. фотошоп! и я незнаю че где нажимать! кто нить поможет?

http://icq4me.ru
 
  • Страница 1 из 1
  • 1
Поиск: