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

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

   

Гранатовое сердце

Главная Уроки Гранатовое сердце

Вот придумала урок ко дню Святого Валентина. Надеюсь, мой урок понравится.

Хочу сказать сразу, у меня установлен GIMP 2.6.11 и к нему куча различных плагинов, в том числе плагин Layer Effects со стилями слоя, который я буду использовать в этом уроке. Этот плагин можно скачать на сайте.

Материалы для урока

  • Изображение с гранатовыми зёрнами — http://i077.radikal.ru/1102/85/a3828f8ccdfc.jpg
  • Сердечко — http://s016.radikal.ru/i335/1102/d2/090c3cb2b6f6.jpg
  • Текстура 1 — http://s55.radikal.ru/i148/1102/35/20be84204ef6.jpg
  • Текстура 2 — http://i055.radikal.ru/1102/a7/e228f0cfaff0.jpg

Итак, начнём

1. Создаём в GIMP новый документ 1600*1200, 300 пикселов. Сразу для удобства добавляем направляющие Изображение — Направляющие в % (горизонтальная и вертикальная 50%).

2. Открываем фото с изображением гранатовых зёрен. Выбираем на изображении привлекательное для нас зёрнышко, эллиптическое выделение (поставить галочки на: рисовать из центра, фиксация сторон).

Нужно скопировать выделенное и вставить на новый слой Правка — Вставить на новый слой. Масштабом установить размер слоя с зёрнышком 75*75. Получилось такое вот зёрнышко на прозрачном фоне. На слое с гранатовыми зёрнами закрываем видимость, но не удаляем, он нам ещё пригодится.

3. Теперь открываем в GIMP изображение сердечка. Извлекаем из фона. Оно у нас будет выступать в качестве шаблона.

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

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

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

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

4. Для видимости более объёмного изображения применим к слою «А» Фильтры — Искажения — Интерактивное искажение. Параметры на скрине.

5. Дублируем слой «А», дубль опускаем под оригинал, переименовать его в слой «В», закрываем на слое «А» видимость. Работаем со слоем «В». Будем над ним проводить хитрые манипуляции, которые в конечном итоге приведут к созданию объёмного изображения.

6. Итак, слой «В». Цвет — Тон-Насыщенность — увеличить параметр «Освещённость» с 0 до 5 единиц.

Слой — Преобразование — Сместить: Х-1; У 1.

Масштаб: уменьшить слой по ширине и высоте на 5 px.

Отцентровать слой в соответствии с направляющими (крестик обозначающий центр слоя прилипнет к пересечению направляющих).

Фильтры — Размывание — Размывание движением. Параметры: «Наезд камерой»; снять галочку с пункта «Размыть наружу»; «Длина» 5px.

7. Продублировать слой «В». Закрыть видимость на дубле слоя «В». Опуститься на слой «В» и повторить последовательно все манипуляции, описанные в пункте 6. Затем снова продублировать слой «В», закрыть видимость на дубле и повторить пункт 6. Повторять эти действия довольно много раз, должно набраться около 20-ти слоёв. Работать со слоем «В», каждый раз увеличивать освещённость на 5 единиц (0-5-10-15-20 ит.д., пока изображение не станет совсем белым). Уменьшать размер слоя на 5рх каждый раз. Не забывать центровать слой каждый раз и размывать движением.

8. Объединить все получившиеся копии слоя «В» (для любителей экстрима можно продублировать каждую копию слоя в отдельности для ещё большего объёма, а уж затем объединить все копии слоя). Для удобства снова переименовать этот получившийся слой в слой «В».Вот что получилось.

9. Открыть видимость на слое с чёрным сердечком, на нём Альфа-канал-Выделение. Не снимая выделения перейти на слой с изображением гранатовых зёрен, открыть на нём видимость, выделение вырезать, вставить на новый прозрачный слой, назвать его «Сердце». Получилось сердечко из гранатовых зёрен. Увеличить его яркость при помощи уровней или кривых. Затем инструментом «Выделение по цвету» щёлкнуть в самом тёмном месте сердечка, выделяя самые тёмные участки и затем удалить их, размыть по гауссу 10рх.

Уменьшить масштаб слоя «Сердце». Опустить слой с этим сердечком под слой «А» и «В». Теперь можно удалить слои с зёрнами граната и чёрным сердечком.

10. Теперь займёмся фоном для нашего сердца. Опуститься на фоновый слой, залить его радиальным градиентом «основной в фоновый» от центра к краю изображения. Цвет: основной 7e070d; фоновый 000000.

