Повторяющиеся бесшовные узоры в Photoshop

Шаг 3. Создаём выделенную область в документе
Берём инструмент «Овальная область» (Elliptical Marquee Tool). Наводим курсор мыши точно в центр документа на перекрестье направляющих, зажимаем клавиши Shift+Alt, зажимаем левую клавишу мыши и тащим курсор от центра в любую сторону, чтобы получилась примерно такая окружность:

О точном размере не волнуйтесь, размер мы подгоним позднее.

Шаг 4. Заливаем выделение
Теперь необходимо заполнить выделение чёрным цветом. Для этого нажимаем клавишу D (после чего цвета в панели цветов становятся по умолчанию, чёрным и белым), затем нажимаем комбинацию Alt+Delete, выделение заполняется основным цветом, в нашем случае, чёрным. Документ должен выглядеть так:

Снимаем выделение, нажав Ctrl+D. Края круга выглядят рубленными,т.к. документ увеличен на 300%.

Шаг 5. Клонируем слой
Клонируйте слой с чёрным кругом,нажав Ctrl+J.

Шаг 6. Смещаем копию

Откройте диалоговое окно Фильтр —> Другое —> Сдвиг (Filter —> Other —> Offset) и задайте сдвиг 50 пикселей по вертикали или горизонтали и не забудьте поставить галку у опции «Вставить отсечённые фрагменты» (Wrap Around):

Нажмите кнопку OK, чтобы закрыть диалоговое окна. Документ выглядит так:

Шаг 7. Определяем документ, как узор
Идём по вкладке главного меню Редактирование —> Определить узор (Edit —> Define Pattern). Откроется окно, где введите имя новому узору и нажмите ОК:

Готово! Мы сохранили наш документ в качестве основы узора.

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

Шаг 8. Создаём новый документ и добавляем новый слой
Создаём новый документ размером, например, 700 на 700 пикселей с белым фоном. Создаём новый пустой слой в документе, нажав Ctrl+Shift+Alt+N.

Шаг 9. Заполняем документ узором
Пройдите по вкладке главного меню Редактирование —> Выполнить заливку (Edit —> Fill). В диалоговом окне выберите «Регулярный» (Pattern), а затем свой узор:

После чего нажмите ОК. Photoshop зальёт узором всю площадь документа:

Узор готов. В следующем материале рассмотрим, как добавить цвета и градиенты к узорам Photoshop.

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

В этом руководстве я расскажу, как создать узор в фотошопе с помощью фильтра «Смещения».

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

Чтобы сразу открыть их все в Photoshop, использовать сценарий «Загрузить файлы в стек». Он автоматически поместит каждое изображение на отдельный слой в одном документе.

Выберите изображения для узора через меню «Обзор». Убедитесь, что автовыравнивание отключено.

Исходные изображения довольно большие. Уменьшите их через меню Изображение> Размер изображений.

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

Выберите цвет фона. Затем добавьте новый слой и залейте его. Переместите этот слой в конец списка на панели слоев.

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

Для инструмента «Перемещение» активируйте параметр «Автовыбор». Это позволит вам легко выделять каждый слой.

С помощью комбинации клавиш CTRL + T измените размеры иллюстраций. Расставьте элементы так, чтобы можно было сформировать основу узора.

Удерживая нажатой клавишу ALT, выберите команду Слой> Объединить видимые. Это действие создаст новый слой с объединенным содержимым всех слоев.

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

Выберите слой с иллюстрацией под объединенным слоем и перетащите его вверх. Переместите этот узор, чтобы начать заполнять пустое пространство. Используйте комбинацию клавиш CTRL + T, чтобы изменить размер конкретного элемента. Затем кликните правой кнопкой мыши и выберите пункт «Отразить по горизонтали», чтобы он выглядел иначе, чем в других местах шаблона.

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

Перейдите в меню Правка> Определить узор, чтобы создать файл узора в формате Photoshop.

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

Дважды кликните по тестовому слою, и примените «Наложение узора». Выберите из списка созданный узор из библиотеки. При значении 100% узор будет иметь тот же размер, что и документ. Поэтому уменьшите масштаб, чтобы увидеть, как повторяется узор.

Мы получили бесконечно повторяющийся фрагмент рисунка, который теперь сохранен в библиотеке шаблонов Photoshop. Фильтр «Смещение» позволяет легко создавать узор, автоматически дублируя элементы по мере их выхода за пределы холста. Заполняя оставшиеся пробелы, можно создать повторяющийся узор без видимых линий.

Данная публикация является переводом статьи «How to Create Repeating Patterns in Adobe Photoshop» , подготовленная редакцией проекта.

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

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

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

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

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

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

Применение

1. Настройка заливки.
   При помощи данной функции можно заполнить узором пустой или фоновый (закрепленный) слой, а также выделенную область. Рассмотрим способ на примере выделения.
   • Берем инструмент «Овальная область».

   • Выделяем участок на слое.

   • Идем в меню «Редактирование» и кликаем по пункту «Выполнить заливку». Эту функцию также можно вызвать сочетанием клавиш SHIFT+F5.

   • После активации функции откроется окно настройки с названием «Заполнить» .

   • В разделе с названием «Содержимое», в выпадающем списке «Использовать» выбираем пункт «Регулярный».

   • Далее открываем палитру «Заказной узор» и в открывшемся наборе выбираем тот, который считаем нужным.

   • Нажимаем кнопку ОК и смотрим на результат:

2. Заполнение при помощи стилей слоя.
   Данный способ подразумевает наличие на слое какого-либо объекта или сплошной заливки.
   • Кликаем ПКМ по слою и выбираем пункт «Параметры наложения», после чего откроется окно настроек стилей. Такого же результата можно добиться, кликнув дважды левой кнопкой мыши.

   • В окне настроек переходим к разделу «Наложение узора».

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

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

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

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

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

PAT.

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

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

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

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

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

3. Загруженные паттерны автоматически появятся в палитре.

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

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

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

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

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

1. Ограничиваем холст направляющими со всех сторон.

   Урок: Применение направляющих в Фотошопе

2. Переходим в меню «Изображение» и жмем на пункт «Размер холста».

3. Добавляем по 50 пикселей к размерам Ширины и Высоты. Цвет расширения холста выбираем нейтральный, например, светло-серый.

   Эти действия приведут к созданию вот такой зоны, последующая обрезка которой позволит нам удалить возможные артефакты:

4. Создаем новый слой и заливаем его темно-зеленым цветом.

   Урок: Как залить слой в Фотошопе

5. Добавим нашему фону немного зернистости. Для этого обратимся к меню «Фильтр», откроем раздел «Шум». Необходимый нам фильтр называется «Добавить шум».
   Размер зерна выбираем по своему усмотрению. От этого зависит выраженность текстуры, которую мы создадим на следующем этапе.

6. Далее применим фильтр «Перекрестные штрихи» из соответствующего блока меню «Фильтр».

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

7. Применим к фону еще один фильтр под названием «Размытие по Гауссу».

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

8. Проводим еще две направляющих, определяющих центр холста.

• Активируем инструмент «Произвольная фигура».

• На верхней панели параметров настраиваем заливку белым цветом.

• Выбираем вот такую фигуру из стандартного набора Фотошопа:

Ставим курсор на пересечение центральных направляющих, зажимаем клавишу SHIFT и начинаем растягивать фигуру, затем добавляем еще клавишу ALT, чтобы построение выполнялось равномерно во все стороны от центра.

Растрируем слой, нажав по нему ПКМ и выбрав соответствующий пункт контекстного меню.

Вызываем окно настройки стилей (см. выше) и в разделе «Параметры наложения» снижаем значение «Непрозрачности заливки» до нуля.

Далее переходим к разделу «Внутреннее свечение». Здесь настраиваем Шум (50%), Стягивание (8%) и Размер (50 пикселей). На этом настройка стиля завершена, нажимаем ОК.

При необходимости немного снижаем непрозрачность слоя с фигурой.

Кликаем ПКМ по слою и растрируем стиль.

Выбираем инструмент «Прямоугольная область».

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

Копируем выделенный участок на новый слой горячими клавишами CTRL+J.

Инструментом «Перемещение» тянем скопированный фрагмент в противоположный угол холста. Не забываем, что весь контент должен находиться внутри зоны, которую мы определили ранее.

Переходим обратно на слой с исходной фигурой, и повторяем действия (выделение, копирование, перемещение) с остальными участками.

С оформлением мы закончили, теперь идем в меню «Изображение – Размер холста» и возвращаем размер к исходным значениям.

Получим вот такую заготовку:

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

