Меню сайта

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

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

Главная » Уроки 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)

Просмотров: 1965 | Комментарии: 12 | Рейтинг: 2.4/7 |
Всего комментариев: 8
2009-01-11
8. Krypto [Материал]
Прикольный урок)))Только я это знаю)Молодец так держать

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

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
Скажите что они означают и где их найти.(у меня русска версия просто)
Ответ: Учите английский либо ставьте английскую версию.

2008-02-15
2. SEKAS [Материал]
kyl ypok:)
zatysi rylit no problem :))

2008-02-15
1. SEKAS [Материал]
:)))))))))))))))

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Поиск

Партнеры


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