11. Дублировать фоновый слой назвать его «Основание», разместить его инструментом «Перспектива» как показано на скрине. Выделить на нём край размыть по гауссу 5-10хр. Получился объёмный фон.

12. Добавим текстуру для нашего фона. Я выбрала две: одна такими себе «разводиками» её накладываем первой, вторая текстура поверх «разводов» называется «кристалл», режим слоёв для текстур — перекрытие 70%. Разместить эти два слоя (увеличить размер масштабом) над слоем с фоном. Так же поступаем со слоем «Основание» располагая над ним два слоя с текстурой, предварительно уложив его «Перспективой» как мы делали раньше. Режим для них — перекрытие 50%. Закрыть видимость на всех слоях, кроме «Фона», «Основания» и слоёв с текстурами. Объединить видимые слои. Полученный слой называем «Фон».

13. Теперь займёмся сиянием вокруг нашего гранатового сердца. Дублируем слой «В», называем его «Размытие». Применяем к нему Фильтры — Размывание — Размывание движением. Параметры: Наезд камерой; Размыть наружу; Длина 68рх.

Дублируем этот слой, опускаем дубль под оригинал и применяем к нему Размывание движением с такими же параметрами. Повторяем пункт 13 ещё 2 раза. Должно получиться 4 слоя с размытием, каждый новый слой будет размыт сильнее предыдущего. Объединить их в один слой «Размытие». Режим ему — экран 60%.

14. Сделаем сверкающее отражение под сердцем. Продублируем слой «Размытие», назовём его «Размытие 1» и сократим масштабом по высоте, как показано на скрине. Режим — экран 60%.

15. Определимся с нашими слоями (некоторые я продублировала): будем считать сверху вниз:

  1. Слой «А», режим — экран 100%;
  2. Слой «В» — умножение 70%;
  3. Копия слоя «В1» — перекрытие 100%;
  4. Ещё одна копия слоя «В2» — экран 70%;
  5. Слой «Сердце» — направленный свет 100%;
  6. Слой «Размытие» — экран 60%;
  7. Копия слоя «Размытие» — экран 40%;
  8. Слой «Размытие 1» — экран 60%;
  9. Слой «Фон».

Вообще-то можно оставить изображение, таким как есть, но лёгкий путь не для гимперов. Надрываемся дальше и «гламурим» наше сердце.

16. Выбираем слой «А» применяем к нему:

Script-fu — Layer Effect — Bevel and Emboss со следующими настройками на скрине. Цвет жёлтый — fffс00, красный — fe171c.

Script-fu — Layer Effect;— Inner Glow с настройками. Цвет красный — fe171c.

Script-fu — Layer Effect — Outer Glow с настройками. Цвет красный — fe171c.

17. Выбираем слой «В» — Script-fu — Layer Effect — Inner Shadow -цвет 7e070d. Настройки на скрине.

18. Выбираем Слой «В2»- Script-fu — Layer Effect — Bevel and Emboss с такими же настройками как для слоя «А». Цвет жёлтый — fffс00, красный — fe171c.

19. Выбираем слой «Сердце»- Script-fu — Layer Effect — Outer Glow с настройками. Цвет fffс00.

20. Слой «Размытие» — Script-fu — Layer Effect;— Inner Glow с настройками. Цвет красный — fe171c.

Script-fu — Layer Effect — Bevel and Emboss .Цвет красный- fe171c, чёрный -000000.

Script-fu — Layer Effect — Outer Glow с настройками как для слоя «А». Script-fu — Layer Effect — Outer Glow цвет fffс00.

21. Выбираем слой «Размытие 1» — Script-fu — Layer Effect — Bevel and Emboss со следующими настройками на скрине. Цвет белый, чёрный.

22. Выбираем слой «Фон»- Script-fu — Layer Effect — Outer Glow с настройками. Цвет fffс00. Ещё раз повторить цвет красный — fe171c.

23. Последний штрих. Добавляем слой с текстурой «разводами» поверх всех слоёв. Фильтры — Карта — Рельеф с произвольными параметрами, чтобы получился эффект помятости. Мягким ластиком вытираем в центре наше сердце, как бы освобождая от паутины. Режим слоя — умножение 50%. Дублируем его режим — перекрытие 100%.

24. Сохраняем изображение. Вытираем пот со лба и наслаждаемся результатом.

28

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

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

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

