Створення контуру в Adobe Illustrator за кроками

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

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

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

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

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

Створення контуру в Adobe Illustrator: Покроковий посібник

Для початку оберіть інструмент, який вам необхідний. Наприклад, Pen Tool (Інструмент «Перо») дозволяє створювати опорні точки та лінії між ними. Натисніть область, де ви хочете почати створення виділення.

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

Кожна опорна точка, або anchorможе бути точно відредагована. Клацніть правою кнопкою миші на точці та виберіть Convert to Smooth Point для створення згладженої кривої.

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

Далі розглянемо таблицю з основними командами для роботи з обведеннями:

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

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

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

Контур є лінією, яка оточує об'єкт або його частину, визначаючи його межі.Це можуть бути прямі або вигнуті лінії, які з'єднують опорні точки (anchor) і створюють форму (shape). Важливо розуміти, що контур може бути видимим або невидимим залежно від обведення.

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

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

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

Переваги використання контурів

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

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

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

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

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

Де застосовуються контури

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

Покроковий процес створення контуру

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

1. Виберіть інструмент Pen Tool. За його допомогою можна малювати довільні лінії, додаючи опорні точки.
2. Натисніть мишею, щоб додати першу опорну точку. Тягніть курсор, щоб створити лінію. При цьому важливо, щоб лінія була такою, якою ви її задумали.
3. Продовжуйте додавати опорні точки, клацаючи мишею у потрібних місцях. Кожна точка з'єднується лінією із попередньою, утворюючи контур.
4. Щоб завершити контур, клацніть початкову точку. З'явиться замкнутий контур, який можна редагувати.
5. Перейдіть на інструмент Direct Selection Tool. З його допомогою можна переміщати окремі опорні точки, змінюючи форму виділеної лінії.
6. Використовуйте панелі Stroke і Appearance для налаштування обведення. Тут можна встановити ширину лінії, стиль обведення та інші параметри.
7. За необхідності додайте додаткові опорні точки за допомогою інструмента Add Anchor Point Tool. Це дозволить точніше налаштувати контур.
8. Щоб видалити непотрібні точки, використовуйте Delete Anchor Point Tool. Клацніть мишею буде достатньо, щоб видалити точку без порушення загальної форми лінії.
9. Використовуйте напрямні та сітку для точного позиціонування опорних точок. Це особливо корисно, якщо необхідно дотримуватися певних пропорцій або розташування елементів.

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

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

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

Читайте також: Як правильно обрізати зображення в Adobe Illustrator – Повний посібник крок за кроком

Коли документ відкритий, на панелі інструментів виберіть Pen Tool. Цей інструмент дозволяє додавати опорні точки та напрямні, які будуть основою для створення обведення. З кожним клацанням миші на робочому просторі з'явиться нова точка, з'єднана з попередньою лінією.

Щоб виділити одну або кілька точок, використовуйте Direct Selection Tool. Це дасть можливість точно регулювати положення опорних точок та напрямних, змінюючи стиль та форму обведення. Переміщуйте виділені точки мишею, щоб досягти бажаного ефекту.

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

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

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

Налаштування параметрів контуру

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

• Вибір інструменту: Для налаштування параметрів обведення спочатку виберіть інструмент, який вам потрібен. Це може бути будь-який інструмент для роботи з лініями чи контурами.
• Налаштування ширини: Вкажіть ширину лінії на панелі параметрів.Ви можете ввести потрібне значення вручну або використовувати повзунок для більш точного налаштування.
• Визначення стилю: Виберіть стиль обведення. Це може бути суцільна лінія, пунктирне або штрихове обведення. Стиль можна вибрати в залежності від ваших уподобань.
• Налаштування точок: Переконайтеся, що всі опорні точки розташовані правильно. Якщо потрібно, додайте або видаліть точки, щоб покращити форму лінії.
• Робота з напрямними: Використовуйте напрямні для більш точного розташування лінії. Це допоможе вам вирівняти обведення за певними точками та створити бажаний ефект.
• Виділення: Якщо потрібно, виділіть ділянку лінії, щоб змінити її параметри. Виділення допоможе вам точно налаштувати обведення у вибраній області.
• Перегляд результату: Зверніть увагу на попередній перегляд результату. Переконайтеся, що параметри обведення відповідають вашим очікуванням і не потребують додаткового налаштування.

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

Урок 3

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

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

