Среда, 20.05.2026, 10:53
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: -SLIM-  
Создание бигбара
balaVanyaДата: Среда, 15.04.2009, 06:54 | Сообщение # 1
Генерал-полковник
Группа: Проверенные
Сообщений: 890
Репутация: 240
Статус: Offline
Думаю, что не надо рассказывать, что такое бигбар ) Это графическая подпись для форумов. Конечно же, в интернете есть огромное количество сайтов, где можно взять себе бб-шку, но, согласитесь, намного приятнее сделать самим бигбар, который будет отображать Ваши взгляды, мысли, позиции и т.д. Долго думала, как же написать этот урок.. Так как каждый бигбар - это просто полет Вашей фантазии. Потому расскажу основные моменты, которые считаются стандартными в нетикете и которые считаются обязательными. Итак. приступим )

В первую очередь - это размер бигбара. Стандартный размер бигбара - 350х40 пикселей.

Если Вы хотите сделать бигбар с элементом, который будет выступать за границы полоски 350х40 пикселей, то максимум может быть 350х80 пикселей.

Итак, создадим новый документ File-New (Файл-Новый) или Ctrl+N:

Создадим фон нашего бигбара. Это может быть однотонный фон, может быть градиент, фотография либо же комбинация всего сразу ) Для создания фона Вы можете использовать все свои знания в Photosop'е - ограничений никаких! Я воспользовалась простым градиентом:

Создадим новый слой над слоем с фоном Layer-New-Layer (Слой-Новый-Слой) или Ctrl+Shift+N и сделаем на этом слое рамочку. Я считаю рамочку обязательным элементом бигбара, так как она делает работу завершенной. На панели инструментов выбираем Rectangular Marquee Tool (Прямоугольное выделение). В меню выбираем Select-Select All (Выделение-Выделить все) или Ctrl+A. И кликаем правой клавишей мышки на изображении и в открывшемся контексном меню выбираем Stroke (Обводка). Либо же Edit-Stroke (Правка-Обводка). И в открывшемся окошке выбираем толщину обводки (рекомендую 1px) и цвет обводки:

Снимем выделение, нажав Ctrl+D или Select-Deselect (Выделение-Снять выделение).

К слою с рамкой также можно подключить фантазию ) У меня уже своего рода правило - для рамки я всегда использую Outer Glow (Внешнее свечение):

Поскольку бигбар должен нести в себе какую-то информацию о Вас, то необходим текст. С помощью Horizontal Type Tool (Горизонтальный текст) напишем нужный нам текст:


Можно сделать анимацию с текстом, анимацию с фоном, сменяющие друг друга картинки-фото - но это все то, о чем я говорила в начале. Ваша фантазия и умения! Можно применять разнообразные стили к тексту, что я и сделаю для простейшей анимации) Создам копию слоя с текстом Layer-New-Layer via Copy (Слой-Новый-Копия) или Ctrl+J. И для копии применю:


И остался последний обязательный элемент - эффект объемности. Создадим новый слой под слоем с рамкой Layer-New-Layer via Copy (Слой-Новый-Копия) или Ctrl+Shift+N:

С помощью Elliptical Marquee Tool (Овальное выделение) создайте выделение как на скриншоте:

Не снимая выделения, выберите Paint Bucket Tool (Заливка) и залейте выделение белым цветом. После этого снимайте выделение Ctrl+D или Select-Deselect (Выделение-Снять выделение):

И уменьшим Opacity (Прозрачность) слоя "Объем" до 30%:


В зависимости от Ваших предпочтений, можно этот слой оставить таким, а можно немного его размыть Filter-Blur-Gaussian Blur (Фильтр-Размытие-Размытие по Гауссу)

Наш бигбар готов )


Привет! Я пришел! )
Не чем не помогаю! Все улучшения и т.п. читайте на моем Блоге
 
диман907Дата: Среда, 22.04.2009, 14:40 | Сообщение # 2
Генерал-майор
Группа: Проверенные
Сообщений: 420
Репутация: 67
Статус: Offline
блин жалко у меня 4 фотошоп и русский а тут все по анг написано wacko

http://tak.ru/partner.php?id=349773 пройдите и регнитесь плз это хороший зароботок для вас и меня
 
ILLEGALДата: Среда, 22.04.2009, 22:13 | Сообщение # 3
Ганжолог
Группа: Гости
Сообщений: 2253
Репутация: 1325
Статус: Offline
англ лучше пользоваться...
 
bwowДата: Среда, 22.04.2009, 22:45 | Сообщение # 4
Генералиссимус
Группа: Проверенные
Сообщений: 1207
Репутация: 331
Статус: Offline
Прикрепления: 2456235.gif (9.4 Kb)
 
  • Страница 1 из 1
  • 1
Поиск: