Як у фотошопі намалювати вигнуту лінію. Як швидко провести пряму і красиву лінію в Photoshop

01.05.2019

За допомогою інструменту Pen Tool

За допомогою інструменту Pen Tool (Перо) так, щоб можна було домогтися бажаного ефекту за короткий проміжок часу.


складніше

записав невелике демонстраційне відео

Що цікаво, відео йде півтори хвилини і важить 2 кб BB FlashBack Pro

перо

  1. Не відпускаючи кнопку мишки при створенні нової точки можна домагатися згладжування лінії.
  2. Точки краще ставити в місцях, де у лінії повинен бути вигин.
  3. затиснувши клавішу Ctrlна клавіатурі можна переміщати контрольні точки ліній.
  4. затиснувши клавішу Alt можна регулювати ступінь заокруглення лінії біля точки і її спотворення

    Мене надихнули випробувати фотошоп на його придатність в плані малювання ліній. Малювати лінії в фотошопі складніше, Ніж в його векторних аналогах і деяких растрових редакторах - таке враження у мене склалося після ознайомлення з інструментами в Paint Tool Sai, Illustrator, Inkscape та інших, які мають більш зручні та гнучкі інструменти створення красивих лінійних форм.

    https: //сайт/wp-content/uploads/2011/08/lines.swf,600,490

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

    Що цікаво, відео йде півтори хвилини і важить 2 кб - це дуже дивно Відео записано на BB FlashBack Pro

    Однак не все так погано. Повивчавши специфіку роботи з інструментом перо, Було виявлено окремі фішки, які полегшують малювання ліній і роблять дизайнерську роботу більш вільною.

    Прийоми роботи з пером при створенні ліній

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

    Створивши форму можна підкоригувати форму і положення вигинів лінії і досягти потрібної форми.

    Змінювати можна як саму точку, так і напрямні "вусів", які задають форму кута біля точки.

    Робота з готовою лінією

    Всі лінії, які Ви створюєте, знаходяться в віконці Path (Шляхи). Бажано для кожної лінії створювати окремий "шар ліній" в панелі Path.

    Crtl + H -Приховати / Показати лінії.

    Stroke Path ... -функція обведення лінії. Можна вибрати інструмент, яким буде здійснюватися обведення. Зазвичай це кисть і перш ніж користуватися цією функцією, бажано встановити у кисті потрібну товщину, а вже після вдаватися до обведення.

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

1. Почнемо з створення області на якій буде хвиляста лінія

2. Виділяємо потрібну ділянку області, по краю якого буде проходити хвиляста лінія

3. Після виділення в режимі «Швидка маска» (Quick Mask, Q) перекручуєте виділену область ефектом Хвиля (Wave). Шлях в меню: Фільтр → Спотворення → Хвиля (Filter → Distort → Wave):

4. Потім повертаємося з режиму «Швидка маска» (Quick Mask, Q) і отримуємо відповідну область виділення:

5. Обрізаємо виділену область:


Ось і все, ви намалювали хвилясту лінію або хвилястий край у блоку. Даний прийом іноді використовують в дизайні Лендінзі, тому він вам обов'язково стане в нагоді! Як я вже говорив основна проблема тут в висоті і ширині кроку хвилі, виділіть час і потренуйтеся, щоб зрозуміти яка хвиля виходить при тому чи іншому зміні налаштувань.

25.01.2017 28.01.2018

Привіт всім любителям програми фотошоп!

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

Щоб лінія в фотошопі вийшла рівною, то затисніть клавіву SHIFT і ви нарісуте пряму лінію в фотошопі. Це дозволяє малювати прямі горизонтальні і вертикальні лінії. Можна також намалювати по діагоналі, для цього потрібно один раз клацнути лівою кнопкою миші по області де починається лінія, другий раз де закінчується (з затиснутим SHIFT). Таким чином вимальовувалась пряма лінія в заданих координатах.

Є кілька способів намалювати прямі лінії в фотошопі, задавши їм колір, товщину і інші стилі. Зазвичай використовують такі інструменти: Кисть, Карандаш, Перо, Лінія, Прямокутна область. Який інструмент краще підходить для завдання - вирішувати тільки вам. У кожного способу є свої плюси і недоліки.

Малюємо пряму лінію інструментом Кисть (Brush Tool)

