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

Как настроить узор в фотошопе

  • автор:

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

В этом уроке Фотошопа рассматриваем, как устанавливать новые узоры (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)

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

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

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

Как уменьшить узор в фотошопе?

d98642fb044b4644ad90776ad72c646c.png

Всем Привет!
Как можно уменьшить узор?

Видите там сзади узор цветами.
Хочу их уменьшить, можно ли ?
Спасибо

  • Вопрос задан более трёх лет назад
  • 2147 просмотров

Комментировать

Решения вопроса 0

Ответы на вопрос 2

webirus

Тыжверстальщик! Наверстай мне упущенное.

Можно. Это самые основы фотошопа, их даже школьники знают.
1. Если слой-узор, кликнуть 2 раза по нему на списке слоев и выбрать масштаб.
2. Если наложение, то выбрать слой, правой кнопкой мыши «Эффекты наложения», Узор и там выбрать масштаб.
3. Если растрированный слой, то тупо уменьшить картинку. Надеюсь, это не так.

Ответ написан более трёх лет назад

Комментировать

Нравится Комментировать

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

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

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

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

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

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

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

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

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

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

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

new-document

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Узоры в Фотошопе: теория, создание, использование

Узоры или «паттерны» в Фотошопе – фрагменты изображений, предназначенных для заливки слоев сплошным повторяющимся фоном. В силу особенностей программы заливать можно также и маски, и выделенные области. При такой заливке фрагмент автоматически клонируется по обеим осям координат, до полного замещения того элемента, к которому применена опция.

Паттерны в основном используются при создании фонов для композиций.

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

Узоры в Фотошопе

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

Применение

  1. Настройка заливки.
    При помощи данной функции можно заполнить узором пустой или фоновый (закрепленный) слой, а также выделенную область. Рассмотрим способ на примере выделения.
    • Берем инструмент «Овальная область». Инструмент Овальная область для заливки узором в Фотошопе
    • Выделяем участок на слое. Создание овальной области выделения для заливки узором в Фотошопе
    • Идем в меню «Редактирование» и кликаем по пункту «Выполнить заливку». Эту функцию также можно вызвать сочетанием клавиш SHIFT+F5. Функция Выполнить заливку в меню Редактирование при заполнении выделения узором в Фотошопе
    • После активации функции откроется окно настройки с названием «Заполнить». Окно настройки заливки для заполнения выделенной области узором в Фотошопе
    • В разделе с названием «Содержимое», в выпадающем списке «Использовать» выбираем пункт «Регулярный». Выбор пункта Регулярный в выпадающем списке Использовать окна настроек заливки выделения узром в Фотошопе
    • Далее открываем палитру «Заказной узор» и в открывшемся наборе выбираем тот, который считаем нужным. Выбор образца в палитре Заказной узор окна настройки заливки выделения узором в Фотошопе
    • Нажимаем кнопку ОК и смотрим на результат: Результат заливки выделенной области узором в Фотошопе
  2. Заполнение при помощи стилей слоя.
    Данный способ подразумевает наличие на слое какого-либо объекта или сплошной заливки.
    • Кликаем ПКМ по слою и выбираем пункт «Параметры наложения», после чего откроется окно настроек стилей. Такого же результата можно добиться, кликнув дважды левой кнопкой мыши. Пункт контекстного меню Параметры наложения для вызова настроеу ститей при заливке слоя узором в Фотошопе
    • В окне настроек переходим к разделу «Наложение узора». Раздел Наложение узора в окне настройки стилей слоя при заливке узором в Фотошопе
    • Здесь, открыв палитру, можно выбрать необходимый паттерн, режим наложения узора на имеющийся объект или заливку, задать непрозрачность и масштаб. Настройки наложения узора на объект или фон в Фотошопе

Пользовательские фоны

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

Интернет предоставляет нам возможность пользоваться чужими наработками и опытом. В сети существует множество сайтов с пользовательскими фигурами, кистями и паттернами. Для поиска таких материалов достаточно вбить в Гугл или Яндекс такой запрос: «узоры для фотошопа» без кавычек.

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

