Як зробити патерн в фотошопі

створення візерунків

某些 Creative Cloud 应用 程序, 服务 和 功能 在 中国 不可 用

Візерунок — це зображення, яке повторюється або розкладається у вигляді мозаїки при його застосуванні для заливки шару або виділеної області. У комплекті з Photoshop йде безліч готових стилів візерунків.

Передбачена можливість створювати нові візерунки і зберігати їх в бібліотеках для використання з іншими інструментами та командами. Підготовлені візерунки відображаються на спливаючих панелях на панелі параметрів для інструментів «Заливка», «Візерунковий штамп», «Пензель відновлення» і «Латка», а також в діалоговому вікні «Стиль шару». Можна змінити спосіб відображення візерунків на спливаючих панелях, вибираючи варіант відображення у спливаючому меню панелі. Передбачена також можливість управляти установками візерунків з використанням диспетчера установок.

Створюємо патерн в Фотошопі

як зробити патерн в фотошопі

У цьому уроці буде розказано про те, як зробити візерунок в Фотошопі.

Тут розповідати особливо нема чого, тому відразу приступаємо до практики.

Створюємо документ з розмірами 512х512 пікселів.

Створюємо патерн в Фотошопі

Далі необхідно розшукати (намалювати?) Однотипні елементи для нашого паттерна. Тематика нашого сайту комп’ютерна, тому я підібрав такі:

Створюємо патерн в Фотошопі

Беремо один з елементів і поміщаємо в робочу область Фотошопа на наш документ.

Створюємо патерн в Фотошопі

Потім переміщаємо елемент на кордон полотна і дублюємо його (СTRL + J).

Створюємо патерн в Фотошопі

Тепер йдемо в меню «Фільтр — Інше — Зрушення».

Створюємо патерн в Фотошопі

Зміщуємо об’єкт на 512 пікселів вправо.

Створюємо патерн в Фотошопі

Для зручності виділимо обидва шару з затиснутою клавішею CTRL і помістимо їх в групу (CTRL + G).

Створюємо патерн в Фотошопі

Розміщуємо новий об’єкт на полотно і переміщаємо до верхньої межі документа. дублюємо.

Створюємо патерн в Фотошопі

Знову йдемо в меню «Фільтр — Інше — Зрушення» і переміщаємо об’єкт на 512 пікселів вниз.

Створюємо патерн в Фотошопі

Таким же способом поміщаємо і обробляємо інші об’єкти.

Створюємо патерн в Фотошопі

Залишилося лише заповнити центральну область полотна. Я мудрувати не буду, а поміщу один великий об’єкт.

Створюємо патерн в Фотошопі

патерн готовий. Якщо потрібно його використання в якості фону веб сторінки, то просто зберігаємо в форматі JPEG або PNG.

Якщо ж планується заливати патерном фон документа в Фотошопі, то потрібно зробити ще пару кроків.

Крок перший — зменшуємо розмір зображення (за потреби) до 100х100 пікселів.

Створюємо патерн в Фотошопі
Створюємо патерн в Фотошопі

Потім йдемо в меню «Редагування — Визначити візерунок».

Створюємо патерн в Фотошопі

Даємо ім’я візерунку і натискаємо ОК.

Давайте подивимося, як буде виглядати наш патерн на полотні.

Створюємо новий документ з будь-якими розмірами. Потім натискаємо поєднання клавіш SHIFT + F5. В налаштуваннях вибираємо «Регулярний» і шукаємо в списку створений патерн.

Створюємо патерн в Фотошопі

натискаємо ОК і милуємося ..

Створюємо патерн в Фотошопі

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

Ми раді, що змогли допомогти Вам у вирішенні проблеми.

Додайте сайт Lumpics.ru в закладки і ми ще придамося вам.
Віддячите автора, поділіться статтею в соціальних мережах.

Опишіть, що у вас не вийшло. Наші фахівці постараються відповісти максимально швидко.

Створюємо чіткий, ілюстрований безшовний патерн в Adobe Photoshop

