Создание шаровидной иконки в Gimp

04.08.2009 5 комментариев Уроки Gimp gimp, иконки, псевдо-3d
Поделитесь этой страницей с друзьями:

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

Этот урок разделен на 9 шагов и потребует 10 минут на выполнение для пользователя среднего уровня.

Урок по рисованию в Gimp иконки

1
Откройте Gimp и создайте новый файл размером 250х250 пикселей. Закрасьте фон серым цветом #828282.

Создаем новый файл в Gimp
2
Выберите инструмент Эллиптическое выделение (E, Elliptical Selection-Tool) и создайте правильную окружность. После этого создайте новый пустой слой, выберите инструмент Градиент (L, Gradient-Tool). В качестве цвета переднего плана на панели инструментов Gimp выберите черный цвет, в качестве цвета фона – красный.

Теперь тащите градиент сверху до низу этого слоя.

Тащим градиент от верха до низа слоя
3
Выделение все еще должно быть активным.

Снова создайте новый слой. Расположите его сзади предыдущего и создайте еще одну окружность. Чтобы сделать это быстро, нажмите D, затем нажмите Ctrl+,

Теперь выполните следующие шаги:

1. Выделение / Уменьшить: 1px (Select / Shrink: 1px)
2. Выделение / Растушевать: 100px (Select / Feather: 100px)

После этого нажмите Del два раза, чтобы удалить выделенную часть.

Выделяем и растушевываем выделение в Gimp
4
Активируйте слой, содержащий градиент.

Выберите в меню Gimp:
Фильтр / Свет и тень: Отбрасываемая тень) X/Y: 0/0, Непрозрачность: 60%
(Filter / Licht and Shadow: Drop Shadow. X/Y: 0/0, Tranparency: 60%).

Создаем тень от шара
5
Активируйте слой, содержащий градиент. Из контекстного меню диалога слоев Gimp выберите Альфа-канал в выделение (Alpha to selection).

Создайте новый слой. Выберите цветом переднего плана белый (на панели инструментов Gimp). Выберите инструмент Градиент (Gradient-Tool). В свойствах инструмента в выпадающем списке выберите Основной в прозрачный (FG to Trasparent). Примените этот градиент от верха до низа.

Создаем градиент из белого в прозрачный
6
Выберите в меню Gimp Выделение / Снять (Select / None)
Активируйте инструмент Масштаб (Scale-Tool) (Shift+T или соответствующая кнопка на панели инструментов Gimp).
Кликните по слою, появляется диалоговое окно. Задайте новые размеры – ширина 175 и высота 150 пикселей. Нажмите Изменить (OK).

Изменяем размеры градиента
7
Выберите инструмент перемещения (клавиша M) и переместите полученное белое свечение (градиент) в центр верхней части сферы.

Перемещаем градиент в центр верхней части сферы

8
Выберите в меню Gimp:
Фильтры / Размывание / Гауссово размывание: Значение: 5
(Filter / Blur / Gaussian Blur: Value: 5).

Размываем полученный градиент
9
Мы почти закончили. Теперь Вы можете добавить для примера любой символ, который Вы пожелаете. Выберите инструмент создания текста (клавиша T или соответствующая кнопка на панели инструментов Gimp) и напишите, к примеру, знак вопроса ? белого цвета по центру шара. Теперь можно выбрать в свойствах слоя режим Объединение зерна, это придаст изображению более интересный вид.

Добавляем символ для примера
Это все, урок окончен! У нас получился замечательный шарик ?

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