Як зробити пунктирну лінію у фотошопі. Робимо рамку з крапок, рисочок, пунктирних ліній у Photoshop Як у фотошопі зробити рамку пунктиром

01.08.2020 Новини

У Photoshop немає «правильного» способу малювання ліній – кожен художник та дизайнер з часом знаходить власні методи та вибирає інструменти, які йому зручні. Незалежно від того, чи використовуєте ви інструмент "Line", "Pen" або "Brush", можна підійти до творчого проекту у різний спосібі при цьому отримати однакові результати. В цьому практичному керівництвіми розповімо, як малювати прямі лінії Photoshop, використовуючи безліч інструментів малювання, доступні в цій програмі.

Інструмент "Line"

Щоб знайти інструмент "Line", натисніть та утримуйте кнопку миші над інструментом "Rectangle" на головній панелі інструментів. Відкриється меню для вибору форми інструменту. Якщо увімкнені будь-які інструменти фігур, також можна вибрати інструмент «Line» в верхньому менюпараметрів.

Чому інструмент "Line" вважається фігурою? По суті, інструмент Line просто створює тонкі прямокутники, які виглядають як лінії, тому що кольори заливки Fill і контуру Stroke однакові. Якщо ви хочете, щоб лінія була порожньою всередині (як прямокутник), просто вимкніть заливку.

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

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

Інструмент «Brush»

Інструмент Brush також дозволяє малювати прямі лінії, і, на відміну від інструменту Line, дозволяє створювати власні стилі пензлів. Інструмент Brush знаходиться на головній панелі інструментів, він розташований окремо від інструментів форми.

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

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

Інструмент «Pen»

Нарешті, інструмент «Pen» є надзвичайно корисним для малювання прямих і вигнутих ліній. Щоб вибрати інструмент «Pen», натисніть значок у формі пера на головній панелі інструментів, потім клацніть кнопкою миші на зображенні, щоб встановити початкову точку, і ще раз, щоб встановити кінцеву точку. Photoshop автоматично створить пряму лінію між двома точками, незалежно від того, де вони розташовані на зображенні. Якщо утримувати клавішу Shift під час встановлення цих точок, можна створити лінійні сегменти з кутами нахилу 45 і 90 градусів.

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

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

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


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


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


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


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

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


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


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



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



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

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

3 голоси

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

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

На вас чекає маса інформації. Почнемо?

Інструмент «Лінія»

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

Спершу про важливе. Один з найбільш важливих параметрів- Товщина. Завдяки лінії можна малювати навіть прямокутники. Просто треба зробити її жирнішою.

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

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

Ось так виглядатиме лінія, якщо вибрати червоний колір для обведення.

Наступна кнопка дозволить вам зробити пунктирне обведення.

Якщо зменшити товщину і забрати заливку, ви отримаєте просто пунктир.

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

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

Якщо натиснути Shift, коли ви ведете лінію, Photoshop автоматично створить рівну лінію. Горизонтальну чи вертикальну. Залежно від того, куди ви її ведете.

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

Ну, а зараз покажу інший.

Інструмент «Пензель»

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

Вибираєте тип і розмір, що підходить для лінії пензля.

Ставте крапку на передбачуваному початку лінії, затискаєте Shift і клацаєте лівою кнопкою миші там, де смужка повинна закінчитися.

Перед вами дві лінії. Жовта намалювала інструментом «Лінія», лілова пензлем.

Як зробити хвилю

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

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

До останнього фільтра завжди є швидкий доступ. Застосовую його до шару із жовтою смужкою, намальованою інструментом.

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

Інструмент «Перо»

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

Ставлю крапку, потім другу. Поки я не відпустив кнопку миші, налаштовую плавність.

Те саме витворяю з кожною новою точкою.

Після того, як всі маніпуляції завершені тисну правою кнопкою миші і в меню вибираю «Виконати обведення контуру».

Можна вибрати кілька інструментів: олівець, пензель, штамп, візерунок і таке інше. Зараз нехай це буде кисть.

Знову натискаю на праву клавішу миші і вибираю «Видалити контур».

Ось такий результат у мене вийшов.

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

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

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


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

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

Чи не знаєте з чого почати? Пройдіть курс « Основи комерційного веб-дизайну ». Спробуйте кілька безкоштовних уроків, це допоможе вам розібратися в собі та зрозуміти, чи готові ви освоїти нові обрії.


Онлайн-курс із підтримкою автора – надійна інвестиція у майбутню професію.

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

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

Я бажаю вам успіху. До нової зустрічі.

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

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

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


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

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

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


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

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

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

Методи побудови

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

Налаштування пензлів

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

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

Інструмент "Перо"

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

  1. Активуємо "Перо" і ставимо першу - початок лінії.
  2. Ставимо другу точку в бажаному місці, де закінчуватиметься геометричний об'єкт.
  3. Наступним кроком стане створення нового шару, який можна додати за допомогою гарячих клавіш або панелі керування шарів.
  4. Тепер слід клікнути на отриманий контур правою кнопкою миші і у вікні вибрати пункт "Виконати обведення контуру".
  5. Випливе ще одне вікно, де буде відображатися спосіб обведення. За замовчуванням стоїть значення "Пензель" - підтверджуємо.

Будь-яка версія програми, наприклад, "Фотошоп CS6", пунктирну лінію підтримує. Після всіх пройдених вище етапів отримуємо пряму лінію, але крім неї можна створювати криву з пунктиром.

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

  1. Створюємо опорну точкувсе тим самим інструментом "Перо".
  2. Знаходимо потрібне місце на полотні та затискаємо ліву кнопку миші – намагаємося перетворити радіус кривизни до потрібного значення.
  3. Можна продовжити створення кривої новими дугами, які робляться так само, як і в пункті 2.

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

Інші інструменти

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

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

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

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