Скачанный архив содержащий файл узора с расширением PAT для использования в Фотошопе

Данный файл необходимо распаковать (перетащить) в папку

C:\Пользователи\Ваша учетная запись\AppData\Roaming\Adobe\Adobe Photoshop CS6\Presets\Patterns

Целевая папка для распаковки скачанных узоров для использования в Фотошопе

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

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

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

Создание узора

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

Нам понадобится документ квадратной формы.

Новый документ для создания пользовательского узора в Фотошопе

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

  1. Ограничиваем холст направляющими со всех сторон. Ограничение холста направляющими при создании пользовательского узора в ФотошопеУрок: Применение направляющих в Фотошопе
  2. Переходим в меню «Изображение» и жмем на пункт «Размер холста». Пункт меню Размер холста для создания пользовательского узора в Фотошопе
  3. Добавляем по 50 пикселей к размерам Ширины и Высоты. Цвет расширения холста выбираем нейтральный, например, светло-серый. Настройка расширения холста для создания пользовательского узорв в ФотошопеЭти действия приведут к созданию вот такой зоны, последующая обрезка которой позволит нам удалить возможные артефакты: Зона безопасности контента для создания пользовательского узора в Фотошопе
  4. Создаем новый слой и заливаем его темно-зеленым цветом. Урок: Как залить слой в ФотошопеЗаливка фона темно-зеленым цветом при создании пользовательского узора в Фотошопе
  5. Добавим нашему фону немного зернистости. Для этого обратимся к меню «Фильтр», откроем раздел «Шум». Необходимый нам фильтр называется «Добавить шум». Фильтр Добавить шум для создания пользовательского узора в ФотошопеРазмер зерна выбираем по своему усмотрению. От этого зависит выраженность текстуры, которую мы создадим на следующем этапе. Настройка фильтра Добавить шум при создании пользовательского узора в Фотошопе
  6. Далее применим фильтр «Перекрестные штрихи» из соответствующего блока меню «Фильтр». Фильтр Перекрестные штрихи для создания пользовательского узора в ФотошопеНастраиваем плагин также «на глаз». Нам необходимо получить текстуру, похожую на не очень качественную, грубую ткань. Полного сходства добиваться не следует, так как изображение будет уменьшено в несколько раз, и фактура будет только угадываться. Настройка фильтра Перекрестные штрихи при создании пользовательского узора в Фотошопе
  7. Применим к фону еще один фильтр под названием «Размытие по Гауссу». Фильтр Размытие по Гауссу для создания пользовательского узора в ФотошопеРадиус размытия выставляем минимальный, чтобы текстура не очень пострадала. Настройка фильтра Размытие по Гауссу для создания пользовательского узора в Фотошопе
  8. Проводим еще две направляющих, определяющих центр холста. Дополнительные центральные направляющие для создания пользовательского узора в Фотошопе
    • Активируем инструмент «Произвольная фигура». Инструмент Произвольная фигура для создания пользовательского узора в Фотошопе
    • На верхней панели параметров настраиваем заливку белым цветом. Настройка заливки произвольной фигуры при создании пользовтельского узора в Фотошопе
    • Выбираем вот такую фигуру из стандартного набора Фотошопа: Выбор произвольной фигуры из стандартного набора для создания пользовательского узора в Фотошопе
  9. Ставим курсор на пересечение центральных направляющих, зажимаем клавишу SHIFT и начинаем растягивать фигуру, затем добавляем еще клавишу ALT, чтобы построение выполнялось равномерно во все стороны от центра. Построение произвольной фигуры от центра при создании пользовательского узора в Фотошопе
  10. Растрируем слой, нажав по нему ПКМ и выбрав соответствующий пункт контекстного меню. Растрирование слоя с произвольной фигурой при создании пользовательского узора в Фотошопе
  11. Вызываем окно настройки стилей (см. выше) и в разделе «Параметры наложения» снижаем значение «Непрозрачности заливки» до нуля. Снижение непрозрачности заливки в окне натройки стилей при создании пользовательского узора в ФотошопеДалее переходим к разделу «Внутреннее свечение». Здесь настраиваем Шум (50%), Стягивание (8%) и Размер (50 пикселей). На этом настройка стиля завершена, нажимаем ОК. Настройка Внутреннего свечения фигуры при создании пользовательского узора в Фотошопе
  12. При необходимости немного снижаем непрозрачность слоя с фигурой. Снижение непрозрачности слоя с фигурой при создании пользовательского узора в Фотошопе
  13. Кликаем ПКМ по слою и растрируем стиль. Растрирование стиля слоя с фигурой при создании пользовательского узора в Фотошопе
  14. Выбираем инструмент «Прямоугольная область». Инструмент Прямоугольная область для создания пользовательского узора в ФотошопеВыделяем один из квадратных участков, ограниченных направляющими. Выделение участка ограниченного направляющими при создании пользовательского узора в Фотошопе
  15. Копируем выделенный участок на новый слой горячими клавишами CTRL+J. Копирование выделенного участка на новый слой при создании пользовательского узора в Фотошопе
  16. Инструментом «Перемещение» тянем скопированный фрагмент в противоположный угол холста. Не забываем, что весь контент должен находиться внутри зоны, которую мы определили ранее. Перетягивание вырезанного фрагмента в противоположный угол холста при содздании пользовательского узора в Фотошопе
  17. Переходим обратно на слой с исходной фигурой, и повторяем действия (выделение, копирование, перемещение) с остальными участками. Размещение элементов по углам холста при создании пользовательского узора в Фотошопе
  18. С оформлением мы закончили, теперь идем в меню «Изображение – Размер холста» и возвращаем размер к исходным значениям. Настройка размера холста на исходные значения при создании пользовательского узора в ФотошопеПолучим вот такую заготовку: Заготовка пользовательского узора в ФотошопеОт дальнейших действий зависит, насколько мелкий (или крупный) узор мы получим.
  19. Снова переходим к меню «Изображение», но на этот раз выбираем «Размер изображения». Пункт меню Размер изображения для создания пользовательского узора в Фотошопе
  20. Для эксперимента зададим размер узора 100х100 пикселей. Уменьшение размера изображения для создания пользовательского узора в Фотошопе
  21. Теперь идем в меню «Редактировать» и выбираем пункт «Определить узор». Пункт меню Определить узор для создания пользовательского узора в ФотошопеДаем узору имя и нажимаем ОК. Присваивание имени новому узору в Фотошопе

