Создаем паттерн в Фотошопе

Создаем в Фотошоп геометрический паттерн в стиле 90-х

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

Шаг 1

Начните с создания нового документа размером 600 на 450 пикселей. Кликните ОК.

Шаг 2

Чтобы создать фон, кликните по иконке добавления нового корректирующего слоя в нижней части панели слоев и выберите Solid Color (Цвет). В появившемся диалоговом окне выберите яркий голубой цвет, и, как только будете удовлетворены результатом, нажмите ОК.

Шаг 3

Проверьте, включена ли видимость линеек, и если нет, то нажмите View >Ruler ( Просмотр > Линейки). Кликните по линейке и потяните для создания направляющей, каких нам необходимо 4 штуки, по одной с каждого края холста — сверху, снизу, слева и справа. В центральной части холста, ограниченной направляющими, мы и будем создавать наш узор.

Шаг 4

Далее создайте кольцо. Нарисуйте еще один круг, но на этот раз измените заливку на None (Нет цвета) и увеличьте толщину обводки. Затем создайте еще одно кольцо.

Шаг 5

Теперь давайте нарисуем полукруг, а сделаем мы это, сначала создав круг, а затем разрезав его пополам прямоугольником. Прямоугольник должен быть в режиме Subtract Front Shape (Вычесть переднюю фигуру).

Чтобы превратить эти две фигуры в единый контур, выберите обе фигуры, а затем Merge Shape Components (Объединить компоненты фигуры).

Выберите яркий цвет для заливки и None (Нет цвета) для обводки.

Шаг 6

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

Шаг 7

При помощи инструмента Polygon (Многоугольник) создайте шестиугольник (как вы понимаете, у него должно быть шесть сторон). Проверьте, чтобы указанное количество сторон равнялось шести, прежде чем щелкнуть мышью и потянуть, создавая фигуру. Сверху добавьте несколько прямоугольников и выберите опцию Subtract Front Shape (Вычесть переднюю фигуру).

Шаг 8

Дважды кликните по стилю слоя и активируйте стиль Drop Shadow (Тень).

Примечание переводчика: Настройки стиля слоя на скриншоте: Непрозрачность: 90%, Угол: 58 градусов, Смещение: 2 пикселя.

Шаг 9

Добавьте еще один шестиугольник, на этот раз другого размера и цвета.

Шаг 10

Продублируйте фигуру. Нажмите Control-T и измените ее координаты на новое значение, которое будет равно старой координате у + ширина узора. В данном случае, это 52 + 359 = 411.

Шаг 11

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

Шаг 12

Напомню: нельзя забывать об основном правиле повторяющегося узора. Если вы размещаете фигуру на крае, то она должна разместиться и на противоположном крае. Взгляните на плюсик слева — его необходимо продублировать, а затем переместить на противоположную сторону.

Финальный результат

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

Источник: //designe-r.in.ua/uroki/uroki-photoshop/sozdaem-v-fotoshop-geometricheskij-pattern-v-stile-90x/

Как создать бесшовный паттерн: в Photoshop, в Gimp и вручную

Легкомысленные цветочные мотивы на обоях, уютная и основательная клетка на пледе, яркий узор на упаковочной бумаге… согласитесь, без принтов и орнаментов наш быт был бы намного скучнее. Мы часто рассказываем вам, как использовать их в интерьере, а на этот раз решили поделиться секретом создания. 

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

Посмотрите на примеры ниже. В первом мы легко находим «элементарную частицу» и понимаем, что это просто нарисованные на квадратном холсте четыре арбузные дольки. А вот как сделать паттерн наподобие второго, не настолько очевидно.

Что ж, этим мы сегодня и займемся!

Фото 

Вручную

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

1. Берем лист бумаги (любого формата) и рисуем на нем часть будущего принта. Постарайтесь заполнить большую его часть, при этом не касаясь краев. 

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

3.Заполните изображением образовавшуюся пустоту. 

4. Отсканируйте изображение и попробуйте вручную соединить несколько копий, оставляя между ними зазор в один пиксель. Вы наверняка обнаружите, что во многих местах стыки заметны. Исправьте недостатки, работая только с основным, центральным фрагментом, и после этого удалите все лишние копии.

5. Все готово к тому, чтобы использовать ваш рисунок для создания паттерна. Переходите к пункту № 5 в инструкциях ниже!

Photoshop

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

1. Создайте пустой документ небольшого размера с длиной сторон, пропорциональной двум. 

Файл → Создать

2. Заполните любым узором пространство в центре листа. Важно оставить пространство по краям листа; в любом случае нужно следить, чтобы узор не касался его краев.

3. В эксперименте с бумагой нам пришлось вручную разрезать лист и склеивать его снова. В Photoshop это делается одним нажатием кнопки, с помощью инструмента Сдвиг/Offset. 

Фильтры → Другое → Сдвиг

Go to Filter → Other → Offset

Значение сдвига сделайте равным половине ширины/высоты вашего изображения. Отметьте пункт «Вставить отсеченные фрагменты».

4. Заполните пустоту, продолжая следить, чтобы рисунок не выходил за края изображения.

5. Сохраните изображение как паттерн.

Редактирование → Определить узор. 

Edit → Define Pattern

6. Теперь паттерном можно заполнять любую выбранную область, просто используйте инструмент Заливка (G) и в его настройках вместо «Основной цвет» выберите «Узор». 

Заливка, Узор

Paint Bucket Tool, Pattern

Gimp

Gimp — открытый аналог Photoshop, который можно скачать совершенно бесплатно. Для профессиональных нужд его используют не часто, но он вполне заменит продукт Adobe, если вам нужно подкрутить резкость на фотографии или — создать паттерн.  

1. Создайте новое изображение. Мы уже знаем, что длина и ширина его должны быть пропорциональны двум. 

2. Создайте в центре листа рисунок. 

3. Для того, чтобы разрезать и склеить изображение, воспользуемся инструментом Смещение. 

Слои → Преобразования → Сместить

Layer → Transform → Offset

4. Дорисуйте недостающие фрагменты паттерна. 

5. Сохраните изображение как паттерн.

Правка → Вставить как → Новая текстура

Edit → Paste as → New pattern

6. Заполните паттерном лист любого размера, используя инструмент Плоская заливка/Busket fill (Shift + B) и выбрав в меню Цвет заливки/Fill type опцию Текстурой/Pattern fill. 

P. S.

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

Источник: //kvartblog.ru/blog/kak-sozdat-besshovnyj-pattern-v-photoshop-v-gimp-i-vruchnuju/