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

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

   

Как нарисовать фотореалистичный свиток

Главная Уроки Как нарисовать фотореалистичный свиток

Доброго времени суток. Сегодня мы будем делать фотореалистичный свиток старинной бумаги — это урок-адаптация и оригинал Вы можете посмотреть здесь.

Итак, приступим

Создаем новый документ с белым фоном (вообще-то это не существенно, но для контраста, советую все — таки какой-нибудь фон, а не прозрачный документ).

Делаем новый прозрачный слой (назовем его «Лист») , на котором делаем прямоугольное выделение (с помощью инструмента Прямоугольное выделение) и заливаем нужным цветом. У меня это e6d1b2.

Создаём текстуру

Не снимаем выделения, и идем в Фильтры — Визуализация — Облака — Туман (если на ошибаюсь — в англоязычном оформлении последний пункт обозначен Fog  — думаю, Вы разберетесь по виду окна фильтра) и делаем такие настройки.

После работы фильтра появился новый слой, ставим ему непрозрачность 70–80% и режим смешивания «Перекрытие».

Создаем слой из видимого, предварительно скрыв видимость фонового слоя (Меню — Слой — Создать из видимого или кликаем правой клавишей мыши по верхнему слою и выбираем «Создать из видимого») и называем полученный слой «Текстура».

Теперь, пока не возвращена видимость фоновому слою, нужно зайти во вкладку каналов, кликнуть по иконке Зеленого канала правой клавишей мыши и выбрать «Создать дубликат канала».

Это нужно будет для работы фильтра, теперь можно вернуться во вкладку слоев и вернуть видимость фону (для удобства).

Идем в Фильтры — Свет и тень — Освещение вот здесь нам и понадобится копия зеленого канала. Запоминаем откуда падает свет. (в моем случае это первый угол) , если у Вас будет не то направление, то и тени будут другие.

Ура, у нас появилась текстура на будущем свитке!

Теперь можно скрыть все нижележащие слои до фонового, что бы они не мешали работе.

Добавляем неровности

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

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

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

Выбираем инструмент Масштаб и применяем к нашему конусу, при этом изменяться будет только выделенная часть слоя. Немного потянем за боковые квадратики и немного вниз. Наш огрызок увеличился. Это собственно и есть одна из будущих закрученных частей свитка.

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

Тоже проделываем и для нижнего края.

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

Поработаем над объемом закрученных частей

Я напишу как это делать на примере верхней части, т. к. нижнюю делать так же.

Выделяем альфа-канал на верхнем завитке (слой «Трансформация»), создаем над ним новый слой «свет».

Меняем цвет на светлый тон желтого или кремового цвета.

Выбираем градиент с такими настройками.

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

Создаем новый слой, под слоем и «свет» назовем его «тень» и выбираем синий/фиолетовый оттенок.

Берем обычную круглую жесткую кисть, уменьшаем непрозрачность где-то 8–14%.

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

Без фанатизма, пройдемся по самому верхнему краю свитка. Получим что-то вроде этого.

Для того, что бы дорожки кисти нас не смущали, все еще не снимая выделения, пройдем в Фильтры — Размывание — Гауссово размывание.

Вспоминаем про рефлекс и в са-а-а-амом низу, добавляем светлые блики маленькой жесткой кисточкой. На данном этапе они не видны, но уже на следующем шаге, все встанет на свои места.

Возвращаемся на первый слой «текстура», выделяем альфа-канал, добавляем новый слой для тени уже на этой части свитка. Тень делается так же как и на «рулончиках». Темным тоном кисти намечается затемненная область. Чем ближе к свернутому краю, тем темнее, и чем дальше, тем соответственно светлее. И, не снимая выделения размываем этот слой Гауссовым размыванием.

Обратите внимание, сейчас наш рефлекс не дает слиться нижнее и верхней части свитка.

Уголки — это простые треугольники, с не ровными краями, скопированные с помощью Свободного выделения из слоя «текстура» и затемненные относительно основного полотна с помощью кисти того же цвета, который мы брали для тени.

Выделяем, Правка — Копировать и Правка — Вставить и прикрепляем плавающее выделение на новый слой, перемещаем под слой с завитком («Трансформация») и, выделив альфа-канал, затемняем той же кистью, что и для тени.

То же для нижнего завитка.

Основная цель урока выполнена. Теперь займемся украшательством.

Сейчас наш свиток выглядит погрызенным мышами. Давайте немного оживим и помнем края.

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

Возьмем нашу круглую твердую кисточку и темным цветом, который мы брали для тени и пройдемся по краю в местах выделения на новом слое. Затем выделяем альфа-канал на слое «текстура», инвертируем выделение (Мню — Выделение — Инвертировать), возвращаемся на слой «мятый край» и жмем Delete. .

Немного размазываем Пальцем темные участки.

С учетом наших помятостей, можно сильнее «порвать» лист. Опять Свободным выделением делаем вот такие вырезы:

…и жмем Delete, сначала находясь на слое «текстура», а потом на слое «мятый край» и, если нужно на слоях с тенью. Снова выделяем альфа-канал на слое «Текстура» и возвратясь на слой «мятый край», размываем его Гауссовым размыванием в 10 рх.

Можно добавить несколько светлых мазков маленькой кистью возле помятостей.

Еще можно подпалить края. Пройтись кистью с такими настройками:

Я делала это прямо на слое «текстура» и на слоях с завитками, если Вы будете рисовать на отдельныйх слоях, то измените режим кисти на обычный, но режим слоя — на «Умножение».

Поступаем так же, как с тенью — проходимся один раз подальше от края и несколько раз ближе к краю, где цвет должен быть гуще.

Ухудшаем качество бумаги

