ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Гранатовое сердце
Вот придумала урок ко дню Святого Валентина. Надеюсь, мой урок понравится.

Хочу сказать сразу, у меня установлен GIMP
Материалы для урока
- Изображение с гранатовыми зёрнами — 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. Итак, слой «В». Цвет —

Слой — Преобразование — Сместить:

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

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

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

9. Открыть видимость на слое с чёрным сердечком, на нём


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

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


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



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

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

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

15. Определимся с нашими слоями (некоторые я продублировала): будем считать сверху вниз:
- Слой «А», режим — экран 100%;
- Слой «В» — умножение 70%;
- Копия слоя «В1» — перекрытие 100%;
- Ещё одна копия слоя «В2» — экран 70%;
- Слой «Сердце» — направленный свет 100%;
- Слой «Размытие» — экран 60%;
- Копия слоя «Размытие» — экран 40%;
- Слой «Размытие 1» — экран 60%;
- Слой «Фон».

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



17. Выбираем слой «В» —

18. Выбираем Слой «В2»-

19. Выбираем слой «Сердце»-

20. Слой «Размытие» —



21. Выбираем слой «Размытие 1» —

22. Выбираем слой «Фон»-


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


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

Уроки: ← предыдущий следующий →
34 комментария
Александр Лончаков8 февраля 2011 в 08:21Личное сообщение
сидеть надо долго верно, но оно того стоит крутяк и одобрение
Mira178 февраля 2011 в 12:39Личное сообщение
Respect for the author! =)
Макс Шевченко8 февраля 2011 в 15:41Личное сообщение
Урок бесподобен и явно выполнен большим профессионалом! Браво!
Макс Шевченко8 февраля 2011 в 15:51Личное сообщение
P.S. Ради интереса решил поискать подобное в сети.. И не нашел) Урок и вправду оригинален, такого больше нет)
Фридрих Познанский8 февраля 2011 в 16:41Личное сообщение
да уж, урок не для новичков)
Александр Файзулин8 февраля 2011 в 20:46Личное сообщение
красиво вышло!!!
класс!!!
единственно столько стараний ради 1 сердца((( ЗАТО КАКОГО!!!
автору ГРАЦ!!!
Alevtina Nagornaya 8 февраля 2011 в 21:19Личное сообщение
Спасибо за добрые отзывы! Я не профи, я - любитель. Занимаюсь GIMP всего 2 года. Училась на уроках из интернета. На этом сайте начинала своё обучение. Я хотела в этом уроке показать возможности программы. GIMP не чуть не уступает ФШ, он доступнее в понимании и освоении.
Макс Шевченко8 февраля 2011 в 22:52Личное сообщение
Alevtina
А сколько примерно ушло времени на продумывание этого урока?)
R_n_R9 февраля 2011 в 17:31Личное сообщение
Да, отличный урок. Красивый и профессиональный. Впринципе, все понятно, кроме одного - как установить плагин? Когда я нажимаю на скачивание - выходит код. Что с ним делать дальше?
Alevtina Nagornaya 9 февраля 2011 в 19:30Личное сообщение
Zaй, идея родилась как только взглянула на разрезанный гранат. Захотелось сделать нечто объёмное. В GIMP объёма можно достичь вот таким кропотливым способом (кстати, так же достигается эффект объёмного текста). Обдумывала тоже не долго (если хорошо знать программу, то сразу понятно как это сделать), а вот выполняла несколько дней из-за нехватки свободного времени.
Alevtina Nagornaya 9 февраля 2011 в 19:38Личное сообщение
Other, в начале урока голубенькая подпись Layer Effects кликните по ней. Затем в открывшемся окне по зелёной кнопочке СКАЧАТЬ. Я сейчас проверила хоть правой, хоть левой кнопкой мыши всё работает. У меня закачка идёт через Download Master.
R_n_R9 февраля 2011 в 20:12Личное сообщение
Алевтина, это все хорошо. Только у меня совершенно не хочет работать. При нажатии, открывается новая страница с кодом. И
И все. На мои действия она уже не реагирует.
да слёз тебя любя9 февраля 2011 в 20:40Личное сообщение
прикольно
Тимур Елизаров9 февраля 2011 в 21:00Личное сообщение
Other, вероятней всего у вас Opera. Она плохо понимает что нужно скачивать, а что - открывать. Дождитесь пока код загрузится до конца и сохраните страницу как html с разширением .scm
Второй вариант: нажимешь правой кнопкой по ссылке и выбираешь в меню "Сохранить по ссылке".
R_n_R9 февраля 2011 в 23:19Личное сообщение
Тимур, да нет. В том-то и дело, что Экспловер... Эх. Сейчас попробую сохранить по ссылке.
Alevtina Nagornaya 9 февраля 2011 в 23:22Личное сообщение
Other ну как получилось?
R_n_R9 февраля 2011 в 23:23Личное сообщение
Так, скачать у меня получилось (будь проклято мое нетерпение), и теперь последний, самый тупой вопрос, в какую папку кидать скрипт?
Андрей Сидоров9 февраля 2011 в 23:35Личное сообщение
Alevtina Nagornaya 9 февраля 2011 в 23:41Личное сообщение
C:\Program Files\GIMP-2.0\share\gimp\2.0\scripts У меня стоит так. Файлы с расширением scm лучше кидать в эту папку.
R_n_R9 февраля 2011 в 23:42Личное сообщение
Андрей, спасибо большое. Я разобралась. Никогда себя таким нубом не чувствовала =D
Андрей Сидоров10 февраля 2011 в 00:27Личное сообщение
Alevtina. Туда лучше ничего не класть. После перестановки программы вы можете потерять все дополнения.
Найк10 февраля 2011 в 14:49Личное сообщение
Ну ничего себе урок!
Alevtina Nagornaya 10 февраля 2011 в 19:23Личное сообщение
Андрей, Вы знаете. я "предохраняюсь" от потерь бесхитростным способом. Я копирую системные папки GIMP со всем установленным добром и храню их в укромном месте даже на другом диске. Вот тогда я сплю спокойно.
R_n_R10 февраля 2011 в 19:50Личное сообщение
Мм... У меня все получилось. Очень приятный, хорошо прописанный урок. Правда, я немного изменила фон, сделала его темнее.
Друзья в восторге.
http://savepic.ru/2330986.png
Александр Файзулин14 февраля 2011 в 23:35Личное сообщение
Поздравляю с победой!!!
Урок и впрям класс!!!
Стася16 февраля 2011 в 20:54Личное сообщение
мне понравилось! Я вообще люблю сердца!
IceKnight19 февраля 2011 в 17:16Личное сообщение
Отличный урок. Вот моё чудо.
http://s43.radikal.ru/i100/1102/99/8e4bddfac491.png
♥Настюшка♥20 февраля 2011 в 14:14Личное сообщение
ООчень долго
Alevtina Nagornaya 21 февраля 2011 в 23:31Личное сообщение
IceKnight, молодец! Хорошо, что решила попробовать сделать урок. В принципе у тебя всё получилось ( самая долгая и кропотливая часть), но еще немного нужно поработать со светом ( фильтр Layer Effect ). Ну, а вообще молодчина!
Анастасия11 марта 2011 в 15:23Личное сообщение
Круто))
И вы это сами выдумывайте?)))
phaza30 марта 2011 в 02:21Личное сообщение
Отличный урок! По человечески, но подробно, еще и со скриншотами. Это то, что
обычно ищешь между чтением огромных офиц.описаний и опытах \"на кроликах\"...
Да и само сердечко просто пламенное получилось)
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Илья Лейзгольд19 апреля 2011 в 19:40Личное сообщение
очень,очень хороший урок,но у меня не хватило терпения на шаге -7-
(((
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- Заказ полиграфической продукции, рекламная полиграфия. Качества полиграфической продукции.
Информация по уроку
Добавил урок:
Alevtina Nagornaya
Выполнено в GIMP 2.6.11
Опубликовано 8 февраля 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Скачать градиенты
Скачать
Рисование
Уроки по GIMP
Описание скрипта «Layer Effects»
Скачать → Плагины для GIMP
Описание редактора
Про Гимп
Возможности GIMP
Про Гимп → Описание редактора
Вопросы
Как сохранить фото именно в JPEG и с сохранением контура
Удаляя выделенную область, не могу добиться прозрачности
Оценка урока
«Гранатовое сердце» получил оценку 5.00 на основе 5 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →








Эффект слоёного стеклянного текста
Коллаж к 9 мая

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