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

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

   

Бесконечная текстура Георгиевской ленты

Главная Уроки по GIMP Бесконечная текстура Георгиевской ленты

Создаем слой 600x600. Опускаем две горизонтальные направляющие. Делаем инструментом «Контуры» такую синусоиду:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7 мая 2011 8

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

Андрей Сидоров

Метки: градиент, контуры, режимы смешивания, текстура, фильтры, лента, 9 мая.

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

21 комментарий

-26

Пользователь #2431TheOloloOne Табачный7 мая 2011 в 00:34Личное сообщение

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

Оценка 5.Так как урок простенький.

9

Пользователь #3341Анна Ковальчук7 мая 2011 в 01:39Личное сообщение

Как это не нужен? Создание текстур... Тут Георгиевская лента только для примера. Таким образом какую угодно текстуру сделать можно. Для создания сайтов самое оно!

9

Пользователь #1553Domitory7 мая 2011 в 02:52Личное сообщение

текстура ткани не повторяет изгиб ленты

а так не плохо

2

Пользователь #2866Вероника Демьянова7 мая 2011 в 08:52Личное сообщение

Понравилось, интересно)
Но некоторые действия я не поняла. Ну или просто не получилось:D

0

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

Ну а что, интересно.. А изгиб текстуре можно придать, использовав Фильтры -> Искажение -> Изгиб по кривой.

P.S. *задумчиво* а он тянет на "сложный"?

-5

Пользователь #2857Сергей Диденко7 мая 2011 в 09:53Личное сообщение

победитель есть.
на сложный оценено

8

Пользователь #1553Domitory7 мая 2011 в 09:57Личное сообщение

что тут сложного то?

0

Пользователь #3122Евгений Волков7 мая 2011 в 12:14Личное сообщение

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

0

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

Да урок красивый...
Добавить нечего, токо 5!
*******************************
И вот это комент насчет того, что урок ненужный(((
Очдаже НУЖНЫЙ!
Какждый найдёт в нем что то для себя!
Автору спасибо!

0

Пользователь #4Андрей Сидоров7 мая 2011 в 15:07Личное сообщение

Текстура ткани действительно не соответствует изгибам. В этом я ошибся в баннере на главной странице, а тут исправлять не стал. Текстура должна идти перпендикулярно полоскам. Для того, чтобы исправить ошибку нужно просто перевернуть джинсовую текстуру на 90 градусов.

Сложность самая высокая, потому что урок большой, кропотливый и я объяснил положение фильтров очень сбито.

-6

Пользователь #174Alevtina Nagornaya 7 мая 2011 в 16:05Личное сообщение

Урок очень хороший на 5!

0

Пользователь #2102zend7 мая 2011 в 18:15Личное сообщение

>> Выполнено в GIMP 2.7.2
>> Опубликовано 7 мая 2011

Хм... А почему инструменты отрисованы не через Cairo?

0

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

Оно из SVN, а не из GIT. Инструмента трансформации тоже нет.

0

Пользователь #1384TechnoVirus8 мая 2011 в 13:43Личное сообщение

А кто нибудь смог урок повторить?
Что-то я методику кадрирования не понял. Можно про неё как-то по подробнее, ну может в следующем уроке... Не могу найти ту самую точку где можно было обрезать изображение...

0

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

TechnoVirus, например в диалоге слоев ПКМ на слое и слой к "размеру изображения".

0

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

Даже не знаю как объяснить еще проще...

Там где бело-синее полотно встречается с черно-желтым - оба они повторяют друг-друга и если они одного цвета - могут дублироваться. Но! Вверху бело-синей полосы есть черная линия, оставшаяся от черно-белого полотна. Если ее не удалить - будет скол.

То есть, вам и нужна эта точка.

0

Пользователь #2898мс268 мая 2011 в 21:52Личное сообщение

Подскажите, пожалуйста, что значит «увеличиваем зум»?

0

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

мс26
Увеличение... В переводе с англицкого.

0

Пользователь #3233Вадим8 мая 2011 в 23:04Личное сообщение

Зум - оптическое приближение или удаление.

4

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

Попробовал, не получилось. Наверно надо точно указать высоту синусоиды?
Совет, для точной подгонки пикселей, что бы избежать сколов убирайте галочку в Вид / Показывать границы слоя.

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

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

  • Заказать австрийские классические мужские наручные часы в магазине в г. Харьков.

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

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

Карандашный рисунок
Стилизация фотографий под карандашный рисунок с помощью фильтров и режимов смешивания.

Фотография в стиле "Высокий ключ"
Обработка фотографий при помощи кривых, масок слоя и режимов смешивания.

Создаём текстуру дерева
Достаточно простой урок по созданию текстуры дерева с помощью фильтров и режимов смешивания.

Рисуем ледяное сердце
Сложный урок по рисованию контурами и наложению текстур режимами смешиваня.

Эффект light leak с помощью шаблонов
Легкий урок по приданию необычного свечения на фотографиях с помощью шаблонов и режимов слоя.

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush NSS-V2.0-brush-an-9 AnimalPrints_1 AnimalPrints_2 AnimalPrints_4 AnimalPrints_5 AnimalPrints_6 AnimalPrints_7 AnimalPrints_8 AnimalPrints_9 AnimalPrints_10 AnimalPrints_11 AnimalPrints_13 AnimalPrints_16 AnimalPrints_18 real oil 3
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

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

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

PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.

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

День Победы
Уроки по GIMP

GIMP FX Foundry
Скачать → Плагины для GIMP

Оценка урока

«Бесконечная текстура Георгиевской ленты» получил оценку 5.00 на основе 8 голосов.

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