В этом уроке вы научитесь делать простой и красивый эффект. От вас не потребуется особых навыков работы в GIMP, урок очень прост.

Обсудить на форуме

Этот урок является адаптацией урока по photoshop для GIMP. В этом уроке мы будем рисовать кнопку в стиле Mac OS которую можно использовать на своём сайте, в любимой теме браузера, DE, да и вообще где угодно. Урок очень простой, подходит для начинающих пользователей GIMP.

Так как все ссылки на подобный урок на английском - битые, я решил переписать его для GIMP, взяв за основу урок для Photoshop от юзера "Винни-Пух" на демиарте.

Обсудить урок на нашем форуме.

В этом уроке по GIMP мы будем рисовать круглую кнопку/иконку в стиле web 2.0 с металлическим кругом вокруг нее. Эта кнопка очень доступна и ее можно легко изменить в соответствии с собственными потребностями. Урок сложный и скорее всего не для начинающих пользователей GIMP, содержит много картинок и описаний.

Шаг 1.
Создайте новое изображение с белым цветом фона. Я выбрал разрешение 600х400.
Теперь создайте новый слой и назовите его ring.
Используйте эллиптическое выделение, чтобы создать круг размером 250х250

Шаг 2.
Установите цвета переднего плана и фона серым(333333) и белым(ffffff) соответственно. Используя инструмент Градиент создайте градиент сверху вниз, как на скрине. Градиент должен быть инвертированным (развернутым), радиальной формы, смещение равно 20. Адаптивная интерполяция должна быть включена.

Шаг 3.
Уменьшите выделение на 25пикс. (Выделение-Уменьшить...)

Создайте градиент с настройками, как в прошлый раз, но на этот раз снизу вверх.

Шаг 4.
Создайте новый слой и назовите его sphere. Уменьшите выделение на 5пикс., потом залейте выделение синим цветом (216eda).

Теперь установите цвет переднего плана 4feeff.
Создайте радиальный градиент. Начинаться он должен немного выше от низа выделения, вверх. Длина — примерно 120пикс.

Градиент лучше взять «Основной в прозрачный», не инвертированный, смещением в 20. Адаптивную интерполяцию стоит отключить.

Должно получиться так:

Шаг 5.
Установите белый цвет переднего плана. Мы использовали кисть чтобы немного добавить белого снизу. Установите прозрачность кисти равной 70%. Возьмите большею размытую кисть (Circle Fuzzy 19), масштаб — 10. Расположите кисть как на скрине и кликните один раз.

У нас получиться мягкий белый, как на скрине.

Шаг 6
Теперь необходимо создать внутреннюю тень. Для этого создайте новый слой, назовите его «inner shadow».
Увеличьте область выделения на 1пикс. (Выделение-Увеличить...).

Далее залейте выделение цветом 000000 используя полоскую заливку. Зайдите в Выделение-Растушевать... Задайте значение параметра 20пикс.

Теперь нажмите Delete. Нам больше не нужно выделение. Идем в Выделение-Снять. Должно получиться так:

Продублируйте слой, чтобы тень стала четче.

Шаг 7.
Создайте новый слой и назовите его gloss. Создайте выделение в том месте, где будет «глянец».

Установите белый цвет переднего плана (ffffff)
Создайте градиент сверху вниз, как на скрине. Градиент должен быть «Основной в прозрачный», смещение 0, линейной формы.

Теперь измените прозрачность слоя на 75%.

Шаг 8.
Пришло время добавить текст. Возьмите ваш любимый шрифт и напишите что-то. Такой вид кнопок хорошо подходит для коротких слов, например «GO!» (можно применить для кнопки загрузки).
Для примера я добавил букву Z шрифтом Verdana размером 100.

Далее мы добавим тексту тень. Зайдите в Фильтры-Свет и тень-Отбрасываемая тень. Установите смещение по Х и по Y равное 0.

Мы получили приятную тень вокруг текста.

Шаг 9
Почти закончили. Сейчас необходимо сделать тень вокруг обьекта и немного ее смягчить. Выберите слой «ring». Примените к нему фильтр, как было сделано ранее с текстом.

Стоит размыть тени.
У нас два слоя с тенями. Их необходимо обьеденить в один. В диалоге слоев выберите верхний слой с тенью. Правый клик и выберите Обьеденить с предыдущим.

Теперь нужно добавить размытия по Гауссу (Фильтры-Размывание-Гауссово размывание) радиусом 2.

Все!

Варианты:

Источник.

Обсудить урок на нашем форуме.

В этом уроке по GIMP мы будем рисовать стильную Web кнопку. Эта кнопка очень доступна и ее можно легко изменить в соответствии с собственными потребностями. Урок довольно таки лёгкий, доступен любому пользователю GIMP.

Шаг первый
Создаём изображение размером в 150х30 с чёрным фоном.
Шаг второй
Делаем выделение размером 150х15 в верхней части нашего изображения, создаём новый прозрачный слой и заливаем бело-прозрачным градиентом как на следующем скрине.

И ставим прозрачность этому слою от 25-50%

Шаг третий
Создаём новый слой, и назовём его как "Свечение"
Выберите инструменты "Кисть", установите "Масштаб" в 5.00, и на ново-созданом слое посередине кистью Circle (19) цветом #ab2020 сделайте что то на подобии того что на скрине.

Шаг четвёртый
Размываем текущий слой (Фильтры -> Размывание -> Гауссово размывание) с радиусом в 40px

Шаг пятый
Создаём новый слой с прозрачностью 20%, качаем текстуру и заливаем ею новый слой и готово.

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

Перевод и некоторые изменения: ZipFile
Оригинал: http://gimp-tutorials.net/gimp-web-button-tutorial

Обсудить данный урок вы можете у нас на форуме

В этом уроке я покажу как очень просто создать красивый рисунок для рабочего стола. Задумка создания очень простая, в процессе урока вы можете изменять параметры и цвета и получать другие результаты не хуже моего. Если вы плохо знакомы с GIMP, всё равно урок будет для вас очень легким.

Обсудить данный урок вы можете у нас на форуме