Снова переходим к меню «Изображение», но на этот раз выбираем «Размер изображения».

Для эксперимента зададим размер узора 100х100 пикселей.

Теперь идем в меню «Редактировать» и выбираем пункт «Определить узор».

Даем узору имя и нажимаем ОК.

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

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

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

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

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

1. Нужно перейти в меню «Редактирование – Наборы – Управление наборами».

2. В открывшемся окне выбрать тип набора «Узоры»,

   Зажать CTRL и выделить нужные паттерны по очереди.

3. Нажать кнопку «Сохранить».

   Выбрать место для сохранения и название файла.

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

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

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

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

Узор для фотошопа из картинки

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

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

Я выделили небольшую область, как видите на скриншоте, которую буду преобразовывать в узор. Если вам нужно выделить не прямоугольную область, а квадратную, то при выделении инструментом «Прямоугольная область» удерживайте клавишу «Shift», тогда областью выделения будет ровный квадрат.

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

Далее в верхнем меню выбираем «Редактирование» — «Определить узор».

В открывшемся окошке пишем название узора и нажимаем «Ок».

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

Выбрав инструмент «штамп», установим наш узор, выбрав его в верхнем меню настроек «штампа».

Пиксельный узор для фотошопа

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

Создаем новый документ, размером 5px на 5px, можно больше или меньше, смотря какой узор будет. Выбираем в верхнем меню «Файл» — «Создать», в открывшемся окне настроек указываем размер холста и нажисаем «Создать».

У нас получится очень маленький холст и чтобы нарисовать на нем узор, нужно выбрать в левой панели инструмент «Лупа» и максимально увеличить рабочую область.

Теперь в левой панели инструментов выбираем инструмент «Карандаш» и в верхней панели задаем ему размер 1px.

Далее выбираем нужный цвет и рисуем карандашом узор, после чего сохраняем его в узор, как и в первом случае («Редактирование» — «Определить узор»).

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

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

Подборка бесплатных паттернов для Photoshop

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

1. Мягкие темные рисунки

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

Скачать

2. Металлический шаблон 2.0

Набор из 3 высококачественных шаблонов для Photoshop.

Скачать

3. Бесшовные плетеные узоры

Набор из 3 бесшовных узоров. Каждый набор паттерн имеет 4 цвета, и каждый паттерн  версии .JPG и .PAT. Узоры — выгравированные отверстия, дерево и кожа.

Скачать

4.  Паттерны черепа

Отличный набор шаблонов, созданный творческой командой.

Скачать

5. Глянцевый паттерн для Photoshop и иллюстратора

Скачать

6. Ретро паттерны

Скачать

7. 8 Паттернов  темной металлической сетки

Скачать

8. Пиксельные узоры

Скачать

9.  Baby Girl — Photoshop паттерн

Скачать

10. Гранжевая коллекция паттернов

Скачать

11. Микро паттерн

Скачать

12. Бесшовные узоры

Скачать

13. Кубический паттерн

Скачать

14. Акварельный паттерн для фотошоп и в векторе

Скачать

15. Подборка пиксельных паттернов

Скачать

16. Паттерн для фотошоп

Скачать

17. Паттерн с цветочными лепестками для фотошопа и иллюстратора

Скачать

18. 20 бесшовных паттернов сетки

Скачать

19.  Twitter паттерн  для Photoshop и иллюстратора

Скачать

20. Металлический бесшовный паттерн для фотошопа и иллюстратора

Скачать

21. Паттерн в клеточку (сетка)

Скачать

22. Цветочный паттерн

Скачать

23. Тканевый паттерн

Скачать

24.  Шестиугольные узоры

Скачать

25. Набор различных паттернов

Скачать

Статьи по теме

Узнать больше интересного:

 

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Создание бесшовной заливки Pattern для фонов

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

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

Stripe Generator

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

BG Patterns

BG Patterns представляет собой современный инструмент для создания красочных узоров , используя различные встроенные фигуры или пользовательские . Инструмент предлагает для различных тем, такие как цветы, вечеринки, животные и геометрические фигуры. Вы можете выбрать множество цветов для фона и фигур. Он также подразумевает вращение и масштабирование пользовательских изображений, настройку перекрытия для использования нескольких фигур. BG Patterns позволяет использовать картинки с разрешением, выше чем 300 × 300 точек в формате PNG и SVG.

Noise Texture Generator

Noise Texture Generator позволяет создать простую текстуру фона с использованием различных цветов и оттенков. Сервис позволяет устанавливать размеры текстуры, а также непрозрачность и плотность. Есть предпросмотр плитки и возможность загрузить её мгновенно.

Repper Patterns

Repper Patterns является мощным инструментом создания узоров для работ по вебу, печати и графике. Сервис позволяет создавать узоры с пользовательских картинок , которые могут быть использованы для книжных обложек, кружек, газет, флаеров и для работ с веб-дизайном, таких как баннеры, логотипы, фоны для сайтов. Repper Patterns полезен для новичков, поскольку он предлагает 14 встроенных уникальных и красивых стилей.

Colour Lovers

Colour Lovers — современное приложение, которое позволяет создавать различные узоры , используя пользовательские палитры, изображения и встроенные стили. Сервис также предлагает Seamless Lite — инструмент на Flash для дизайна новых узоров, используя различные настройки для создания и редактирования, например, добавление фигур и текста, поворот и трансформирование фигур и многое другое.

Patternizer

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

Texture Generator

Texture Generator является инструментом для быстрой генерации текстур , используя различные цветовые оттенки и встроенные стили текстур. Инструмент позволяет использовать различные стили текстур, вроде земли, облаков, дерева и клеточек. В нем вы можете редактировать стили текстур, используя настройки, генерировать картинки в формате JPG и PNG.

Trianglify Generator

Бесплатныйгенератор low poly фонов . Есть возможность настройки цвета и градиентов . После настройки можно скачать изображение в векторном формате SVG или растровый вариант в формате PNG.

Trianglify Background Generator

Еще один low poly генератор фонов , но в отличие от предыдущего, этот имеет другую текстуру и более интересные вариации переходов цветов.

Background Image Generator

Отличный сервис для генерации фонов для сайта . Имеет множество вариантов текстур, которые раскрашиваются в нужный нам цвет.

Plaid Maker

Plaid Maker – современный сервис для генерирования клетчатых узоров в различном стиле. Вы можете выбрать комбинацию цветов для создания узора или просто отредактировать встроенный узор. Клетчатые узоры могут быть использованы в блоге , для фона веб-сайта, либо как фон приложения для или Android.

Которое мы можем использовать. Несмотря на это, если мы размножим картинку как есть, результат будет не очень хороший. Как вы можете видеть выше, места, где картинка повторяется, очень заметны, и тёмные пятна выглядят просто жутко. Чтобы превратить это фото в мощёный фон, нам сначала нужно удалить все неравномерности, а затем сделать плавный переход у краёв.

Шаг 1

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

Шаг 2

Используйте инструмент Dodge (осветление) для осветления тёмных областей.

Вот наш фрагмент.

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

Выберите инструмент Dodge (O) и большой мягкой кистью немного пройдитесь возле левого и правого краёв, чтобы немного осветлить тень. Не переборщите, иначе трава будет выглядеть слишком размытой.

Шаг 3

Как вы можете видеть выше, трава выглядит более равномерно окрашенной. Но этот листочек слева вверху разоблачит нас, если будет повторяться снова и снова, поэтому мы должны избавиться от него. Возьмите инструмент Patch (Заплатка) (J) и обведите вокруг листа мышкой, захватите эту область и перетащите. (Обратите внимание: инструмент Patch должен быть установлен на Source (Источник), а не на Destination (Назначение),

иначе разница будет несущественная).

Шаг 4

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

Шаг 5

Я оставил промежуток в 1 px, чтобы вы могли увидеть, как соединяются края.

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

Шаг 6

Теперь мы снова используем инструмент Patch (Заплатка) , чтобы нарисовать неровную линию вокруг кромки, где соединяются два слоя, затем, используя мышь, перетащите выделенную область на близлежащий участок, чтобы заделать его.

Шаг 7

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

Шаг 8

Теперь мы повторим тот же самый процесс по вертикали. Дублируйте слой и подвиньте один вниз, а другой вверх, пока верхний и нижний края не соприкоснутся. Объедините слои вместе и используйте инструмент patch, чтобы избавиться от кромки.

Шаг 9

Теперь мы готовы к мощению!
Это будет работать, потому что мы практически избавились от краёв, новые края документа уже совпадают, потому что мы подвинули слои равномерно влево и вправо, так что правый край документа действительно является следующим пикселем вдоль левого края.

