вход или регистрация

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

   

У меня возникли сложности с рисованием травы, потому что в Гимпе нет того инструмента деформации, который есть в Фотошопе. Поэтому пришлось воспользоваться Фотошопом и нарисовать там. Вот картинки которые нам понадобятся:

Фоновый рисунок: http://kazan-228.clan.su/img/1.png
И один дополнительный: http://kazan-228.clan.su/img/2.png

Создадим новое изображение 500×450. Те, кто хочет использовать как обои, возьмите размеры вашего монитора.

Открываем как слой (Файл => Открыть как слои…) картинку под названием 1.png и инструментом «Масштаб» подгоняем под размер фона.

Если бы мы траву рисовали сами, то качество было бы лучше. Но не будем зацикливаться на траве, так как это не основной объект моего урока.

Объединим вставленный слой с фоновым (Слой => Объединить с предыдущим). Откроем, опять же, как слой вторую картинку, которую вы скачали, и так же подгоняем под размер фона.

Вы наверное спросите: «А почему нельзя было объединить эти два слоя как одно изображение?» Ответ найдёте в следующих шагах.

Получилось так:

Теперь нарисуем ножку гриба

Создаём новый прозрачный слой, он должен быть между этими двумя слоями. Берём инструмент «Прямоугольное выделение». В его параметрах ставим галочку рядом с «Закруглённые углы». Радиус я поставил 30. Выделение желательно сделать квадратным, я поставил размер 170×170. Переместите слой так, чтобы левая нижняя часть «ножки» заходила за травинку.

Залейте выделение этим цветом f7efde (нужно просто перетащить цвет из панели инструментов к выделению и оставить). Должно получиться так:

Начинаем оживлять наш грибочек

Создаём новый прозрачный слой. Берём инструмент «Эллиптическое выделение» и рисуем глазки размером 20×20 заливаем чёрным цветом. Теперь этим же выделением, только размером 5×5, рисуем некие блики в верхней левой части глаз и заливаем белым цветом. Если у вас получилось как-то так, то можно продолжать:

Рисуем рот

Возьмём инструмент Контуры, нарисуем ими угол, и изогнём его как тут:

Нажимаем в параметрах инструмента Выделение из контура. Заливаем наш ротик чёрным цветом.

Рисуем язычок. Теперь нажимаем на кнопку «Обводка по контуру». Там ставим диаметр 1.0, остальное по умолчанию.

Рисуем шляпку

Создаём новый прозрачный слой. Контурами рисуем очертания нашей шляпы.

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

Закрашиваем шляпку красным цветом. Берём инструмент Вращение, и слегка поворачиваем шапку влево. Перемещаем его под слой с ножкой. И смотрим что получилось. Мда. Это не шапка… Поэтому ещё раз берём инструмент «Контуры», и рисуем как бы ободок.

Нарисовали, выделяем из контура. Если получилось, жмём сами себе руку и работаем дальше. Закрасим этот ободок цветом 194111 и стираем те части ножки, которые на него залезли.

Мдааа, шапка у меня получилась не совсем круглой формы, но и так сойдёт.

Нарисуем красные кружочки, мухомор как никак.

Создаём новый прозрачный слой и на нём Эллиптическим выделением рисуем кружки размером 45×45 и заливаем их белым цветом. Возьмём инструмент Перспектива, и немножко наклоним их назад. Перемещаем как нам больше нравится, ставим непрозрачность этого слоя на 35, и инструментом «Ластик» стираем те части, которые выступают за пределы красной зоны. Вот что получилось:

Теперь начинается самое интересное!

Придаём объём и тень нашему грибочку

Начнём с ножки. Создаём новый слой, над слоем с ножкой. Возьмём кисточку с мягкими краями и цветом 725311 нарисуем грибу как бы «бороду». Идём в Фильтры => Размывание => Гауссово размывание. Значение ставим на 20. Стираем то, что вышло за пределы ножки. Можно поставить непрозрачность слоя на 75%. Создадим ещё один слой и на нём цветом a78c53 нарисуем такую же бороду только рядом с предыдущей. Делаем Гауссово размывание с тем же параметром, а непрозрачность ставим на 55%. После объединения этих двух слоёв можно смазать резкие переходы между ними инструментом Палец.