Найпростіше намалювати лінію інструментом Кисть (Brush Tool).Створюємо в фотошопі документ (Ctrl + N) з довільним розміром, у мене це 800х600 пікселів:

активуємо інструмент Кисть (Brush Tool).Гаряча клавіша виклику інструменту - B.


У верхній панелі налаштувань інструменту при необхідності міняємо розмір і жорсткість кисті:

Проводимо лінію:

Якась вона не зовсім рівна, резонно помітите ви, так адже?

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

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

Малюємо пряму лінію за допомогою інструменту Олівець (Pencil Tool)

інструмент Олівець (Pencil Tool)знаходиться в тій же групі інструментів, що і інструмент Пензлик, гаряча клавіша виклику інструменту - B.


Малювання лінії за допомогою інструменту Олівець (Pencil Tool) аналогічно малювання пензлем - робимо клік мишею у початку лінії, затискаємо клавішу Shift і проводимо лінію.

Малюємо лінію інструментом Перо (Pen Tool)

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

активуйте інструмент Перо (Pen Tool),гаряча клавіша виклику інструменту - P.


Не забудьте переконатися, що інструмент перознаходиться в режимі «Контур».Подивитися це можна в верхньої панеліналаштувань інструменту:

Створюємо новий шар, натискаємо на іконку створення шару в панелі шарів:

Малюємо пряму лінію - просто поставте дві точки. Щоб намалювати горизонтальну або вертикальну лінію, знову затискаємо клавішу Shift:

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

Малюємо довільні криві лінії і в кінці затискаємо клавішу Ctrl з кліком мишею по полотну, щоб завершити лінії.

Лінії готові, але, на жаль, їх видно тільки в фотошопі у вкладці контури (Вікно-Контури (Window-Paths)), Якщо зберегти зображення, наприклад, у форматі jpg *, лінії не показуються.

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

Вибираємо колір:

активуємо інструмент перо, Клацаємо ПКМ по полотну і вибираємо пункт «Виконати обведення контуру» (Stroke Path):


Відкриється наступне вікно, в якому в якості джерела потрібно вибрати "Пензлик", а галочку у «Імітувати натиск» (Simulate Pressure) бажано зняти щоб вийшли рівні лінії:

результат:

Якщо залишити галочку «Імітувати натиск» (Simulate Pressure), Лінії до кінців будуть ставати тонше:

Малюємо лінію інструментом Лінія (Line tool)

Один з найбільш поширених способів намалювати пряму лінію в фотошопі це інструмент лінія. Знаходиться в лівій панелі:

Прекрасно те, що можна легко налаштувати колір і товщину лінії:

З затиснутим SHIFT я проводжу прямі лінії. Вони створюються засобом фігури з вектора. Можна запросто намалювати вертикальну, горизонтальну і під кутом 45 градусів пряму лінію.

Пряма лінія з допомогою виділення в фотошопі

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

Є в фотошопі інструмент Прямокутне виділення:

Наприклад, нам потрібна довга і товста лінія в фотошопі. Виділяємо потрібну область:

вибираємо інструмент заливка і встановлюємо колір для майбутньої лінії.

Заливаємо кольором виділену область і знімаємо виділення CTRL + D. У нас вийшла пряма лінія.

Ось такі прості способи намалювати лінію в фотошоп. Сподіваємося, вам була корисна ця інформація! Успіхів у творчості і гарного настрою!

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

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

Почнемо зі створення нового документа. Нам цілком підійде документ розміром 1000 на 1000 пікселів. Докладний опис створення нового документа в фотошоп ви знайдете тут.

Почнемо з інструменту «лінія». Його ми знайдемо на баковою панелі.

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

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


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


Ну а тепер все! Малюємо. Робимо клік по робочій області і простягаємо мишкою лінію.


Зараз наша лінія є smart об'єктом. Перетворити її в звичайний шар можна у вікні шарів за допомогою команди «растеризувати шар».


Лінія готова. Як бачите, намалювати рівну пряму лінію в фотошопі дуже просто. Ми розібрали елементарний метод, який, незважаючи на свою зручність, має ряд обмежень. Давайте розберемо другий і проведемо лінію за допомогою інструменту «перо».

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


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


На бічній панелі шукаємо інструмент «перо».


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


Зробіть клік по лінії лівої клавішею. У випадаючому списку вибираємо команду «виконати обведення контуру».


Обводимо контур і знову робимо клік лівою клавішею миші. Вибираємо команду «видалити контур».



