Форум Игровой Мир! Игры, новости игр, новинки игр, скачать игры, фильмы

Объявление


.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Как сделать простейшый юзербан

Сообщений 1 страница 3 из 3

1

Создаем простейший юзербар (userbar): руководство

Чтобы создать обычный юзербар, в первую очередь нам потребуется узор, то есть диагональные полосы, которые вы видите на оригинале. Чтобы сделать это, просто откройте Photoshop, выберите меню File (Файл) -> New (Создать новый). Создайте файл с размерами 6х6 пикселов с Transparent (прозрачным) фоном. Посмотрите на картинку:

http://i046.radikal.ru/0804/86/5f86cf1955a1.gif

Итак, Вы видите новый прозрачный рисунок. Увеличьте его (Zoom In) приблизительно до 1600%.

http://i005.radikal.ru/0804/b6/9e6e2ef966b0.gif

Теперь при помощи инструмента Карандаш, не Кисть (чтобы выбрать Карандаш, сделайте клик правой кнопкой мыши на инструменте Кисть), размером 1 пиксель, чтобы нарисовать тоненькую линию, поставьте точки по диагонали:

http://i028.radikal.ru/0804/45/e34f4f4c940a.gif

Теперь пришло время сохранить заготовку как Узор, все-таки это еще не юзербар :) Для того, чтобы сохранить рисунок как узор, войдите в меню Edit и выберите Define Pattern, и назовите файл как-нибудь:

http://i022.radikal.ru/0804/ad/4980c30c5716.gif

Узор успешно сохзранен, самое время присупить к созданию юзербара. Просто снова создайте новый файл, на этот раз с размерами 350х20:

http://i043.radikal.ru/0804/47/32a5a0c8a1c8.gif

Теперь выберите два цвета для заливки фона в инструментах:

http://i022.radikal.ru/0804/9b/ec0f0eb43056.gif

Выбрав инструмент Градиентной заливки, кликните вверху своего рисунка и, не отпуская левую клавишу мыши, проведите линию до низа документа. У вас должно получиться что-то похожее на рисунок внизу (мы выбрали два оттенка серого цвета для градиента), красным кружком отмечен инструмент Градиентной заливки:

http://i040.radikal.ru/0804/60/dc8014b4720a.gif

Теперь, когда фон подготовлен, необходимо залить его созданным ранее узором. Войдите в меню Edit -> Fill и выберите узор, который создали.

http://i014.radikal.ru/0804/da/1db1e688e6d5.gif

Ваш юзербар приобретет следующий вид (смотрите его при увеличении 100%):

http://i010.radikal.ru/0804/cf/c0c05624fbbc.gif

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

Нам осталось лишь добавить текст и картинку на юзербар. Картинку выберите целиком на Ваш вкус, а вот надпись должна быть сделана специальным шрифтом, например, шрифтом Visitor со следующими опциями: size: 10, character space: 25, anti-aliasing: none - это важно, так как иначе текст может расплыться.

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

0

2

Вот одна с моих первых попиток сделать юзербар..))

http://forumupload.ru/uploads/0003/b2/e0/4543-1-f.gif

0

3

А вот моя:

Отредактировано papercut (29-06-2008 13:21:16)

0



Рейтинг форумов | Создать форум бесплатно