Сделаем тень от шапки. Создаём слой и кисточкой с мягкими краями цветом 14360e рисуем тень. Непрозрачность на 75%. Подтираем ластиком ненужное. Можно объединить этот слой, и предыдущий.

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

Создаём ещё один слой, размещаем над слоем с шапкой, берём прямоугольное выделение и как бы обводим им шапку. Цвет фона ставим чёрный, берём инструмент «Градиент», в его параметрах выставляем «Из основного в прозрачный» и заливаем его из левого верхнего угла, в правый нижний. Ставим непрозрачность этого слоя на 75% и стираем лишнее, что вне шапки.

Поднимаемся на самый верх слоёв, там у нас стоят травинки. Выделяем верхнюю, вырезаем, вставляем сюда же, перемещаем над шапкой и прикрепляем. Должно получится так:

Ещё раз вставляем её, кликаем правой кнопкой мыши по вставленному слою и в выпадающем меню нажимаем «Создать слой…». Теперь можно с ним работать. Перемещаем его под слой с этими двумя травинками и саму картинку перемещаем чуть ниже верхней травинки. Выделяем листок полностью, любым удобным для вас способом, закрашиваем цветом 5e450f ставим режим смешивания «Умножение», а непрозрачность на 70%.

Теперь создаём слой над ножкой. Чёрным цветом рисуем красивое жирное пятно в левой нижней части ножки — это будет тень от листочка. Непрозрачность на 25%.

Смотрим что получилось:

Подтираем лишние пятна которые возникли во время работы и всё, грип готов.

Послесловие

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

19 июня 2011 9

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

Никита Высоцкий

Метки: выделение, градиент, контуры, палец, рисование, фильтры, трава, ластик.

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

Добавить

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

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

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

5

Пользователь #3524Дмитрий Шерстобитов20 июня 2011 в 08:45Личное сообщение

Не стоит себя так недооценивать,результат получился очень даже неплохой

12

Пользователь #1812Макс Шевченко20 июня 2011 в 08:47Личное сообщение

Да, милый грибочек..) Описано все доступно, мне понравилось. Хороший урок.

P.S. "главное сам процесс понятен, а остальное не важно" - не-а. Результат есть результат, Никит.

2

Пользователь #2832Никита Высоцкий20 июня 2011 в 09:05Личное сообщение

Ну уже рад что вам понравилось. Старался. На рассмотрении ещё висит урок про металический текст, вот только когда она появится в свет неизвестно!

3

Пользователь #3233Вадим20 июня 2011 в 09:13Личное сообщение

Цитата:
"Создаём новый прозрачный слой. Контурами рисуем очертания нашей шляпы.

Фуф. Нарисовали. Не забываем нажать на Выделение из контура, а то всё придётся начинать сначала."
Ошибаетесь, если используется инструмент Контуры, то во вкладке диалога контуров создается новый слой с результатами работы этим инструментом. Там созданный контур можно редактировать, перемещать, выделять и обводить цветом.

3

Пользователь #3233Вадим20 июня 2011 в 10:01Личное сообщение

Заметил, что между шляпкой и нижней ее кромкой получилась щель по краям, но это не страшно, можно просто их создавать в собственных слоях и потом сместить слой с кромкой, что бы она перекрывалась шляпкой.
Альтернативный способ:
Эллиптическим выделением в новом слое выделяем очертания шляпки, заливаем цветом. Опять же Эллиптическим выделением делаем овальное выделение нижней части шляпки, там где будет кромка. Del (удаляем). Не снимая выделения с зажатым Ctrl (режим вычитания выделения) создаем новое, которое определит обрамление ножки гриба (ну или его лица). Пока не нажата клавиша Enter вычитающие выделение можно перемещать и редактировать размеры. Когда готово Enter. Заливаем получившуюся полоску цветом назначенным для нижней кромки гриба. Снимаем выделение и поворачиваем как хочется слой со шляпкой.

3

Пользователь #3233Вадим20 июня 2011 в 10:41Личное сообщение