Отже, лінія готова! Буквально за п'ять хвилин ми вивчили два способи, як намалювати рівну лінію в фотошопі.

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

Інструмент Pen Tool (Перо) призначений для малювання векторних контурів. Векторні контури можна зберігати, редагувати, збільшувати, зменшувати. Можливості цього інструменту безмежні. Але освоїти роботу з ним не просто.

Що таке контури і навіщо вони потрібні

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

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

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

або відкритим, мають окремі кінцеві точки (наприклад, зигзаг або хвилеподібна лінія).

Контури зберігаються в поточному документі спільно з растровими об'єктами. Всі наявні в документі контури доступні на палітрі Paths (Контури).

Що можна робити з контуром?

1.Построіть будь-якої контур, обвести його (команда Stroke Pass, натискаєте на контурі правою кнопкою - вибираєте з меню), щоб утворилася лінія (вказати інструмент для обведення, вибравши попередньо колір, товщину та інші параметри);

2.Якщо контур замкнутий можна забарвити внутрішню область в який-небудь колір (команда Fill Pass, натискаєте на контурі правою кнопкою - вибираєте з меню) або перетворити контур у виділення (команда Make Selection, натискаєте на контурі правою кнопкою - вибираєте з меню).

Малювання фігур (прямокутників, еліпсів і т.д.) за своєю суттю є малювання вбудованих контурів певної форми, внутрішня область яких забарвлюється в обраний колір.

Як малювати контур довільної форми?

Малювати контур потрібно інструментом Pen Tool (Перо).

Щоб намалювати прямолінійний контур ви визначаєте положення вузлових точок контуру клацанням миші, а програма Photoshop автоматично з'єднує їх прямими лініями.

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

Якщо при роботі інструментом утримувати клавішу «Shift», буде створено контур правильної форми (Сусідні точки заломлення будуть розташовуватися під кутами, кратними 45 °, а точки згладжування будуть розміщуватися на дузі уявного кола).

Інструменти групи Перо

Інструмент панелі інструментів фотошоп Pen Tool (Перо) включає кілька інструментів:
інструмент Pen Tool (Перо) - призначений для креслення векторного контуру (контур задається набором його вузлових точок);
інструмент Freeform Pen Tool (Вільне перо) - призначений для креслення векторного контуру (контур задається набором намальованих від руки ліній);
інструмент Add Anchop Point Tool & nbsp (Додати опорну точку) - призначений для додавання нових вузлових точок до наявного векторному контуру, з його допомогою можна змінити форму контуру, перемістити вузли або направляючі;
інструмент Delete Anchop Point Tool (Видалити опорну точку) - призначений для видалення існуючих вузлових точок з векторного контуру, з його допомогою також можна змінити форму контуру, перемістити вузли або направляючі;
інструмент Convert Point Tool (Кут) - призначений для зміни типу вузлових точок і форми існуючих векторних контурів.

За замовчуванням в групі «Перо активний інструмент Pen Tool (Перо), для вибору іншого інструменту цієї групи потрібно натиснути праву кнопку миші на кнопці групи (їх не відпустити її кілька секунд), а потім клацнути назву необхідного інструменту в який з'явився на екрані меню.

Для виклику інструментів групи «Перо» служить також «гаряча» клавіша «Р». При натисканні цієї кнопки активізується останній використаний інструмент групи. Для перемикання між інструментами групи потрібно одночасно натиснути клавішу «Р» і клавішу «Shift» (В результаті кожного натискання активізується наступний за списком інструмент).

Панель налаштування параметрів інструменту Перо

На панелі налаштування параметрів інструменту перо необхідно відзначити наступні елементи:

Далі за допомогою відповідних кнопок можна прямо з панелі параметрів активувати інструмент Pen Tool (Перо), Freeform Pen Tool (Вільне перо), Rectangle Tool (Прямокутник), Rounded Rectangle Tool (Прямокутник з округленими кутами), Ellipce Tool (Еліпс), Polygon Tool (Багатокутник), Line Кнопки відповідають за установку того чи іншого режиму об'єднання контурів (новий контур, додавання до існуючого контуру, віднімання, перетин контурів і т.д.) і аналогічні таким же налаштувань інструментів виділення.

Для режиму Shape Layers (Шар-фігура) є кнопки

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

Вам здалося, що все дуже складно? Нічого подібного! Простий приклад. Спробуйте, все вийде!