Будь-який векторний контур складається з одного або декількох криволінійних сегментів (як виняток, сегменти можуть бути прямолінійними), кожен з яких є елементарною кривою Безье. На початку та наприкінці кожного сегмента знаходяться так звані опорні точки (рис. 1), які бувають двох типів: гладкі та кутові. Гладка опорна точка з'єднує дві криві без зламу, а кутова опорна точка знаходиться на вигині між двома кривими (рис. 2). За замовчуванням опорні точки створюються гладкими, але їх тип легко змінити за допомогою інструмента Convert Anchor Point (Кут) із групи Pen (Перо). Крім того, кожен сегмент має напрямні лінії, обмежені напрямними точками і визначають кут нахилу та кривизну кривої. Змінити форму сегмента можна за допомогою переміщення опорних точок або точок напрямних. Зрештою завдяки нескінченним переміщенням точок і трансформаціям окремих сегментів можна сформувати будь-який химерний векторний контур.

Мал. 1. Загальний вигляд кривої Безьє

Мал. 2. Типи опорних точок

Створювати та редагувати контури можна за допомогою інструментів із груп Pencil (Олівець) та Pen (Перо), а також інструментами Brush (Пензель), Spiral (Спіраль) та Arc (Дуга). Крім того, розглянуті в уроці 1 графічні примітиви прямокутники (Rectangle), закруглені прямокутники (Rounded Rectangle), еліпси (Ellipse), багатокутники (Polygon), зірки (Star) та відблиски (Flare), що створюються за допомогою відповідних інструментів, також є контурами. Однак основним інструментом для побудови кривих Безьє є Pen, що надає максимальні можливості як для їх створення, так і для редагування.

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

Створення контурів інструментами із групи Pencil

До цієї групи входять інструменти: Pencil (Олівець), призначений для малювання довільних ліній, Smooth (Згладжування), що дозволяє пом'якшити форму контуру, та Erase (Гумка), що служить для видалення окремих фрагментів контуру. Особливості використання першого та останнього з них нагадують застосування аналогічних інструментів в інших графічних пакетах — з тією різницею, що вони орієнтовані на обробку контурів.

Наприклад створимо олівцем довільне зображення (рис. 3). Про те, що це контур, свідчить поява численних опорних точок. Підберемо відповідний варіант межі зображення - в даному випадку взято варіант Rustic Pen з палітри Styles (Рис. 4).

Мал. 3.Контур, створений інструментом Pencil

Мал. 4. Результат обведення контуру

