Найти тему

Shutterstock/ Как подготовить иллюстрацию для стоков. Создание Бесшовного паттерна (узора) ПОДРОБНО и в картинках. Часть 2

Оглавление

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

Но мы сегодня будем создавать БЕСШОВНЫЙ УЗОР на белом изолированном фоне. Я буду показывать на примере работы в Photoshop.

Открываем редактор и создаем новый проект. Фон белый. Размер я взяла 5000 *5000 пикселей, разрешение 300ppi

Далее открываем тот элемент, который по задумке должен находится на заднем плане. У меня это вот такие зеленые листья. Открывшейся файл просто переносим на наш белый фон

У вас появиться Слой 1
У вас появиться Слой 1

Теперь эти листочки можно повернуть, уменьшить, отразить зеркально. Увеличивать больше истинного размера не советую - теряется качество, хотя и это возможно.

Крутим-вертим..
Крутим-вертим..

Когда вы добились того, что вас устраивает расположение первого объекта, можно добавлять следующий. На этот раз у меня это роза (та самая, которую мы "вырезали" в прошлой статье). Щелкаем по Слой1 и перемещаем на него наш цветок. Если не активировать нужный нам слой, то роза окажется под листьями, на фоне.

Размещаем розу по-верху наших зеленых листьев.
Размещаем розу по-верху наших зеленых листьев.

Ещё один листик, и опять на слой "Фон". Так он тоже окажется под цветком.

-5

Корректируем его расположение с помощью инструментов "Редактирование" и "Свободное трансформирование".

Добиваемся нужного расположения.

-6

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

-7

Прилаживаем бутон с веточкой на розу. Сейчас это смотрится как-то несуразно, но сам стебелёк мы сейчас прикроем листиками.

-8

Открываем зеленый листик и аккуратно ставим его на наш стебелёк. Трансформируем его так, чтобы картинка смотрелась естественно.

-9
-10

Вроде готово. Теперь нам надо объединить все детали вместе, отсоединив их от белого фона. Для этого надо выбрать среди слоёв "Фон" и снять с него галочку.

-11

И щёлкнув правой кнопкой мыши по любому слою, выбрать "Объединить видимые". Теперь осталось только сохранить.

-12
Сохраняем файл в  формате PNG
Сохраняем файл в формате PNG

Ну а теперь самый творческий момент - создание узора. Здесь нам понадобиться немного математики.

Создаём новый документ размером 5000 *5000 пикселей, разрешение 300ppi

-14

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

-15

Нажимаем Ctrl+J и сразу же Ctrl+T. Таким образом мы копируем наше изображение на новый слой и можем этот новый слой двигать, вписывая нужные нам цифры вот в эти окошки с обозначениями X и Y.

Записываем те цифры, которые у вас получились

-16

Открываем калькулятор и из 5000 вычитаем или прибавляем эти цифры. Всё зависит от того, куда вам надо смещать картинку: влево-вправо, вверх или вниз. Получившиеся значения вписываем вместо изначальных.

-17

Так поступаем с обоими значениями.

-18

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

Ну а теперь можно добавить ещё некоторые детали, чтобы завершить наш узор.

-19
-20

Сохраняем получившуюся красоту. Можно ещё поэкспериментировать с цветом фона.

Если что-то осталось не понятно - задавайте вопросы! Я с удовольствием на них отвечу.

Я надеюсь статья была для вас полезной, если это так - ставьте лайк и подписывайтесь чтобы не пропустить интересное!