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

05.02.2017 28.01.2018

Привіт всім відвідувачам сайту

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

Сітку не видно при збереженні зображення у форматах jpg, png, gif. Також Сітка «невидима» під час друку. Сітка помітна лише в самій програмі фотошоп або якщо зберегти зображення у форматі PSD або TIFF. Якщо зберегти зображення у форматі PSD або TIFF і передати файл іншій людині, він відкривши файл на своєму комп'ютері, зможе побачити створену вами Сітку.

Як увімкнути/вимкнути Сітку (Grid)

Для початку, як завжди, створюємо новий документу фотошоп (Ctrl + N) з довільним розміром, у мене це 800х600 пікселів:

За промовчанням вкладка з новим документом буде виглядати так:

Для того щоб включити Сіткупотрібно перейти в меню Перегляд — Показати — Сітку (View - Show - Grid) або ж натиснути клавіші Ctrl + “(«Е» у російській розкладці клавіатури):

Сітка з'явилася:

До речі, для того, щоб вимкнути Сітку, необхідно виконати ті ж дії - перейти в меню Перегляд і зняти галочку у «Сітки» або повторно затиснути Ctrl + “.

Як настроїти Сітку

За замовчуванням, сітка розділена жирними лініями, відстань між якими 2 см, у свою чергу ці блоки розділені пунктирними лініями ще на 4 частини.

Змінити ці налаштування під свої потреби можна, перейшовши в меню Редагування - Налаштування - Напрямні, сітка та фрагменти ( Edit - Preferences - Guides, Grid & Slices) або ж натиснувши клавіші Ctrl+Kі Ctrl+8.

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

Як використовувати Сітку

Припустимо, що нам потрібно вирізати прямокутник на шарі, щоб зробити рамку, залишивши по краях 50 пікселів.

Змінимо сантиметри на пікселі та виставимо крок у 50 пікселів:

Активуємо інструмент Прямокутне виділення (Rectangular marquee), гаряча клавішавиклику інструменту - M.

Невелика порада щодо використання сітки у фотошопі:

При роботі з Сіткою, а також з Напрямними та шарами, бажано включити функцію Прив'язка. Коли ця функція активна, об'єкти, що створюються, хіба що «прилипають» до ліній Сітки (у нашому випадку). Щоб переконатися, що функція увімкнена, перейдіть до меню Перегляд — Показати (View - Show). Якщо галочка у «Прив'язка» не увімкнена, клацніть на цьому пункті, щоб її поставити.

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

Повертаємось до уроку

Створюємо виділення за допомогою інструменту Прямокутне виділення, відступаючи на 50 пікселів від країв зображення. Сторони прямокутника, що створюється, «прилипають» до ліній Сітки і не дозволяють нам залізти за межі.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сітка допомагає вам більш точно та симетрично розставити елементи у композиції.

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

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

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

Не варто плутати його та піксельну сітку. Останнє – це розбиття картинки на точки. Стане в нагоді для детального редагування. Її також можна ввімкнути та налаштувати.

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

Як увімкнути?

Відкрийте будь-який графічний файлабо створіть новий.
У рядку меню натисніть кнопку «Перегляд» («View»). Зазвичай вона знаходиться між «3D» та «Вікно».
Наведіть курсор на пункт "Показати" ("Show").
У меню, що випало, клацніть на «Сітку» («Grid»). Вона з'явиться на шарі.
Можна також натиснути клавіші Ctrl+' (у російській розкладці Ctrl+Е).

Як настроїти?

Можна зробити інший розмір клітин (наприклад, щоб візуально позначали відрізки довжиною 1 сантиметр), вибрати тип або колір ліній.

Відкрийте меню «Правка» на верхній панелі.
Наведіть мишу на пункт "Налаштування". Він у самому низу списку.
Натисніть на «Напрямні, сітка та фрагменти».
У вікні задайте потрібний розмір осередків. Це можна зробити у полі «Лінія через кожні…». Доступні різні одиницівимірювання: дюйми, міліметри, пункти і так далі.
У розділі «Стиль» вкажіть, як має відображатися сітка: суцільною смугою, пунктирною або точками. Це не так важливо, тому що розмітка буде видно лише при редагуванні малюнка.
У пункті «Колір» виберіть заливку. Налаштування можна використовувати, коли таблиця зливається з фоном.

Як прибрати?

Позбутися клітин можна в тому ж меню, через яке їх додавали. Ось як прибрати сітку у Фотошопі:

Перейдіть до Перегляду - Показати.
Заберіть галочку з пункту.
Або використовуйте клавіші Ctrl+Е.

Піксельна сітка

Піксельна сітка помітна лише зблизька. Щоб побачити її, треба збільшити картинку і змінити масштаб. Але під час роботи з графікою вона може заважати. Ось як її вставити чи прибрати:

Відкрийте меню Перегляд - Показати.
Клацніть на «Піксельна сітка».

Лінійки

Ще один метод вимірювання у Фотошопі – лінійки. Вони зовні малюнку. З цим інструментом можна оцінити довжину та ширину об'єктів та зображення в цілому. Активувати лінійки можна у меню "Перегляд". Щоб вибрати їх, перейдіть до Редагування - Установки - Одиниці вимірювання та лінійки.

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

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

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

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

Щоб увімкнути відображення лінійок у фотошопі, виконайте команду:

Перегляд - Лінійкиабо гаряча клавіша Ctrl+R.

За замовчуванням одиниця виміру пікселі. Але це можна змінити. Можливі такі способи як це зробити:

