Create site free
Создаём юзербар - Уроки photoshop - Уроки photoshop - Уроки photoshop, кисти для photoshop, эффекты photoshop
Меню сайта

Наш опрос
Какой фотошоп у Вас стоит?

Всего ответов: 1368

Главная » Уроки photoshop

Создаём юзербар
Рейтинг материала - 2.4
В этом уроке я расскажу вам как создать юзербар подобный этому:

Итак, приступим.

1) Создаём новое изображение с размерами 350х20 пикселей (но в принципе размеры могут быть любыми и даже пропорции здесь серьёзного значения не имеют)
2) Заполняем наше изображение градиентом. Желательно чтобы он был светлым, но и это тоже не обязательно. Я сделал так:

3) Не закрывая это, создаём новое изображение с размерами 3х3 пикселя и прозрачным фоном. Делаем 2 точки как на рисунке:

4) Нажимаем Edit -> Define Pattern и даём нашей текстуре имя
5) Возвращемся на изображение нашего будующего юзербара и создаём новый слой.
6) Нажимаем Edit>>Fill и заполняем его нашей новой текстурой. Получим примерно так:

7) Пишим любой текст любым шрифтом (тем не менее, для стандартных юзербаров рекомендую использовать этот.
8) Кликаем правой кнопкой мыши по слою с текстом и выбираем Blanding options. Выставляем их так:

9) Нажимаем ОК и получем примерно следующее:

10) Добавляем любые дополнительные элементы. Я сделал так:

11) Осталось добавить только иллюзию объема. Для этого создаём новый слой и рисуем на нём эллипс (равный по размерам изображению)
12) Ставим непрозрачность для слоя с эллипсом равной 30%.
13) Вот и всё. Конечный результат:

Вот и всё. Жду ваших отзывов, вариантов юзербара и т.д.



Скачать исходники + видеоурок (20 Mb)

Просмотров: 1451 | Рейтинг: 2.4/7 |
Всего комментариев: 121 2 »
2009-07-06
норм...

2009-03-25
Спасибо, прям как спецом для меня )

2009-03-10
10. Велимир
Сенкс, обыскался, хорошо что у Вас есть!

2009-02-28
Прикольно

2009-01-11
8. Krypto
Прикольный урок)))Только я это знаю)Молодец так держать

2008-11-27
7. 22
а чем точки то сделать :?

2008-08-27
6. Начинающая
Спасмбо за отличный урок!!!

2008-07-07
5. Drogba
Вот что у меня получилось http://4empfifa08.ucoz.ru/chelseafan.jpg

2008-07-07
4. Drogba
СПС за урок!Но не совсем все понятно!Не для новичков.К примеру заполняем наше изображение градиентом,я думаю новичкам эт нечего не дает.

2008-06-11
3. Will_ARt
Тут всё понятно кроме:
1. Edit
2. Fill
3. Define Pattern
Скажите что они означают и где их найти.(у меня русска версия просто)
Ответ: Учите английский либо ставьте английскую версию.

1-10 11-12
Имя *:
Email:
Код *:
Форма входа
Логин:
Пароль:

Поиск

Партнеры

Статистика


wWw.ZaTySi.NeT © 2006-2012
Сайт создан в системе uCoz