Шаг 10

Нажмите CTRL+A , чтобы выделить всё и выберите Edit > Define Pattern.

Шаг 11

Дадим паттерну имя.

Шаг 12

Теперь на любом слое, если вы выберете blending options и отметите раздел Pattern Overlay, вы можете выбрать из вашего набора заказных паттернов, как показано, включая паттерн с травой, который мы только что сделали. На рисунке выше вы можете видеть, как я применяю паттерн к фону веб-сайта.
Конечно, вы должны также сохранить изображение паттерна как PSD или JPG, т. к. вам может понадобиться использовать отдельное изображение. Например, если вы будете использовать его как фоновую картинку в HTML-документе, вам понадобится отдельная картинка в формате JPG image, а не «Pattern» для Фотошопа.

Готово!

Вот и наша мощёная травка.

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

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

Итак, приготовьтесь, сейчас я буду очень подробно показывать, как я сделала такой цветочный фон. Картинки большие и их больше десяти штук, хотя по правде сказать можно было бы уложиться и в две, зафиксировав лишь основные моменты. Но раз я пообещала пошаговый процесс, то его и буду демонстрировать. Если что, я предупредила))

Создаем документ 4500х4500 пикселей, с разрешением 300.

Вставляем в наш документ заранее приготовленные элементы. В моем случае, это 3 вот таких цветочных заготовки (все они аккуратно вырезаны по контуру и размещены в разных слоях).

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

Выделив наши дубли, щелкаем по маркеру трансформационной области. Теперь у нас стала активной панелька сверху под главным меню. Выбираем точку отсчета левый верхний угол в «Reference point location». Сейчас мы видим координаты нашей группы объектов относительно верхнего левого угла. Их мы и будем менять.

Поскольку мы работаем с левой стороной, то соответственно и двигать объекты будем относительно оси Х. Сейчас у меня там -1018. Итак, достаем калькулятор и додаем до этой цифры 4500 (ширину нашей рабочей области). В итоге у нас получается 3482, это число мы и вводим в графу Х. Наши цветочки переместились, готово.

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

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

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

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

Дублируем наш слой с цветочным узором. Перемещаем его на 4500 пикселей вправо. Выделяем узор и его дубль и двигаем так чтобы было видно шов, где они соединяются. Для чего я это делаю? Проверяю все ли сошлось)) Иногда, когда слоев очень много, то можно напутать с верхними нижними дублями и какой-то листик в одной части паттерна уйдет под цветочек, а с другой стороны уже будет сверху. Но в нашем случае все замечательно. *не забываем периодически сохранять документ

Урок №1. Зеркальный фон

Урок №2. Полосатый фон

Урок №3. Фон с сохранением изначальной текстуры

Урок №4. Фон — калейдоскоп

Урок №1 .

Зеркальный фон.

Результат:

1. Открываем нашу картинку в Photoshop:
(«File — Open…» — «Файл — Открыть…»)

2. Создаем новый чистый документ («File — New…» — «Файл — Новый документ…»)

3. Вырезаем из нашей картинке тот участок , который пойдет в основу фона. Для тех, кто не знает как это сделать, можно воспользоваться уроком » «

4. Теперь с помощью инструмента Move tool (V) переносим этот фрагмент на наш чистый лист. Для этого просто зажимаем левой кнопкой мыши нашу картинку и тащим ее на новый документ. Потом отпускаем:

6. Теперь снова перетскиваем его на чистый слой и ставим рядом с уже присутствующим там изображением.

7. Снова поворачиваем наш фрагмент , но уже по вертикали. Жмем Image — Rotate canvas — Vertical (Изображение — Повернуть — Вертикально):

8. И снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

10. Снова перетаскиваем результат на чистый слой и ставим рядом с уже присутствующим там изображениями:

11. И последний раз жмем на фргменте Image -Rotate canvas- Vertical (Изображение — Повернуть — Вертикально). И снова видим что наш фрагмент перевернулся. теперь снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

Теперь мы будем работать только с чистым слоем и наложенными на него фрагментами.

12. Обрезаем лишнее. Если у вас есть на слое «пустое» место — то есть то, где нет фрагментов, то давайте его обрежем, чтобы остался только наш будущий фон. Для этого пользуемся уроком » «

И получаем результат:

Урок №2 .

Полосатый фон.

Результат:

1. Для этого открываем любую понравившуюся вам картинку в Фотошопе
А делаем это так File — open… (Файл -открыть…). Я выбрала вот эту:

2. Находим на панели инструментов инструмент single row marquee tool:

Примечание: а находиться он в самом верху нашей панели, но может быть спрятан за rectangular marquee tool для этого жмем на него левой кнопкой мыши и находим нужный нам инструмент.

Нажимем в центре нашей картинки и появляется вот такая горизонтальная пунктирная линия:

3. Трансформируем линию. Выбираем команду «Edit — Free transform (Редактировать — свободная трансформация) и (сочетание клавиш ctrl + T) видим, что наша пунктирная линия стала просто линией, а на концах ее образовались маленькие квадратики:

Осторожно надвигаем нашу мышку на один из квадратиков и появилась масенькая черная стрелочка и вот этой стрелочкой двигаем вниз и видим что наша картинка уже вовсе не картинка а сплошные полоски:

Я думаю что на этом можно остаовиться, нет смысла дотягивать до конца всей картикни, можно взять всего лишь часть — кусочек ведь узор линии не изменится:

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

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

Ну вот и все, наш фон готов.

Урок №3 .

Бесшовный фон с сохранением изначальной текстуры.

Результат:

1. Открываем любую картинку (желательно с похожими краями) в ФотоШопе.

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

2. Установите направляющие линии View — Rulers (Просмотр — Направляющие), по которым вы планируете работать (они и будут границами готовой текстуры). Убедитесь, что активирована функция View > Snap to Guides (Просмотр — Вспомогательные элементы). Двигайте направляющие по рисунку так, чтобы они проходили по середине предметов (конечно, насколько это возможно). Это делается для того, чтобы вы мысленно представили свой будущий фон, наметили границы так сказать.

Я пронумеровала получившиеся части рисунка, чтобы удобнее было пояснять, с которой частью будем работать:

3. Выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение):

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

4. Копируем выделение на отдельный слой, нажимая на клавиатуре «ctrl + j»

5. Перетаскиваем инструментом Move tool (Перемещение) или стрелочками на клавиатуре скопированный кусок вверх части 2, как это показано на рисунке:

Примечание: у вас эта часть не должна светиться. Я применила ей свойства сияния, чтобы наглядно вам показать (чтобы картинка не сливалась и вы видели границы).

6. Так же копируем часть №1 и перетаскиваем копию в правый край части 2:

Левый нижний угол под номером 3 не используется.

7. Прячем слой №4, активизируем 1 , основной слой должен оставаться видимым (на примере основной слой убран для наглядности).

8. Выбираем инструмент Eraser Tool (резинка), кисть hard (жесткая). Начинаем стирать вокруг зерен так, чтобы это смотрелось наиболее естественно на фоне основного слоя.
Должно получиться так:

Без основного слоя —

С основным слоем —

9. Аналогично поступаем и с другим слоем , тем что копия части №4:

С основным —

Красная линия показывает, как правильно убирать границы в углах. В правом нижнем углу тоже надо стереть кусочек части №1 под углом примерно 45 градусов, как и в верхних углах:

10. Сливаем эти три слоя (слой с верхом, с правой частью и основной) при помощи горячих клавиш ctr+E

11. И теперь самое интересное!!! Отрезаем части 1,3,4:

И наш фон готов:

Урок №4

Фон — калейдоскоп.

1. Берем любую понравившуюся картинку. У меня такая:

И сразу же делаем из слоя Background (Задний план) обычный слой. Это важно! Для этого достаточно дважды кликнуть по нему в палитре слоев.

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

Я взяла такой кусочек картинки и сделала его размером 100х100:

3. Теперь основная фишка . Поворачиваем наш рисунок на 45 градусов.

Для этого идем в Image-Rotate canvas-Arbitrary (Изображение-Повернуть холст-Произвольно):

получаем:

4. Нам весь получившийся ромбик не нужен. Наш фон мы будем формировать только из одной четвертинки этого ромбика. Поэтому опять берем инструмент Crop tool , зажимаем Shift и делаем обрезку:

Подготовительные работы закончены.

5. Начнем «склеивать» фон.

а) Увеличиваем ширину холста вдвое. Идем Image-Canvas size (Изображение-Размер холста) и устанавливаем такие настройки:

получаем:

