GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Создаем значки

Главная Уроки Создаем значки

Создайте новое изображение, с любым цветом фона. Создайте новый слой и с помощью инструмента «Эллиптическое выделение» создайте круг как на рисунке ниже.

Выберите два оттенка одного цвета, например зеленого. Я взял цвета #c6f964 и #667f22. Выберите Градиент в настройках укажите радиальную форму и тип градиента «Основной в фоновый». Закрасьте выделение.

Создайте новый слой. На нем нарисуем блик. Поменяйте цвет переднего плана на белый. Создайте эллиптическое выделение внутри будущего значка и примените к выделению линейный градиент «Основной в прозрачный».

С помощью инструментов Вращение и Перемещение подвиньте блик как показано на рисунке ниже.

Создайте новый слой и в нижней его части создайте еще одно эллиптическое выделение. Зажмите Ctrl на клавиатуре и удалите лишнее с выделения как на рисунке ниже. Должна остаться только нижняя «чашечка».

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

Перейдите к слою с цветным кругом и обесцветьте его (Цвет — Обесцветить).

На панели слоев нажмите на слое с уже обесцвеченным кругом правой кнопкой мыши и в выпадающем меню нажмите на пункт «Альфа-канал — Выделение».

Поменяйте цвет переднего плана на серый #2a2a2a. Обведите выделенное (Правка — Обвести выделенное), толщина линии должна быть 3px.

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

Обведите выделенное и снимите выделение. Примените к слою Гауссово размывание (Фильтры — Размывание — Гауссово размывание) с параметром 8 пикселей. Объедините этот слой с предыдущим (Слой — Объединить с предыдущим). После этого снизьте непрозрачность слоя до 50%.

Теперь нужно объединить все слои кроме слоя с градиентным кругом. После этого выберите картинку для своего значка откройте ее как новый слой и подгоните по размерам. Разместите картинку между слоем с кругом и верхним слоем с бликами.

На панели слоев выберите круглый слой и инструментом «Выделение связанной области» кликните по холсту в том месте, где нет круга. Выберите слой с картинкой и нажмите Del. Поменяйте режим смешивания слоя с картинкой на Объединение зерна. Режимы смешивания меняются в выпадающем меню со значением "Нормальный", находятся вони на панели слоёв.


35

В избранном у 35 человек:

Метки: , , , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

8 комментариев

2

Пользователь #4Андрей Сидоров7 декабря 2009 в 16:29Личное сообщение

Ха) Котяра))) Ржака))

0

Пользователь #18Тимур Елизаров8 декабря 2009 в 16:10Личное сообщение

Классный урок.

Все гениальное просто =))

0

Пользователь #1088Ayano Kazumi12 января 2010 в 02:04Личное сообщение

ну ваще так прикольно))))))

0

Пользователь #342Сергей Бушмакин15 января 2010 в 19:24Личное сообщение

Ахха)
Прикольно)

0

Пользователь #1435ДаффКа6 апреля 2010 в 14:41Личное сообщение

а я немогу удалить нижний блик(((

3

Пользователь #1720htuth30 июля 2010 в 13:00Личное сообщение

Отличный сайт готов поспорить что оформлен он тоже с помощью GIMP. Всё я начинаю учиться рисовать!!! Спасибо создателям сайта за водушевление)))

1

Пользователь #1341patryk27 октября 2010 в 22:36Личное сообщение

>> Поменяйте режим смешивания слоя с картинкой на Объединение зерна.

это где?

да и вобще - куча недомолвок (огорченный смайл)

больше подробностей надо.
например:
1. _вращение_ - на сколько градусов?
2. все _заливки_ будь то градиент или еще что, лучше показывать с _пририсованной стрелочкой_ - откуда начинать и где заканчивать...

_черная граница_ вокруг значка у меня не видна абсолютно. хотя если _рисунок_ выключить, то видно, что все на своем месте (огорченный смайл)

1

Пользователь #1664Феникс29 октября 2010 в 23:39Личное сообщение

Задумка и урок прекрасны! но не хватает точности в описании "что и куда". Я давно пользуюсь Гимпом, знаю где что, но всё-таки текст не удобен. Приходилось перечитывать.

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

Как сделать иконку из фотографии
Вам интересно, как создать иконку из ваших собственных фотографий? В этом уроке мы покажем вам как это сделать.

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

Как сделать объемную круглую кнопку
В урое нарисуем в GIMP круглую кнопку в стиле Web 2.0. Урок долгий, но каждый ход описан детально, поэтому трудностей возникнуть не должно.

Рисование светом в GIMP
В конечном итоге мы получим интересный эффект переноса контура человека на другую картинку.

Создание голубых обоев в GIMP
Рисуем красивые и простые голубые обои с помощью градиентов и инструмента «Контуры».

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush Arrogance II_2 Arrogance II_3 Arrogance II_4 Arrogance II_5 Arrogance II_6 Arrogance II_7 Arrogance II_8 Arrogance II_9 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_8 Edge_10 Edge_11 Edge_17 Fusion_9 Galactic_9 Odysee_4 Odysee_13 Part 2-3 (Scratches) GIMP Brush GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар NSS-V2.0-brush-an-9 GIMP Brush GIMP Brush GIMP Brush GTA 3 Конфети Пестрая клякса FUZZY3 GIMP Brush Кнопка Beams 1 Beams 3 Beams 16 Лучи GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Circles 3 Circles кнопка ок
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Создаем значки» получил оценку 4.50 на основе 4 голосов.

13876+0
Комментариев

вверх