Как добавить свой узор в фотошоп
Перейти к содержимому

Как добавить свой узор в фотошоп

Как нанести узор или рисунок на одежду

Мы нанесем узор на одежду модели так, чтобы он соответствовал всем контурам. После этого сделаем так, чтобы узоры и рисунки можно было менять просто и быстро.

Подготовка: создание нового узора

Мы будем использовать клетчатый узор:

  1. Откройте узор
  2. Перейдите в меню Редактирование> Изменить> Определить узор
  3. Дайте ему название.

Подготовка: создание нового узора

Шаг 1: Размещение узора

  1. Кликните по иконке «Создать корректирующий слой или слой-заливку» в палитре слоев и выберите пункт « Узор» . Затем выберите нужный образец.
  2. Дважды кликните по узору в палитре слоев. После этого откроется окно « Заливка узором» . Измените масштаб на 20%.
  3. Кликните правой кнопкой мыши по имени слоя и выберите пункт « Преобразовать в смарт-объект» .

Шаг 1: Размещение узора

Шаг 2: Размещение узора

  1. Поместите узор в нужное положение. Воспользуйтесь клавиатурной комбинацией Ctrl + T для активации режима свободной трансформации. Перетащите угловые точки, растягивая и вращая узор.
  2. Создайте выделение вокруг рубашки модели. Я уже создал выделение в палитре контуров. Используйте Ctrl + клик левой кнопкой мыши, чтобы загрузить выделение.
  3. При активном выделении кликните по иконке « Добавить слой-маску» в палитре слоев. После этого будет создана маска слоя.
  4. Уменьшите непрозрачность примерно до 30%, чтобы видеть, что происходит во время работы.

Шаг 2: Размещение узора

Шаг 3: Впишите текстуру в форму

Это можно сделать с помощью « Карты смещения». Она подходит для того, чтобы вписать что-то в пределы формы. Но у нее есть два недостатка.

  • Карта смещения деформирует все в одинаковых пропорциях.
  • Она будет работать только со сплошным цветом.
  1. Выберите Фильтр> Пластика . Два инструмента, которые мы будем использовать: « Заморозить» и « Деформация» .
  2. Инструмент « Заморозить» защищает от применения фильтра пластики. Закрасьте область от правого верхнего угла до края первого сгиба. Используя большую кисть, сместите узор вверх, чтобы он немного ушел за края маски.
  3. Закрасьте область до края сгиба.
  4. Сместите узор с помощью инструмента « Деформация».
  5. Сглаживайте и сморщивайте узор таким образом, чтобы он соответствовал всем изгибам.

Шаг 3: Впишите текстуру в форму

Шаг 4: Наложение узора

Нажмите « OK», чтобы применить пластику. Измените режим наложения слоя на « Умножение» . Теперь узор деформируется и соответствует краям рубашки.

Если вы видите области, на которых просматривается старая текстура, исправьте это в маске слоя.

Шаг 4: Наложение узора

Создайте новый слой поверх остальных слоев и залейте его 50% серым. Задайте режим наложения « Перекрытие» . Обработайте края с помощью инструментов « Осветление» и « Затемнение» , чтобы добавить тени для большей реалистичности.

Шаг 5. Изменение узоров и текстур

  1. Дважды кликните по смарт-объекту.
  2. Смарт-объект откроется в новом окне.
  3. Добавьте другой узор или рисунок. Сохраните файл.
  4. Вернитесь к исходному изображению, и вы увидите, что к нему применен новый узор со всеми операциями редактирования, которые мы проделали ранее.

Шаг 5. Изменение узоров и текстур

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

Как установить в Фотошоп новый узор

В этом уроке Фотошопа рассматриваем, как устанавливать новые узоры (patterns).

Версия Photoshop: Photoshop CC (2017)

Сложность: Низкая

Дата: 08.02.2012

Обновлено: 18.09.2017

Как установить в Фотошоп новый узор

Примечание

После того, как был скачан архив с кистями, разархивируйте его.

