ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Бесконечная текстура Георгиевской ленты
Главная Уроки по GIMP → Бесконечная текстура Георгиевской ленты
Создаем слой 600x600. Опускаем две горизонтальные направляющие. Делаем инструментом «Контуры» такую синусоиду:

Создаём новый слой. Обводка по контуру в 16px. Скрываем контур.

Дублируем слой с полоской. Увеличиваем зум. Дублированный слой передвигаем вправо так, чтобы он оказался на стыке (появилось повторение).

Удаляем кусок слоя с нижней полосы.

Направляющие больше не нужны. Появился стык:

Он появился из-за нижнего слоя. Подтираем его ластиком и стык уходит.

Объединяем оба слоя с лентой. И передвигаем левей.

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

Запираем альфа-канал на четных полосках и закрашиваем их темно-желтым цветом.


Объединяем все слои с полосками и ищем место для дублирования. Для этого нужно кадрировать изображение так, чтобы слой полос не выходил за пределы холста. Потом нужно обрезать левый край полос, в котором будет дублирование.

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

Инвертированный кусок — лишний нужно кадрировать изображение пиксель в пиксель по этот слой.

После кадрирования должна получиться бесконечная текстура для копирования по горизонтали. С верхним и нижним краями нужно проделать те же движения. После этого должен остаться примерно такой кусок:

Создаем новый слой с режимом смешивания «Перекрытие» и накидываем на него от начала и до конца линейный градиент с названием «Blinds». И применяем к слою с градиентом фильтр «Гауссово размывание» с такой настройкой:

Такой черно-белый градиент будет не бесконечным, стыки между дублированием будут сильно заметны, а фильтр «Без швов» может справиться плохо.
Берем черный цвет переднего плана, линейный градиент «Основной в прозрачный» и с обоих концов текстуры градиента применяем его.

Текстура практически готова. Добавим на ленту текстуру ткани. Стыд и срам тем, кто пинал урок про создание джинсовой текстуры.
Я не стал повторять урок полностью, а просто открыл результат, обесцветил его и наложил между слоем с градиентом и Георгиевской лентой с режимом смешивания «Перекрытие».

Текстуру ткани практически не видно. Да и блеска на черных полосах ленты не видно. Делаем активным слой с лентой и идем в инструмент «Яркость/Контраст». Крутим:

Для того, чтобы усилить текстуру ткани продублировал слой с джинсовой текстурой. Теперь можно объединить слои, увеличить размер холста и проверить:

Уроки: ← предыдущий следующий →
21 комментарий
Анна Ковальчук7 мая 2011 в 01:39Личное сообщение
Как это не нужен? Создание текстур... Тут Георгиевская лента только для примера. Таким образом какую угодно текстуру сделать можно. Для создания сайтов самое оно!
Domitory7 мая 2011 в 02:52Личное сообщение
текстура ткани не повторяет изгиб ленты
а так не плохо
Вероника Демьянова7 мая 2011 в 08:52Личное сообщение
Понравилось, интересно)
Но некоторые действия я не поняла. Ну или просто не получилось:D
Макс Шевченко7 мая 2011 в 09:08Личное сообщение
Ну а что, интересно.. А изгиб текстуре можно придать, использовав Фильтры -> Искажение -> Изгиб по кривой.
P.S. *задумчиво* а он тянет на "сложный"?
Сергей Диденко7 мая 2011 в 09:53Личное сообщение
победитель есть.
на сложный оценено
Domitory7 мая 2011 в 09:57Личное сообщение
что тут сложного то?
Евгений Волков7 мая 2011 в 12:14Личное сообщение
Хороший, годный урок, понравился результат, хотя и правильно говорят, что текстуру ткани тоже можно изогнуть фильтром.
Александр Файзулин7 мая 2011 в 14:47Личное сообщение
Да урок красивый...
Добавить нечего, токо 5!
*******************************
И вот это комент насчет того, что урок ненужный(((
Очдаже НУЖНЫЙ!
Какждый найдёт в нем что то для себя!
Автору спасибо!
Андрей Сидоров7 мая 2011 в 15:07Личное сообщение
Текстура ткани действительно не соответствует изгибам. В этом я ошибся в баннере на главной странице, а тут исправлять не стал. Текстура должна идти перпендикулярно полоскам. Для того, чтобы исправить ошибку нужно просто перевернуть джинсовую текстуру на 90 градусов.
Сложность самая высокая, потому что урок большой, кропотливый и я объяснил положение фильтров очень сбито.
Alevtina Nagornaya 7 мая 2011 в 16:05Личное сообщение
Урок очень хороший на 5!
zend7 мая 2011 в 18:15Личное сообщение
>> Выполнено в GIMP 2.7.2
>> Опубликовано 7 мая 2011
Хм... А почему инструменты отрисованы не через Cairo?
Андрей Сидоров7 мая 2011 в 20:09Личное сообщение
Оно из SVN, а не из GIT. Инструмента трансформации тоже нет.
TechnoVirus8 мая 2011 в 13:43Личное сообщение
А кто нибудь смог урок повторить?
Что-то я методику кадрирования не понял. Можно про неё как-то по подробнее, ну может в следующем уроке... Не могу найти ту самую точку где можно было обрезать изображение...
Вадим8 мая 2011 в 13:54Личное сообщение
TechnoVirus, например в диалоге слоев ПКМ на слое и слой к "размеру изображения".
Андрей Сидоров8 мая 2011 в 14:00Личное сообщение
Даже не знаю как объяснить еще проще...
Там где бело-синее полотно встречается с черно-желтым - оба они повторяют друг-друга и если они одного цвета - могут дублироваться. Но! Вверху бело-синей полосы есть черная линия, оставшаяся от черно-белого полотна. Если ее не удалить - будет скол.
То есть, вам и нужна эта точка.
мс268 мая 2011 в 21:52Личное сообщение
Подскажите, пожалуйста, что значит «увеличиваем зум»?
Макс Шевченко8 мая 2011 в 22:44Личное сообщение
мс26
Увеличение... В переводе с англицкого.
Вадим8 мая 2011 в 23:04Личное сообщение
Зум - оптическое приближение или удаление.
Вадим8 мая 2011 в 23:10Личное сообщение
Попробовал, не получилось. Наверно надо точно указать высоту синусоиды?
Совет, для точной подгонки пикселей, что бы избежать сколов убирайте галочку в Вид / Показывать границы слоя.
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- Заказать австрийские классические мужские наручные часы в магазине в г. Харьков.
Информация по уроку
Добавил урок:
Андрей Сидоров
Выполнено в GIMP 2.7.2
Опубликовано 7 мая 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.
Скачать градиенты
Скачать
День Победы
Уроки по GIMP
GIMP FX Foundry
Скачать → Плагины для GIMP
Вопросы
Преобразование в параллелепипед
Куда и как добавлять кисти в Linux
В чем разница между режимами смешивания "Перекрытие" и "Рассеянный свет"?
Оценка урока
«Бесконечная текстура Георгиевской ленты» получил оценку 5.00 на основе 8 голосов.
9170+244 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →







Карандашный рисунок
Фотография в стиле "Высокий ключ"
Создаём текстуру дерева
Рисуем ледяное сердце
Эффект light leak с помощью шаблонов

Ну в принципе урок интересен.Но не очень нужный.
Оценка 5.Так как урок простенький.