б) Удваиваем треугольник. Дублируем слой Layer-Dublicate layer (Слой-Дублировать слой). Полученный новый слой отражаем по горизонтали Edit-Transform-Flip Horizontal (Редактирование-Трансформирование-Отразить по горизонтали) и сдвигаем стрелочкой так, чтобы получилось такое:

Объединяем эти два слоя (Ctrl+E).

в) Увеличиваем высоту холста вдвое:

г) Дублируем слой и опять отражаем копию, но теперь уже по вертикали. Получаем «бантик»:

Опять объединяем слои (Ctrl+E).

д) Снова дублируем слой. И поворачиваем копию «бантика» на 90 градусов. Для этого идем Edit-Transform-Rotate 90 (Редактирование-Трансформирование-Поворот на 90). Здесь не важно будете вы поворачивать по часовой стрелке или против неё.

Вот такая красота у меня получилась

Совсем как в детском калейдоскопе! И фон из таких кусочков получается оригинальный и совершенно бесшовный:

Приятного вам творчества !

P.S. Если у вас возникли какие-то вопросы по уроку — опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее .

Лучшее «спасибо» за урок — ваш комментарий! 🙂

Бесшовные фоны как сделать online. Использовать такие фоны можно как background для сайтов и виртуальных открыток, так и для создания любых изображений.

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

Регистрация и оплата не требуются. Хотя предлагают пожертвовать если вам этого хочется. Сейчас я покажу вам как тут можно работать. Переходим по ссылочке https://patterncooler.com/ . Выбираем и кликаем по нему левой кнопкой мыши

И оказываемся в редакторе фонов. Если хотим посмотреть какую палитру предлагают нам для выбранного изображения, то надо нажать на кнопочку Show color

Если же мы хотим выбрать случайные цвета, то жмём на чикбокс Случайные

Чтобы отредактировать цвет, жмём на него либо на экране, либо на квадратики внизу

Редактирование может происходить либо движением ползунка, либо на экране с цветовой палитрой, либо установкой кода цвета в обведённое красным цветом на скриншоте окошко

Изображению можно задать текстуру, для это кликаем на кнопку textur

И выбираем подходящую

А ещё здесь же можно изменить масштаб элементов дизайна (обведено зелёным)

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

Если мы всё сделали так, как нам нужно, то нажимаем на кнопку Скачать

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

Итак, я рассказала как сделать бесшовный фон или бекграунд в on-line сервисе. Если что то не понятно, то пожалуйста задавайте вопросы на блоге. А не в соцсетях или скайпе. Так как это будет полезно как остальным посетителям блога, так и вам. Потому что частенько в комментариях пишут полезные подсказки.

Бесшовные фоны как сделать online.

12 бесплатных наборов с геометрическими фонами для графических дизайнеров

Автор: Елизавета Гуменюк Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

Раньше графические дизайнеры полагались на фотографов, чтобы обеспечить себя изображениями различных дизайнерских узоров, которые затем можно было обработать для использования в различных дизайн-проектах. Но, с появлением современных средств дизайна, таких как Adobe Photoshop и Adobe Illustrator, дизайнеры могут создавать свои собственные узоры. Очевидно, это очень сложная работа, для выполнения которой необходимо знать много тонкостей, поэтому немало дизайнеров по-прежнему полагаются на различные бесплатные или премиум изображения.

Итак, если вы дизайнер и хотите использовать в своих проектах отличные узоры, но при этом не сильны в Photoshop или Illustrator (что касается создания узоров), то вы можете использовать некоторые готовые и бесплатные наборы дизайнерских узоров.

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

Итак, давайте рассмотрим список из 12 бесплатных наборов с геометрическими фонами.
 

1) Free Polygon Backgrounds: V2

Free Polygon Background: V2 — это набор из различных геометрических фонов в разрешении 150 dpi и формате RGB. В набор входят двенадцать многоугольных фонов в высоком разрешении JPG. Фоны доступны в различных цветах и могут быть использованы для любого веб или графического дизайн-проекта.
 

2) 30 Polygonal Background Textures

Polygonal Background Textures представляет собой набор из тридцать геометрических фоновых текстур, доступных в различных абстрактных цветовых сочетаниях. Они подходят для использования в различных дизайн-проектах, таких как обои, презентации, листовки, заголовки и многое другое.
 

3) 20 Free Polygon Backgrounds

20 Free Polygon Backgrounds — коллекция геометрические фоновых текстур в высоком разрешение. Набор включает в себя двадцать фонов с различными низкополигональными узорами и цветовыми схемами. Фоны доступны в 3000×2000пикселей и 300 PPI. Они подходят для различных портфолио проектов, обоев, листовок, интернет-рекламы и другого.
 

4) 5 Free Geometric Polygonal Backgrounds 

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

5) 5 Geometric High-Definition Backgrounds

Набор из пяти красочных геометрических фонов в форматах AI и jpg. Коллекция имеет высокое разрешение, а размеры текстур составляют 2500×2500 пикселей. Эти геометрические фоны идеально подходят для использования в дизайне плакатов, создании иллюстраций и веб-сайтов.
 

6) 5 iPhone 6/ iPhone 6 Plus polygonal wallpapers

Это набор из пяти многоугольных фоновых обоев, которые предназначены исключительно для работы на iPhone 6 и iPhone 6 Plus. Обои доступны в высоком разрешении  — 750×1334 и 1080×1920 пикселей, а также в разных цветах.
 

7) 10 Geometric Backgrounds

Бесплатный набор, представляющий собой коллекцию из десяти геометрических фонов в HD-качестве. Все полигональные текстуры поставляются в формате AI и jpg. В jpg текстуры доступны в размере 2500×2500 пикселей.
 

8) Crystallized 2 Vector Graphic

Crystallized 2 Vector Graphic является геометрическим фоном с эстетическим дизайном. Это красивое сочетание красного и бирюзового цвета вместе с угловатыми формами. Вы можете скачать фон бесплатно, просто нажав на ссылку на целевой странице.
 

9) 20 Beautiful Flat Geometric Backgrounds

Это бесплатный комплект из двадцать плоских геометрических фонов, которые идеально подходят для использования в различных веб- или графическом оформление проектов. Коллекция включает двадцать многоугольных фонов в формате jpg, а так же с расширениями AI, EPS и PSD.
 

10) 5 Hexagon Backgrounds

Коллекция из пяти шестиугольных фонов в высоком разрешении, размером 2300×1500 px и в пяти разных цветах. Фоновые текстуры доступны в jpg-формате вместе с AI, EPS и PSD и расширениями.
 

11) 14 High-Resolution Geometric Patterns

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

12) Monochrome Geometric Patterns

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

Заключение

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

Источник

60 высококачественных бесплатных узоров и текстур Photoshop — designrfix.com

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

Хотите больше статей с Freebie Week ? Ознакомьтесь с некоторыми из наших предыдущих сообщений:

Необходимо иметь 60 бесплатных кистей для Photoshop

Скачать бесплатно: Ultra Clean Blueline HTML5 Template

60 великолепных и креативных бесплатных шрифтов для дизайнеров

Бесплатные файлы PSD: 50+ файлов Photoshop, которые необходимо иметь для дизайнеров

40 бесплатных иконок социальных сетей с хорошим дизайном

[m2leep]

Узоры из дерева

[AdSense]

Бесплатные выкройки для кожи

Rusty Patterns Vol.2

Ткань бесшовные модели

Бесплатные шаблоны из бумаги

Бесплатные выкройки на джинсовой ткани

[AdSense]

Бесшовные красочные узоры в горошек в стиле гранж

Бесплатные шаблоны Photoshop из углеродного волокна

Бесплатные веб-фоны

Бесплатные бесшовные модели шума телевизора

12 бесплатных минимальных веб-паттернов

Фон с деревянным узором

Тонкие деревянные панели

Волны

PSD Фон с узором из углеродного волокна

Углеродное волокно v2

квадратов

Плитка 3 пикселя

Вайо

Кирпич диагонально-полосатый

Кожа большая

GPlay

Графика

Тонкий светлый узор плитки, том 2

Тонкий светлый узор плитки, том 5

Узор из тонкой световой плитки, том 1

Узор из тонкой светлой плитки, том 3

Шероховатые текстуры

2 текстуры старых открыток

6 Текстуры старых листов бумаги

Бесплатные текстуры флага гранж

Упаковочная бумага — текстуры высокого разрешения 1

Набор бесплатных эффектов для бумаги в стиле гранж

Винтажные шаблоны значков — кисти, векторы и текстуры

Текстуры свободных капель воды

Psd капли воды фоновой текстуры