Добавить

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

34 комментария

1

Пользователь #1678Галя Петрова8 февраля 2011 в 07:03Личное сообщение

Прикольно! Я не смогла так сделать. У меня терпения не хватило. Мне-то всего 10 лет.

3

Пользователь #2085Александр Лончаков8 февраля 2011 в 08:21Личное сообщение

сидеть надо долго верно, но оно того стоит крутяк и одобрение

2

Пользователь #2693Mira178 февраля 2011 в 12:39Личное сообщение

Respect for the author! =)

7

Пользователь #1812Макс Шевченко8 февраля 2011 в 15:41Личное сообщение

Урок бесподобен и явно выполнен большим профессионалом! Браво!

3

Пользователь #1812Макс Шевченко8 февраля 2011 в 15:51Личное сообщение

P.S. Ради интереса решил поискать подобное в сети.. И не нашел) Урок и вправду оригинален, такого больше нет)

1

Пользователь #3Фридрих Познанский8 февраля 2011 в 16:41Личное сообщение

да уж, урок не для новичков)

1

Пользователь #2668Александр Файзулин8 февраля 2011 в 20:46Личное сообщение

красиво вышло!!!
класс!!!
единственно столько стараний ради 1 сердца((( ЗАТО КАКОГО!!!
автору ГРАЦ!!!

6

Пользователь #174Alevtina Nagornaya 8 февраля 2011 в 21:19Личное сообщение

Спасибо за добрые отзывы! Я не профи, я - любитель. Занимаюсь GIMP всего 2 года. Училась на уроках из интернета. На этом сайте начинала своё обучение. Я хотела в этом уроке показать возможности программы. GIMP не чуть не уступает ФШ, он доступнее в понимании и освоении.

0

Пользователь #1812Макс Шевченко8 февраля 2011 в 22:52Личное сообщение

Alevtina

А сколько примерно ушло времени на продумывание этого урока?)

3

Пользователь #2197R_n_R9 февраля 2011 в 17:31Личное сообщение

Да, отличный урок. Красивый и профессиональный. Впринципе, все понятно, кроме одного - как установить плагин? Когда я нажимаю на скачивание - выходит код. Что с ним делать дальше?

0

Пользователь #174Alevtina Nagornaya 9 февраля 2011 в 19:30Личное сообщение

Zaй, идея родилась как только взглянула на разрезанный гранат. Захотелось сделать нечто объёмное. В GIMP объёма можно достичь вот таким кропотливым способом (кстати, так же достигается эффект объёмного текста). Обдумывала тоже не долго (если хорошо знать программу, то сразу понятно как это сделать), а вот выполняла несколько дней из-за нехватки свободного времени.

0

Пользователь #174Alevtina Nagornaya 9 февраля 2011 в 19:38Личное сообщение

Other, в начале урока голубенькая подпись Layer Effects кликните по ней. Затем в открывшемся окне по зелёной кнопочке СКАЧАТЬ. Я сейчас проверила хоть правой, хоть левой кнопкой мыши всё работает. У меня закачка идёт через Download Master.

0

Пользователь #2197R_n_R9 февраля 2011 в 20:12Личное сообщение

Алевтина, это все хорошо. Только у меня совершенно не хочет работать. При нажатии, открывается новая страница с кодом. И
И все. На мои действия она уже не реагирует.

-6

Пользователь #2710Анонимус #27109 февраля 2011 в 20:40Личное сообщение

прикольно

3

Пользователь #18Тимур Елизаров9 февраля 2011 в 21:00Личное сообщение

Other, вероятней всего у вас Opera. Она плохо понимает что нужно скачивать, а что - открывать. Дождитесь пока код загрузится до конца и сохраните страницу как html с разширением .scm

Второй вариант: нажимешь правой кнопкой по ссылке и выбираешь в меню "Сохранить по ссылке".

0

Пользователь #2197R_n_R9 февраля 2011 в 23:19Личное сообщение

Тимур, да нет. В том-то и дело, что Экспловер... Эх. Сейчас попробую сохранить по ссылке.

0

Пользователь #174Alevtina Nagornaya 9 февраля 2011 в 23:22Личное сообщение

Other ну как получилось?

0

Пользователь #2197R_n_R9 февраля 2011 в 23:23Личное сообщение

Так, скачать у меня получилось (будь проклято мое нетерпение), и теперь последний, самый тупой вопрос, в какую папку кидать скрипт?

0

Пользователь #174Alevtina Nagornaya 9 февраля 2011 в 23:41Личное сообщение

C:\Program Files\GIMP-2.0\share\gimp\2.0\scripts У меня стоит так. Файлы с расширением scm лучше кидать в эту папку.

0

Пользователь #2197R_n_R9 февраля 2011 в 23:42Личное сообщение

Андрей, спасибо большое. Я разобралась. Никогда себя таким нубом не чувствовала =D

0

Пользователь #4Андрей Сидоров10 февраля 2011 в 00:27Личное сообщение

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

0

Пользователь #2726Найк10 февраля 2011 в 14:49Личное сообщение

Ну ничего себе урок!

1

Пользователь #174Alevtina Nagornaya 10 февраля 2011 в 19:23Личное сообщение

Андрей, Вы знаете. я "предохраняюсь" от потерь бесхитростным способом. Я копирую системные папки GIMP со всем установленным добром и храню их в укромном месте даже на другом диске. Вот тогда я сплю спокойно.

3

Пользователь #2197R_n_R10 февраля 2011 в 19:50Личное сообщение

Мм... У меня все получилось. Очень приятный, хорошо прописанный урок. Правда, я немного изменила фон, сделала его темнее.
Друзья в восторге.

http://savepic.ru/2330986.png

0

Пользователь #2668Александр Файзулин14 февраля 2011 в 23:35Личное сообщение

Поздравляю с победой!!!
Урок и впрям класс!!!

-3

Пользователь #2721Стася16 февраля 2011 в 20:54Личное сообщение

мне понравилось! Я вообще люблю сердца!

1

Пользователь #2803IceKnight19 февраля 2011 в 17:16Личное сообщение

Отличный урок. Вот моё чудо.
http://s43.radikal.ru/i100/1102/99/8e4bddfac491.png

-3

Пользователь #2248♥Настюшка♥20 февраля 2011 в 14:14Личное сообщение

ООчень долго

0

Пользователь #174Alevtina Nagornaya 21 февраля 2011 в 23:31Личное сообщение

IceKnight, молодец! Хорошо, что решила попробовать сделать урок. В принципе у тебя всё получилось ( самая долгая и кропотливая часть), но еще немного нужно поработать со светом ( фильтр Layer Effect ). Ну, а вообще молодчина!

-2

Пользователь #2961Анастасия11 марта 2011 в 15:23Личное сообщение

Круто))
И вы это сами выдумывайте?)))