Применять инструмент Перспектива к круглым формам бесперспективно - это будет овал.

2

Пользователь #1812Макс Шевченко20 июня 2011 в 10:49Личное сообщение

Кстати, Никит, с тенями на шляпке проблемы.. Точнее, с их отсутствием (лист в рассчет я не беру)

3

Пользователь #3233Вадим20 июня 2011 в 11:05Личное сообщение

Даже не знаю что делать, на каждом пункте поправки писать?
Белые пятна сделаны в отдельном слое, в итоге при придании объема шляпке они не участвуют в этом процессе, а ведь это цветовые пятна шляпки! На них тоже должен ложиться градиент. Не уверен, что для придания объема округлым формам подходит линейный градиент.
Зачем выделять шляпку прямоугольным выделением, а потом стирать лишнее? "Альфа-канал в выделение" отлично работает на прозрачных слоях.
Блики - это отражение падающего на поверхность света. Чем выше степень отражения (глянцевость), там резче границы блика. Раскидывать абы как эти блики без определения источника света нельзя. В итоге тень листа ложится на часть бликов, которые по предположению должны образоваться от прямого источника света (солнца например).
И покрасьте кто-нибудь этому грибу язык. )

-3

Пользователь #3767Егор Полянский20 июня 2011 в 11:15Личное сообщение

"На рассмотрении ещё висит урок про металический текст" - буду ждать пока его проверят

0

Пользователь #2832Никита Высоцкий20 июня 2011 в 12:21Личное сообщение

Даже не знаю что делать, на каждом пункте поправки писать?
-----------------------
Не нужно писать поправки, это не требуется. Я же написал:

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

Так что поправки и не нужны, т.к. всё написано, и сам принцип рисования понятен. Вы только тратите своё драгоценное время, если у кого-то будут вопросы, то они сами спросят.

3

Пользователь #1812Макс Шевченко20 июня 2011 в 12:28Личное сообщение

Ну никто же не заставляет писать по 2 урока в день...) Это же не соревнование, в конце-концов, пусть кто-то так и считает, исключаю.
И повторю еще раз: результат урока, его качество..оно ничуть не менее важно, чем описание процесса.

0

Пользователь #1812Макс Шевченко20 июня 2011 в 12:29Личное сообщение

*не исключаю

0

Пользователь #4Андрей Сидоров20 июня 2011 в 13:42Личное сообщение

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

3

Пользователь #2832Никита Высоцкий20 июня 2011 в 16:31Личное сообщение

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

0

Пользователь #4Андрей Сидоров20 июня 2011 в 16:35Личное сообщение

Никита, я не про вас. На сайте больше 4000 пользователей. Любой мог. Статистика по плюсикам не ведется, но в любом случае, странно =)

0

Пользователь #3233Вадим20 июня 2011 в 17:03Личное сообщение

Никита Высоцкий,
зато какой у вас получился чудесный гриб добавленный в выполненные уроки. Даже есть рефлексы света слева и на нижней кромке!

0

Пользователь #2832Никита Высоцкий20 июня 2011 в 18:49Личное сообщение

Вадим, если долго мучиться, то что-нибудь получится! ;)

-8

Пользователь #3851Лилия Болощева21 июня 2011 в 15:18Личное сообщение

Никита,а не взял ли ты этот урок и урок с Запотевшим стеклом с сайта уроков фотошопа?
Если да...то не интереснее ли придумать что-то своё ... более оригинальное...???

Я ничего против не имею , урок действительно интересный .

3

Пользователь #2832Никита Высоцкий21 июня 2011 в 15:27Личное сообщение

Ну даже если и так, то что от этого меняется????
Большая часть из представленных на progimp уроков адаптированны именно из уроков для фотошопа...

7

Пользователь #1812Макс Шевченко21 июня 2011 в 15:28Личное сообщение

Лилия Болощева
Знаете ли, для ФШ есть очень много хороших и интересных уроков, которые пользователи ГИМПа хотели бы повторить. Именно для таких людей и пишутся адаптации ФШ-уроков. И, уж поверьте мне, написать адаптацию порой гораздо сложнее, нежели оригинальный урок. Да, у Никиты не тот случай, урок не слишком сложный.. Кстати, вполне возможен вариант, что человек увидел картинку, не читая описания понял, как она сделана и решил сделать урок по ее созданию. И тут уж никто не виноват, что приемы могут использоваться такие же.