6 текстур дерева высокого разрешения

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

Бесшовные текстуры деревянной изгороди

Набор из 5 текстур старого дерева 1

Набор текстур древесины и ламината 02

Бесшовная текстура древесины

Текстура потрескавшейся грязи

Текстура камня с черной галькой

Пакет из 5 бетонных текстур 1

Пакет из 5 грязных гранж-текстур 1

Текстуры стен и ландшафта

Пакет из 5 грязных гранж-текстур 2

Пакет из 5 минималистичных темных текстур 1

Текстура камня

Текстура бетона

Набор гофрированной ткани: 14 бесплатных текстур высокого разрешения

Бесплатные текстуры простой ткани высокого разрешения, часть 1

Бесплатные окрашенные холсты, фоны

Бесплатные текстуры черного холста

Шероховато-светлые текстуры

Бесплатные пятна акварели — векторы, текстуры и кисти

Бесплатный набор текстур ржавой стали

Обгоревшие и поцарапанные текстуры

Пакет из 5 гнилых ржавых текстур 1

Грандж текстуры бетона

[AdSense]

Гранж

Freebie Pack — 4 бесплатных гранж-текстуры высокого разрешения

3 Гранж текстуры

400+ лучших бесплатных шаблонов Photoshop для дизайнеров

Эта страница может содержать ссылки на наших спонсоров или партнерские ссылки.Учить больше.

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

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

Узоры часто используются в качестве фона. Иногда используются более тонкие узоры, чтобы придать фону некоторую текстуру или характер, в отличие от простого использования однотонного сплошного цвета.

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

А если вам нравятся бесплатные ресурсы, посмотрите наш пост о бесплатных генераторах шаблонов SVG.

Бесплатные узоры Photoshop

Большинство ресурсов, представленных здесь, будут иметь формат .pat, который является форматом файлов для предустановок узоров Photoshop. Эти выкройки сразу готовы к использованию. Некоторые ресурсы представлены в формате png или jpg, и если вы хотите использовать предустановки узоров Photoshop, вам необходимо сохранить эти изображения как узоры. Не волнуйтесь, это просто, и мы покажем вам, как это сделать, в конце этой статьи.

Minimal Web Patterns

Эта коллекция из 12 узоров позволит легко добавить тонкую текстуру в ваши проекты (идеально подходит для фона).

Тонкие темные узоры

Этот набор из 10 узоров аналогичен предыдущему набору, за исключением того, что они темные, а не светлые.

Шаблоны из углеродного волокна

Эти 4 рисунка из углеродного волокна также являются отличным выбором для темного фона, но не так тонко, как предыдущий набор.

Пиксельные узоры

Простые пиксельные узоры — отличный выбор, когда вы ищете тонкий фоновый узор. Каждый веб-дизайн должен иметь в своей библиотеке шаблонов качественные пиксельные шаблоны. Этот пакет включает 28 темных и светлых вариантов.

Пиксельные узоры

С этой коллекцией из 20 узоров у вас будет доступ к нескольким красивым простым узорам, которые можно использовать по-разному.

Косые черты

Этот набор из 2 узоров не похож на другие, которые вы найдете.Они могут быть не такими универсальными, как некоторые из более тонких вариантов, но в правильной ситуации они могут быть чрезвычайно полезны.

Presence

На этом подробном иллюстрированном рисунке изображены крылья и щиты.

Dark Spades

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

Bonfire

Этот уникальный узор напоминает огонь.

Органические узоры

Этот набор из 3 узоров включает один и тот же узор в нескольких цветовых вариациях, включая черно-белый узор, показанный ниже.

Марокканский цветок

Цветочные узоры распространены, но этот имеет другой вид.

What the Hex

Хотите геометрический узор, который можно было бы использовать смелым или утонченным способом?

Греческие и римские узоры

Этот набор из 6 узоров включает в себя различные формы и элементы, вдохновленные греческими и римскими узорами.

Dusk

В этом уникальном узоре сочетаются формы, линии и цвет.

Каракули

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

Double Bubble Dark Pattern

Если вам нравятся геометрические узоры, вам понравится этот.

Пончики

Кто не любит пончики? С помощью этого ресурса вы можете легко включить в свой дизайн пончики разных цветов.

Y So Serious Light Pattern

Еще один геометрический узор, который можно использовать по-разному, в том числе как тонкий фон.

Webb Pattern

Это придает интересный поворот типичному ромбовидному узору.

Узоры для снятия масок углем

Эти узоры (набор из 2 штук) отлично подходят для фона, особенно если вы ищете винтажный эффект.

Qbkls Pattern

Вот еще один красивый геометрический узор, который создает отличный фон.

Осенние листья

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

Выкройка Человека-паука

Этот узор имеет эффект холодного металла.

Шестерни и шестерни

Другой вариант, который может служить эффективным фоном (3 входят в набор).

Шаблоны сетки

Как и узоры пикселей, сетки также исключительно полезны для фона веб-дизайна.Здесь вы найдете 20 сеток, которые предоставят вам множество возможностей.

Шаблоны манги

Они (5 в наборе) также могут использоваться для создания тонких узоров для фона.

Бесшовный ромбовидный узор с потертостями

Это забавный ромбовидный узор, который добавит нотку гранжа в ваш следующий дизайн.

Baroque Collection Lite

Стильные повторяющиеся узоры в стиле барокко (набор из 19) могут быть очень полезны для винтажных дизайнов.

Бесплатные бесшовные шаблоны шума телевизора

Эти 10 шаблонов отлично подходят для фонов и абстрактных эффектов.

Классическое барокко

Другие образцы барокко (23) можно найти здесь.

Просто цветочные узоры

Интересный набор из 4 узоров с своеобразным абстрактным цветочным узором.

GrapeVine

В дизайне, вдохновленном природой, можно использовать эти образцы виноградной лозы (упаковка из 5 штук).

Нам нравятся полосатые

Этот набор (30 штук в комплекте) — еще один вариант тонких узоров для использования веб-дизайнерами.

Текстурированные полосы

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

Точечный узор

Точки могут быть едва различимыми или более доминирующими, в зависимости от контраста между точками и фоном. Этот набор из 29 шаблонов предоставит вам множество вариантов.

Нарисованные вручную свитки

Сложный, нарисованный вручную узор.

Изысканные завитки

Завитки всегда кажутся полезными.

GPlay Pattern

Этот игривый треугольный узор имеет разные оттенки серого.

Узоры в клетку

Если вы хотите воспроизвести узор в клетку, этот набор (3 шт. В комплекте) может упростить задачу.

Набор простых геометрических узоров

Этот узор, созданный из треугольников, доступен в 3 различных цветовых вариациях, включая черно-белый.

Геометрические звенья

Узор с интересными геометрическими формами, который непременно сыграет злую шутку с вашими глазами (3 варианта).

Набор выкроек из бумаги ручной работы

Еще один набор из 7 бумажных выкроек, в том числе несколько красочных вариантов.

Гранж-узоры

Набор очень грубых и шероховатых повторяющихся текстур (9 в наборе).

Волновой узор

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

Паттерны текстуры земли

В этом наборе из 15 паттернов используется множество различных текстур.

Рисунки протектора

Металлический рисунок всегда отлично подходит для фона, и этот набор включает 8 красивых рисунков протектора.

Light Rock Patterns

Более текстурированные узоры (8) в этом наборе.

Сотовые узоры

Этот набор узоров (5 вариантов) полезен для создания ваших собственных абстрактных фонов.

Metal Mesh Patterns

Больше металлических узоров (14) для потрясающих фонов.

Пятнистые расписные цветочные узоры

Эти 16 узоров напоминают яркие, красочные узоры обоев, пятнистую краску или платочную ткань.

Векторные узоры

Набор из 12 узоров с различными векторными формами.

Paper Pattern 2.0

Красивый повторяющийся узор текстуры бумаги.

Шаблоны линий развертки

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

Шаблоны сетки из темного металла

Отличный выбор, когда вам нужен темный металлический фон (8 штук в упаковке).

Образцы сетки из легкого металла

То же самое, только в облегченной версии.

Softly Plaidly

Красивый набор из 11 клетчатых узоров.

Геометрический узор Эшера

Этот узор был вдохновлен М.К. Эшера и поставляется с 3 версиями в свободном доступе.

Как создать шаблон шаблона Photoshop

Если вы загрузили один из файлов в формате JPG или PNG, но без файла .pat для Photoshop, вы можете легко сохранить шаблон в качестве шаблона.

Сначала одно изображение в фотошопе.

