Список форумов UBForum.ru UserBars.ru
Огромный каталог юзербаров на любые темы!
 
Вход - Вход

Регистрация - Регистрация


На главную сайта UserBars.ru Правила форума Поиск Пользователи FAQ Группы
Юзербар в GraphicsGale FreeEdition

 
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербаров/бигбаров (userbars/bigbars)
 
Автор Сообщение
FlexZERO
Супер Модератор

<b>Супер Модератор</b>


Зарегистрирован: 17.03.2007
Сообщения: 2717
Юбаксов : 10001

СообщениеДобавлено: Пт Авг 15, 2008 11:59 am    Заголовок сообщения: Юзербар в GraphicsGale FreeEdition Ответить с цитатой

В данном уроке я покажу как делать юзербар в программе GraphicsGale FreeEdition , что в который раз доказывает "юзербар можно сделать даже в самой какашечной программе".

Готовый юзербар:

Скачать программу (качаем бесплатную версию, платная нам ни к чему)

1-1. Создаем новое изображение размером 350х19.


Для удобства окно с нашим юзербаром разворачиваем во весь экран.

2-1. Далее вставляем в юзербар картинки. Идем в Edit-Import. Расположите картинку где вам нужно и нажмите правую кнопку мыши, чтобы закрепить положение картинки

3-1. Устанавливаем цветом переднего плана белый (EEEEEE), а цветом заднего черный (000000).
Примечание: в данной программе цветом FFFFFF является прозрачность.
4-1. Создаем новый слой.

5-1. Берем инструмент Draw Text.

6-1. Кликаем инструментом в примерном месте расположения надписи. Выставляем значения в появивщемся окне как на рисунке. Внизу окна вводим текст. Закрываем окно.

Теперь нужно расположить наш текст в нужном для нас месте.

7-1. Выбираем инструмент Rectangular Selection.

8-1. Выделяем прямоугольником наш текст. Советую делать отступы от текста при выделении как можно больше. Теперь просто перенесем наш текст в нужное нам место. Для закрепления положения теста нажмите правой кнопкой мыши.
9-1. Создаем новый слой (см.картинку в пункте 4-1).
10-1. Выбераем инструмент Pen.

11-1. Ставим масштаб 600%. Для удобства можно включить Grid.

12-1. Выставляем нужный размер кисти (а нам нужен 1пиксел). Ставим цветом переднего плана черный (000000).

13-1. Рисуем рамку вокруг всего юзербара.

14-1. Ставим масштаб обратно на 100%.
15-1. Создаем новый слой (см.картинку в пункте 4-1). Ставим цетом переднего плана белый.
16-1. Рисуем белый прямоугольник примерно в половину юзербара (можно чуть меньше половины).

17-1. Заходим в свойства слоя с бликом (бликом через пару секунд станет наш белый прямокгольник).

18-1. Выставляем значения в появившемся окне как на рисунке.


Все, наш юзербар почти готов. Осталось только добавить штриховку.
Советую сохранить наш юзербар над которым мы так долго и старательно пыхтели в файле-исходнике, чтобы случаяно что-нибудь не удалить или испортить (File-Save As, вводим имя файла, тип файла ставим на gal).
Начинаем делать штриховку.

1-2. Создаем изображение 4х4 (можете 3х3 , 5х5 , 6х6. Это дело вкуса).
2-2. Ставим масштаб 1000%. Цветом переднего плана ставим черный.
3-2. Рисуем диагональную полоску инструментом Pen.

4-2. Идем в File-Save As и сохраняем нашу штриховку в формате PNG.
5-2. Возвращаемся к нашему юзербару.
6-2. Создаем новый слой.
7-2. Идем в Edit-Fill. В появившемся окне в графе Contents выбираем Pattern. На следующей строке выбираем картинку 4х4 в формате PNG с нашей штриховкой.


Теперь нужно перенести слой со штриховкой под слои с текстом бликом и рамкой, но выше нашего фона и картинок. Расположение будет следующее (диктую сверху вниз): Блик, Рамка, Текст, Штриховка, Картинка, Фон (в своем юзербаре я использовал картинку в качестве фона).

8-2.
Для того чтобы перенести слой со штриховкой нужно: нажать и зажать левой кнопкой мыши на слое, и не отпуская кнопку перенести слой вниз. Затем отпустить левую кнопку мыши.

Теперь делаем нашу штриховку более прозрачной.

9-2. Заходим в свойства слоя со штриховкой (см.картинку в пункте 4-1). Выставляем значение Alpha Blend в пределах от 0 до 100... На ваш вкус конечно же (если больше 100, то имхо это будет уже некрасиво). В данном юзербаре я установил значение Alpha Blend на 60.

Теперь нужно сохранить исходник нашего юзербара.

10-2. Сохраним наш юзербар в формате gal, вдруг через пару дней вам захочется внести в юзербар изменения (читай как это сделать после пункта 18-1).

И наконец сохраняем наш юзербар в формате PNG или JPG (именно то, что мы сейчас сохраним, мы и будем ставить себе в подпись на форуме).

11-2. Идем в File-Save As, вводим имя файла, тип файла ставим на PNG или JPG [b](не используйте формат BMP, на форуме картинка отображаться в этом формате не будет)/[b].

