computer_icon

В нашем сегодняшнем уроке по GIMP 2.8 мы научимся создавать красивую иконку/кнопку с изображением компьютера.

 

Рисуем компьютер.

Для начала создадим новое изображение размером 1000 на 1000 пикселей.
Создадим четыре вертикальных направляющих так, как на рисунке (нужно потянуть за край линейки).

computer_icon

Инструментом «прямоугольное выделение» со скругленными на 15px углами выделим область, где будет дисплей компьютера.

computer icon

computer icon

Инвертируем выделенное в выделение по границе (выделение>граница), со значением в 10 пикселей и зальем черным цветом.

computer icon

computer icon

Добавим две горизонтальные направляющие.

computer icon

Создадим еще одно прямоугольное выделение, как на изображении (это будет клавиатура).

computer icon

В параметрах прямоугольного выделения активируем режим «вычитания» и вычтем из основного выделения небольшой прямоугольник (тачпад).

computer icon

computer icon

Изменим перспективу выделенной области соответствующим инструментом (перспектива) так, как на изображении.

computer icon

computer icon

Чтобы добавить клавиатуре объема, добавим еще одно прямоугольное выделение и зальем черным цветом.

computer icon

Также при помощи прямоугольного выделения создадим соединение между дисплеем и клавиатурой, и зальем некоторую часть дисплея, чтобы он не выглядел слишком пустым.

computer icon

Немного уменьшим слой с компьютером, чтобы вокруг него можно было нарисовать окружность.

 

Создаем иконку компьютера.

Используя эллиптическое выделение, создадим окружность вокруг компьютера и зальем черным цветом.

computer icon

computer icon

Объединим слой с белым фоном. Инвертируем цвета(цвет>инвертировать).

computer icon

Снизим контрастность до -110.

computer icon

computer icon

Добавим новый слой, и зальем его линейным градиентом любого цвета.

computer icon

computer icon

Применим фильтр «рельеф» (фильтры>карта>рельеф) с такими параметрами:

computer icon

computer icon

Поместим слой с компьютером выше слоя с градиентом, и выставим режим смешивания — «перекрытие».

computer icon

Используя «выделение по цвету» выделим наш компьютер (показано стрелкой).

computer icon

Добавим тень к выделенному (фильтры>свет и тень>отбрасываемая тень).

computer icon

Сведем все слои (ПКМ>объединить видимые слои).

computer icon

Обрежем лишнее эллиптическим выделением. (выделяем, инвертируем выделение и удаляем клавишей Del)

computer icon

Для изменения цвета нашей пиктограммы на любой другой воспользуемся инструментом «тон/насыщенность».

computer icon

computer icon

На этом урок по созданию иконки компьютера можно считать оконченным.