Затем перейдите в меню «Правка»> «Определить узор», что позволит вам сохранить изображение в качестве предустановки узора. Введите название рисунка и нажмите «сохранить».

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

Часто задаваемые вопросы

Что такое файл .pat?

.pat — это формат файла, используемый Photoshop для предустановок узоров. С помощью предустановок шаблоны можно легко использовать и повторно использовать в своих проектах.

Могу ли я использовать шаблоны Photoshop в другом программном обеспечении?

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

Как сохранить выкройку?

Если у вас есть мозаичное изображение (то есть его можно повторять без видимых швов), вы можете легко сохранить его в качестве предустановки шаблона Photoshop, чтобы повторно использовать узор в будущем. Для этого перейдите в Edit> Define Pattern.Дайте шаблону имя и сохраните его.

Как добавить узор в свой дизайн?

Чтобы использовать узор, который уже был сохранен или установлен в качестве предустановки, используйте инструмент «Ведро с краской». На верхней панели инструментов измените «передний план» на «узор», а затем выберите узор, который вы хотите применить.

Как установить предустановки узоров Photoshop?

Самый простой способ — открыть Photoshop и дважды щелкнуть файл .pat в любом месте рабочего стола.Photoshop установит его автоматически.

Дополнительные ресурсы см .:

Учебное пособие по повторяющимся узорам в Photoshop

Шаг 1. Создание нового документа

Начнем с создания единой плитки для узора. Для этого нам нужен новый пустой документ, поэтому перейдите в меню File в строке меню в верхней части экрана и выберите New :

.

Перейдите в Файл> Создать.

Откроется диалоговое окно «Новый документ».Введите 100 пикселей для Ширина и Высота . Размер документа будет определять размер плитки, что повлияет на частоту повторения узора в документе (поскольку для плитки меньшего размера потребуется больше повторений, чтобы заполнить такое же пространство, чем для плитки большего размера). В этом случае мы создадим плитку размером 100 x 100 пикселей. Позже вы захотите поэкспериментировать с разными размерами, создавая свои собственные выкройки.

Я оставлю значение Resolution равным 72 пикселя / дюйм .Установите Background Contents на Transparent , чтобы у нашего нового документа был прозрачный фон:

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

Нажмите OK, когда закончите, чтобы закрыть диалоговое окно. Новый документ появится на вашем экране. Образец шахматной доски, заполняющий документ, — это способ Photoshop сказать нам, что фон прозрачный. Поскольку документ довольно мал — всего 100 x 100 пикселей, я увеличу его, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) и нажимая плюс знак ( + ). ) несколько раз.Здесь документ увеличен до 500%:

Новый пустой документ, увеличенный до 500%.

Шаг 2. Добавьте направляющие по центру документа

Нам нужно знать точный центр нашего документа, и мы можем найти его с помощью руководств Photoshop. Поднимитесь в меню View вверху экрана и выберите New Guide :

.

Перейдите в «Просмотр»> «Новое руководство».

Откроется диалоговое окно New Guide. Выберите Horizontal для Orientation , затем введите 50% для Position .Нажмите OK, чтобы закрыть диалоговое окно, и вы увидите горизонтальную направляющую, появившуюся в центре документа:

Выберите «По горизонтали» и введите 50% в поле «Положение».

Вернитесь в меню View и еще раз выберите New Guide . На этот раз в диалоговом окне New Guide выберите Vertical для Orientation и снова введите 50% для Position :

Выберите «По вертикали» и введите 50% в поле «Положение».

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

Вертикальная и горизонтальная направляющие проходят через центр документа.

Изменение цвета направляющей (дополнительно)

Если вам не удается увидеть направляющие из-за их светлого цвета, вы можете изменить их цвет в настройках Photoshop.На ПК перейдите в меню Edit , выберите Preferences , затем выберите Guides, Grid & Slices . На Mac откройте меню Photoshop , выберите Preferences , затем выберите Guides, Grid & Slices :

Выберите настройки направляющих, сетки и фрагментов.

Откроется диалоговое окно «Настройки» Photoshop с параметрами «Направляющие», «Сетка» и «Срезы». Самый первый вариант вверху списка — это Guide Color .Как я уже упоминал, по умолчанию установлен голубой цвет. Щелкните слово Cyan и выберите другой цвет из списка. Вы увидите предварительный просмотр цвета в окне документа. Поменяю свой на Light Red :

Выбор светло-красного в качестве нового цвета направляющих.

Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно «Настройки». Направляющие в окне документа теперь отображаются в новом цвете (обратите внимание, что Photoshop будет продолжать отображать направляющие в этом новом цвете, пока вы не вернетесь к настройкам и не измените цвет обратно на голубой или не выберете другой цвет):

Направляющие теперь отображаются в новом цвете, что облегчает их просмотр.

Шаг 3: нарисуйте форму в центре документа

Вы можете создавать очень сложные узоры в Photoshop или они могут быть такими простыми, как, скажем, повторяющаяся точка или круг. Нарисуем круг в центре документа. Сначала выберите инструмент Elliptical Marquee Tool на панели инструментов. По умолчанию он скрывается за инструментом Rectangular Marquee Tool, поэтому щелкните инструмент Rectangular Marquee Tool и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню, затем выберите инструмент Elliptical Marquee Tool из списка:

Щелкните и удерживайте инструмент Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool.

Выбрав инструмент Elliptical Marquee Tool, переместите перекрестие прямо над точкой пересечения направляющих в центре документа. Удерживая нажатой Shift + Alt (Win) / Shift + Option (Mac), щелкните в центре документа, затем, не отпуская кнопку мыши, растяните круговое выделение. Удерживая нажатой клавишу Shift при перетаскивании, форма выделения превратится в идеальный круг, в то время как клавиша Alt (Win) / Option (Mac) заставит Photoshop нарисовать контур выделения из центра.Когда вы закончите, ваш контур выделения должен выглядеть примерно так (не беспокойтесь о точном размере, пока он близок):

Удерживая Shift + Alt (Win) / Shift + Option (Mac), растяните круговой контур выделения из центра.

Шаг 4: Залейте выделение черным цветом

Перейдите в меню Edit вверху экрана и выберите Fill :

Перейдите в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка», в котором мы можем выбрать цвет для заливки выделения.Установите для параметра Использовать в верхней части диалогового окна значение Черный :

Установите для параметра «Использование» значение «Черный».

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет круглое выделение черным. Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы быстро удалить контур выделения вокруг формы (вы также можете перейти к меню Select в верхней части экрана и выбрать Deselect , но сочетание клавиш быстрее).Имейте в виду, что мой документ все еще увеличен до 500%, поэтому края круга кажутся блочными:

Выбор закрашен черным.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Шаг 5: Дублируйте слой

Добавив только один круг в центр плитки, мы могли бы сохранить плитку как узор, но давайте сделаем ее немного интереснее, прежде чем мы это сделаем. Сначала сделайте копию слоя, перейдя в меню Layer вверху экрана, выбрав New , затем выбрав Layer через Copy .Или, если вы предпочитаете сочетания клавиш, нажмите Ctrl + J (Win) / Command + J (Mac):

Перейдите в меню «Слой»> «Создать»> «Слой через копирование».

В окне документа пока ничего не произойдет, но копия слоя, которую Photoshop называет «Копия слоя 1», появится над оригиналом на панели «Слои»:

Панель «Слои», на которой отображается копия слоя 1 над оригиналом.

Шаг 6: Применение фильтра смещения

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

Выберите «Фильтр»> «Другое»> «Смещение».

Откроется диалоговое окно «Фильтр смещения». Фильтр «Смещение» перемещает или смещает содержимое слоя на указанное количество пикселей по горизонтали, вертикали или по обоим направлениям. При создании простых повторяющихся шаблонов, подобных тому, который мы здесь разрабатываем, вы захотите ввести половину ширины документа в поле ввода «Горизонтальное» и половину высоты документа в поле ввода «Вертикальное». В нашем случае мы работаем с документом 100 x 100 пикселей, поэтому установите для параметра Horizontal значение 50 пикселей, а для параметра Vertical также значение 50 пикселей.В нижней части диалогового окна в разделе Undefined Areas убедитесь, что выбрано Wrap Around :

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

Щелкните OK, чтобы закрыть диалоговое окно. В окне документа мы видим, что фильтр «Смещение» взял копию круга, который мы создали на предыдущем шаге, и разделил ее на четыре равные части, разместив их по углам документа.Круг, оставшийся в центре, — это исходный круг, который мы нарисовали на слое 1:

.

Изображение после запуска фильтра смещения.

Шаг 7. Определите плитку как узор