Создаем новый слой «качество» под первым слоем с завитком, выделяем альфа-канал на слое «текстура», возвращаемся на новый слой и идем в Меню — Фильтры — Визуализация — Сплошной шум.

Затем в Меню — Фильтры — Выделение края — Край.

И еще раз, но с другими настройками.

И теперь Мню — Цвет — Уровни.

В режиме слоя, изменим наложение на Только темное и очень маленькую Непрозрачность.

Повторим для слоя в «валиками». Получится как-то так.

Можно добавить какую-нибудь картинку — старинную карту, например, и всего чего душа пожелает.

Советую для темных картинок делать режим «Объединение зерна», а для светлых «Умножение» и немного уменьшать непрозрачность (примерно 80%) и тогда можно получить что-то вроде этого.

Надеюсь, урок понравился, выполняйте, пишите комментарии и удачи!

8

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

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

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

Добавить

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

6 комментариев

1

Пользователь #11054Kasper Najoff14 декабря 2013 в 21:28Личное сообщение

Так очень понравилось только есть два небольших вопроса-уточнения:
1 откуда падает свет
2 Картинки можно было-бы по меньше сделать, а вообще по карте естественней было-бы по другому вписать в свиток (не поперёк, а вдоль).

1

Пользователь #10339Юлия Кулиш14 декабря 2013 в 22:34Личное сообщение

Спасибо за замечания и свет падает как в фильтре освещение.

0

Пользователь #11054Kasper Najoff15 декабря 2013 в 01:55Личное сообщение

Юлия. простите сразу позицию источника не прочёл, а как у Вас сделана установка, тогда выходит свет идёт от источника находящегося не перпендикулярно, а под углом, а значит и блики и тени на свёрнутых участках должны быть чуть смещены в верхний правый угол, но по сразу этого не замечаешь, так как само изображение сделано на Уровне!

0

Пользователь #10339Юлия Кулиш15 декабря 2013 в 13:47Личное сообщение

Хорошо, Kasper, пусть это будет фотостудия с несколькими источниками, а вообще я делала все как в уроке по фотошопу, но думаю, в этой области я могла где-то и допустить ошибку.

0

Пользователь #4Андрей Сидоров19 декабря 2013 в 00:28Личное сообщение

Спасибо за интереснейший урок. Уровень, как всегда очень высок!

1

Пользователь #10339Юлия Кулиш21 декабря 2013 в 13:25Личное сообщение

Спасибо, как всегда выбирала по красивой картинке.

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

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

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

Создаем росу на паутине
Урок-адаптация. Учимся создавать капельки росы на нитях паутины при помощи GIMP и фильтра Layer Effects.

Простая открытка ко дню Святого Валентина
Простая открытка, для которой адаптирован текстовый эффект из урока по Фотошопу.

Как создать шоколадную поздравительную открытку на День Святого Валентина
Урок-адаптация, в котором мы научимся создавать шоколадную открытку к празднику влюбленных.

Магия сверкающих шаров
Урок-адаптация в котором мы научимся создавать волшебные зелёные эффекты, используя несколько несложных приёмов.

Праздничная новогодняя открытка
Создание праздничной новогодней открытки со стеклянным шариком. Урок-адаптация.

Кисти

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 Пушистый шар Пушистый шар 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 GIMP Brush Lenta GIMP Brush serdtse GIMP Brush List GIMP Brush Kist GIMP Brush GIMP Brush Uzor GIMP Brush Ornament GIMP Brush fingerprint_brush_by hawksmont3 Blue Prints 1 Blue Prints 2 Blue Prints 3 Blue Prints 4 Blue Prints 5 Blue Prints 6 Blue Prints 7 Blue Prints 8 Blue Prints 9 Blue Prints 10 Blue Prints 11 GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush Rock1 Sc_Scratch Tank1 Hole1 Hole2 Hole3 Hole4 h_texture GTA 3 Конфети GIMP Brush Pipe Феерверк Пестрая клякса Цветные прямоугольники ягоды Bed Circle Confetti Hare GIMP Brush GIMP Brush  Shahmaty Asterisk8 Bow Pepper Матрёшка Turtle Drop Blot Fish Sn0wdrop Hippopotamus FUZZY3 Apple Arrow 1 Arrow Fish 1 Fish 2 Fish 3 Fish 4 Fish 5 Fish 6 Fish 7 Fish 8 Fish gold GIMP Brush Leaves 2 Leaves Next Pointer Tulip Vase Trees3 Кнопка Lightning GIMP Brush Pigeon 1 Tree Beams 1 Beams 1 Beams 3 Beams 16 Лучи Branches 1 Branches 2 Corner from leaves 2 Corner from leaves Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 Rainbow Облако Ornament flower Пуговицы GIMP Brush Zvezda Snowflake 1 Snowflake 2 Snowflake 3 fractal2_brush_by_hawksmont3 Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Cupid Circles 3 Circles A love stori First Snow Flover Framework 800x1000 Figures GIMP Brush bananas vase with fruit butterfly 1 butterfly 2 butterfly 3 butterfly 4 butterfly 5 butterfly 6 Mask01 Mask02 Mask03 листья.gbr Mask05 сердечко Mask19 Mask49 Mask67 Mask73 Mask74 Mask83 волны Mask91 лучи Mask92. неоновый круг золотой диск мазай кисть монстер ресурсы фиолетовая кисть спиральный круг орнамент орнамент 2 орнамент 3 орнамент 4 орнамент 5 орнамент 7 орнамент 8 орнамент 9 орнамент 10 GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Как нарисовать фотореалистичный свиток» получил оценку 4.50 на основе 2 голосов.

13875+6
Комментариев

вверх