Теперь открываем наш юзербар в любом просмотрщике изображений или браузере, откидываемся в кресле, берем кружку с кофе и мягким (и немножко игривым) взглядом несколько часов любуемся на наше произведение искусства. И вот сейчас начинаешь понимать, что все бессонные ночи, которые мы затратили на рисование этого юб не прошли даром.
_________________



Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора AIM Address
Roler
U-Bot

<b>U-Bot</b>


Зарегистрирован: 03.07.2007
Сообщения: 1874
Юбаксов : 10000

СообщениеДобавлено: Пт Авг 15, 2008 12:14 pm    Заголовок сообщения: Ответить с цитатой

Вот натурально, людям делать нечего))))
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FlexZERO
Супер Модератор

<b>Супер Модератор</b>


Зарегистрирован: 17.03.2007
Сообщения: 2717
Юбаксов : 10001

СообщениеДобавлено: Пт Авг 15, 2008 12:14 pm    Заголовок сообщения: Ответить с цитатой

Roler
Offtopic
_________________



Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора AIM Address
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Авг 15, 2008 12:15 pm    Заголовок сообщения: Ответить с цитатой

Тутор норм, Визитор опять испорчен. Расстояние между буквами 3 пикселя, а должно быть 1.
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FlexZERO
Супер Модератор

<b>Супер Модератор</b>


Зарегистрирован: 17.03.2007
Сообщения: 2717
Юбаксов : 10001

СообщениеДобавлено: Пт Авг 15, 2008 12:18 pm    Заголовок сообщения: Ответить с цитатой

Nitrocium писал(а):
Расстояние между буквами 3 пикселя, а должно быть 1.

ну, это уж на усмотрение автора. image020
_________________



Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора AIM Address
Nitrocium
Модератор



Зарегистрирован: 30.11.2007
Сообщения: 800
Юбаксов : 10002

СообщениеДобавлено: Пт Авг 15, 2008 12:30 pm    Заголовок сообщения: Ответить с цитатой

Offtopic
_________________
Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
IVASHKA
Гость
Предупреждений: 1


Зарегистрирован: 14.08.2008
Сообщения: 11
Юбаксов : 0

СообщениеДобавлено: Пт Авг 15, 2008 2:57 pm    Заголовок сообщения: Ответить с цитатой

А фтотошоп уже не рулит?
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
ghost__alex
Music userbar
Предупреждений: 4Предупреждений: 4Предупреждений: 4Предупреждений: 4


Зарегистрирован: 06.02.2008
Сообщения: 341
Юбаксов : 0

СообщениеДобавлено: Пт Авг 15, 2008 3:04 pm    Заголовок сообщения: Ответить с цитатой

Вообще прикольно то, что не только в шопе, паинте про и обычном паинте можно сделать нормальный юб.

IVASHKA
Не рулит image001 Мы ща все будем делать юбы в какашечных программах image001
_________________
How сan Hip-Hop be dead if Wu-Tang is forever?..
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Dark_Ajvengo
Почетный быдлодизайнер
Предупреждений: 3Предупреждений: 3Предупреждений: 3


Зарегистрирован: 16.01.2008
Сообщения: 920
Юбаксов : 2

СообщениеДобавлено: Сб Авг 16, 2008 10:15 am    Заголовок сообщения: Ответить с цитатой

Зачед. Тока одно нипонял - блик поверх рамки.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
tridiaq
Юзербарчик



Зарегистрирован: 25.04.2008
Сообщения: 124
Юбаксов : 0

СообщениеДобавлено: Сб Авг 16, 2008 10:23 am    Заголовок сообщения: Ответить с цитатой

интересно было почитать...
Offtopic
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail Посетить сайт автора
Dark_Ajvengo
Почетный быдлодизайнер
Предупреждений: 3Предупреждений: 3Предупреждений: 3


Зарегистрирован: 16.01.2008
Сообщения: 920
Юбаксов : 2

СообщениеДобавлено: Сб Авг 16, 2008 11:07 am    Заголовок сообщения: Ответить с цитатой

Попробывал - ужаснулся. Паинт.нет во много раз лучше. Даже простоготблура нет, точнее есть, но он кроя сглаживает с белым, что делает его бесполезным.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
ррр
Мимо проходил



Зарегистрирован: 13.09.2008
Сообщения: 4
Юбаксов : 0

СообщениеДобавлено: Сб Сен 13, 2008 4:58 pm    Заголовок сообщения: Ответить с цитатой

Спасибо.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
Maler
Юзербарище



Зарегистрирован: 18.01.2009
Сообщения: 859
Юбаксов : 93

СообщениеДобавлено: Вт Июл 28, 2009 4:12 pm    Заголовок сообщения: Ответить с цитатой

А смысл делать в нём? Есть же более удобные проги. Но, всё-равно спасибо.
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербаров/бигбаров (userbars/bigbars) Часовой пояс: GMT + 3
Страница 1 из 1

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах

phpBB "skin" by DewChugr
Powered by phpBB © 2001, 2005 phpBB Group
y2006-2012 - by MOOF....