|
Автор |
Сообщение |
FlexZERO Супер Модератор
Зарегистрирован: 17.03.2007 Сообщения: 2717 Юбаксов : 10001
|
|
В данном уроке я покажу как делать юзербар в программе 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].
Теперь открываем наш юзербар в любом просмотрщике изображений или браузере, откидываемся в кресле, берем кружку с кофе и мягким (и немножко игривым) взглядом несколько часов любуемся на наше произведение искусства. И вот сейчас начинаешь понимать, что все бессонные ночи, которые мы затратили на рисование этого юб не прошли даром. _________________
|
|
Вернуться к началу |
|
|
Roler U-Bot
Зарегистрирован: 03.07.2007 Сообщения: 1874 Юбаксов : 10000
|
|
Вот натурально, людям делать нечего)))) _________________
|
|
Вернуться к началу |
|
|
FlexZERO Супер Модератор
Зарегистрирован: 17.03.2007 Сообщения: 2717 Юбаксов : 10001
|
|
Вернуться к началу |
|
|
Nitrocium Модератор
Зарегистрирован: 30.11.2007 Сообщения: 800 Юбаксов : 10002
|
|
Тутор норм, Визитор опять испорчен. Расстояние между буквами 3 пикселя, а должно быть 1. _________________ Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm |
|
Вернуться к началу |
|
|
FlexZERO Супер Модератор
Зарегистрирован: 17.03.2007 Сообщения: 2717 Юбаксов : 10001
|
|
Nitrocium писал(а): | Расстояние между буквами 3 пикселя, а должно быть 1. |
ну, это уж на усмотрение автора. _________________
|
|
Вернуться к началу |
|
|
Nitrocium Модератор
Зарегистрирован: 30.11.2007 Сообщения: 800 Юбаксов : 10002
|
|
Просто меня убивает любой Визитор не по норме.
_________________ Больше всего посетителей (251) здесь было Вт Апр 08, 2008 8:43 pm |
|
Вернуться к началу |
|
|
IVASHKA Гость
Зарегистрирован: 14.08.2008 Сообщения: 11 Юбаксов : 0
|
|
Вернуться к началу |
|
|
ghost__alex Music userbar
Зарегистрирован: 06.02.2008 Сообщения: 341 Юбаксов : 0
|
|
Вообще прикольно то, что не только в шопе, паинте про и обычном паинте можно сделать нормальный юб.
IVASHKA
Не рулит Мы ща все будем делать юбы в какашечных программах _________________ How сan Hip-Hop be dead if Wu-Tang is forever?..
|
|
Вернуться к началу |
|
|
Dark_Ajvengo Почетный быдлодизайнер
Зарегистрирован: 16.01.2008 Сообщения: 920 Юбаксов : 2
|
|
Зачед. Тока одно нипонял - блик поверх рамки. |
|
Вернуться к началу |
|
|
tridiaq Юзербарчик
Зарегистрирован: 25.04.2008 Сообщения: 124 Юбаксов : 0
|
|
интересно было почитать...
Цитата: | что в который раз доказывает "юзербар можно сделать даже в самой какашечной программе" |
что косвенно указывает на то что ЮБы это простое "какашечное творчество" XD - аккуратнее _________________
|
|
Вернуться к началу |
|
|
Dark_Ajvengo Почетный быдлодизайнер
Зарегистрирован: 16.01.2008 Сообщения: 920 Юбаксов : 2
|
|
Попробывал - ужаснулся. Паинт.нет во много раз лучше. Даже простоготблура нет, точнее есть, но он кроя сглаживает с белым, что делает его бесполезным. |
|
Вернуться к началу |
|
|
ррр Мимо проходил
Зарегистрирован: 13.09.2008 Сообщения: 4 Юбаксов : 0
|
|
Вернуться к началу |
|
|
Maler Юзербарище
Зарегистрирован: 18.01.2009 Сообщения: 859 Юбаксов : 93
|
|
А смысл делать в нём? Есть же более удобные проги. Но, всё-равно спасибо. _________________ ᅠ |
|
Вернуться к началу |
|
|
|