Бесплатный
графический редактор


Сайт Родителям о детях








Система Orphus



Рисуем кнопку для веб-страницы

Автор: Андрей Пожарко

Добавлено: 2008-12-20


Урок написан для GIMP версии 2.6.3. В других версиях названия инструментов могут несколько отличаться.

Откройте новый документ размером 100х100 пикселей с белым фоном. Чтобы было удобнее работать можно установить масштаб изображения 400%.

Подготовим направляющие, для этого выберите в меню Изображение - Направляющие - Новая направляющая. Создадим две горизонтальные и две вертикальные направляющие со значениями 13 и 88 пикселей.

Создадим новый слой с прозрачным фоном клавишами Shift+Ctrl+N или через меню Слой - Новый слой и назовем его Основа. Чтобы переименовать слой достаточно дважды щелкнуть мышкой на имени слоя, также можно это сделать через контекстное меню Правка атрибутов слоя.

Внутри наших направляющих нарисуем круг с помощью Эллиптического выделения  (E).

Далее выберем основной цвет #66ad11 и фоновый #036611 , а затем выбираем инструмент Градиент  (L).

В настройках градиентной заливки выбираем тип градиента: от основного к фоновому (здесь речь идет о цветах). Остальные настройки оставляем как здесь:

Теперь нам нужно залить этим градиентом нашу кнопку. Для этого нужно ткнуть и протащить мышкой от верхнего левого в нижний правый угол. Чтобы двигаться под углом ровно 45 градусов, нужно удерживать клавишу Ctrl.

 

Уже на что-то стало похоже, но нужно добавить рамку по контуру. Дублируем слой Основа клавишами Ctrl+Shift+D, через меню Слой - Продублировать слой или просто нажав соответствующую кнопочку  под списком слоев. Назовем дубликат Рамка, и поместим его между слоями Основа и Фон. Это можно сделать либо пере