Щоб оцінити можливості згладжування контуру інструментом Smooth, намалюйте контур із гострими кутами, наприклад, як на рис. 5. Виділіть створений контур, активізуйте інструмент Smooth, при необхідності підкоригуйте його налаштування (це можна зробити, двічі клацнувши на інструменті на панелі інструментів та змінивши значення параметрів Fidelity (Точність) та Smoothness (Гладкість) рис. 6 і починайте методично проводити вздовж межі контуру з гострими гранями. Робити це доведеться доти, доки отриманий результат вас не задовольнить (рис. 7).

Мал. 5. Початкове зображення контуру з гострими кутами

Мал. 6. Вікно налаштування параметрів інструмента Smooth

Мал. 7. Результат згладжування гострих кутів

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

Мал. 8. Вихідне зображення контуру

Мал. 9. Зовнішній вигляд контуру після видалення вершин

Створення контурів інструментами Spiral та Arc

У переважній більшості випадків для малювання криволінійних контурів використовують інструмент Pen. Виняток становить формування спіралі та найпростішої дуги, для яких є спеціалізовані інструменти Spiral (Спіраль) та Arc (Дуга). Намалювати такі самі спіраль і дугу можна і інструментом PenАле цей варіант виявиться більш трудомістким.

Наприклад активізуйте інструмент Spiral і намалюйте на аркуші довільну спіраль, перемістивши мишу вільного простору при натиснутій лівій кнопці (рис. 10).Встановіть колір штриха (Stroke), порожній колір заливки (Fill) і скористайтеся відповідним каліграфічним пензлем — в даному випадку взято пензель 10 pt Oval (Рис. 11).

Мал. 10. Вихідний вид спіралі

Мал. 11. Остаточний вид спіралі

Створення контурів інструментами із групи Pen

Pen (Перо) Це найголовніший інструмент роботи з контурами, і до його складу входять ще три інструменти: Add Anchor Point (Перо+), Delete Anchor Point (Перо-) і Convert Anchor Point (Кут). Перший відповідає за додавання нових опорних точок, другий за їх видалення, а третій здійснює перетворення опорних точок з одного типу в інший.

При створенні та редагуванні кривої необхідно швидко перемикатися з одного пухового інструменту на інший, для чого служать клавіатурні комбінації. Загалом інструмент Pen вибирається при натисканні клавіші P, а далі: Add Anchor Point натисканням клавіші «+», Delete Anchor Point Клавіші «-», а Convert Anchor Point Клавіші Alt.

Прямі та ламані лінії

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

Виберіть інструмент Pen, клацніть на першій точці контуру, потім у другій і т.д. — буде створено кілька опорних точок, які програма автоматично з'єднає відрізками прямих (рис. 12). Перед створенням першої точки у піктограми маркера миші автоматично з'являється хрестик, який означає, що ви починаєте малювати новий контур, а відсутність хрестика говорить про продовження розпочатого контуру. Для завершення контуру слід знову натиснути на інструменті Pen на панелі інструментів або при натиснутій клавіші Ctrl клацнути лівою кнопкою миші осторонь контуру - при цьому поруч із покажчиком знову з'явиться хрестик, що сигналізує про те, що можна починати новий контур.

Мал. 12. Малювання ламаних інструментом Pen

Для малювання вертикальних або горизонтальних ліній або ліній, що лежать під кутом 45°, слід створювати нові опорні точки при натиснутій клавіші Shift (Рис. 13). При цьому Illustrator, залежно від положення нової опорної точки, самостійно вирішує, яку з перелічених ліній ви хотіли провести.

Мал. 13. Малювання ламаних під кутом 90°

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

А тепер спробуйте намалювати стрілку. Спочатку інструментом Pen створіть контур у вигляді відрізка (рис. 14) та скористайтеся командою Filter>=Stylize>=Add Arrowheads (Фільтр=>Стилізація=>Додати стрілку) при параметрах, представлених на рис. 15. Після цього зафарбуйте стрілку належним чином (рис. 16).

Мал. 14. Початковий вигляд зображення стрілки

Мал. 15. Налаштування параметрів стрілки

Мал. 16. Остаточний вид стрілки

Якщо відмовитися від заливки стрілки, встановивши параметр Fill варіант None, то на створену стрілку можна накласти ряд перетворень і отримати з прямої стрілки різні варіанти криволінійних стрілок. Для прикладу скористайтесь фільтром ZigZag за командою Filter=>Distort=>ZigZag (Фільтр=>Спотворення=>Зигзаг) з такими параметрами, як на рис. 17. Результат - на рис. 18.

Мал. 17. Налаштування параметрів фільтра ZigZag

Мал. 18. Приклади криволінійних стрілок (вихідна стрілка та два варіанти спотворених стрілок)

Цікаві види криволінійних стрілок можуть бути отримані при накладенні фільтрів Pucker&Bloat і Twist із групи фільтрів Distort. До того ж, внутрішні фрагменти стрілок білого кольору можна зафарбувати, виділяючи їх окремо інструментом. Direct Selection (рис. 19) і встановлюючи для них на палітрі інструментів відповідний варіант кольору для параметра Fill (Рис. 20).

Мал. 19. Виділення стрілок (ліворуч - вся стрілка виділена інструментом Selection, праворуч - окремі фрагменти стрілки виділено інструментом Direct Selection)

Мал. 20. Зображення стрілок після обробки їх фільтрами та заливання окремих фрагментів

Гладкі криві

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

Для створення кривої встановіть покажчик миші на порожньому місці малюнка (це буде перша опорна точка), натисніть ліву кнопку миші та, не відпускаючи її, проведіть лінію (рис. 21). Зверніть увагу, що при переміщенні покажчика лінія симетрично збільшується в обидва кінці. Якщо необхідно, щоб лінія була строго вертикальною, горизонтальною або під кутом 45°, переміщайте мишу, утримуючи клавішу Shift.

Мал. 21. Перший етап малювання кривої (побудова першої опорної точки)

Тепер встановіть покажчик в інше місце (це буде друга опорна точка), знову натисніть ліву кнопку миші і посуньте покажчик миші в різних напрямках, уважно спостерігаючи за формою лінії, що виходить. Чим далі ви простягатимете перо, тим більше буде дуга. Зверніть увагу, що крива може виявитися з перегином або без нього - залежно від того, в якому напрямку ви переміщаєте вказівник. Від напрямку переміщення залежить також опуклість чи увігнутість кривої.

Коли зовнішній вигляд створеної кривої вас влаштовуватиме, відпустіть кнопку миші (мал. 22). При цьому на екрані поряд з криволінійним сегментом з'являться напрямні лінії, що обмежують його, які необхідні тільки для визначення форми кривої, але на друк не виводяться (рис. 23). Отримати строго вертикальну, горизонтальну або під кутом 45° напрямну лінію можна, якщо при переміщенні миші утримувати клавішу Shift.

Мал. 22. Другий етап малювання кривої (побудова другої опорної точки)

Мал. 23. Зовнішній вигляд першого сегмента кривої

Потім потрібно сформувати наступну ділянку кривої, поставивши чергову опорну точку та отримавши бажаний сегмент і т.д. Для завершення контуру знову клацніть на інструменті Pen на панелі інструментів або при натиснутій клавіші Ctrl клацніть лівою кнопкою миші осторонь контуру. З метою створення замкнутого контуру поставте останню точку точно на місці першої точки криволінійного контуру. Потім криволінійний контур можна залити відповідним кольором, градієнтом або іншими варіантами заливання (рис. 24).

Мал. 24. Остаточний вид замкнутого криволінійного контуру

Створений криволінійний контур можна оформити і за допомогою пензлів як звичайних каліграфічних (Calligraphic), і дискретних (Scatter), художніх (Art) або візерунчастих (Pattern) (рис. 25). Найцікавіші результати дає використання художніх пензлів.

25. Приклади криволінійних контурів, оформлених різними типами кистей.

Виділення сегментів та контурів

Для виділення окремого сегмента кривої можна скористатися інструментом Direct Selection (Часткове виділення), клацнувши на потрібному сегменті або на опорній точці.

Рис.26. Результати виділення різних контурів інструментом Direct Selection: у разі виділення кривої клацання було зроблено на сегменті — у результаті виділено даний сегмент; зроблено в одній з вершин - виявилася виділена тільки дана вершина

Можна також обвести потрібний сегмент інструментом Direct Select Lasso (Часткове ласо) (рис. 27).

27. Виділення внутрішніх опорних точок інструментом Direct Select Lasso

Як видно з рис. 26 і 27, виділені опорні точки відображаються у вигляді заповнених квадратиків, а невиділені - у вигляді порожніх. Shift.

Якщо необхідно виділити весь контур або кілька контурів повністю, то швидше за це зробити інструментом Selection (Виділення), уклавши в так званий габаритний контейнер (мал. 28).

Рис.Укладання групи контурів у габаритний контейнер

Мал. 29. Результат накладання на всі контури фільтра ZigZag із групи Distort

А тепер спробуємо скористатися можливостями створення, виділення та найпростішого перетворення криволінійних контурів при створенні простого зображення, наприклад, всім відомого Колобка з казки. Спочатку намалюйте коло і залийте його радіальним градієнтом (рис. 30). Потім, використовуючи інструмент Gradient, перемістіть центр радіального градієнта, клацнувши мишею в точці (рис. 31).

Мал. 30. Зафарбоване коло

Мал. 31. Зовнішній вигляд кола після усунення центру градієнта

Встановіть для опції Fill варіант None, підберіть колір штриха Stroke і намалюйте рот інструментом Pen (Рис. 32, 33). Потім тим же інструментом Pen створіть ямку в куточку рота (рис. 34). Якщо ямочка вийшла трохи більшою чи меншою, ніж вам хотілося, то відразу скористайтеся інструментом Scale та скоригуйте її розмір (рис. 35). Не скасовуючи вибору намальованої ямочки, двічі клацніть на інструменті Reflect, у вікні виберіть варіант вертикального відображення (мал. 36) і клацніть на кнопці Copy Ямочка буде скопійована. Виділіть нову ямочку інструментом Selection і перемістіть її курсором в інший бік рота, за необхідності так само скоригуйте положення першої ямочки (рис. 37). Після цього малюйте у Колобка очі і завиток волосся (рис. 38).

Мал. 32. Зовнішній вигляд кривої, що зображує рот Колобка, з напрямними лініями

Мал. 33. Остаточний зовнішній вигляд рота

Мал. 34. Формування першої ямочки

Мал. 35. Зовнішній вигляд першої ямочки

Мал. 36. Налаштування параметрів відображення

Мал. 37. Поява другої ямочки

Мал. 38. Остаточний вигляд Колобка

Перетворення виділеного сегмента чи контуру

Зміна типу опорних точок

Намалюйте довільний контур у вигляді замкнутої ламаної лінії (рис. 39) і спробуйте перетворити його на криволінійний. Для цього підведіть вказівник миші до однієї з опорних точок та натисніть клавішу Alt Після цього покажчик миші набуде вигляду чорної жирної стрілки, потім клацніть в опорній точці (опорна точка з кутової перетвориться на гладку) і перемістіть її відповідним чином (рис. 40). Такого ж результату можна досягти і без натискання клавіші AltАле тоді слід звернутися до панелі інструментів, вибрати інструмент Convert Anchor Point (кут) і проробити ті ж маніпуляції щодо перетворення кутової опорної точки в гладку та її переміщення.

Мал. 39. Вихідний вид контуру у вигляді замкнутої ламаної лінії

Мал. 40. Результат перетворення контуру в криволінійний

Створення нових опорних точок

Нові опорні точки не складно створити за допомогою інструмента Add Anchor Point (Перо+). Для прикладу клацніть їм у будь-якій частині щойно отриманого криволінійного сегмента, що призведе до появи нової опорної точки та двох її напрямних (рис. 41).

Потім змініть кривизну контуру, перетягнувши створену опорну точку при натиснутій клавіші Alt, Як, наприклад, на рис. 42. Таким чином, додаючи нові опорні точки, змінюючи їх типи і відразу переміщуючи точки і змінюючи ступінь кривизни сегментів, можна за лічені секунди до невпізнання перетворити вихідний контур (рис. 43).

Мал. 41. Поява нових точок

Мал. 42. Зміна кривизни контуру за рахунок нової опорної точки

Мал. 43. Результат кількох перетворень вихідного контуру

Якщо необхідно додати опорну точку точно в центр між двома виділеними опорними точками, краще скористатися командою Object=>Path=>Add Anchor Points (Об'єкт => Контур => Додати опорні точки).

Переміщення опорних та напрямних точок

Можна змінити форму контуру, перетягнувши виділені точки (опорні або напрямні) за допомогою клавіш "стрілка вліво", "стрілка вправо", "стрілка вгору" або "стрілка вниз" або мишею, попередньо активувавши інструмент Direct Selection. А можна обійтися без вибору інструменту Direct Selection: якщо в процесі переміщення утримувати клавішу Ctrl, то результат виявиться той самий.

Спробуйте перемістити внутрішні опорні точки раніше створеної зірки, попередньо виділивши їх інструментом Direct Select Lasso (Мал. 27), за допомогою клавіші «стрілка вниз» (Мал. 44). А потім для більшого ефекту додатково накладіть фільтр Twist (команда Filter=>Distort=>Twist ¦ Фільтр=>Спотворення=>Вигин) при значенні кута вигину 50°, внаслідок чого зірка перетвориться на якусь подобу мов полум'я (рис. 45).

Мал. 44. Результат переміщення внутрішніх опорних точок зірки

Мал. 45. Зовнішній вигляд зірки після накладання фільтра Twist

Так само можна відредагувати зовнішній вигляд будь-якого графічного примітиву. Спробуємо скористатися цією можливістю у процесі створення зображення казкового павука. Спочатку намалюйте звичайне коло (рис. 46) і виділіть його інструментом Direct Selection при натиснутій клавіші Shift (клацати потрібно не по всьому колу, а по її опорних точках) - в результаті коло не просто виділиться, але в неї будуть позначені напрямні лінії (рис. 47). Тепер інструментом Pen при натиснутій клавіші Alt перетягніть кутові точки нижньої напрямної так, щоб коло перетворилося на еліпс, звужений у нижній частині (рис. 48).Щоб перенести крапки симетрично, краще попередньо включити сітку інструментом Restangular Grid, орієнтуючись на вузлах якої, буде простіше визначити потрібні положення напрямних точок. Потім виділіть отриману криву інструментом Selection та стисніть. Залийте контур відповідним градієнтом (рис. 49).

Мал. 46. ​​Вихідний вид кола

Мал. 47. Зовнішній вигляд кола з напрямними

Мал. 48. Результат переміщення кутових точок нижньої напрямної

Мал. 49. Остаточний вид видозміненого кола

Зробіть дві копії створеного контуру, зменшіть їх у розмірах, змініть заливку та розмістіть на вихідному зображенні (мал. 50) – це буде перше око павука. Виділіть усі елементи ока інструментом Selection, для зручності об'єднайте їх у групу командою Object=>Group (Об'єкт=>Група) та скористайтеся командою Effect=>Warp=>Twist (Ефект=>Деформація=>Вигин) при таких, наприклад, параметрах, як на рис. 51. Потім продублюйте око, зробивши його дзеркальну копію по горизонталі за допомогою інструмента Reflect (Рис. 52).

Мал. 50. Зовнішній вигляд першого ока павука

Мал. 51. Налаштування параметрів ефекту Twist

Мал. 52. Поява другого ока

Тепер приступимо до малювання голови. Створіть коло і, не знімаючи виділення, помістіть його на задній план — для цього клацніть правою кнопкою миші на колі і з контекстного меню виберіть команду Edit => Arrange => Send to Back (Редагування => Розмістити => Відправити на задній план) (рис. 53). Потім змініть її форму інструментом Pen Так само, як при редагуванні ока (рис. 54), і зафарбуйте відповідним градієнтом (рис. 55).

Мал. 53. Початковий контур голови павука

Мал. 54. Результат редагування контуру інструментом Pen

Мал. 55. Остаточний вигляд голови павука

Намалюйте павуку тулуб, перемістіть його на задній план і залийте градієнтом. Потім інструментом Pen створіть першу ніжку у вигляді звичайної ламаної, підібравши для неї потрібне параметр Stroke значення ширини (Weight). Зробіть дзеркальну копію ніжки по горизонталі за допомогою інструмента Reflect і перемістіть її відповідним чином. Виділіть обидві ніжки за допомогою інструмента Selection і зробіть дві їх копії, застосувавши команди Edit=>Copy (Редагування=>Копіювати) та Edit=>Paste (Редагування=>Вставити). Активувавши інструмент Rotate, поверніть кожну ніжку на потрібне число градусів (у даному прикладі об'єкти першої копії були повернені на 20° і –20° відповідно, а другий – на 35° та –35°). Відкоригуйте положення кожної ніжки, і отриманий вами результат буде схожим на рис. 56.

Мал. 56. Зовнішній вигляд павука після додавання тулуба та ніжок

І нарешті, для більшого ефекту на голову та тулуб павука, попередньо виділивши їх інструментом Selection при натиснутій клавіші Shift, накладіть фільтр Roughen командою Filter=>Distort=>Roughen (Фільтр=>Спотворення=>Шорсткість) з такими приблизно параметрами, як на рис. 57. Результат подано на рис. 58.

Мал. 57. Налаштування параметрів ефекту Roughen

Мал. 58. Остаточний вид павука

Видалення опорних точок

При необхідності невдало створені точки (або точки, що залишилися від віддалених контурів) можна видалити інструментом Delete Anchor Point (Перо–), клацаючи ним по будь-якій точці контуру.

Крім того, під час роботи з інструментом Pen через невірні клацання мишею часто з'являються ізольовані опорні точки, яких, природно, теж потрібно позбавлятися.Це можна зробити на будь-якій стадії підготовки зображення (іншими словами, зовсім необов'язково, випадково поставивши опорну точку, відразу її видаляти) за допомогою команди Object=>Path=>Clean Up (Об'єкт => Контур => Очистити) при параметрах, представлених на рис. 59.

Мал. 59. Налаштування команди Clean Up для видалення всіх ізольованих точок

Якщо в процесі створення контуру на ньому з'явилися непотрібні опорні точки (які під час подальшої роботи можуть ускладнити процес його перетворення), їх можна видалити командою Object=>Path=>Simplify (Об'єкт => Шлях => Спрощення шляху). Однак при використанні цієї команди слід оптимально підібрати точність кривої (Curve Precision) та граничний кут згладжування (Angle Threshold), щоб форма контуру залишилася незмінною або хоча б з мінімальними змінами (рис. 60, 61).

Мал. 60. Вихідне зображення із зайвими опорними точками

Мал. 61. Видалення зайвих опорних точок

Результат від застосування команди Simplify Path може бути більш ефективним. Створіть багатокутник (рис. 62), накладіть на нього фільтр Pucker and Bloat командою Filter=>Distort=>Pucker and Bloat (Фільтр=>Спотворення=>Зморщувати і роздмухувати) зі значенням параметра Pucker and Bloat 74% (рис. 63), а потім фільтр Filter=>Distort=>Twist (Фільтр=>Спотворення=>Вигин) зі значенням кута повороту 190° (рис. 64). Зверніть увагу, скільки непотрібних опорних точок з'явилося у створеному контурі. А тепер скористайтесь командою Object=>Path=>Simplify (Об'єкт=>Шлях=>Спрощення шляху) при параметрах, наприклад, як на рис. 65. У результаті отримаємо зменшення кількості опорних точок більш ніж удвічі за повного збереження зовнішнього вигляду контуру (рис. 66).