Создав плитку, давайте сохраним ее как фактический узор. Этот процесс в Photoshop называется «определение узора». Поднимитесь в меню Edit вверху экрана и выберите Define Pattern :

.

Перейдите в Edit> Define Pattern.

Photoshop откроет диалоговое окно с просьбой назвать новый узор.Если вы создаете несколько одинаковых плиток разных размеров, рекомендуется указать размеры плитки в названии рисунка. В этом случае назовите плитку «Круги 100×100». Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Плитка теперь сохранена как узор!

Назовите узор «Круги 100×100».

Шаг 8: Создайте новый документ

Мы разработали нашу плитку и определили ее как узор, а это значит, что теперь мы можем использовать ее для заполнения всего слоя! Давайте создадим новый документ для работы.Как и на шаге 1, перейдите в меню File и выберите New . Когда появится диалоговое окно «Новый документ», введите 1000 пикселей для Ширина и Высота . Оставьте Разрешение равным 72 пикселя / дюйм , а на этот раз установите Background Contents — White , чтобы фон нового документа был залит сплошным белым цветом. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно.На вашем экране появится новый документ:

Создайте новый документ размером 1000 x 1000 пикселей с белым фоном.

Шаг 9: Добавьте новый слой

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

Щелкните значок «Новый слой».

Новый пустой слой с именем «Слой 1» появляется над фоновым слоем:

Появится новый слой.

Шаг 10: Залейте новый слой узором

Добавив наш новый слой, давайте заполним его нашим узором! Поднимитесь в меню Edit и выберите Fill :

.

Перейдите в меню «Правка»> «Заливка».

Обычно команда Photoshop «Заливка» используется для заливки слоя или выделения сплошным цветом, точно так же, как мы это делали на шаге 4, когда использовали ее для заливки круглого выделения черным цветом.Но мы также можем использовать команду Fill, чтобы заполнить что-либо узором, и мы делаем это, сначала установив для параметра Use в верхней части диалогового окна значение Pattern :

Измените параметр «Использовать» на «Образец».

При выбранном шаблоне прямо под ним появляется второй вариант, Custom Pattern , где мы выбираем шаблон, который хотим использовать. Нажмите на эскиз шаблона для предварительного просмотра :

Щелкните непосредственно на миниатюре Custom Pattern.

Откроется окно выбора паттернов , в котором отображаются маленькие эскизы всех паттернов, из которых мы в настоящее время должны выбирать. Только что созданный нами узор круга будет последним эскизом в списке. Если у вас включены подсказки в настройках Photoshop (они включены по умолчанию), имя рисунка будет отображаться при наведении курсора на миниатюру. Дважды щелкните по нему, чтобы выбрать его и выйти из окна выбора узоров:

.

Выберите узор «Круги 100×100» в палитре узоров.

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

Слой 1 теперь заполнен повторяющимся круговым узором.

Куда идти дальше …

Вот и все! Очевидно, что наш черно-белый узор круга не принесет нам много наград, но важные вещи, которые следует извлечь из этого первого урока, — это шаги, которые мы использовали для его создания, проектирование единой плитки, определение плитки как узор, а затем использование Photoshop Команда «Заливка» для заполнения всего слоя узором.Далее мы начнем двигаться дальше, изучая, как добавлять цвета и градиенты к нашим узорам ! Или посетите наш раздел Основы Photoshop, чтобы узнать больше об основах Photoshop!

Как создать узор в Photoshop для использования в качестве заливки узором

Что нужно знать

• Откройте изображение. Перейдите в Edit > Select All , чтобы получить все, или используйте Rectangle Marquee . Перейдите к Edit > Define Pattern > назовите его> Ok .
• Откройте другое изображение. Выберите слой или область для заливки и перейдите в Edit > Fill > Custom Pattern . Выберите узор и режим наложения и нажмите Ok .

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

Как использовать основной узор в Photoshop

1. Откройте изображение, которое хотите использовать в качестве заливки.

2. Если вы хотите использовать все изображение в качестве заливки, перейдите к Select > Select All . В противном случае используйте инструмент «Прямоугольная область», чтобы сделать выделение.

3. Перейдите в Edit > Define Pattern , чтобы открыть диалоговое окно Define Pattern. Дайте вашему выбору имя и щелкните OK .

4. Откройте другое изображение или создайте новое.

5. Выберите слой, который хотите заполнить, или сделайте выделение с помощью одного из инструментов выделения, например, Rectangular Marquee .

6. Перейдите в Edit > Fill , чтобы открыть диалоговое окно Fill . Выберите раскрывающееся меню Custom Pattern .

7. Откройте раскрывающееся меню Custom Pattern , чтобы получить доступ к выбору шаблонов, установленных с Photoshop, и любых шаблонов, которые вы, возможно, создали ранее.Щелкните шаблон, который хотите применить.

8. Не устанавливайте флажок Script . В Photoshop CS6 и более поздних версиях шаблоны со сценариями представляют собой сценарии JavaScripts, которые случайным образом размещают элемент, определенный как узор, либо в выделении, либо на слое.

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

10. Щелкните ОК .Вот результат:

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

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

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

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

Вы можете определить любое изображение или выделение как узор для использования в качестве заливки в Photoshop. Вот как.

подсказки

Чтобы максимально использовать эту функцию:

• В некоторых очень старых версиях Photoshop только прямоугольные выделения могут быть определены как узор.
• Установите флажок Сохранить прозрачность в диалоговом окне Заливка , если вы хотите заполнить только непрозрачные части слоя.
• Если вы применяете узор к слою, выберите Layer и примените Pattern Overlay во всплывающем меню Layer styles .
• Другой способ добавления узора — использовать инструмент Paint Bucket для заливки слоя Layer или выделения. Выберите Pattern из параметров инструмента .
• Ваша коллекция выкроек находится в библиотеке. Выберите Окно > Библиотеки , чтобы открыть их.
• Вы также можете создавать контент с помощью приложений Adobe Touch Apps и размещать их в своей библиотеке Creative Cloud.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

450+ Бесплатные минималистичные тонкие узоры

Белый фон часто используется для чистого, минималистичного дизайна веб-сайтов, но иногда немного серого или нежный цвет выглядит даже лучше! Если вы хотите добавить легкий фон на веб-сайт, эти бесплатные минималистичные тонкие шаблоны просто идеальны!

В этом огромном списке мы отобрали более 450+ бесплатных минималистичных шаблонов, которые вы можете использовать для своих проектов чистого веб-дизайна.Эти удивительные тонкие шаблоны также представлены в виде файлов .pat. В этом списке вы найдете темных и светлых узоров , и все они идеальны для пикселей! Проверь их!

Эта бесплатная коллекция представляет собой набор тонких узоров, которые отлично подходят для придания фону небольшого края. Загрузка включает файл .pat вместе с jpeg.

Этот набор фонов с тонкими легкими текстурными узорами и 4 узорами из светлой плитки идеально подходит для создания тонкого и оригинального светлого веб-фона для вашего следующего проекта.

Это еще один набор узоров с легкой текстурой, идеально подходящий для создания тонких веб-фонов.

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

Это набор бесплатных надстроек Photoshop, содержащий 10 мягких шаблонов для использования во всех видах проектов, таких как веб-сайты, фоны, текстуры, плакаты, листовки, открытки, буклеты, брошюры, обложки Facebook и т. Д.

Пиксельные узоры — отличная альтернатива текстурам, градиентам и фильтрам. Эта загрузка включает в себя файл .pat Photoshop, что означает, что вы можете накладывать узоры практически на все элементы / формы.

Это тонкий темный текстурированный фон с 4 узорами темной плитки, идеально подходящий для создания темного веб-дизайна.

Вот 18 мягких темных пиксельных узоров для использования во всевозможных проектах, таких как веб-сайты, фоны, текстуры, плакаты, листовки, открытки, буклеты, брошюры, обложки Facebook и т. Д.Шаблоны совместимы с Photoshop CS3 и выше.

Эти шаблоны Photoshop (.pat) бывают как в черном, так и в белом цвете с прозрачным фоном, что означает, что их можно применить практически к любому элементу или цвету. Также в загрузке есть набор из 20 прозрачных файлов .png размером 500 x 500 пикселей, по одному для каждого шаблона.

Этот бесплатный набор из 10 темных тонких узоров идеально подходит для заливки фона. Загрузка включает в себя файл .pat и jpgs для быстрого использования.

Этот потрясающий набор содержит 4 световых узора плитки, которые можно использовать в качестве фона веб-сайта.

Вот еще 4 светлых узора плитки, которые идеально подходят для создания гладкого серого фона веб-сайта.

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

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

