Як зробити пунктирну лінію у фотошопі. Створення рамок із пунктирних ліній

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

Якщо є необхідність створити пунктирну лінію, слід скористатися хорошим і вірним помічником ретушера - пензель. Перша дія – це створення одного елемента – пунктиру. Слід відкрити новий документдовільного розміру та виконати заливку в білий колір. Це потрібний крок для отримання бажаного результату. Потім вибираємо інструмент « Прямокутник» та виставляємо параметри згідно з рекомендаціями на зображеннях, наведених нижче:


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

Таким чином, був побудований інструмент « Пунктир» і можна пробувати створювати пунктирну
лінію.

1) Вибираємо « Пензельі серед палітри знаходимо створений інструмент.
2) Натискаємо клавішу F5та визначаємо інтервали між пунктирами. (За допомогою спеціального повзунка регулюємо відстань).
3) Гарним помічникомвиступить напрямна лінія (горизонтальна, вертикальна).

Після цього слід поставити кисть на початок напрямної, і за допомогою кнопки Shift, не відпускаючи мишу, продовжити пунктир. Приховати чи показати ортогональність можна натиснувши комбінацію CTRL+H. Якщо ви не сумніваєтеся у своїх вміннях, то провести напрямну можна, не використовуючи SHIFT. Щоб побудувати вертикальні осі, слід виконати низку дій: натиснути клавішу F5і побачити зображення, як на зображенні.

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

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

Лінію можна раструвати. У вікні шарів знайдіть шар із лінією, клацніть по ньому правою клавішеюмиші та виберіть команду «Рострувати текст».


А тепер другий спосіб. Спробуємо створити пунктирну лінію у фотошопі за допомогою пензля. Для цього створимо новий документ крихітного розміру. Нехай буде, наприклад, 7 на 3 пікселі. І заллємо його кольором. І приступимо, безпосередньо, до створення пензля. У вкладці редагування знайдемо операцію "визначити пензель".


Давайте дамо ім'я пензля.


Тепер на бічній панелі інструментів вибираємо "пензель" і переходимо до її налаштувань.


Зі переліку пензлів вибираємо створену нами та встановлюємо налаштування «інтервали» на 300%.

Усі! Дивимося, що вийшло.


Давайте вивчимо третій спосіб. Тут нам знову доведеться скористатися пензлем. Вибираємо круглу тверду кисть розміром 4 пікселі. І знову встановлюємо налаштування інтервали завбільшки 300%.


Тепер звернемося до інструменту "перо". Ви знайдете його на бічній панелі. Нам потрібно накреслити лінію між двома точками.



Створюємо новий шар. Повертаємося до інструменту «перо» і клацаємо по ньому правою кнопкою миші. Нас цікавить команда «виконати обведення контуру». Ось що в нас вийшло.



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

Як бачите, зробити пунктирну лінію у фотошопі виявилось досить просто.

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

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

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


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

Тепер ви бачите налаштування пензлів. Важлива зміна, щоб зробити ефект пунктирної лінії. Для простої пунктирної лінії, яку я створив вище, просто змінив Spacing,обравши 250% . Ви можете змінювати це до 999.

Тепер просто малюйте за допомогою олівця і у вас буде своя пунктирна лінія! Щоб ваша лінія була точно прямою, утримуйте Shiftнатиснутим, коли креслитимете лінію. Інший спосіб - клацнути в початковій точці і потім, утримуючи Shift, клацніть на кінцевої точки; PhotoShop зробить пунктирну лінію між двома точками!


Для тренування спробуйте пограти з налаштуваннями розміру пензля та відстанню між точками. Також ви можете завантажити квадратні пензлі на адресу Adobe Photoshop>Goodies>Brushes & Patterns>Square Brushes,це дасть вам квадратні точки, використовуйте самі параметри. Візьміть Пензлик ( Paintbrush) і побачите, який ефект це дасть, те саме, тільки з розмазаними точками. Всі ті ж налаштування також застосуйте до інструменту розпилення ( Airbrush tool).

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

Нагадую, що пензель чи олівець мають бути вже налаштовані. Після вибору інструмента клацаємо ОК, і на контурі з'являться точки. Крапки, зроблені пензлем, виходять дещо змащеними, тому після нанесення точок не завадить застосувати фільтр контурної різкості (Sharpen Edges), налаштування підібрати індивідуально.

Ось приклад малюнка, отриманого за допомогою вищеописаних рухів тіла:

Були використані наступні налаштування пензля:
Текст: тип - олівець кегль (Size) 3 пкс, жорсткість (Hardness) 100%, інтервал (Spacing) 180%
Підкреслення: тип - пензель, кегль (Size) 3 пкс, твердість (Hardness) 100%, інтервал (Spacing) 205%
Рамка: тип - олівець, кегль (Size) 6 пкс, твердість (Hardness) 100%, інтервал (Spacing) 180%