0

Пользователь #3084phaza30 марта 2011 в 02:21Личное сообщение

Отличный урок! По человечески, но подробно, еще и со скриншотами. Это то, что
обычно ищешь между чтением огромных офиц.описаний и опытах \"на кроликах\"...
Да и само сердечко просто пламенное получилось)

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

-1

Пользователь #3080Илья Лейзгольд19 апреля 2011 в 19:40Личное сообщение

очень,очень хороший урок,но у меня не хватило терпения на шаге -7-
(((

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

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

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

Эффект слоёного стеклянного текста
Достаточно трудоёмкий урок по созданию эффекта стеклянного текста.

Коллаж к 9 мая
Сложный и долгий урок про создание коллажа к 9 мая.

Кисти

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 Пушистый шар Пушистый шар Eclipse heart by FiRST two-hearts2 broken-heart doodles2_brushes_by_hawksmont33 Glitter_7 GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush NSS-V2.0-brush-an-9 GIMP Brush GIMP Brush GIMP Brush GIMP Brush serdtse GIMP Brush celtic-heart heart1 heart2 heart3 heart4 heart-arrow1 heart-arrow2 heart-bar1 heart-bar2 heart-cluster1 heart-cluster2 heart-corner heart-design1 heart-design2 heart-flowers heart-of-hearts heart-tribal2 heart-tribal lace-heart2 lace-heart3 lace-heart two-hearts СЕРДЦЕ GIMP Brush GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush Abstract1 Smoke1 Smoke2 Smoke3 abstract2 s_splat2 to_many_splatters(by ResONE) GTA 3 Конфети Пестрая клякса hearts hearts 2 hearts 3 hearts 4 FUZZY3 Сердечко Beams 1 Beams 3 Beams 16 Лучи Corner from leaves 2 Corner from leaves GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Circles 3 Circles GIMP Brush GIMP Brush GIMP Brush GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Гранатовое сердце» получил оценку 5.00 на основе 5 голосов.

13866+1
Комментариев

вверх