Як викликати сітку у фотошопі. Модульна сітка у Photoshop. Лінійки у фотошопі

При створенні макету сайту важливим є точне розміщення його елементів відносно один одного. Для цього зручно використовувати допоміжні: використання модульної сітки, лінійок та напрямних. У цій статті розглянемо застосування лінійок та модульної сітки у Photoshop.

Щоб у вікні програми з'явилися лінійки, потрібно виконати команди: Перегляд - Лінійки(Ctrl + R). У дужках вказані поєднання клавіш, що дублюють цю команду. Лінійки можуть бути проградуйовані в різних одиницях: пікс., см, мм, дюйм. Редагування — Установки — Одиниці вимірювання та лінійки

Але набагато зручніше це зробити в інший спосіб. Потрібно просто клацнути правою кнопкою миші (ПКМ) на лінійці та з контекстного менювибрати потрібні одиниці.

При створенні макету web-сторінки найкраще розміри вимірювати в пікселях.

Тепер про модульну сітку у Photoshop. Щоб її показати, виконаємо команди: Перегляд — Показати — Сітку(Ctrl + ').

Крок сітки можна налаштовувати: Редагування — Установки — Напрямні, Сітка та Фрагменти

Використовуючи сітку, ви можете розміщувати окремі блоки макету точно по лініях.

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

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

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

Тепер ви можете використовувати модульну сітку у Photoshop у своїй роботі над макетом сайту.

А як зробити, щоб сайт приносив дохід, ви зможете дізнатися, вступивши до .

Bubble Sky

Пухирчасте небо чекає на вас у новій Bubble Sky. Так, це красиво, але все ж таки не так практично. Всі ці бульбашки заважають світлу падати на землю, що ускладнює життя людей вдень. Вам потрібно буде постаратися позбавитися всіх бульбашок. Як? Просто стріляйте кулькою так, щоб зіткнулося три або більше кульок. Лише після цього вони зможуть луснути. Очистимо небо, уперед!

Інструкція

Сітка може надати істотну допомогу в реконструкції зображення після того, як з ним було проведено якісь операції, і воно виявилося спотвореним. Відкрийте інструмент "Reconstruct", він дозволить за бажанням скасувати зміни, відновити початковий вигляд зображення або навпаки застосувати викривлення на інші об'єкти. Крім того, спотворювати об'єкт може розділ Liquify. Сітка дозволить вам відстежувати зміни та спотворення в будь-якому створеному об'єкті, а також ви можете у будь-який момент зберегти сітку з формою перетвореного об'єкта, щоб згодом можна було застосувати її до нього. Так само ви можете зберегти сітку для нормального спотвореного об'єкта, щоб відновити його параметри після невдалих дій.

Якщо Ви припустилися помилки, завжди можна скористатися функцією "History".

Джерела:

• Як зробити календар у фотошопі

Існує безліч прийомів художньої фотозйомки, що дозволяють отримати незвичайні візуальні ефекти. Один з них - «риб'я око». Він досягається використанням ширококутного об'єктива за коротких фокусних відстаней. Тому його не можна відтворити на аматорських камерах. Однак зробити ефект «риб'я око» можна в редакторі Adobe Photoshop зі звичайної фотографії.

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

Сітка розмітки у фотошопі

Згадайте як виглядає зошитовий листв клітинку. Таку ж сітку можна розмістити поверх документа у фотошопі. Для цього виконайте команду:

Перегляд - Показати - Сітку

Налаштування сітки здійснюється в установках фотошопу: Редагування - Установки - Напрямні, сітка та фрагменти.

Можна вказати якої ширини будуть основні (великі) осередки і з якої кількості додаткових внутрішніх поділок вони будуть складатися. Наприклад, у мене основні осередки по 2 сантиметри і діляться додатково на 4 менші. Таким чином кожна маленька клітина становить 0.5 сантиметра.

Ця сітка зручна у випадку, коли вам необхідно вирівняти безліч різних елементів, наприклад текст.

Помітили помилку в тексті - виділіть її та натисніть Ctrl+Enter. Дякую!

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

Для того щоб нам почати створювати напрямні у фотошопі, необхідно увімкнути лінійку. Заходимо в пункт меню "Перегляд -> Лінійки" або натискаємо клавіші "Ctrl+R".

Зверху та зліва у нас з'являються лінійки з поділками. Розмітка на лінійках налаштовується. Для цього досить просто клацнути правою кнопкою миші по лінійці.

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

Також, напрямні можна створювати через меню "Перегляд -> Нова напрямна".

З'являється нове вікно, в якому нам достатньо вказати орієнтацію лінії та положення щодо верхньої чи нижньої межі зображення. Після натискання "Ок" на фотографії з'являється нова напрямна.

Також, напрямної можна змінити орієнтацію з горизонтальною на вертикальну і навпаки. Для цього досить просто клацнути по ній із кнопкою Alt на клавіатурі.

Тепер давайте розглянемо як забирати напрямні. Прибрати їх можна або на якийсь час або повністю. Щоб тимчасово відключити їх показ або назад увімкнути, натискаємо клавіші "Ctrl+;". Щоб усунути їх повністю заходимо в пункт меню "Перегляд -> Видалити напрямні".

Розглянемо ще два моменти, які можуть знадобитися. Перший - "Перегляд -> Закріпити напрямні" або поєднання клавіш "Alt+Ctrl+;". Цей пункт дозволяє заборонити рух ліній. Другий – "Прив'язка". Щоб її увімкнути, потрібно зайти в меню "Перегляд -> Прив'язка". Цей пункт відповідає за прилипання зображення до напрямних або напрямних до зображення. Наприклад, ви ведете шар до напрямної і як тільки він наблизиться до неї максимально близько, станеться прилипання краю зображення. Так само, коли ви ведете напрямну, вона прилипне до краю знімка як тільки наблизиться максимально близько.

Тепер давайте пройдемося трохи за налаштуваннями. Зайти в них можна якщо вибрати пункт меню "Редагування -> Установки -> Направляючі, сітка та фрагменти" або клацнути двічі лівою клавішею миші по напрямній. Відкривається вікно, в якому ми можемо налаштувати колір та стиль наших ліній.

Ідемо далі і на черзі у нас швидкі напрямні – це тимчасові лінії, які служать для вирівнювання об'єктів. Вони допомагають розмістити об'єкт щодо вже існуючих об'єктів або всього полотна. Увімкнути їх можна через пункт меню "Перегляд -> Показати -> Швидкі напрямні".

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

Далі розглянемо інструмент "Сітка". Увімкнути його можна в меню "Перегляд -> Показати -> Сітка" або сполучення клавіш "Ctrl+" ". Налаштувати її можна також у розділі "Редагування -> Установки -> Напрямні, сітка та фрагменти". Можна налаштувати проміжок, через який будуть йти основні лінії, а також як ділитимуться ці проміжки.

Цей інструмент дозволяє нам вирівняти об'єкти відносно один одного і особливо актуальний, коли їх багато.

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

Відеоурок:

Розглянемо допоміжні інструменти, які застосовуються для створення та редагування зображень у . Це лінійки, напрямні та сітка.

Лінійки у фотошопі

Лінійки можна побачити зліва та зверху за межами зображення. Вмикаються та вимикаються лінійки за допомогою меню Перегляд - Лінійки .

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

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

Щоб повернути точку відліку на місце, робите подвійний клік за місцем перетину лінійок.

Направляючі у фотошопі

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

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

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

Щоб перемістити напрямну, що вже є, натисніть і утримуйте клавішу Ctrl, та перемістіть напрямну на нове місце. Також можете скористатися інструментом Переміщення .

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

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

Щоб видалити напрямні, заходьте у меню Перегляд — Видалити напрямні . Також можна видалити напрямні перетягуванням за межі зображення.

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

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

Сітка у фотошопі

Сітка - ще один корисний інструменту фотошопі для створення колажу, монтажу, та інших випадків, коли потрібно точне розташування об'єктів.

Для того щоб з'явилася сітка, вибираєте в меню Перегляд — Показати — Сітку . Розмір сітки регулюється в установках програми Adobe Photoshop CS5. Щоб зайти до налаштувань. вибираєте в меню Редагування - Налаштування - Напрямні, сітка та фрагменти . У налаштуваннях можна вказати. як часто будуть розміщені лінії сітки, за допомогою пунктів Лінія через кожні , і Внутрішній поділ на , які регулюють частоту основних та допоміжних ліній сітки.

Тепер, якщо Ви витягатимете напрямну з лінійки, вона автоматично прилипатиме до ліній сітки. Якщо Ви створюєте виділення, воно теж прилипатиме до ліній і вузлів сітки. Прив'язку можна вимкнути за допомогою меню Перегляд — Прив'язати до — Ліній сітки .

Щоб прибрати сітку, заходьте в Перегляд — Показати , і прибираєте галочку з пункту Сітка .

Докладніші відомості Ви можете отримати у розділах "Всі курси" та "Корисності", до яких можна перейти через верхнє меню сайту. У цих розділах статті згруповані за тематиками блоки, що містять максимально розгорнуту (наскільки це було можливо) інформацію з різних тем.

Також Ви можете підписатися на блог, і дізнаватися про всі нові статті.
Це не займе багато часу. Просто натисніть на посилання нижче:

Якщо ви вирішили пов'язати своє життя з веб-дизайном, вам слід розуміти, що ця область вимагає копіткості та підвищеної уваги до деталей. Отже, вам потрібно розвинути таку якість як акуратність. Дійсно якісний та дорогий дизайн має бути виконаний максимально акуратно. За це вам згодом скаже «дякую» не лише замовник, а й верстальник. Тому, дуже важливо знати інструменти, які вам знадобляться у виконанні роботи. Одним із таких є сітка. Тож давайте навчимося її викликати.

Як увімкнути сітку у фотошопі? Досить просто. на верхній панелішукаємо команду «перегляд», у меню вибираємо «показати» - «сітка». Ну, або заощаджуємо час і викликаємо сітку комбінацією клавіш ctrl+'.

Виглядає це приблизно так:

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

Якщо вам необхідно створити виділену область, знайте, що вона теж «прилипне» до ліній сітки. Прибрати цю функцію можна за допомогою "перегляд" - "прив'язати до" - "ліній сітки".

Зате можна змінити розмір сітки. Для цього вам слід зайти до «редагування». У списку знайти «установки» - «напрямні, сітка і фрагменти».

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

Забрати сітку дуже просто. Виконуємо той самий порядок дій. "Перегляд" - "показати" - "сітка". І цього разу ми просто прибираємо галочку.

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