Мал. 62. Вихідне зображення багатокутника

Мал. 63.Зовнішній вигляд контуру після накладання фільтра Pucker and Bloat

Мал. 64. Результат накладання фільтра Twist

Мал. 65. Остаточний вид отриманого зображення з безліччю зайвих опорних точок

Мал. 66. Зовнішній вигляд контуру після видалення непотрібних опорних точок

Розбиття контуру

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

Щоб ознайомитися з особливостями розрізання контуру, створіть довільний багатокутник з парним числом кутів (рис. 67). Послідовно виділяючи інструментом Direct Selection кожну парну точку перетягніть її приблизно так, як на рис. 68. Потім ножицями зробіть розрізи в кожній парній (в даному прикладі опуклій вершині) — для цього доведеться щоразу виділяти потрібну опорну точку контуру інструментом Direct Selection, а потім клацати на ній інструментом Scissors (Рис. 69). А після цього займемося чисто декоративними моментами: спочатку збільште ширину кожного з трикутних контурів, що виходять, перетягнувши їх внутрішні вершини (мал. 70), потім скористайтеся командою Filter=>Distort=>Pucker and Bloat (Фільтр=>Спотворення=>Зморщувати і роздмухувати) зі значенням параметра Pucker and Bloat -26% рис. 71, а потім накладіть фільтр Filter>=Distort>=ZigZag (Фільтр=>Спотворення=>Зигзаг) з параметрами, представленими на рис. 72.Отримане після цього зображення нагадуватиме рис. 73. Результат стане ще цікавішим при повторному використанні команди Filter>=Distort>=Pucker and Bloat зі значенням параметра Pucker and Bloat 48% (рис. 74).