Одне з моїх улюблених занять — створювати привабливі безшовні патерни, але я не люблю процес створення постійно повторюваних фонів для шаблону. Саме це призвело до зростання мене на розробку зручного методу створення безшовних моделей.

  • ескіз шаблону
  • Верстка безшовного шаблону
  • Етап 1
  • етап 2
  • етап 3
  • етап 4
  • етап 5
  • етап 6
  • Перевіряємо, що у нас вийшло
    • Етап 1
    • етап 2
    • етап 3
    • додаємо колір
      • Етап 1
      • етап 2
      • етап 3
      • фінальні штрихи
        • Етап 1
        • етап 2
        • етап 3
        • ми закінчили!
        • 1. ескіз шаблону

          Етап 1

          Зробіть приблизний нарис шаблону, помістіть на нього всі необхідні елементи. Гілки і листя — це завжди прекрасно, так як створює відчуття природності. Але цей метод можна застосовувати і для інших об’єктів:

          етап 2

          Розвивайте ідею паттерна. Нехай це буде груба чорнова робота, вона зовсім не повинна бути красивою, так як лише допомагає вам задати «ритм». Можна зробити один великий фрагмент або безліч дрібних, і потім скомпонувати їх так, як захочеться:

          етап 3

          Як тільки ескіз стане хоч трохи схожим на ілюстрацію, з нього потрібно буде створити фрагмент безшовного паттерна. Якщо ви працювали на папері, то відскануйте малюнок при 300dpi .

          Створіть новий Photoshop -Документ достатнього розміру. Я рекомендую використовувати розмір не менше 5000 на 5000 пікселів. При необхідності його завжди можна зменшити, а ось збільшити зображення маленького розміру без втрати якості вже не вийде:

          етап 4

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

          Це найлегше зробити за допомогою меню Зображення> Корекція> Рівні (Image> Adjustments> Levels). Наведіть лівий повзунок всередину вікна, щоб зробити чорні елементи ще темніше, а потім пересуньте правий повзунок лівіше, щоб зробити білі фрагменти ще світліше. Потім поекспериментуйте із середнім повзунком до тих пір, поки не знайдете відповідний баланс.

          Потім виділіть білі фрагменти інструментом «Чарівна паличка» (Magic Wand) і натисніть Delete . Якщо вам не вдалося добитися чіткості на ескізі або добре відсканувати документ, то можна скористатися ілюстрацією для створення нового зображення на окремому шарі. Додайте шар з ескізом на самий верх в панелі шарів, трохи зменшіть рівень його непрозорості. Після цього продублюйте його пензлем або іншим інструментом на новому шарі:

          2. Верстка безшовного шаблону

          Етап 1

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

          Одні і ті ж елементи можна використовувати кілька разів, трохи видозмінивши їх за допомогою повороту, дзеркального відображення і інших засобів. Набагато зручніше наносити елементи на новий шар, використовуючи інший колір кисті. Так ви будете бачити, які фрагменти ще потрібно замалювати:

          етап 2

          Трохи поекспериментуйте з різними елементами, а потім зв’яжіть їх у єдиний фрагмент мозаїки шаблону. Форма фрагмента не так важлива, але буде краще, якщо він буде рівномірно розкиданий по полотну.

          На даному етапі краще працювати одним кольором, а все інше можна додати пізніше, вже після того, як ми переконаємося, що наш патерн ідеально вибудовується в мозаїку. Якщо почати розфарбовувати його до верстки, то пізніше доведеться вносити коректування в кожен шар. Але це зовсім не стосується кольору фону і основного контуру:

          етап 3

          Коли фрагмент буде готовий, зробіть копію шару з шаблоном (Ctrl + J), і перемістіть копію в одну зі сторін по прямій лінії (для цього можна затиснути клавішу Shift).

          Помістіть новий шар на мінімальній відстані від шару з вихідним патерном, залишивши місце, яке дозволить вам з’єднати два елементи разом, зафарбувавши простір між ними:

          етап 4

          Поверніться до шару з шаблоном і Доріс його так, щоб він стикався з щойно створеної копією.

          Якщо вам здається, що елементи наїжджають один на одного, то відсуньте шар з копією на більшу відстань, щоб у вас вийшли плавні з’єднувальні лінії. Якщо місця дуже багато, то присуньте шар ближче. Важливо домогтися непомітного переходу між двома фрагментами мозаїки:

          етап 5

          Після закінчення попереднього етапу видаліть шар з копією і створіть нову копію оригінального фрагмента, так як він злегка оновився. На цей раз переміщайте шар з копією в іншу сторону.

          Пам’ятайте, що нам важливі тільки краю контрольного шару (шару з копією), але якщо вам не вистачає місця для роботи, можна збільшити розмір полотна через меню Зображення> Розмір полотна (Image> Canvas Size):

          етап 6

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

          Після цього етапу ваш безшовний патерн буде практично завершено. Знову видаліть копію, і приступимо до тестування:

          3. Перевіряємо, що у нас вийшло

          Етап 1

          Скопіюйте отриманий фрагмент в новий файл (Ctrl-A> Ctrl -C> Ctrl -N> Ctrl-V).

          Якщо він вийшов занадто великим, зменшіть розмір приблизно до 1000 пікселів. Звичайно, загубиться трохи якості, але на тестуванні це ніяк не відіб’ється. Проводьте ці маніпуляції над копією, а не над вихідним файлом.

          Активуйте інструмент «Прямокутна область» (Rectangular Marquee Tool), і простягніть квадрат, відступивши приблизно 1/5 від країв фрагмента.

          Чи не знімайте виділення до тих пір, поки не залишитеся задоволені результатом (обраним фрагментом). Можна скористатися стрілками на клавіатурі для точного переміщення виділеної області.

          Зніміть виділення (Ctrl-D), і виконайте те ж саме з верхнім і нижнім краями. У нас вийшов гарний фрагмент мозаїки:

          етап 2

          Тепер виділіть повністю весь фрагмент. Тут потрібно бути гранично точним, тому краще скористатися напрямними (Guides). Потім перейдіть в меню Редагування> Визначити візерунок (Edit> Define Pattern). Вкажіть назву нового візерунка, а потім збережіть його:

          етап 3

          Якщо все-таки виявилися які-небудь нерівності, то просто позначте для себе їхню прихильність. Потім поверніться до вихідного паттерну і виправте їх.

          Також потрібно попрацювати над загальною картиною. Хоча на окремому візерунку це може бути непомітно, при періодичному малюнку деякі об’єкти можуть здаватися недостатньо або надмірно виразними. Іноді потрібно буде загострити увагу на якомусь певному ділянці візерунка:

          4. додаємо колір

          Етап 1

          Тепер прийшов час розфарбувати нашу ілюстрацію. Найлегше це робиться за допомогою «Накладання кольору» (Color Overlay).

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

          У візерунку можна використовувати скільки завгодно квітів, але слід врахувати, що якщо шаблон призначається для друку, то найкраще використовувати не більше 4-8 кольорів.

          Якщо ви працюєте з цільним зображенням, то помістіть основний шар в самий низ, а кольорові шари зверху. Якщо ж ви з контурним зображенням, то краще помістити основний шар в самому верху, а кольорові шари вибудовувати вже під ним:

          етап 2

          Перед тим як почати розмальовку, затисніть Ctrl і клацніть по шару з основним патерном, а потім натисніть Ctrl-H, щоб приховати виділення. Тепер колір буде наноситися тільки в рамках виділеної області.

          Звичайно, такий метод спрацює тільки в тому випадку, якщо ваш візерунок складається з цільних фігур, а не з контурів. Якщо ви працюєте з контурами, як показано нижче, то можна для початку залити їх (для створення копії шару з контурами натисніть Ctrl-J). Це дозволить створити заготовку, і потім використовувати її для нанесення кольорів на інші елементи патерну:

          етап 3

          Тепер потрібно перевірити, чи не заходить чи фоновий колір на передній план. Це просто виправляється: потрібно вибрати фрагменти ілюстрації, навколо яких видно невеликий контур базового кольору за допомогою затиснення клавіші Ctrl на клавіатурі і кліка лівої кнопкою миші по мініатюрі цього зображення на потрібному шарі. Потім потрібно перейти в меню Виділення> Модифікація> Стиснути (Select> Modify> Contract) і ввести значення 1, після чого натискаємо ОК .

          Це стисне всі виділення на 1 піксель. Тепер інвертуйте виділення (Ctrl-Shift-I), а потім натисніть «Видалити» (Delete). Це призведе до видалення контуру товщиною в 1 піксель по всьому фрагменту:

          фінальні штрихи

          Етап 1

          Наша ілюстрація вже завершена, і ми бачимо, що вона чудово складається в красиву мозаїку. Тепер потрібно перетворити її в готовий фрагмент, який можна буде використовувати як шаблон.

          Це найлегше робиться за допомогою напрямних. Встановіть одну горизонтальну і одну вертикальну направляючу поруч з краями документа. Якщо ви не бачите лінійки по краях робочої області, то потрібно включити їх за допомогою меню Перегляд> Лінійки (View> Rulers).

          Тут немає якогось конкретного обов’язкового фрагмента. Як би ви не розрізали цю мозаїку, будь-яка її складова частина буде легко вибудовуватися в таке зображення. Почніть тягнути виділення від точки дотику напрямних, попередньо затиснувши клавішу Shift:

          етап 2

          Коли виберете потрібний фрагмент, скористайтеся інструментом «Масштаб» (Zoom), і сильно збільште документ. Встановіть наступну направляючу точно по краю виділення.

          Тепер повторіть цю операцію з кожним шаром кольору, і виділення завжди встановлено в потрібному місці.

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

          етап 3

          Документ, який ми тільки що створили, повністю розділений на шари, тому ми можемо без праці модифікувати його, змінюючи накладання кольору на кожному окремому шарі:

          ми закінчили!

          Варто відзначити, що якщо ви плануєте завантажувати цей файл на якісь сервіси, або віддавати на друк, то його потрібно буде зберегти у форматах PNG, JPG або TIFF, але я рекомендую вам завжди зберігати оригінальний PS D-документ. Цей документ уже готовий до модифікацій і експорту в будь-які формати.

          Сподіваюся, вам сподобалося це керівництво, і тепер ви вмієте створювати власні якісні безшовні патерни в Photoshop !

          У коментарях хотілося б побачити приклади ваших робіт, створених на основі цього керівництва!

          Ссылка на основную публикацию