Разработка сайтов для бизнеса. Адаптивная верстка и интеграция с CMS

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

/ Сергей Нуйкин / Уроки по фотошопу

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

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

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

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

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

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

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

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

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

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

new-document

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Понравилась статья?
Подпишитесь на обновления:
Поделитесь материалом с друзьями:

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

Комментарии к статье:
    • Анатолий

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

    • Нуйкин Сергей

      Да очень часто нужно узор, а такого нет, вот и приходится создавать.

    • Александр Василиотти

      Сергей, здравствуйте!

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

      С уважением, Александр Василиотти.

    • Нуйкин Сергей

      Здравствуйте, Александр!
      Спасибо, стараюсь писать интересные статьи для людей.

    • Евгений Комиссаров

      Мне вот ромб понравился, другой и не надо ))

    • Нуйкин Сергей

      Это один из простых узоров, просто и довольно не дурно смотрится при применение.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Политикой конфеденциальности.