Ну, з рамками з точок начебто розібралися.

Створення рамок із пунктирних ліній

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

Таким пензлем можна провести горизонтальну лінію. Але вертикальну вже не вийде, вірніше, вийде, але некрасиво:

Для створення вертикальної переривчастої лінії потрібно повернути відбиток пензля на 90 або 270 градусів:

Тепер можна сміливо домалювати та вертикальну переривчасту лінію:

Але якщо мені потрібен пунктир по колу або за будь-якою кривою, то цей спосіб не підходить. Якщо спитати у світового розуму, то він, розум, порадить не займатися нісенітницею з пунктиром у Photoshop, а скористатися Adobe Illustratorстворити в ньому шар з потрібною лінією, і перенести в Фотошоп. Я Illustrator не використовую, і мені потрібно створити круговий пунктир саме у Фотошопі. Виявилося, спосіб є і досить простий. Мені знадобилося десять хвилин на його винахід.

Вибираємо круглу кисть, задаємо діаметр відбитка 9 пікселів, інтервал 170%. Створюємо контур, виконуємо обведення контуру, як у випадку з точками.
Далі клацаємо правою клавішею миші по контуру, вибираємо пункт "Утворити виділену область" (Make Selection) з радіусом розтушування 0. Ось збільшений фрагмент малюнка:

Потім йдемо по вкладці Виділення -> Модифікація -> Кордон (Select -> Modify -> Border), задаємо ширину один або два пікселі.

Тепер потрібно інвертувати виділену область натисканням комбінації клавіш Ctrl+Shift+I. Забираємо зайве, натиснувши клавішу Delete.
У мене вийшло симпатичне таке пунктирне коло:

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

Робимо рамку з крапок, рис, пунктирних ліній у Photoshop

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

Створення рамок із точок

Такі рамки створюються за допомогою звичайного круглого пензля зі стандартного набору по Фотошопу. Рамки можуть мати круглу, овальну. прямокутну, і навіть будь-яку неправильну форму, т.к. вони описуються за контуром. Давайте спочатку налаштуємо пензель. Якщо хтось не пам'ятає, для відкриття панелі налаштування пензля треба вибрати інструмент Пензель, а потім натиснути на відповідну кнопку в панелі праметрів. На малюнку зверху для внутрішньої круглої та внутрішньої квадратної були застосовані наступні налаштування (клацніть на зображенні для збільшення):

Тепер створимо контур, формою якого має бути рамка, це можна зробити за допомогою будь-яких контурних інструментів, Перо (Pen Tool), Прямокутник (Rectangle Tool) і т.д. Контур може бути замкнутий, так і розімкнений. Далі клацаємо правою кнопкою миші по контуру. Важливо: контурний інструмент має бути активним! У вікні вибираємо рядок "Виконати обведення контуру" (Stroke path). Відкриється нове вікно, де запропонують вибрати інструмент обведення. У цьому випадку нам підійде пензель або олівець (Pencil). Нагадую, що пензель чи олівець мають бути вже налаштовані. Після вибору інструмента клацаємо ОК, і на контурі з'являться точки. Крапки, зроблені пензлем, виходять дещо змащеними, тому після нанесення точок не завадить застосувати фільтр контурної різкості (Sharpen Edges), налаштування підібрати індивідуально. Ось приклад скрина, отриманого за допомогою вищеописаних операцій:

Були застосовані наступні налаштування пензля: Текст: тип - олівець кегль (Size) 3 пкс, жорсткість (Hardness) 100%, інтервал (Spacing) 180% Підкреслення: тип - кисть, кегль (Size) 3 пкс, жорсткість (Hardness) 1 , інтервал (Spacing) 205% Рамка: тип - олівець, кегль (Size) 6 пкс, жорсткість (Hardness) 100%, інтервал (Spacing) 180%

Створення рамок із пунктирних ліній

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

Таким пензлем можна провести горизонтальну лінію. Але вертикальну вже не вийде, вірніше, вийде, але некрасиво:


Для створення вертикальної переривчастої лінії потрібно повернути відбиток пензля на 90 або 270 градусів:

Тепер можна сміливо домалювати і вертикальну уривчасту лінію:


Але якщо мені потрібен пунктир по колу або за будь-якою кривою, то цей спосіб не підходить. Вибираємо круглу кисть, задаємо діаметр відбитка 9 пікселів, інтервал 170%. Створюємо контур, виконуємо обведення контуру, як у випадку з точками. Далі клацаємо правою клавішею миші по контуру, вибираємо пункт "Утворити виділену область" (Make Selection) з радіусом розтушування 0. Ось наведений скріншот: