ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Вышитый текст в Гимп
Идеей для моего урока послужила картинка, которую я нашла совершенно случайно. Возможно в сети есть урок как это сделать в фотошопе, но я туда не заходила. Вот та картинка:

Шаг 1 Создаём документ размером с лист А4 Размер листа выбирается в шаболнах.
Шаг 2 Поворачиваем лист (Изображение — Преобразования — Повернуть на 90 градусов).
Шаг 3 Создаём ещё одно изображение с такими параметрами:

Шаги 4 — 12 выполняются на маленьком квадратненьком изображении.
Шаг 4 Добавляем горизонтальную и вертикальную направляющую (Изображение — Направляющие — Направляющяя в процентах).
Шаг 5 Создаём выделение с такими параметрами:

Шаг 6 На сайте есть урок о создании градиентов. В редакторе градиентов создаём примерно такой градиент:

Шаг 7 Заливаем этим градиентом выделение сверху вниз.
Шаг 8 Дублируем слой 12 раз (Слой — Создать копию слоя).
Шаг 9 Инвертируем выделение (Выделение — Инвертировать) и стираем ластиком всё лишнее со всех слоёв.
Шаг 10 Составляем такую фигурку:

Шаг 11 Выделяем вот так:

Шаг 12 Вырезаем и вставляем как текстуру [ткань].
Не забудте перед тем как вырезать свести изображение.
Шаг 13 Переходим на большую картинку (Маленькую можно закрыть) и заливаем её всю нашей новенькой текстуркой. Если текстура кажется вам очень меленькой, инструментом «Масштаб» увеличте её по вашему желанию, я остановилась на этом.
Шаг 14 Инструментом «Искривление» добиваемся такого эффекта перспективы, чтобы было похоже на 1 картинку в уроке.
Обязательно запомните (лучше запишите) параметры с которыми вы искривляли картинку.
Шаг 15 Создаём слой и называем его «светлота», заливаем белым цветом и ставим непрозрачность ~45%.
Шаг 16 Создаём новый слой и называем его «цвет». Заливаем цветом 7de500.
Шаг 17 Ставим режим «Умножение».
Шаг 18 Создаём новый слой и называем его «Эффекты».
Шаг 19 На этом слое проходимся кисточкой с
Шаг 20 Применяем такой шум:

Шаг 21 Применяем фильтр «Размывание движением» (Фильтры — Размывание — Размывание движением). Длинна ~30, угол смотрите сами. Смотря как вы повернули. Непрозрачность слоя ~45%.
Шаг 22 Создаём новый слой и применяем фильтр «Разностные облака».
Шаг 23 Ставим режим смешивания для слоя «Перекрытие» и непрозрачность ~55%.
Шаг 24 Сводим изображение (Изображение — Свести изображение).
Шаг 25 Инструментом «Текст» пишем нужное слово.
Шаг 27 Находим картинку Уилбера и добавляем её правее текста. Вот так:

Шаг 26 Ставим для удобства непрозрачность ~20%. Начинаем зашивать наш текст (кистью с зажатой клавишей Shift на клавиатуре).
Шаг 27 Стежки нужно рисовать на новом слое.
Шаг 28 Есть 2 варианта заполнения Уилбера:
- Просто заполнить его ровными стежками (Для ленивых или торопливых).
- Или обрисовать его стежками (как я).

Шаг 29 Искривите текст так же как делали это с тканью.
Шаг 30 Так как стежки не очень плотно прилегают к ткани, это нужно показать. С помощью интерактивного искажения преподнимем стежки вот так:

Шаг 31 Дублируем слой. Применяем фильтр «Гауссово размывание» и подвигаем копию на место тени. Непрозрачность слоя ~55%.
Шаг 32 Дублируем слой с текстом на дубликате выделяем все стежки. Применяем шум и Гауссово размывание. Непрозрачность слоя ~55%.
Шаг 33 Экспортируем то, что получилось.

Уроки: ← предыдущий следующий →
11 комментариев
Сергей Петровский10 ноября 2011 в 13:30Личное сообщение
как делать эти стежки? в оригинале фотошопа их делают линиями, а тут какие настройки кисти?
Макс Шевченко10 ноября 2011 в 13:36Личное сообщение
Сергей, "Начинаем зашивать наш текст (кистью с зажатой клавишей Shift на клавиатуре)." Соответственно, толщина стежка будет зависеть от размера выбранной вами кисти.
Сергей Петровский10 ноября 2011 в 15:05Личное сообщение
Спасибо разобрался, я думал использовать кисть Pencil Sketch#1, тоже эффект шитого, но изменяет свое направление. Трудоемкий процесс.)
Анастасия Высочина10 ноября 2011 в 19:07Личное сообщение
Ну знаете я вообще то боялась критики типа "А-та-та плохо воровать сама чёто сделай" и кстати я 1 раз просмотрела урок и закрыла, потом как-то сама делала
Макс Шевченко10 ноября 2011 в 20:48Личное сообщение
Насть, если ты адаптируешь ФШ-урок, то тебе никто и слова не скажет против..) Другой вопрос, если ГИМП-овский.. Тогда да. А здесь никакого "а-та-та" нет и быть не может..)
P.S. Лично от меня "+" за грамотное оформление.
Филипп Ткачёв10 ноября 2011 в 22:22Личное сообщение
Урок замечательный, молодец! Надо было не постесняться в адаптации и довести ее до конца. Если бы вы провели полную адаптацию, цены уроку бы не было. Я прочитал оригинальный, он далеко не из самых простых и такой урок было бы по-настоящему интересно делать.
Вообще, когда видишь хороший финальный результат, возникает желание сесть и сделать такой урок.
Не в укор, но с намеком скажу, что хотелось бы в Гимпе добиться такого же по уровню результата, как и в Фотошопе. Я хоть и не делаю уроки, но читаю практически все. Некоторые уроки про себя отмечаю, что в них есть что-то действительно нужное и полезное, применимое, так сказать, в реальном мире. Ваш урок один из таких.
Андрей Сидоров11 ноября 2011 в 02:16Личное сообщение
Филипп, а что там осталось-то? Расфокус добавить и всё.
Другое дело, что ткань в уроке не очень удалась. Звенья слишком большие и перспективы практически нет, но это легко правится.
Михаил Газзуар11 ноября 2011 в 09:15Личное сообщение
Андрей, когда увидел первую фотку в этом уроке, у меня не было сомнений что это фотка, ну в крайнем случае отличная трёхмера. А результату данного урока не хватает того мастерства из оригинального урока. Я старался сделать такую же ткань в Gimp, не вышло такого же качества. Расфокус делал эффектом Olify (маслянная краска), но дело даже не в расфокусе, а в том как сделать стяжки, как деформировать перспективой ткань, как сделать освещение - очень тонко нужно чувствовать материал и грамотно использовать инструменты. У меня не получилось, было бы ценно очень увидеть подобный результат в Gimp и этапы его получения.
Марк Панов13 ноября 2011 в 06:58Личное сообщение
Ух, прямо глоток свежего воздуха после ряда предыдущих "уроков", спасибо!
$$ Leopard $$18 ноября 2011 в 15:21Личное сообщение
Хм, фон неочень получился надо что-то однотонное. а так урок понравился.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку
Добавил урок:
Анастасия Высочина
Выполнено в GIMP 2.6
Опубликовано 9 ноября 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Воображение
Галерея
Работа с текстом
Уроки по GIMP
Возможности GIMP
Про Гимп → Описание редактора
Рисование
Уроки по GIMP
Скачать градиенты
Скачать
Вопросы
Почему, если объединять слои с измененными режимами, изменяется результат?
Оценка урока
«Вышитый текст в Гимп» получил оценку 4.17 на основе 6 голосов.
9204+234 Комментария |
со ссылкой на www.progimp.ru. Более подробно →






Рисование чиби щенка
Рисование батарейки с огнем или водой
Рисование лапки Gom-плеера
Рисование Земли в лампочке накаливания

Конечно "не заходила"..) И размер 250*250 с потолка взят..)
Кому интересно, ссылка на оригинал:
http://www.egraphic.ru/viewid.php?lnkid=13615
А вообще адаптация хорошей получилась..)