Во многих операционных системах есть встроенные «средства работы с архивами», используйте их, если они у вас есть.

Если архиватора нет, рекомендую бесплатный и мощный – 7-zip.

Разархивируем загруженный файл с узорами, используя 7-zip.

Теперь доступен файл в нужном формате — .PAT (Pattern File)

Переходим в Фотошоп.

Выбираем в верхнем меню «Редактирование — Наборы — Управление наборами» (Edit — Presets — Preset Manager).

Редактирование - Наборы - Управление наборами (Edit - Presets - Preset Manager) на примере Photoshop CC (2017)(Rus)

В окне «Управление наборами» (Preset Manager) выбираем «Тип набора» (Preset Type) — «Узоры» (Patterns) и нажимаем «Загрузить» (Load).

Управление наборами - Тип набора: Узоры - Загрузить, на примере Photoshop CC (2017)(Rus)

Далее указываем путь к файлу с узорами.

В этом примере папка и файл с узорами находятся по адресу:

«Компьютер» — «Загрузки» — «Папка с узорами» — «Файл с узорами»

«C:\Users\ИмяЮзера\Downloads» (Windows)

Выбираем файл с наборами узоров, нажимаем «Загрузить» (Load).

Выбираем через проводник файл с узорами (расширение .PAT)

После загрузки Фотошоп добавляет узоры в свой набор.

Новые узоры в Фотошопе

Другие материалы по теме:

Как сделать узор в фотошопе?

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

Как известно в комплекте с фотошопом уже идут наборы узоров (pattern), но порой они не подходят для наших задачь либо хочется определенные под конкретные задачи. Одним словом хочется индивидуальности.

Что такое узор в фотошопе?

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

Узор — это небольшое изображение представляющее собою сочетание переплетение линий, красок, теней.

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

Создание собственного узора в фотошопе

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

узор в фотошопе

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

new-document

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

настройка линейки в фотошопе

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

разметка с направляющими

Далее выберем инструмент «карандаш» и настроим его установив размер на 1пикс. Цвет я оставляю черный.

настройка карандаша

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

настройка пера и создание контура узора в фотошопе

Создали контур, теперь кликнем правой кнопкой мыши на изображение и в появившемся меню выбираем «выполнить обводку контура…»

выбор обводки контура

В появившемся окне (выполнить обводку контура) выбираем инструмент карандаш и нажимаем «ок», мы создали узор.

выбираем карандаш для обводки

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

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

создатие узора в фотошопе

Вот и все узор создан, по такому принципу можно сделать любой узор в фотошопе. Работать с созданными узорами можно при помощи различных инструментов, об этом можно прочитать тут и тут. Удачных экспериментов в создание узоров (pattern), и не забудьте подписаться на новые статьи сайта fotodizart.ru.

Урок 20 Как сделать узор в фотошопе

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

Улыбка

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

Ой, что-то я заболтался.

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

Итак, приступим, наконец-то, научимся как сделать узор в фотошопе.

Шаг 1. Создаем файл с размерами 4 на 4 пикселя. Да-да, Вы все правильно прочитали. Такое маленькое изображение у нас будет.

Шаг 2. Берем карандаш, и выставляем цвет черный, и толщину 1 пиксель. То есть, минимум.

Шаг 3. Делаем подобное, как у меня на скриншоте:

uzor1

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

Шаг 4. Все, узор у нас готов, но как же сохранить его? Переходим в Редактирование > Определить узор…

uzor1

Даем имя и сохраняем.

uzor2

Шаг 5. Учимся применять узор на практике. Открываем свойства слоя, и ставим галочку напротив “Наложение узора”.

uzor3

И выбираем в списке узоров наш.

Смотрим как было без узора, и как стало:

uzor_do

uzor_posle

Разница заметна. Урок очень легкий, но просто ооочень полезный. Вы будете очень часто использовать это на практике.

Надеюсь, вы научились как создавать узор в фотошопе.

P.S.: Наконец-то пришла книга Стивена Кинга “Оно”.

Улыбка

Кто-то читал?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *