• Страница 1 из 1
  • 1
Архив - только для чтения
Модератор форума: FAN, V@Dik008  
Как Сделать userbar
# 1
Воскресенье, 11.01.2009, 16:12:29

Ранг: Знаток Зоны
Сообщений: 962
Награды: 57
Репутация: 1777 Регистрация: 18.11.2008 Город: Питер    

И так некоторые форумчане в том числе и я не умеют делать userbar'ы.
Пожет кто нибудь поделится как это делать ?!


# 2
Воскресенье, 11.01.2009, 19:59:12

Ранг: Живая легенда
Сообщений: 3934
Награды: 8 Регистрация: 17.10.2008 Город: Нальчик    

Просто гениально!!! Курильщик, интернет кишит просто этими уроками!
Из-за этого надо было тему создавать? %)
# 3
Воскресенье, 11.01.2009, 20:00:06

Ранг: Знаток Зоны
Сообщений: 556
Награды: 12
Репутация: 227 Регистрация: 04.07.2008 Город: Penza    

Курильщик, юзай фотошоп и будет тебе щастье


# 4
Воскресенье, 11.01.2009, 20:26:32

Ранг: Прибывший
Сообщений: 1622
Награды: 68
Репутация: 1320 Регистрация: 30.03.2008 Город: Евпатория    

Курильщик, помоему, тебе сказали, что делать.
Тема на свалке.


Администратор сказал "НАДО", модер ответил "ЕСТЬ"
Новости Чернобыльской Зоны Отчуждения [url=http://stalker-gsc.ru/forum/37-351-1]здесь[/url]
Новости спорта на сайте [url=http://stalker-gsc.ru/forum/25-251-1]здесь[/url]
Мальдини - в наших сердцах!!!
# 5
Воскресенье, 11.01.2009, 21:00:02

Ранг: Живая легенда
Сообщений: 1787
Награды: 557
Репутация: 11744 Регистрация: 29.03.2008  

Лучше б помогли человеку

Курильщик,

Урок по Adobe Photoshop - как сделать юзербар. После прочтения этого урока вы сможете легко сделать себе необходимый юзербар в редакторе Adobe Photoshop.

Создадим новый документ с параметрами 350х19 писк. (стандартные размеры для юзербара), RGB, Прозрачный (Transparent).

Как сделать юзербар

Выбираем желаемые цвета. Я выбрал темно-синий и светло-синий. После этого выбираем инструмент Градиент (Gradient).

Как сделать юзербар

Проводим линию сверху вниз или наоборот (как хотите). Получаем следующее.

Как сделать юзербар

Теперь создадим заготовку для выполнения заливки в виде косых линий. Для этого создадим новый документ с параметрами 5х5 пикс., RGB, Прозрачный (Transparent).

Как сделать юзербар

Выбираем инструмент Карандаш (Pencil).

Как сделать юзербар

Рисуем диагональ как показано на рисунке.

Как сделать юзербар

Сделаем получившееся изображение с диагональю заливкой. Для этого воспользуемся меню Редактирование – Определить узор (Edit - Define Pattern). Все наша заливка сохранилась и теперь этот документ можно закрыть.

Теперь создадим новый слой. Для этого нажмем сочетание клавиш Ctrl+Shift+N, OK или нажмем на пиктограмму ”Новый слой” в палитре слоев.

Как сделать юзербар

Теперь заливаем новый слой нашей заготовкой с косыми линиями. Для этого выбираем инструмент Заливка. Дальше делаем установку Узор (Pattern) и выбираем нашу заготовку.

Как сделать юзербар

Заливаем наш новый слой. После этого делаем прозрачность слоя 30% (можете поэкспериментировать с этим параметром).

Как сделать юзербар

В результате у меня получилось следующее.

Как сделать юзербар

Следующее что мы будем делать – это надпись. Для этого воспользуемся шрифтом Vizitor (наиболее популярный шрифт при создании юзербаров). Его можно скачать с нашего сайта. Но вы можете использовать и другой шрифт по вашему усмотрению.

Пишем необходимый текст шрифтом Vizitor, размером 10 Px и располагаем в необходимом месте (в данном случае – это правый край).

Как сделать юзербар

Растрируем слой с надписью. Для этого в палитре слоев нажимаем правой кнопкой мыши на наш слой с текстом и в появившемся меню выбираем Растрировать слой (Rasterize).

Как сделать юзербар

Теперь кликнем левой кнопкой мыши на слое с надписью. Должно открыться окно с установками стилей слоя (Layer Style). Нажимаем на строчку Обводка (Stroke) и устанавливаем параметры как на рисунке.

Как сделать юзербар

Нажимаем OK. Получится следующее.

Как сделать юзербар

Теперь нам надо придать нашему юзербару эффект объемности. Для этого создадим новый слой и поместим его под слоем с текстом. Дальше выбираем инструмент Овальное выделение (Elliptical Marquee).

Как сделать юзербар

Делаем с помощью этого инструмента вот такое выделение.

Как сделать юзербар

Дальше нажимаем на правую кнопку мыши (при выбранном иструменте ”Овальное выделение”) и в появившемся меню выбираем Выполнить заливку. Делаем заливку белым цветом.

Как сделать юзербар

После этого зайдем в меню Выделение и выберем Отменить выделение. Дальше в палитре слоев сделаем прозрачность данного слоя 30 %.

Следующее что необходимо – это сделать обводку. В палитре слоев выберем самый нижний слой (т.е. фон). Дальше заходим в меню Редактирование – Выполнить обводку. В открывшемся окне настроек обводки выбираем настройки: ширина 1 Пикс, цвет черный.

Как сделать юзербар

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

Как сделать юзербар

Расположим слой с нашей картинкой над слоем с фоном. При нажатой кнопке Shift (чтобы сохранить пропорции) с помощью мышки уменьшим размер изображения до необходимых значений. Разместим нашу картинку согласно задуманному.

Как сделать юзербар

В добавок к этому я еще решил отразить картинку по горизонтали чтобы элементы изображения не сливались с надписью.

Как сделать юзербар

И в завершении сделаем прозрачность слоя с картинкой 50 %.

Как сделать юзербар

Теперь сохраняем полученный результат в необходимом формате Файл – Сохранить для Web (File – Save for Web) и все. Ваш юзербар готов.

Вот такой вот юзербар получился у меня.

Как сделать юзербар



Если ты читаешь эту надпись, то ты один из выживших
  • Страница 1 из 1
  • 1
Поиск:
Вверх
Правила чата
Мини-чат
+Мини-чат
0