Як швидко та легко створити сітку за допомогою Adobe Photoshop?


32

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

введіть тут опис зображення

В даний час я це роблю, малюючи один квадрат, копіюючи + вставляючи + переміщуючи + об'єднуючи його кілька разів, щоб створити один ряд, скопіювати / вставити, що кілька разів, щоб створити більше рядків один над одним.

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

Які існують ефективні методи створення сітки квадратів однакового розміру?


3
Якщо у вас є Illustrator, я б це зробив там. Дивіться це: graphicsdesign.stackexchange.com/questions/16869/… - тоді просто скопіюйте та вставте у Photoshop.
Скотт

Відповіді:


61

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

Накресліть свій початковий квадрат і накресліть - виберіть менший квадрат, який включає лише верхню та ліву сторони. Потім виберіть Edit > Define Pattern...і збережіть шаблон з ім'ям.

Далі, виділіть область, яку потрібно заповнити. Потім виберіть Edit > Fill..., виберіть Use: Patternі виберіть свій квадратний візерунок.

введіть тут опис зображення


як можна зробити так, щоб не було півклітинок, щоб вона ідеально підходила?
маленький крихітний чоловік

1
У наведеному вище прикладі я використовував палітру інформації для вимірювання розміру сітки. У цьому випадку це було 86 пікселів. Якщо ви хочете плитка полотна без "півклітинок", використовуйте значення, яке рівномірно множиться на розміри полотна.
Алекс Блеквуд

Ну, у мене шар, в якому я намалював квадрат, вибрав квадрат, і накреслити все, але все ж редагувати> Визначити шаблон - для мене вимкнено вибір меню. Збиток.
Дейв Мангер

6

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

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


2
  1. Виберіть фотошоп → налаштування → напрямні, сітки та фрагменти.

  2. Визначте сітку за бажанням

  3. Виберіть перегляд → показати → сітку; потім перевіряйте додаткові.

  4. Перевірте перегляд → прив’язати до сітки; потім перевірте оснащення.

  5. Увімкніть вікно " Шляхи", якщо воно ще не видно. Створіть новий шлях під назвою Горизонтальний.

  6. Використовуйте інструмент для ручки ( P). Визначте відрізок горизонтальної лінії у верхній частині сітки. Одне клацання спочатку зліва, потім праворуч.

  7. Скористайтеся інструментом вибору шляху ( A, чорна стрілка). Клацніть по шляху, утримуйте опцію ( Alt), щоб зробити копії об'єкта.

  8. Створіть ще один новий шлях, який називається вертикальним.

  9. Використовуйте інструмент для ручки ( P). Визначте відрізок вертикальної лінії сітки з лівого боку. Одне клацання спочатку вгорі, потім внизу.

  10. Скористайтеся інструментом вибору шляху ( A, чорна стрілка). Клацніть по шляху, утримуйте опцію ( Alt), щоб зробити копії об'єкта.

  11. Створіть новий шар для сітки (необов’язково). В іншому випадку сітка буде намальована на будь-якому шарі активного.

  12. Вікно палітри → Виберіть горизонтальну стежку, потім виберіть шлях підкреслення (використовуючи колір переднього плану) у підменю параметрів (натисніть маленький трикутник з трьома лініями у верхньому правому куті вікна палітри), виберіть пензлик або олівець.

  13. Повторіть попередній крок для обведення вертикальної доріжки.


1
Це величезна робота, щоб зробити це так.
Еван Карслайк

Власне, це було досить швидко для мене. Чи є кращий спосіб створити сітку шляхів (а не пікселів)? Дуже акуратно, що вона затискає сітку. Спасибі!
emrys57

2

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


2

На вкладці "Перегляд" Новий макет керівництва

це відкриє нове вікно Заздалегідь встановлене налаштування - ви можете зберігати, завантажувати та створювати макет довідника для використання знову і знову перевіряти або знімати прапорці стовпців чи рядків залежно від ваших потреб. Я пропоную встановити "попередній перегляд" Кількість = Кількість потрібних посібників Ширина = Відстань між згенерованими напрямними Gutter = простір між напрямними Margin = встановлює ваші конструкції бажаних полів, ви можете вводити значення для верхнього, лівого, нижнього і правого

також можна вибрати центральні стовпці та очистити існуючі напрямні

Це для Photoshop CC 2015.5

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.