7

Пользователь #2560зло21 июня 2011 в 19:06Личное сообщение

Соглашусь с выше изложеным. За попытку людей сделать доступными уроки фотошопа для пользователей гимпа нужно спасибо говорить. Порой додумывать приходится большую часть, чтобы урок к гимпу адаптировать, а это своего рода творчестро!)

1

Пользователь #3292Эльдар Сулейманов22 июня 2011 в 04:46Личное сообщение

Моё любимое занятие - добавлять в уже готовые фото что-то нереальное, особенно, если фото сделано также собственноручно=)
Спасибо за урок!

З.Ы. ИМХО, в подобных уроках (с внятным объяснением) большую важность имеет то, как его воспринимает и, что из него черпает для себя читатель-Гимповец, а не конечный результат автора.

А критика, которую тут так любят - это поедание (пардон) испражнений критикуемого критиком - на энергетическом уровне. Возьмите на заметку=)

-3

Пользователь #3851Лилия Болощева22 июня 2011 в 10:57Личное сообщение

Знаете...Я просто выразила свое мнение.Вы выразили свое - я оценила!!!
Возможно у меня другое понимание творчества...

Дак если Вам так интересны уроки фотошопа , почему же все выкладывают реальную простоту, а не сложные уроки (или хотя бы второго уровня сложности)??
Прям сделали монстра какого-то из меня))
Пожалуйста ... Никита, ты можешь переделать хоть все уроки с того сайта..Но ,увы, ты уже не сможешь сказать ,что они
... ТВОИ ...!!!

2

Пользователь #1812Макс Шевченко22 июня 2011 в 11:24Личное сообщение

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

-3

Пользователь #1678Галя Петрова23 июня 2011 в 06:04Личное сообщение

Мой гриб вскоре тоже появится в результатах. Хотя он не айс. А урок хороший!

2

Пользователь #1812Макс Шевченко24 июня 2011 в 10:10Личное сообщение

ПушаЛапуша
Можно честно скажу? Совсем не айс. Будто в пэйнте..

0

Пользователь #1678Галя Петрова24 июня 2011 в 13:23Личное сообщение

У меня с контурами туго

0

Пользователь #1812Макс Шевченко24 июня 2011 в 13:48Личное сообщение

*анонс*
Будет видеоурок по контурам.

0

Пользователь #2560зло24 июня 2011 в 16:52Личное сообщение

а я с кистями плохо лажу. никогда ровно не получается....

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

3

Пользователь #3233Вадим24 июня 2011 в 18:46Личное сообщение

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

1

Пользователь #4751Максим Баженов2 августа 2011 в 14:35Личное сообщение

Урок хороший, не надо себя недооценивать. Правда, тени можно нарисовать попроще. С помощью градиента.
Кстати, в конце опечатка. Написано не "гриБ", а "гриП".

0

Пользователь #4751Максим Баженов2 августа 2011 в 14:38Личное сообщение

Я если чесно совершенно не понимаю, как рисовать контуром.

0

Пользователь #1812Макс Шевченко2 августа 2011 в 18:22Личное сообщение

Сегодня урок по ним отправится на модерацию.

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

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

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

Металлический текст
Создание металлического текста с помощью нескольких фильтров и режимом смешивания.

Пишем на запотевшем стекле
Многие видели и писали надписи на запотевшем стекле. В этом уроке я покажу как легко и просто можно сделать это в Гимпе.

Создание тумана
Создание эффекта тумана буквально за пару щелчков.

Кисти

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 Grass High Grass GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар iceytina - Grass Blade14 NSS-V2.0-brush-an-9 P_Graphite Black Grass GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Описание редактора
Про Гимп

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

Рисование
Уроки по GIMP

Возможности GIMP
Про Гимп → Описание редактора

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

Оценка урока

«Рисуем гриб в GIMP» получил оценку 4.15 на основе 13 голосов.

9170+243
Комментариев