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

   

Для урока нужен плагин «Layer Effects».

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

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

Теперь заходим в «Script-Fu > Layer Effects > Inner Shadow» и устанавливаем на появившемся окне значения как на рисунке ниже:

Создаем новый слой поверх всех остальных и берем инструмент Выделение элипса. Рисуем окружность правильной формы и заливаем ее белым цветом. Выбираем инструмент Контуры и делаем выделение как показано на рисунке ниже.

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

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

Удаляем ненужныую часть круга. Слою с оставшейся частью круга задаем непрозрачность 30%

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

В настройках инструмента Текст установил следующие параметры:

Вот, что у меня получилось:

Для того, чтобы придать нашему тексту или логотипу объем выделяем слой с логотипом и заходим в «Script-Fu > Layer Effects > Gradient Overlay». Применяем этот фильтр со следующими параметрами:

Должно получиться что-то похожее на рисунок ниже.

Выделяем слой с логотипом и идем в «Script-Fu > Layer Effects > Inner Shadow». Применяем этот скрипт со следующими параметрами:

Вот, что должно получиться в конце.

Вы можете поэкспериментировать с настройками фильтров, которые мы применяли в уроке, чтобы получить более живое и интересное изображение.

16 сентября 2009 9 Анна Павлова

Метки: градиент, рисование, фильтры, элементы навигации, Layer Effects, иконка.

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

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

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

0

Пользователь #1Филипп Ткачёв17 сентября 2009 в 12:50

Больше похоже на пимпочку, чем на иконку

0

Пользователь #110Anon6 октября 2009 в 21:19

серое на красном, которое на сером
мегко говоря, не самое удачное цветовое решение

0

Пользователь #376Liki12 октября 2009 в 01:29

Script-Fu > Layer Effects > Inner Shadow
Как это всё будет на русском..О_о""

0

Пользователь #1Филипп Ткачёв16 октября 2009 в 17:05

Script-Fu > Layer Effects > Inner Shadow
Скрипт-Фу / Эффекты слоя / Внутренняя тень

Кстати, сначала надо установить плагин «Layer Effects», тогда пункт меню Script-Fu появится.

0

Пользователь #492хамер28 октября 2009 в 15:34

где плагин взять?у меня чёт этого нету!

0

Пользователь #620NS56 ноября 2009 в 22:31

Люди! Объясните подробно, как запустить плагин? Я весь рунет излазил, ни где внятного разъяснения не нашел. Нашел Фильтры\\Script-Fu, а там всего 3 пункта:
1 - Запустить сервер...
2 - Консоль
3 - Обновить сценарии
А где же находится Script-Fu > Layer Effects > Inner Shadow?
Я подумал, что может быть это нужно набрать в консоли... Тоже нет такого( ПЛЗ помогите чайнику разобраться!

0

Пользователь #18Тимур Елизаров7 ноября 2009 в 20:14

NS5, для таких умных людей как ты ссылку на скачивание плагина вверху уроков ставят. Или глазами пользоваться не научился?

0

Пользователь #879skallen2 декабря 2009 в 21:57

Тимур, глаза это настолько сложный прибор, что освоить его может не каждый-куда легче осваивать занудство и технику и природу флуда, ибо эти вещи есть самое простое и самое легкое в изучении, что можно найти в рунете. ИМХО

0

Пользователь #1402СВАТ15 марта 2010 в 19:48

скален почему я скачал плагин вставил кудато и у меня появилась надпись скрипт но когда на неё нажимаеш там все закрыто кагбудто нет какихто файлов чо за проблема у меня?

0

Пользователь #1Филипп Ткачёв15 апреля 2010 в 10:33

@СВАТ , видимо не туда скопировали.
1. Идем в меню Правка / Параметры / Каталоги / Сценарии
2. Смотрим там пути. У меня к примеру такой:
C:\Documents and Settings\пользователь\.gimp-2.6\scripts
3. Копируем в папку C:\Documents and Settings\пользователь\.gimp-2.6\scripts файл layerfx.scm
4. Перезапускаем Гимп!

0

Пользователь #1435ДаффКа1 июля 2010 в 11:47

ну скачала я этот плангин бросила в папку пути проверила перезапустила ниче не изменилось

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

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

Уроки по RSSНовые уроки по RSS
Анонсы бесплатно и быстро!

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

Векторный рисунок из фотографии
Учимся стилизовать фотографии при помощи инструментария 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

Скачать градиенты
Скачать

Установка дополнений
Про Гимп → Установка и настройка

Воображение
Галерея

GIMP FX Foundry
Скачать → Плагины для GIMP

Оценка урока

«Рисуем иконку GIMP» получил оценку 4.75 на основе 4 голосов.

8133+543
Комментария