Вот 70 черных узоров с идеальным дизайном. Используйте их, как хотите, в своих следующих проектах графического или веб-дизайна.

Этот потрясающий веб-сайт предлагает более 300 великолепных тонких шаблонов, которые вы можете использовать для своих проектов веб-дизайна. Проверьте это!

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

30 лучших бесплатных и премиальных шаблонов Photoshop (2021)

Хотите оживить свои проекты Photoshop интересными и уникальными узорами? Что ж, вы пришли в нужное место.

В этой статье мы перечисляем 30 лучших бесплатных и премиальных шаблонов Photoshop, доступных в 2021 году.

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

Что такое узор в Photoshop?

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

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

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

Где скачать шаблоны Photoshop

Photoshop поставляется с некоторыми предустановленными шаблонами, но если вы хотите проявить больше творчества в своих проектах, вы можете загрузить некоторые шаблоны со сторонних дизайнерских сайтов, таких как Envato Elements, Creative Market или DeviantArt.

Всего за 16,50 долларов в месяц вы можете без ограничений скачивать тысячи шаблонов Photoshop, а также другие графические элементы, такие как шаблоны Instagram и пользовательские шрифты.

В этой статье все перечисленные премиальные шаблоны Photoshop включены в подписку Envato Elements.

Лучшие бесплатные и премиальные шаблоны Photoshop на 2021 год — наш лучший выбор

А теперь давайте перейдем к списку 30 лучших бесплатных и премиальных шаблонов Photoshop на 2021 год. Начнем с нашего любимого пакета шаблонов Photoshop.

1. 100 бесшовных геометрических узоров

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

Почему это наш лучший выбор

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

Лучшие шаблоны Photoshop премиум на 2021 год

2.Набор круговых узоров

Эти современные и простые узоры в виде кругов обязательно добавят стильности любому дизайну. Пакет включает 40 различных векторных паттернов кругового дизайна.

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

3. Кристаллический узор

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

Хотя это только один узор, а не набор узоров, дизайн является многослойным, что означает, что вы можете легко настроить цвета в Photoshop, чтобы добавить свой собственный стиль дизайну узора.

К загрузке выкроек прилагается также файл справки, который покажет вам, как именно это сделать.

4. Набор инструментов для шаблонов процессов

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

Этот классный и универсальный набор выкроек может быть использован для создания сотен уникальных и интересных дизайнов.

5. Акварельные узоры

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

Эти узоры идеально подходят для использования в ярких и ярких проектах Photoshop.

6. Роскошные бесшовные модели

Набор «Роскошный бесшовный узор» от Envato Elements идеально подходит для дизайнеров, которые хотят добавить классности своим проектам.

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

7. Набор роскошных геометрических золотых узоров

Набор выкроек Photoshop «Геометрическая роскошь золота» идеально подходит для создания современных и роскошных дизайнов.

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

8. Абстрактные узоры Ландо

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

В набор входят 8 различных дизайнов и файл справки по их использованию.

9. Набор текстур и узоров ручной работы

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

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

10.Современные ювелирные узоры

Шаблоны Modern Jewel Tone идеально подходят для использования в качестве фона или элементов в социальных сетях и веб-графике. Набор шаблонов включает 4 разных дизайна в 5 разных цветах, поэтому его можно легко включить в ваши рисунки и цветовые схемы.

11. Набор для керамической глазури

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

12. Набор геометрических бесшовных узоров

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

13. Бесшовные модели разноцветных волн

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

14. Рождественский набор

Нужен праздничный узор для создания забавных рождественских узоров? Это набор шаблонов Photoshop для вас.В этом паке 6 различных праздничных узоров. Создаваете ли вы постеры для рождественского мероприятия или печатаете праздничные салфетки сами, эти выкройки идеально подойдут.

15. Точечные массивы

Point Patterns — это современный и стильный пакет шаблонов Photoshop, который идеально подходит для брендинга, веб-графики и социальных сетей. Минималистичный и красочный точечный дизайн можно использовать, чтобы добавить всплеск цвета, чтобы улучшить ваш дизайн. Пакет бесшовных паттернов включает 15 различных точечных паттернов.

16. Азиатские декоративные узоры

Узоры из коллекции Asian Deco идеально подходят для создания эстетики роскошного ар-деко в ваших проектах. В коллекции 12 паттернов Photoshop, а также бонусный бордюр. Эти узоры отлично смотрятся на приглашениях и плакатах на роскошные мероприятия.

17. Паттерны в стиле ретро 1950-х годов

Эти ретро-узоры 1950-х годов отлично подходят для создания дизайнов с фанковой атмосферой середины века.Пакет включает в себя 12 различных дизайнов, от классических обоев 50-х годов до необычных космических мотивов. Организуете ли вы тематическую вечеринку или открываете ресторан в стиле ретро, ​​эти узоры будут отлично смотреться на плакатах, приглашениях на вечеринки или в брендинге предприятий, оформленных в стиле ретро.

18. Бесшовные тропические узоры для Photoshop

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

19. Осенние узоры

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

20. Нежные шаблоны Photoshop полевые цветы + шаблоны

Delicate Wildflower — это стильный и женственный набор шаблонов Photoshop, идеально подходящий для создателей моды и блоггеров.

Пакет включает 20 красиво оформленных векторных узоров, а также 10 соответствующих шаблонов историй Instagram, которые можно редактировать в Photoshop. Этот пакет идеально подходит для создания красивых цветочных дизайнов для веб-контента и многого другого.

21. Узор для Photoshop с зернистостью

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

22. Набор темных узоров

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

Набор выкроек включает более 40 узоров с различными текстурами.Все узоры имеют угрюмые цвета, такие как черный, серый и темно-синий.

23. Набор выкроек Terrazzo Natura

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

Набор выкроек включает 12 различных дизайнов на тему терраццо в различных естественных цветах.

24.Брендирование шаблонов и образцов Photoshop

Эти забавные и красочные шаблоны для создания брендов в Photoshop идеально подходят для создания профессиональных дизайнерских проектов. Бесшовные шаблоны будут отлично смотреться на визитных карточках, стационарных, а также в цифровом дизайне.

Это отличный способ добавить ярких красок в профессиональный дизайн.

25. Шаблоны фотографии еды

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

Лучшие бесплатные шаблоны Photoshop на 2021 год

26. Черно-белые узоры в Photoshop

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

27. Микро-узоры в Photoshop

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

28. Паттерны для фотошопа Intoxicated Vogue

Эти причудливые и забавные узоры в пиксельном стиле идеально подходят для современного дизайна Photoshop.Пакет паттернов включает 20 различных паттернов Photoshop. Все выкройки бесплатны для личного и коммерческого использования. Однако вы не можете претендовать на них как на свои собственные или распространять их. Также обратите внимание, что указание на шаблоны не требуется, но создатель ценит их.

29. Вредоносные узоры для Photoshop

Эти забавные и современные цветочные узоры доступны для личного и коммерческого использования. Кредит не требуется. Женственный дизайн идеально подойдет для модных блогов и контента в социальных сетях.

30. Милые пастельные узоры

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

Последние мысли

паттернов Photoshop — отличный способ улучшить ваш дизайн и превратить его из посредственного в по-настоящему привлекательный. Создаете ли вы проекты для своего бизнеса или просто для развлечения, бесплатные и премиальные шаблоны Photoshop, упомянутые в этом списке, послужили вам источником вдохновения для ваших будущих проектов Photoshop.

Если вам понравилась наша статья о лучших паттернах Photoshop, вы можете прочитать нашу статью о лучших пресетах Lightroom и лучших кистях Photoshop.

Похожие сообщения

adobe photoshop — Создание штампов PS с прозрачным фоном

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

Когда вы определяете узор (= есть выбор, перейдите в Edit> Define Pattern) для предстоящей мозаики, закройте фоновый слой

Результат штамповки не имеет фона.

Но это тоже можно смотреть на фоне

ДОБАВИТЬ: Вопрос радикально отредактирован. Я предположил совершенно другую проблему. Вы можете использовать маскировку слоя, чтобы удалить белый фон.

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

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

Инвертирование и трешолдинг:

Заключительная проверка:

Сделайте шаблонный штамп, как описано выше:

Вы уверены, , что вам нужно вообще какое-то удаление фона? Например, субтрактивная печать CMYK может автоматически оставлять белый цвет на отпечатке, потому что белый считается «ничего не вставлять», для других цветов требуется краска, чтобы покрыть бумагу или ткань.Может быть, сейчас подходящий момент спросить технический персонал типографии.

.