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

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

Шаг первый
Создаём изображение любого размера. Для примера возьмём 100х100.

Шаг второй
Создадим прямоугольное выделение.

Шаг третий
Применяем "Выделение -> Закруглить прямоугольник" со значением 60%-95%. В моём случае более менее похоже вышло со значением 95%

Шаг четвёртый
Создаём новый слой, назовём его как "тень" и заливаем на нём наше выделение чёрным цветом.

Шаг пятый
Создаём новый слой и называем его как "тело".
Установите цвет переднего плана #373ea3, а заднего плана #94ddf6.
Теперь залейте градиентом сверху-вниз наше выделение на слое "тело".

Шаг шестой
Создаём новый слой и инструментом "Прямоугольное выделение" с зажатой кнопкой Ctrl убираем лишнее по примеру следующего изображения:

Применяем "Выделение -> Уменьшить" со значением 1px.

Устанавливаем белый цвет на передний план и градиентом "Основной в прозрачный" заливаем сверху-вниз наше выделение. Дадим прозрачность нашему слою 80%.

Шаг седьмой
Снимаем выделение и возвращаемся к слою "тень". Применяем фильтр "Гауссово размывание" со значениями в 3-5px, и опускаем слой на 1px вниз.
Наша кнопка готова.

Изменяя цвета в пятом шаге, можно добиться других результатов в том же стиле

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

Понравился урок? Подпишись на обновления по RSS подпискаRSS или по Подписка почтойпочте.