Навигация
Категории
3D Max [72]
Уроки по работе с 3D Max
Maya [21]
Уроки по Maya 3D
Blender [20]
Статьи по работе с Blender
GIMP [53]
Уроки по работе с GIMP
PhotoShop [27]
Уроки по PhotoShop
Corel Draw [1]
Профиль
Статистика
Rambler's Top100

Онлайн всего: 4
Гостей: 4
Пользователей: 0
Locations of visitors to this page
Главная » Статьи » Дизайн » GIMP

Создание классического юзербара в GIMP
Сегодня будем делать почти классический “юзербар”.
К классическому “юзербару” видвигаются следующие требования:

* Размер 380х19 пикселей;
* Наличие черной рамки толщиной в 1 пиксель вокруг изображения;
* Наличие фоновой штриховки под углом 45 градусов;
* Наличие надписи белым цветом шрифтом Visitor;
* Наличие черной рамки толщиной в один пиксель вокруг надписи;
* Наличие в верхней половине изображения половины эллипса, залитого полупрозрачным белым градиентом, для создания эффекта объёма.

Итого, для “юзербара” нам понадобятся такие ресурсы: шрифт Visitor, логотип GIMP и текстура с диагональной штриховкой.
логотип Вы можете взять свой.текстуру изготовим следующим образом:
Создайте новое изображение размером 12х12 пикселей и с прозрачным фоном.
Теперь с помощью инструмента “Карандаш” и самой маленькой кисти (размером в один пиксель, можете воспользоваться рычажчком “Масштаб” на панели инстурментов) привeдите изображение к такому виду:

Сохраните данное изображение в ~/.gimp-x.x/patterns/stripe.pat, если вы пользователь ОС Linux или же в C:\Documents and Settings\<Имя пользователя>\.gimp-x.x\patterns\stripe.pat если вы пользователь ОС Windows.
Теперь при следующем запуске GIMP, или если вы перечитаете список текстур у вас в списке(таблице) текстур добавится ваша текстура Stripe=)

Приступим к основному изображению:
Создайте новое изображение с прозрачным фоном размером 380х19 пикселей.

Установите цвет фона в #f02648, а цвет переднего плана в #ff8401.
Залейте изображение градиентом “Из основного в фоновый”, как показано на рисунке.

Создайте новый прозрачный слой и назовите его “Полоски”.
Залейте слой “Полоски” текстурой “Stripe”, используя инструмент Заливка (Shift+B).

Создайте новый прозрачный слой и назовите его “Рамка”.
Выбирите слой “Рамка” и выделите всё с помощью пункта меню Выделить->Всё (Ctrl+A)
С помощью пункта меню Выделение->Уменьшить сократите выделение на один пиксель.
Теперь инвертируйте выделение с помощью Выделение->Инвертировать и залейте его черным цветом с помощью инструмента Заливка.

Хинт - для того, что бы было лучше видно рамку - снимите флажок с Вид->Показывать границы слоя.
Создайте новый прозрачный слой и назовите его “Блик”.
Сбросте выделение с помощью пункта меню Выделение->Снять (Shift+Ctrl+A)
Выбирите слой “Блик”, выбирите инструмент Эллипс (E), на панели Параметры инструмента установите флажок Рисовать из центра.
Теперь протяните мышь с 190, 0 пикселя на 380, 10 пикселя. Узнать, где сейчас находится курсор вы можете, взглянув в нижний левый угол окна изображения. У вас должно получится нечто похожее на то, что изображено на рисунке.

Установите цвет переднего плана в белый и залейте слой “Блик” градиентом “Из основного в прозрачный” так, как показано на рисунке.

Теперь - текст. Выбирите инструмент Текст (T), установите цвет текста в белый, размер поставте равный восьми. Кликните в правой части изображения, и напишите “gimp user”, а затем, с помощью инструмента Перемещение (M) переместите его примерно на середину по вертикали и вправо.

Продублируйте слой “gimp user”, а затем перестите полученный слой ниже слоя “gimp user”. Все это делаете на панели Слоев.
Теперь на панели слоёв, на продублированном слое нажмите правой кнопкой мыши и выберите пункт Слой к размеру изображения, затем снова нажмите правой кнопкой на нем же, и выберите пункт Альфа-канал -> Выделенная область, а затем увеличьте выделение на один пиксель с помощью пункта меню Выделение->Увеличить
Залейте выделение черным цветом при помощи инструмента Заливка (Shift+B) и всё! Надпись готова.

Приступим к логотипу.
Выберите файл с нашим логотипом с помощью пункта меню Файл->Открыть как слой (Ctrl+Alt+O) в окне изображения и переместите его так, как показано на рисунке.

Теперь отсортируйте слои таким образом - внизу слой “Фон”, затем “Полоски”,”gimp user#1″,”gimp user”,”gimp-logo.png”,”Блик”, “Рамка”
Вот и все smile



Источник: http://gimp-about.ru/forum/16-64-1
Категория: GIMP | Добавил: gforcer (05.11.2009) | Автор: Админ
Просмотров: 2402 | Комментарии: 3 | Теги: юзербар, gimp, создание, блеск, Блик, usebar, гимпе, панель | Рейтинг: 4.0/1
Всего комментариев: 1
1 gforcer  
0
Смело комментируйте
smile

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
Демотиваторы
Copyright Зямаев Денис © 2024