Мал. 67. Початкове зображення багатокутника з парним числом кутів

Мал. 68. Зовнішній вигляд зображення після переміщення парних опорних точок

Мал. 69. Результат розрізання контуру

Мал. 70. Результат переміщення внутрішніх опорних точок

Мал. 71. Зовнішній вигляд контуру після накладання фільтра Pucker and Bloat

Мал. 72. Налаштування параметрів фільтра ZigZag

Мал. 73. Результат накладання фільтра ZigZag

Мал. 74. Остаточний вид зображення, що нагадує сніжинку

Вирівнювання опорних точок

Дуже часто виникає проблема розміщення опорних точок контуру по горизонталі або по вертикалі. Створіть, наприклад, довільну ламану (рис. 75). Виділіть три верхні опорні точки та скористайтеся командою Object=>Path=>Average (Об'єкт=>Контур=>Усереднити (мал. 76.) Потім аналогічну операцію проробіть з нижніми опорними точками, і тоді ламана набуде такого вигляду, як на рис.77.

Мал. 75. Вихідне зображення ламаної

Мал. 76. Вирівнювання по горизонталі верхніх опорних точок

Мал. 77. Результат вирівнювання всіх опорних точок контуру по горизонталі

Спробуємо оцінити можливості вирівнювання точок на конкретному прикладі створення схематичного начерку пальми. Спочатку намалюйте зірку (рис. 78). Виділіть інструментом Direct Select Lasso внутрішні опорні точки зірки та вирівняйте їх по центру командою Object=>Path=>Average (Об'єкт=>Контур=>Усереднити (мал. 79), а потім накладіть ефект Effect=>Warp=>Rise (Ефект=>Деформація=>Спалах) при потрібних параметрах (рис. 80).Отриманий результат може нагадувати зображення на рис. 81. Розгорніть отримане зображення потрібним чином, злегка розмийте по Гаусс з параметром розмиття 1 піксел за допомогою команди Effect=>Blur=>Gaussian Blur (Ефект => Розмиття => Розмиття за Гаусом). Накладіть фільтр ZigZag командою Filter=>Distort=>ZigZag (Фільтр=>Спотворення=>Зигзаг) з такими, наприклад, параметрами, як на рис. 82. І насамкінець домалюйте стовбур (рис. 83).

Мал. 78. Вихідне зображення пальми

Мал. 79. Результат вирівнювання внутрішніх опорних точок

Мал. 80. Налаштування параметрів ефекту Rise

Мал. 81. Зовнішній вигляд контуру після накладання ефекту Rise

Мал. 82. Налаштування параметрів фільтра ZigZag

Мал. 83. Остаточний вид пальми

• ПК та комплектуючі
  • Настільні ПК та моноблоки
  • Портативні ПК
  • Сервери
  • Материнські плати
  • Корпуси
  • Блоки живлення
  • Оперативна пам'ять
  • Процесори
  • Графічні адаптери
  • Жорсткі диски та SSD
  • Оптичні приводи та носії
  • Звукові карти
  • ТБ-тюнери
  • Контролери
  • Системи охолодження ПК
  • Моддінг
  • Аксесуари для ноутбуків
  • Принтери, сканери, МФУ
  • Монітори та проектори
  • Пристрої введення
  • Зовнішні накопичувачі
  • Акустичні системи, гарнітури, навушники
  • ДБЖ
  • Веб-камери
  • KVM-обладнання
  • Мережеві медіаплеєри
  • HTPC та міні-комп'ютери
  • ТБ та системи домашнього кінотеатру
  • Технологія DLNA
  • Засоби керування побутовою технікою
  • Планшети
  • Смартфони
  • Портативні накопичувачі
  • Електронні рідери
  • Портативні медіаплеєри
  • GPS-навігатори та трекери
  • Носімі гаджети
  • Автомобільні інформаційно-розважальні системи
  • Зарядні пристрої
  • Аксесуари для мобільних пристроїв
  • Цифрові фотоапарати та оптика
  • Відеокамери
  • Фотоаксесуари
  • Обробка фотографій
  • Монтаж відео
  • Операційні системи
  • Засоби розробки
  • Офісні програми
  • Засоби тестування, моніторингу та діагностики
  • Корисні утиліти
  • Графічні редактори
  • Засоби 3D-моделювання
  • Веб-браузери
  • Пошукові системи
  • Соціальні мережі
  • «Хмарні» сервіси
  • Сервіси для обміну повідомленнями та конференц-зв'язки
  • Розробка веб-сайтів
  • Мобільний інтернет
  • Корисні інструменти
  • Засоби захисту від шкідливого ПЗ
  • Засоби керування доступом
  • Захист даних
  • Провідні мережі
  • Бездротові мережі
  • Мережева інфраструктура
  • Стільниковий зв'язок
  • IP-телефонія
  • NAS-накопичувачі
  • Засоби управління мережами
  • Засоби віддаленого доступу
  • Системна інтеграція
  • Проекти у галузі освіти
  • Електронний документообіг
  • «Хмарні» сервіси для бізнесу
  • Технології віртуалізації

  1999	1	2	3	4	5	6	7	8	9	10	11	12
  2000	1	2	3	4	5	6	7	8	9	10	11	12
  2001	1	2	3	4	5	6	7	8	9	10	11	12
  2002	1	2	3	4	5	6	7	8	9	10	11	12
  2003	1	2	3	4	5	6	7	8	9	10	11	12
  2004	1	2	3	4	5	6	7	8	9	10	11	12
  2005	1	2	3	4	5	6	7	8	9	10	11	12
  2006	1	2	3	4	5	6	7	8	9	10	11	12
  2007	1	2	3	4	5	6	7	8	9	10	11	12
  2008	1	2	3	4	5	6	7	8	9	10	11	12
  2009	1	2	3	4	5	6	7	8	9	10	11	12
  2010	1	2	3	4	5	6	7	8	9	10	11	12
  2011	1	2	3	4	5	6	7	8	9	10	11	12
  2012	1	2	3	4	5	6	7	8	9	10	11	12
  2013	1	2	3	4	5	6	7	8	9	10	11	12

  У цьому огляді ми розглянемо модель моноблока від компанії HP, яка є визнаним лідером у виробництві комп'ютерів як домашнього використання, так офісів. Моноблок HP 205 G4 22 - модель нового сімейства, яка побудована на базі процесорів AMD останнього покоління і відрізняється непоганою продуктивністю разом із привабливою ціною.

  Швейцарська компанія Logitech G представила бездротову ігрову мишу Logitech G PRO X Superlight. Новинка призначена для професійних кіберспортсменів, а слово Superlight у її назві вказує на малу вагу цієї моделі, яка не перевищує 63 г. Це майже на чверть менше у порівнянні з анонсованим пару років тому маніпулятором Logitech G PRO Wireless

  Як показало нещодавнє дослідження Кембриджського університету — кількість людей, які користуються сьогодні криптовалютами, наближається до розміру населення невеликої країни і це лише початок світ змінюється.Тому компанія ASRock розробила і випустила в продаж вельми незвичайну материнську плату - H110 PRO BTC+, яку ми розглянемо в цьому огляді.

  Компанія Rapoo анонсувала у Китаї бездротову клавіатуру Ralemo Pre 5 Fabric Edition. Новинка виконана у форматі TKL (без секції цифрових клавіш) та привертає увагу оригінальним дизайном. Одна з відмінних рис цієї моделі — верхня панель, обтягнута тканиною з меланжевим малюнком.

  Лінійку комп'ютерних моніторів MSI поповнила модель Optix MAG301 CR2, адресована аматорам ігор. Вона обладнана РК-панеллю типу VA із надширокоформатним (21:9) екраном зігнутої форми (радіус закруглення – 1,5 м). Його розмір – 29,5 дюйма по діагоналі, роздільна здатність – 2560×1080 пікселів.

  Каталог продукції компанії SilverStone поповнив комплект MS12. Він дозволяє створити портативний накопичувач на базі стандартного SSD типорозміру M.2 2280 з інтерфейсом PCI Express

  Компанія ADATA Technology анонсувала твердотільні накопичувачі серії XPG Spectrix S20G. Вони призначені для оснащення ігрових ПК і, як стверджують їхні творці, поєднують високу продуктивність та ефектний зовнішній вигляд

  Лінійку відеоадаптерів ASUS на базі графічних процесорів NVIDIA поповнила модель GeForce RTX 3070 Turbo (заводський індекс TURBO-RTX3070-8G), призначена для оснащення ігрових ПК. Однією з особливостей новинки є конструкція системи охолодження