Спосіб 1

Клацніть правою кнопкою миші за шкалою лінійки. з'явиться контекстне менюз усіма наявними у фотошопі одиницями виміру: пікселі, дюйми, сантиметри, міліметри, пункти, піки та відсотки.

Спосіб 2

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

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

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

Примітка

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

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

Тепер, коли з'явилися лінійки, можна створити напрямні.

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

Направляючі відносяться до допоміжних елементів, тому їх не буде видно, коли ви збережете зображення. Але вони залишаються в PSD-форматі.

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

Примітка

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

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

Як створити напрямні у фотошопі

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

Тепер їх потрібно створити. Є два способи для різних випадків життя:

Спосіб 1 Довільні напрямні

Цей спосіб підходить, коли потрібно швидко створити лінію та встановити її у довільному місці.

Для цього зробіть клік миші в області шкали лінійки:

для горизонтальної лінії – на верхній лінійці;
для вертикальної лінії – не лівій лінійці.

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

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

Спосіб 2 З вказівкою, де має з'явитись напрямна

Через меню Перегляд — Нова напрямнаВідкриється діалогове вікно. В якому потрібно вказати в якій площині її створити (горизонтальна або вертикальна), а також поле, яке потрібно ввести значення потрібного положення. Наприклад, потрібна горизонтальна напрямна, яка з'явиться за 100 пікселів від верхнього краю зображення.

Як змінити положення напрямної

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

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

Як прибрати/видалити напрямні

Спосіб 1 Перемістити на шкалу лінійки

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

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

Спосіб 2 Команда меню

Через меню програми: Перегляд — Видалити напрямні. І тут пропадуть відразу всі створені лінії.

Спосіб 3 Вимкнути відображення

Якщо потрібно тимчасово прибрати напрямні, щоб вони не заважали, приберіть галочку в команді Перегляд — Допоміжні елементиабо використовуйте гарячу комбінацію Ctrl+H.

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

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

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

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

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

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

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

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

Сітка допомагає вам більш точно та симетрично розставити елементи у композиції.

Як увімкнути?

Відкрийте будь-який графічний файл або створіть новий.
У рядку меню натисніть кнопку «Перегляд» («View»). Зазвичай вона знаходиться між «3D» та «Вікно».
Наведіть курсор на пункт "Показати" ("Show").
У меню, що випало, клацніть на «Сітку» («Grid»). Вона з'явиться на шарі.
Можна також натиснути клавіші Ctrl+' (у російській розкладці Ctrl+Е).

Як настроїти?

Відкрийте меню "Правка" на верхній панелі .
Наведіть мишу на пункт "Налаштування". Він у самому низу списку.
Натисніть на «Напрямні, сітка та фрагменти».
У вікні задайте потрібний розмір осередків. Це можна зробити у полі «Лінія через кожні…». Доступні різні одиниці вимірів: дюйми, міліметри, пункти тощо.
У розділі «Стиль» вкажіть, як має відображатися сітка: суцільною смугою, пунктирною або точками. Це не так важливо, тому що розмітка буде видно лише при редагуванні малюнка.
У пункті «Колір» виберіть заливку. Налаштування можна використовувати, коли таблиця зливається з фоном.

Як прибрати?

Позбутися клітин можна в тому ж меню, через яке їх додавали. Ось як прибрати сітку у Фотошопі:

Перейдіть до Перегляду - Показати.
Заберіть галочку з пункту.
Або використовуйте клавіші Ctrl+Е.

Піксельна сітка

Відкрийте меню Перегляд - Показати.
Клацніть на «Піксельна сітка».

Лінійки

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

Джерела:

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

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

Вам знадобиться

- Photoshop;
- Файл зображення.

Інструкція

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

Створіть основний шар із фонового. У головному меню виберіть пункти Layer, New, "Layer From Background...". Натисніть на кнопку OK в діалозі Layer.

Виділіть область зображення, до якої потрібно застосувати ефект «риб'я око». Використовуйте інструменти Rectangular Marquee Tool або Elliptical Marquee Tool. Якщо все зображення потрібно обробити повністю, пропустіть цей крок.

Активуйте режим обробки зображення за допомогою внесення спотворень. У меню послідовно виберіть пункти Edit, Transform та Warp. Після цього у вікні документа з'явиться сітка для керування параметрами ефекту.

Змініть тип спотворення, що застосовується, на «рибій око». Клацніть по списку Warp, розташованому у верхній панелі інструментів. Виберіть Fisheye. Сітка керування у вікні документа змінить свій вигляд (залишиться лише один маркер).

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

При необхідності внести додаткові зміни у зображення, наприклад, надати області спотворення округлу форму, виберіть у списку Warp пункт Custom. Переміщуйте вузли сітки для отримання необхідного ефекту. Застосуйте внесені зміни, клікнувши на будь-яку кнопку інструментальної панелі і натиснувши OK в діалозі.

Якщо це необхідно, доопрацюйте зображення з ефектом «риб'ячого». окоа». Наприклад, інвертуйте поточне виділення, натиснувши Ctrl+I, очистіть фон, натиснувши Del, а потім залийте його потрібним кольором за допомогою інструмента Paint Bucket Tool. Зробіть кадрування інструментом Crop Tool.

Збережіть результат роботи у файлі. Скористайтеся пунктом "Save As..." або "Save for Web & Devices..." розділу File головного меню. При збереженні особливої уваги приділіть вибору формату та ступеня стиснення даних. Якщо із зображенням передбачається подальша робота, збережіть його копію у форматі PSD.

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