Правила Реклама Новый дизайн Новости Заказать дизайн Новинка [тема]
 
On-line: гостей 0. Всего: 0 [подробнее..]
АвторСообщение
Колдунья




Сообщение: 365
Зарегистрирован: 05.09.08
Откуда: Россия
Репутация: 6
ссылка на сообщение  Отправлено: 26.05.09 23:20. Заголовок: Урок #02. Создание простого юзербара.


Урок #02. Создание простого юзербара.


Просьба оставить комментарии по поводу данного урока.
Примечание: Все картинки - превью. Нажмите на них для увеличения.


1 Создаете новый файл (Файл-Новый), задаете пропорции как на картинке: ширина 350, высота 19.


2 Затем выберите два любых цвета, которые хотите видеть на юзербаре. Для примера я возьму салатовый и светло-бирюзовый цвета


3 Далее выберите инструмент градиент (), потом выберите вместо черно-белого градиента тот, который соответствует вашему цвету [обведено красным]


4 После этого залейте пустой файл данным градиентом

5 Для надписи на юзербара прекрасно подойдет шрифт Times New Roman

Надпись лучше всего будет видна белым шрифтом. После того, как Вы напишете то, что хотите видеть на юзербаре, затем щелкните по слою со шрифтом правой кнопкой и выберите опцию Параметры наложения

Установите следующие параметры: тень-режим:умножение-угол:120градусов-поставьте галку в поле глобальное освещение-размах:15-размер:5
И обводка: размер: 1-цвет: черный

Затем жмите ок.

6 Итак, надпись есть. Теперь осталось сделать красивую заливку. Для этого создайте новый файл размером 3х3 и увеличьте его до максимума. Затем возьмите карандаш (размер 1), выберите черный цвет и проставьте три точки по диагонали.

Затем нажмите Редактирование-определить узор. Назовите узор так, как вам хочется, и сохраните его.

Теперь выберите слой с заливкой градиента, намите редактирование-выполнить заливку. Выбираете созданный недавно узор, ставите непрозрачность 15-20%, и жмете ок.


7 Далее нужно сделать юзербар немного объемнее. Создайте новый слой и нажмите M (англ.). Далее сделайте округленную область как на рисунке

Выберите инструмент Заливка и залейте выделенную область белым цветом. Чтобы снять выделение, нажмите снова М, наведите на пунктирную линию мышку. Появится значок с небольшим прямоугольным окошком, нажмите левой кнопкой мыши и выделение снимется.

После того, как уберется выделение, нажмите на белую полоску и чуть оттяните ее вверх так, как показано на рисунке.

Затем выберите Параметры наложения у слоя с белой полоской и установите непрозрачность 30%.

Если хотите сделать размытие более плавным, то выберите: фильтр-размытие-размытие по гауссу-2,0пикс.


8 А теперь остался последний штрих. Конечно, Вы можете поэкспериментировать с различными градиентами, текстами или добавить какую-нибудь картинку, но об этом в следующем уроке.
Выберите опции: слой-объединить видимые

Затем редактирование-выполнить обводку.

Цвет необязательно может быть черным, это уже на ваш вкус. Все. Ваш юзербар создан =)





 цитата:
Урок составлен администратором форума © Predator.



Спасибо: 0 
ПрофильЦитата Ответить
Новых ответов нет


Ответ:
1 2 3 4 5 6 7 8 9
большой шрифт малый шрифт надстрочный подстрочный заголовок большой заголовок видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки моноширинный шрифт моноширинный шрифт горизонтальная линия отступ точка LI бегущая строка оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  5 час. Хитов сегодня: 0
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет



Дизайн и кнопки © Predator, 2008-2010