Меню сайта

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

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

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

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

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

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) Вот и всё. Конечный результат:

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


Добавил: ZeldoR (2007-12-08)
Просмотров: 645 | Рейтинг: 1.5/4 |
Всего комментариев: 8
Вчера
8. Начинающая
Спасмбо за отличный урок!!!

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

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

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

2008-04-15
4. Дизайнер
<a href="http://www.1dam.ru/">Оформление сайтов.</a>

2008-04-15
3. nextprom
Прикольно! большое спс за урок http://1dam.ru/

2008-02-15
2. SEKAS
kyl ypok:)
zatysi rylit no problem :))

2008-02-15
1. SEKAS
:)))))))))))))))

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

Поиск

Партнеры

Статистика


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