Теперь у нас в наборе есть новый, собственноручно созданный паттерн.

Созданный пользовательский узор в наборе в Фотошопе

Выглядит он следующим образом:

Залитый пользовательским узором слой в Фотошопе

Как мы можем видеть, текстура очень слабо выражена. Исправить это можно, усилив степень воздействия фильтра «Перекрестные штрихи» на фоновый слой. Окончательный результат создания пользовательского узора в Фотошопе:

Результат создания пользовательского узора в Фотошопе

Сохранение набора с узорами

Вот мы и создали несколько собственных узоров. Как же их сохранить для потомков и собственного пользования? Все довольно просто.

  1. Нужно перейти в меню «Редактирование – Наборы – Управление наборами». Пункт меню Управление наборами для создания пользовательского набора узоров в Фотошопе
  2. В открывшемся окне выбрать тип набора «Узоры», Выбор типа набора при создании пользовательского набора узоров в ФотошопеЗажать CTRL и выделить нужные паттерны по очереди. Выделение требуемых узоров при создании пользовательского набора в Фотошопе
  3. Нажать кнопку «Сохранить». Кнопка Сохранить для создания пользовательского набора узоров в ФотошопеВыбрать место для сохранения и название файла. Место сохранения и имя файла пользовательского набора узоров в Фотошопе

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

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

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

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