ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Создание юзербара
В результате урока должно получиться следующее:
Итак, создайте новый файл со следующими параметрами:
Для создания юзербара вам понадобиться логотип вашей программы. Найти его можно, например в Википедии. Я использую логотип гимпа: http://upload.wikimedia.org/wikipedia/commons/4/45/
Откройте логотип. Если вы, как и я открываете svg файл, то перед вами появиться следующее окно:
Задайте размер 65×65 пикселей. Затем переместите единственный слой получившегося изображения к юзербару вот так:
Для того, что бы передвинуть слой с логотипом используйте инструмент Перемещение.
Затем выберете инструмент «кисть», поставьте размер 10, выберите слой с фоном, и постарайтесь разными цветами добиться приблизительно вот такого эффекта:
Следующим шагом добавьте текст «Gimp user» со следующими параметрами: шрифт Arial , размер шрифта 14 пикселей, цвет белый. Оставьте галочку «хинтинг», и снимите со »сглаживание» и »автоинструктирование»:
Потом выберите текстовый слой, щёлкните по нему правой кнопкой мыши и выберите пункт «удалить текстовую информацию».
Создайте новый слой размером 350×19 с прозрачным фоном, назовите его «обводка» и поместите под слоем «Gimp user». Переключитесь на слой с текстом, нажмите Shift O или Выделение > По цвету, и выделите белую надпись. Увеличьте выделение на 1 пиксель:
Переключитесь в слой «обводка» и залейте выделение чёрным цветом.
Задайте слою «обводка» прозрачность 50%.
Осталось сделать только полоски на фоне и блики. Для того, что бы сделать полоски, создайте новый файл размером 3×3 пикселей с прозрачным фоном, и нарисуйте карандашом вот это:
Выделите всё, и скопируйте (Ctrl C). Затем вертитесь в юзербар, выберите инструмент «заливка» со следующими параметрами:
Создайте новый слой с прозрачным фоном, разместите его прямо над слоем Фон, и залейте этой текстурой, а затем задайте ему прозрачность 16%.
Создайте новый слой, и назовите его «блик». Разместите его поверх всех слоёв. Затем эллиптическим выделением выделяете место, где должен быть блик:
Заливаем выделение белым цветом, и устанавливаем прозрачность слоя 30%. Готово:
В избранном у 6 человек:
Результаты урока
Добавить
Уроки: ← предыдущий следующий →
28 комментариев
Филипп Ткачёв5 июля 2011 в 10:07Личное сообщение
Он кстати тут: http://www.progimp.ru/articles/userbar/
Артём Носов5 июля 2011 в 17:13Личное сообщение
о, не прошло и года! Просьба, удалите мою учётную запись.
Галя Петрова6 июля 2011 в 07:09Личное сообщение
Ещё одна копия. Но только в том уроке я ничего не поняла, а в этом всё по человечески объяснили! Спасибо!
Никита Дорохов6 июля 2011 в 08:53Личное сообщение
Точно такой же урок я видел на другом сайте.
Филипп Ткачёв6 июля 2011 в 09:42Личное сообщение
Никита, аналогичных уроков очень много. Просто каждый делает по-своему. Может чем-то дополняет существующий.
Ольга Майорова6 июля 2011 в 13:17Личное сообщение
мне понравился урок-все очень подробно описано,интересно было его выполнять.а то что кто-то видел такие же уроки на других сайтах-это их проблемы.на этом сайте я такого не видела а пользуюсь я именно этим сайтом.спасибо автору!
Никита Высоцкий6 июля 2011 в 13:40Личное сообщение
Ольга, вот он http://www.progimp.ru/articles/userbar/
Посты выше иногда нужно читать!
Ольга Майорова6 июля 2011 в 14:05Личное сообщение
я прошу прощения,если кого-то ненароком обидела,да вот только тому уроку уже более 2-х лет,и нам,новичкам,на глаза быстрее попадают новые уроки (и их-то делать не успеваем,не то что в архивах копаться).еще раз извиняюсь! но урок действительно хороший!
Филипп Ткачёв6 июля 2011 в 23:35Личное сообщение
Ольга, просто измените подход к выбору уроков. Не делайте все подряд, а разбейте все, что вам нужно на категории.
Сделайте по несколько простых уроков, результаты загрузите сюда, чтобы знать, какой урок выполняли, а какой - нет. Потом сложнее и сложнее. В конце будете отлично владеть редактором.
Flomik7 июля 2011 в 12:24Личное сообщение
А у меня вопрос "Где и как использовать юзербары??"
Вадим7 июля 2011 в 12:33Личное сообщение
Flomik,
например на форумах в качестве подписи.
Ольга Майорова7 июля 2011 в 14:01Личное сообщение
Филипп,спасибо за дельный совет! буду стараться,хотя поначалу все уроки кажутся одинаково трудными,пока еще толком не освоилась в ГИМПе, без уроков вообще,как слепой котенок.Я очень благодарна всем авторам уроков за то что тратят свое время на то,чтобы поделиться своим опытом и знаниями.
Flomik7 июля 2011 в 14:20Личное сообщение
Вадим,
ну я понял что на форумах а вот как его туда вставить???
Вадим7 июля 2011 в 14:43Личное сообщение
Flomik,
если такая функция предусмотрена форумом, то в личных настройках должна быть возможность редактировать подпись, использовать картинки.
Flomik7 июля 2011 в 14:58Личное сообщение
АААА спасибо понял
Филипп Ткачёв8 июля 2011 в 12:03Личное сообщение
Ольга, у нас на сайте есть батарейка. Попробуйте ей воспользоваться.
Ольга Майорова8 июля 2011 в 13:40Личное сообщение
Филипп,если вы о том,что находится справа от комментариев-пользуюсь.да вот только меня там постоянно минусуют и непонятно за что даже удаляют.уже комменты писать боюсь-рейтинг ниже нижнего... вроде бы и правила сайта не нарушаю. ну этот-то точно удалят-не по теме...
Вадим8 июля 2011 в 14:18Личное сообщение
Ольга Майорова,
батарейка - это уровень сложности уроков, она помогает в выборе.
Если урок плохо объяснен, сложность высокая. Она ставится в конце урока, где указана дата и автор.
На страничке "Уроки по GIMP" есть так же фильтр сложности, тоже в виде батарейки. Она показывает уроки с выбранной сложностью.
Ольга Майорова8 июля 2011 в 14:42Личное сообщение
Вадим,спасибо,буду знать! ))) я решила,что это - и + ))) ,(только лампочки не хватает).))) а как по ней ориентироваться? чем больше она заполнена,тем сложней урок? или наоборот?
Вадим8 июля 2011 в 14:47Личное сообщение
Ольга Майорова,
если навести курсор на батарейку, всплывает подсказка о сложности урока.
А [-] и [+], это возможность выразить отношение к комментарию, ну или поблагодарить за ответ. ))
Ольга Майорова8 июля 2011 в 14:55Личное сообщение
Вадим, спасибо! про - и + я догадалась,а вот с батарейкой сложнее было...)))
Little10 июля 2011 в 21:27Личное сообщение
Урок очень полезный. До этого я не мог разобраться с тем, как делать полосы. Теперь я знаю эту "страшную тайну", и я готов к созданию новых юзербаров!)
Класс, кароч.
П.С. А предыдущий урок был ужасен. Полосы в нем были слишком жирные и темные, и было совсем непонятно. Этот урок - другое дело! Так держать, аффтар!
Настя Антипова18 июля 2011 в 12:45Личное сообщение
Клас!!! мне понравилось! только вопрос: а слои сводить нада?
Настя Антипова18 июля 2011 в 12:47Личное сообщение
а вот в прошлый урок я заглянула... там кое-что понятно, но всё гораздо сложнее
Вадим18 июля 2011 в 13:16Личное сообщение
Настя Антипова,
не обязательно, при сохранении в gif или jpeg все делается автоматически.
Если планируете в дальнейшем использовать файл как заготовку для других работ, можно еще сохранить с расширением Гимпа .xcf, где слои будут сохранены.
Аноним 2 августа 2011 в 03:21Личное сообщение
15 минут я на юзербар,жестоко
Валерия Иванова2 августа 2011 в 13:29Личное сообщение
Аноним, я на красивую картинку, для использования на форуме или еще где-то готова больше, чем 15 минут потратить, лиш бы красиво получилось и нравилось мне
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку
Добавил урок: Артём Носов
Выполнено в GIMP 2.6.8
Опубликовано 5 июля 2011
Другие уроки автора
Создание качественного размывания
Создание качественного размывания с помощью фильтров и карты расстояний.
Обоина на рабочий стол за 4 шага
Создание изображения на рабочий стол с помощью фильтров и кисти.
Создание картинки на рабочий стол
Урок по созданию обои для рабочего стола стандартными средствами Гимпа.
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Рисование
Уроки по GIMP
Будущее GIMP
Про Гимп
Юзербары
О проекте
Плагины, кисти, текстуры
Вопрос-ответ
Воображение
Галерея
Оценка урока
«Создание юзербара» получил оценку 3.62 на основе 13 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →
Хахаха...такой урок уже есть, только тут всё сделано с точностью да наоборот. Не спорю, на некоторых сайтах поиск не работает вообще, а тут-то он работает отлично.
Ну так как урок первый, то можно закрыть глаза на то что это копия урока, и подумать что поиск просто напросто спрятался от человека.