Плавні лінії в фотошопі. Як намалювати лінію в фотошопі

30.04.2019

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. У нас вийшла пряма лінія.

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

3 голоси

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

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

Вас чекає маса інформації. Приступимо?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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


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


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


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


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

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


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


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


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


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


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



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

За допомогою інструменту 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 ... -функція обведення лінії. Можна вибрати інструмент, яким буде здійснюватися обведення. Зазвичай це кисть і перш ніж користуватися цією функцією, бажано встановити у кисті потрібну товщину, а вже після вдаватися до обведення.

Програма 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
  • поле колір- призначено для відображення і зміни кольору заливки контуру. При натисканні мишею по полю на екрані з'являється діалогове вікно вибору кольору, в якому користувач може задати бажаний колір заливки контуру.

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