У цьому уроці ми вивчимо основи малювання векторних фігур в програмі Photoshop CS6 за допомогою простих інструментів групи «Постаті»! Ми почнемо з вивчення роботи інструментів «Прямокутник» (Rectangle Tool ), «Прямокутник із закругленими краями» (Rounded Rectangle Tool), «Еліпс» (Ellipse Tool), «Багатокутник» (Polygon Tool) і «Лінія» (Line Tool). Далі ми навчимося вибирати кольору заливки і обведення для фігур, змінювати зовнішній вигляд обведення, редагувати фігури за рахунок корисних властивостей шарів-фігур і багато іншого! Нам треба багато вивчити, тому в цьому уроці ми сфокусуємось на роботі і властивості п'яти основних інструментів групи геометричних фігур. У наступному уроці ми навчимося додавати складніші фігури в наш документ за допомогою інструменту «Довільна фігура»!
Цей урок розрахований для користувачів програми Photoshop CS6. Якщо ви працюєте в більш старої версії програми, то вивчіть вихідний урок «Фігура і шар-фігура в Фотошоп».
Більшість людей вважають, що програма Photoshop використовується тільки для обробки піксельних зображень, і якби ви попросили їх порекомендувати вам хороший графічний редактор, то в більшості випадків відповідь була б «Adobe Illustrator». Дійсно, можливості редактора Adobe Illustrator набагато ширше, ніж програми Photoshop, але, тим не менше, як нам стане видно з цього і наступних уроків, різні інструменти групи «Постаті» дозволяють легко додавати прості векторні зображення на малюнки і креслення
Якщо ви не знаєте, що таке векторна фігура і чим вона відрізняється від піксельної форми, вивчіть урок.
Інструменти групи «Постаті»
Програма Photoshop пропонує нам на вибір шість інструментів групи «Постаті»: «Прямокутник» (Rectangle Tool), «Прямокутник із закругленими краями» (Rounded Rectangle Tool), «Еліпс» (Ellipse Tool), «Багатокутник» (Polygon Tool), «Лінія» (Line Tool) і «Довільна фігура» (Custom Shape Tool). Всі ці інструменти розташовані в одному місці на панелі інструментів. За замовчуванням, нам видно інструмент «Прямокутник», але якщо ми кликнемо по іконці інструменту і утримаємо кнопку миші, то на екрані з'явиться меню, що випадає з переліком інших інструментів, з яких ми зможемо вибрати потрібний:
Натискання на значок інструменту «Прямокутник» дозволить нам переглянути інші інструменти групи фігури
Я виберу перший інструмент в списку - інструмент «Прямокутник»:
Векторні фігури, контури і піксельні форми
Перш ніж ми почнемо малювати фігури, нам необхідно вказати програмі Photoshop, який тип фігури ми хочемо намалювати, оскільки в дійсності, програма Photoshop дозволяє нам малювати фігури трьох різних типів - векторні фігури, контури і піксельні форми. Більш детально різницю між цими типами фігур ми розглянемо в інших уроках, але як ми з вами вже дізналися з уроку «Малюємо векторні фігури і піксельні форми в програмі Photoshop CS6», в більшості випадків ви будете малювати векторні фігури. На відміну від піксельних форм, векторні фігури легко змінювані, абсолютно масштабуються і не залежать від дозволу. Це означає, що ми можемо редагувати, змінювати їх розміри, як побажаємо, і при цьому якість зображення не загубиться. І на екрані, і при подальшій друку краю векторних фігур залишаються чіткими і загостреними.
Для того щоб намалювати векторні фігури, а не контури або піксельні форми, виберіть параметр «Фігура»(Shape) на панелі налаштувань інструменту у верхній частині екрану:
Вибираємо на панелі налаштувань режим інструменту «Фігура»
Заповнення фігури кольором
Кількома по значку зразка кольору заливки
В результаті, відкриється діалогове вікно, де буде запропоновано вибрати один з чотирьох способів заливки фігури, позначених окремим значком. Зліва направо можна побачити значок «Ні кольору» (з червоною діагональною смугою), значок заливки Кольором, значок Градієнта і значок Візерунка:
4 параметра заливки фігури ( «Ні кольору», «Чистий колір», «Градієнт» і «Візерунок»)
Спосіб заливки «Ні кольору»
Як випливає з назви, спосіб заливки «Ні кольору» (No Color) фігуру ніяким кольором не заповнює. Ви можете запитати, навіщо ж нам потрібна порожня фігура? Ну, в деяких випадках, можливо, вам буде потрібно, щоб у фігури був тільки тонкий контур. Далі ми розглянемо, як додати до фігури обведення, але якщо ви захочете, щоб у фігури був тільки контур без заливки кольором, вибирайте параметр «Немає кольору»:
При виборі параметра «Ні кольору» фігура ніяким кольором не заповниться
Нижче наведено зразок фігури після застосування параметра «Ні кольору». Все, що ми бачимо - це тонкі обриси фігури, так званий «контур». Контур можна побачити тільки в програмі Photoshop, тому якщо ви почнете роздруковувати документ або зберігати його в форматах JPEG або PNG, контур зникне. Щоб зробити його видимим, нам потрібно додати до нього обведення, що ми і вивчимо далі, після того, як розглянемо всі опції заливки (Fill):
Коли в якості способу заливки вибрати «Ні кольору», видно тільки контур фігури (і то, тільки в програмі Photoshop)
Спосіб заливки «Чистий колір»
Для того щоб заповнити фігуру кольором, виберіть параметр «Чистий колір» (Solid Color) (другий значок зліва):
Кількома по значку параметра «Чистий колір»
Після вибору параметра «Чистий колір», вибираємо колір для фігури, клікнувши по одному із зразків кольору. Кольори, які ви недавно використовували, з'являться в ряду «Нещодавно використані кольори»(Recently Used Colors) над основними зразками:
Вибираємо колір, клікнувши на його зразком
Якщо серед зразків немає необхідного кольору, клікніть по іконці Палітри кольорів в правому верхньому куті діалогового вікна:
Кількома по іконці Палітри кольорів
Потім в палітрі кольорів виберіть потрібний колір. Натисніть ОК для закриття Палітри, коли ви визначитеся з кольором:
У палітрі кольорів вибираємо колір для заливки фігури
Нижче представлена \u200b\u200bта ж фігура, тільки на цей раз заповнена кольором:
Наша фігура тепер заповнена кольором
Спосіб заливки «Градієнт»
Для того щоб заповнити фігуру градієнтною заливкою, виберіть параметр «Градієнт» (Gradient). Потім клікніть по одній з мініатюр для вибору потрібного зразка градієнта або створіть власний за допомогою опцій, розташованих під слайдами градієнтів. В окремому уроці ми розглянемо, як створювати і редагувати градієнти:
Спочатку вибираємо параметр «Градієнт», а потім - потрібний зразок градієнта
Нижче представлена \u200b\u200bта ж фігура, тільки на цей раз заповнена градієнтною заливкою:
Наша фігура тепер заповнена одним із зразків готових градієнтів
Спосіб заливки «Візерунок»
І, нарешті, вибравши параметр «Візерунок» (Pattern), ми зможемо заповнити фігуру візерунком. Клацніть по одній з мініатюр, щоб визначитися з готовим візерунком. Спочатку в програмі представлено не так багато візерунків, але ви також можете завантажити додаткові візерунки, викачані з Інтернету або створені самостійно, клікнувши по маленькому значку шестерні (під значком Палітри кольорів) і вибравши пункт «Завантажити візерунки» (Load Patterns) з меню, що:
Спочатку вибираємо параметр «Візерунок», а потім - потрібний зразок візерунка
І ось як буде виглядати фігура, заповнена одним з візерунків програми Photoshop. Для того щоб закрити діалогове вікно «Заливка» (Fill), натисніть клавішу Enter (Win) / Return (Mac) або клікніть по порожньому місці на панелі налаштувань. Якщо ви сумніваєтеся у виборі правильного кольору, градієнта або візерунка для фігури, не переживайте, пізніше ми вивчимо, як їх можна змінити:
Фігура, заповнена обраним візерунком
Додавання до фігури Обведення
За замовчуванням, програма Photoshop Не додає обведення по краях фігури, проте додати її так само легко, як і виконати заливку кольором. Насправді, опції параметрів «Обведення» ( «Штрих»)(Stroke) і «Заливка»(Fill) у версії програми Photoshop CS6 однакові, тому ви вже знаєте, як їх використовувати!
Щоб додати обведення, клікніть на зразок кольору обведення на панелі налаштувань:
Кількома за зразком кольору обведення
В результаті, відкриється діалогове вікно з тими ж самими параметрами, що і для заливки, за винятком того, що тепер ми вибираємо колір для обведення. У верхній частині вікна знову знаходяться чотири значки «Ні кольору» (No Color), «Чистий колір» (Solid Color), «Градієнт» (Gradient) і «Візерунок» (Pattern). За замовчуванням, вибрати «Ні кольору». Я, в свою чергу, виберу параметр «Чистий колір» і потім в якості кольору обведення встановлю чорний, вибравши його зі зразків. Так само як і у випадку з заливанням, якщо потрібного вам кольору серед зразків немає, клікніть по значку Палітри кольорів в верхньому кутку, щоб вибрати потрібний колір вручну:
Вибираємо для обведення параметр «Чистий колір», а потім із зразків кольору вибираємо потрібний
Зміна ширини Обведення
Для того щоб змінити ширину (товщину) обведення, скористайтеся параметром «Ширина» (Width), розташованим праворуч від зразка кольору обведення на панелі налаштувань. За замовчуванням, його значення дорівнює 3 pt. Для зміни ширини можна або ввести певне значення прямо в віконце введення даних (натиснувши Enter (Win) / Return (Mac) після введення для підтвердження даних), або клікнути по маленькій стрілці праворуч від значення і перемістити бігунок:
Змінюємо ширину обведення
Опція «Вирівняти краю»
Якщо ви подивіться далі в праву частину панелі налаштувань, то побачите опцію «Вирівняти краю» (Align Edges). При включеній опції (з виставленої галочкою) програма Photoshop буде вирівнювати краю фігури по піксельної сітці, в результаті чого вони будуть залишатися гострими і чіткими:
Переконайтеся, що опція «Вирівняти краю» включена
Однак, для того щоб опція «Вирівняти краю» працювала, недостатньо просто вибрати її. Також необхідно, щоб ширина обведення була в пікселях (px), а не в пунктах (pt). Оскільки на даний момент ширина моєї обведення вимірюється в пунктах (одиниця виміру за замовчуванням), я повернуся назад і введу нове значення ширини, що дорівнює 10 пікселям (px):
Для того щоб опція «Вирівняти краю» працювала, встановіть ширину обведення в пікселях (рх)
Нижче до фігури застосована чорна обведення шириною 10 рх:
Проста фігура з чорної обведенням навколо неї
Після додавання фігурі обведення, якщо я повернуся назад і гукну за зразком кольору заливки на панелі налаштувань, вибравши спосіб заливки «Ні кольору» (No Color), у мене залишиться тільки контур фігури з обведенням. Усередині фігура стане порожньою. Може здатися, що фігура заповнена білим кольором, але це тільки тому, що колір заднього фону документа білий, що ми і бачимо в дійсності.
Та ж сама фігура, з параметром заливки «Ні кольору»
Додаткові опції обведення
За замовчуванням, програма малює обведення у вигляді безперервної лінії, але ми можемо змінити це, якшо по кнопці «Поставити тип штриха фігури» (Stroke Options) на панелі налаштувань:
Кількома по кнопці «Задати тип штриха фігури»
В результаті відкриється діалогове вікно «Параметри обведення» (Stroke Options), де ми зможемо змінити зовнішній вигляд обведення з безперервної лінії на штриховую або пунктирну. параметр «Вирівняти» (Align) дозволяє нам вибрати тип вирівнювання для обведення: всередині контуру, зовні або посередині. Ми можемо зробити кінці ліній для обведення (параметр «Кінці» (Caps)) округлими, квадратними або потовщеними, а місця з'єднання ліній в обведення (параметр «Кути» (Corners)): гострими, закругленими або скошеними. При натисканні кнопки «Інші параметри»(More Options), розташованої в нижній частині діалогового вікна, відкриється ще одне віконце, де ми зможемо встановити конкретні значення для штрихів і прогалин пунктирною лінії і навіть зберегти настройки у вигляді пресету:
параметри обведення
Нижче наведена фігура з тієї ж самої обведенням, але тільки на цей раз замість безперервної лінії обрана пунктирна:
Зовнішній вигляд обведення змінився з безперервної лінії на пунктирну
Інструмент «Прямокутник»
Отже, ми вже дізналися, як вибирати різні інструменти групи «Постаті» на панелі інструментів, як вибирати колір заливки і обведення, як змінювати зовнішній вигляд обведення. Тепер давайте вивчимо, як малювати самі векторні фігури! Ми почнемо з вивчення першого інструменту групи фігур в списку - «Прямокутник» (Rectangle Tool). Я виберу його на панелі інструментів, як уже робив раніше:
Вибираємо інструмент «Прямокутник»
Інструмент «Прямокутник» дозволяє нам малювати прості чотирикутні фігури. Щоб намалювати фігуру, клікніть кнопкою миші у вікні документа для визначення початкової точки фігури. Потім, утримуючи кнопку миші натиснутою, протягніть курсор миші по діагоналі, щоб закінчити малювати фігуру. У міру переміщення курсору ви будете бачити тонкі обриси (контур) майбутньої фігури:
Простягніть курсор, щоб намалювати прямокутну фігуру. У міру переміщення курсора з'явиться тонкий контур фігури
Коли ви відпустите кнопку миші, програма заповнить фігуру тим кольором, який ви вибрали на панелі налаштувань:
Програма заповнить фігуру кольором, як тільки ви відпустите кнопку миші
Зміна розміру фігури після того, як вона намальована
Як тільки ви намалювали первісну фігуру, на панелі налаштувань з'являться її поточні розміри: ширина (Width (W)) і висота (Height (H)). У моєму випадку, я намалював фігуру 533 пікселя шириною і 292 пікселя висотою:
На панелі налаштувань видно початкові розміри фігури (ширина і висота)
Якщо вам потрібно змінити розмір фігури, після того як ви її намалювали (цей спосіб підходить для всіх інструментів групи «Постаті»), просто введіть нові значення у відповідні поля «Ширина» та «Висота». Наприклад, припустимо, мені потрібно, щоб моя фігура була шириною 500 пікселів. Для цього потрібно лише змінити значення ширини на 500 пікселів. При необхідності я міг би також ввести конкретне значення висоти. Якщо при зміні висоти або ширини фігури пропорції повинні залишитися незмінними, клікніть спочатку по маленькому значку ланцюжка між значеннями висоти і ширини:
Далі, активувавши значок ланцюжка, введіть нове значення висоти або ширини. Програма Photoshop при цьому автоматично замінить відповідне значення другого параметра. У моєму випадку, я вручну ввів нове значення для ширини, що дорівнює 500 пікселям, і оскільки значок ланцюжка був активований, програма Photoshop також змінила значення висоти на 273 пікселя:
Змінюємо розміри фігури
Зміна розміру фігури до того, як вона намальована
Якщо так трапиться, що ви будете знати точну висоту і ширину фігури до моменту її малювання, є один зручний прийом. Вибравши інструмент групи «Постаті», просто клікніть в будь-якому місці всередині документа. В результаті, миттєво відкриється діалогове вікно, куди ви зможете ввести потрібні значення висоти і ширини. Натисніть ОК, щоб закрити діалогове вікно, і програма автоматично намалює фігуру:
Клікніть в будь-якому місці всередині документа для введення значень ширини і висоти, і програма автоматично намалює фігуру
Малювання фігури від центру
Давайте вивчимо кілька простих, але корисних клавішних комбінацій. Якщо ви натиснете і утримуйте клавішу Alt (Win) / Option (Mac)у міру переміщення курсору, то ви намалюєте фігуру від центру, а не від кута. Цей прийом працює з усіма інструментами групи «Фігура», а не тільки з інструментом «Прямокутник». Зверніть увагу, що спочатку треба почати малювати фігуру і тільки потім натискати клавішу Alt (Win) / Option (Mac). Також необхідно відпускати першої кнопку миші і тільки потім натиснуту клавішу Alt (Win) / Option (Mac), інакше прийом не спрацює:
Натисніть і утримуйте клавішу Alt (Win) / Option (Mac), щоб намалювати фігуру від центру
малювання квадратів
Для того щоб намалювати квадрат, встановіть курсор у вікні документа і почніть його протягувати, малюючи прямокутну фігуру. Як тільки ви почали це робити, натисніть клавішу Shiftі продовжуйте її утримувати в міру переміщення курсора. Натискання клавіші Shift перетворює фігуру в квадрат. І знову, не забудьте натиснути клавішу Shift після того, як ви почали переміщати курсор, і відпустити її в останню чергу, інакше квадрат перестав вималюється. Ви можете об'єднати дві клавішні комбінації разом, натиснувши і утримавши клавіші Shift + Alt(Win) /Shift + Option(Mac) при застосуванні інструменту «Прямокутник» (Rectangle Tool), в результаті чого ви намалюєте від центру ідеальний квадрат:
Натисніть і утримуйте клавішу Shift в міру переміщення курсора, щоб намалювати квадрат
І знову, в процесі малювання ви бачитиме лише тонкий контур квадрата, але коли ви відпустіть кнопку миші, програма Photoshop заповнить його вибраним кольором:
Програма завжди чекає, поки ви відпустіть кнопку миші, перш ніж заповнити фігуру кольором
Опції інструменту групи «Постаті»
Якщо ви подивіться на панель налаштувань, то зліва від параметра «Вирівняти краю» (Align Edges) ви побачите значок шестерні. Натиснувши на нього, ви відкриєте діалогове вікно з додатковими настройками для того інструменту групи «Постаті», який в даний момент обраний:
Кількома по значку шестрені
Оскільки у мене обраний інструмент «Прямокутник» (Rectangle Tool), натискання на значок шестерні відобразить додаткові опції для інструменту «Прямокутник». За винятком роботи з інструментами «Багатокутник» і «Лінія», які ми вивчимо пізніше, ви не будете надто часто використовувати це меню, тому що ми з вами вже розглянули, як отримати доступ до даних опцій з клавіатури. Наприклад, параметр «Довільно» (Unconstrained) дозволяє нам малювати фігури будь-якого розміру і з будь-яким співвідношенням сторін, але оскільки за замовчуванням, всі інструменти групи фігур працюють таким чином, немає необхідності спеціально вибирати даний параметр. параметр «Квадрат» (Square) дозволяє нам малювати квадрати за допомогою інструменту «Прямокутник», але ми це можемо зробити, просто натиснувши і утримавши клавішу Shift у міру переміщення курсора. параметр «Від центру» (From Center) відповідає за малювання фігури від центру, але знову, ми це можемо зробити, натиснувши і утримавши клавішу Alt (Win) / Option (Mac).
Якщо ви виберете параметри «Поставлене розмір» (Fixed Size) або «Поставити пропорції» (Proportional) і введете значення ширини і висоти, то дані значення також вплинуть і на наступну фігуру, яка буде намальована, а не тільки на ту, яку ви вже намалювали. Тому потрібно пам'ятати про те, щоб після малювання фігури повернутися і заново вибрати параметр «Довільно» (Unconstrained), в іншому випадку кожна нова намальована фігура буде такого ж розміру або з такими ж пропорціями:
Параметри, які ви бачите, залежать від того, який інструмент групи «Постаті» обраний
Редагування шарів-фігур
Раніше ми з вами вивчили, що для того щоб намалювати в програмі Photoshop векторні фігури, нам потрібно встановити режим малювання - «Фігура»(Shapes) (на відміну від контурів і піксельних форм). Коли ми малюємо векторну фігуру, програма автоматично розміщує її на окремому спеціальному шарі під назвою «Шар-фігура»(Shape layer). Якщо ми подивимося на панель шарів, то побачимо, що фігура, яку я намалював за допомогою інструменту «Прямокутник» (Rectangle Tool), розташовується на окремому шарі-фігурі «Прямокутник 1». Назва шару буде залежати від того, який інструмент був використаний, тому якщо я, припустимо, намалюю овал інструментом «Еліпс» (Ellipse Tool), шар-фігура буде називатися «Еліпс 1»:
Кожна нова векторна фігура розміщується на окремому шарі-фігурі
Візуально різниця між звичайним шаром і шаром фігури полягає в тому, що шари-фігури мають маленький значок фігури в правому нижньому кутку мініатюри шару:
Значок на мініатюрі шару говорить нам про те, що це шар-фігура
А головна відмінність між шаром-фігурою і звичайним піксельним шаром полягає в тому, що шари-фігури залишаються повністю редаговані. Коли ми раніше вивчали, як вибирати кольору заливки і обведення для фігури, я згадав, що ми завжди зможемо повернутися назад і змінити колір навіть після того, як фігура намальована. Все, що нам потрібно - упевнитися, що на панелі шарів обраний шар-фігура, а інструмент групи «Постаті» активований. Потім просто клікніть або за зразком кольору заливки (Fill), або за зразком кольору обведення(Stroke) на панелі налаштувань для вибору іншого кольору. Ви також можете при необхідності змінити ширину обведення і попрацювати з іншими параметрами. Я гукну за зразком кольору Заливання:
Вибравши шар-фігуру, натискаємо за зразком кольору Заливання
Кількома за зразком блакитного кольору
Як тільки я гукну за зразком, програма негайно заповнить фігуру новим кольором:
Колір фігури був змінений без необхідності заново малювати фігуру
І, якщо ми знову побачимо на панель шарів, то побачимо, що мініатюра шару-фігури також змінила свій колір:
Коли ми внесли зміни, мініатюра шару-фігури також змінила свій вигляд
Інструмент «Прямокутник з округленими кутами»
Давайте розглянемо другий з інструментів групи «Постаті» - «Прямокутник із закругленими кутами» (Rounded Rectangle Tool). Я виберу його на панелі інструментів:
Вибираємо інструмент «Прямокутник з округленими кутами»
Інструмент «Прямокутник з округленими кутами» дуже схожий на інструмент «Прямокутник» за винятком того, що він дозволяє нам малювати прямокутники з закругленими кутами. Ми регулюємо ступінь заокруглення кутів, використовуючи параметр «Радіус» (Radius) на панелі налаштувань. Чим більше значення радіуса ми вводимо, тим кругліше стають кути. Значення радіуса необхідно встановлювати до початку малювання фігури, в моєму випадку, я введу значення параметра «Радіус», що дорівнює 50 пікселям:
Використовуйте параметр «Радіус» для визначення ступеня заокруглення кутів
Після установки значення радіуса малювання прямокутника з округленими кутами схоже на малювання звичайного прямокутника. Спочатку клікніть кнопкою миші у вікні документа для визначення початкової точки фігури і потім, утримуючи кнопку миші натиснутою, протягніть курсор миші по діагоналі, щоб закінчити малювати фігуру. Так само як і у випадку з фігурою «Прямокутник», у міру переміщення курсору програма буде відображати тонкий контур фігури:
Простягніть курсор, щоб намалювати прямокутник з округленими кутами після того, як ви ввели значення радіуса на панелі налаштувань
Коли ви відпустите кнопку миші, програма Photoshop закінчить малювати фігуру і заповнить її кольором:
Коли ви відпустите кнопку миші, фігура заповниться кольором
Нижче намальований ще один прямокутник з встановленим значенням радіусу 150 пікселів. Дане значення настільки велике (для цієї фігури, у всякому разі), що ліва і права сторони прямокутника мають форму кривої:
Чим більше значення радіуса, тим більше круглими виходять кути
А ось прямокутник з невеликим значенням радіуса - 10 пікселів, яке лише трохи округляють кути фігури:
Маленьке значення радіусу менше округляють кути
На жаль, попередній перегляд ступеня заокруглення кутів в програмі Photoshop CS6 немає. Подивитися, наскільки круглі виходять кути, ми можемо тільки після того, як намалюємо прямокутник. Також, ми не можемо змінювати значення радіусу в процесі малювання фігури, і ще програма Photoshop не дозволяє нам повернутися назад і змінити значення радіусу, після того як ми намалювали фігуру. Все вищесказане означає, що малювання прямокутників з округленими кутами, по суті, є методом проб і помилок.
Якщо вам не подобається закруглення кутів прямокутника, після того як ви його намалювали, перейдіть в розділ меню «Редагування» (Edit) у верхній частині екрану і виберіть пункт «Скасувати: Інструмент« Прямокутник з округленими кутами »» (Undo Rounded Rectangle Tool) (або натиснути клавіші Ctrl + Z (Win) / Command + Z (Mac)), в результаті чого фігура буде видалена з документа. Потім введіть нове значення радіуса на панелі налаштувань і почніть заново малювати прямокутник.
Вибираємо «Редагування»\u003e «Скасувати: Інструмент« Прямокутник з округленими кутами »
Ті ж самі комбінації клавіш, які ми розглянули при вивченні інструменту «Прямокутник», працюють і в разі з інструментом «Прямокутник з округленими кутами». Для того щоб намалювати квадрат із закругленими кутами, почніть малювати фігуру, а потім натисніть і утримуйте клавішу Shift.Відпустіть клавішу Shift після того, як ви відпустите кнопку миші.
Щоб намалювати фігуру від центру, а не від кута, почніть малювати фігуру, а потім натисніть і утримуйте в натиснутому стані клавішу Alt (Win) / Option (Mac). І, нарешті, спільне натискання клавіш Shift+ Alt (Win) / Shift+ Option (Mac) призведе до того, що буде намальований квадрат від центру. Клавіші необхідно відпустити тільки після того, як ви відпустите кнопку миші.
Інструмент «Еліпс»
інструмент «Еліпс» (Ellipse Tool) дозволяє нам малювати еліпси і кола. Я виберу його на панелі інструментів:
Вибираємо інструмент «Еліпс»
Так само, як і при роботі з іншими інструментами, які ми розглянули, клікніть кнопкою миші у вікні документа для визначення початкової точки фігури і потім, утримуючи кнопку миші натиснутою, протягніть курсор миші по діагоналі, щоб закінчити малювати фігуру:
Малюємо еліпс за допомогою інструменту «Еліпс»
Відпустіть кнопку миші, щоб закінчити малювати фігуру і заповнити її кольором:
Фігура заповнена кольором.
Щоб намалювати ідеально рівне коло за допомогою інструменту «Еліпс», почніть переміщати курсор і далі, натисніть і утримуйте клавішу Shift. Для того щоб намалювати еліпс від центру, натисніть і утримуйте клавішу Alt (Win) / Option (Mac) після початку малювання. Утримання одночасно натиснутими клавіш Shift+ Alt (Win) / Shift+ Option (Mac) дозволить вам намалювати коло від центру. І як завжди, відпускайте клавіші тільки після того, як ви відпустите кнопку миші:
Коло, намальований інструментом «Еліпс»
Інструмент «Багатокутник»
інструмент «Багатокутник» (Polygon Tool) більш цікавий для нас з точки зору можливостей малювання фігур. Я виберу його на панелі інструментів:
Вибираємо інструмент «Багатокутник»
Якщо за допомогою інструменту «Прямокутник» ми можемо малювати тільки чотирикутні прямокутники, то інструмент «Багатокутник» дозволяє нам малювати багатокутники з таким числом сторін, яке ми побажаємо. Далі ми розглянемо, як за допомогою це інструменту можна намалювати навіть зірки! Для того щоб намалювати фігуру за допомогою інструменту «Багатокутник», для початку введіть кількість сторін, яке вам потрібно, в віконце параметра «Сторони» (Sides) на панелі налаштувань. Ви можете ввести будь-яке число від 3 до 100. За замовчуванням, кількість сторін дорівнює 5, я і залишу його таким:
Введіть кількість сторін в віконце параметра «Сторони»
Як тільки ви вкажете число сторін, встановіть курсор у вікні документа і почніть його протягувати для малювання багатокутної фігури. Програма Photoshop завжди малює багатокутні фігури від центру, тому вам не потрібно утримувати клавішу Alt (Win) / Option (Mac). Натискання та утримання клавіші Shiftпісля того, як ви почали малювати багатокутник, дозволить вам обмежити число кутів для вашої фігури і помістити її на екрані саме так, як потрібно:
Фігура з 5 сторонами, намальована за допомогою інструменту «Багатокутник»
Вказавши число сторін рівне 3, ми можемо з легкістю намалювати трикутник:
Простий трикутник, намальований за допомогою інструменту «Багатокутник»
Нижче представлений багатокутник з числом сторін рівним 12. Так само, як і в випадку з параметром «Радіус» для інструменту «Прямокутник із закругленими кутами», ми не можемо змінити кількість сторін після того, як намалювали фігуру, тому якщо ви зробили помилку, вам потрібно перейти в розділ меню «Редагування» (Edit) у верхній частині екрану і вибрати пункт «Скасувати: Інструмент« Багатокутник » (Undo Polygon Tool) (або натиснути клавіші Ctrl + Z (Win) / Command + Z (Mac)), потім ввести інше значення в віконце параметра «Сторони» і заново намалювати фігуру:
Багатокутник з дванадцятьма сторонами
Малювання зірок за допомогою інструменту «Багатокутник»
Для того щоб намалювати за допомогою інструменту «Багатокутник» зірку, клікніть по іконці шестерні на панелі налаштувань, виберіть параметр «Зірка»(Star):
Кількома по іконці шестерні і вибираємо параметр «Зірка»
Потім клікніть мишкою у вікні документа і простягніть курсор для того, щоб намалювати зірку. параметр «Сторони» (Sides) на панелі налаштувань визначає число вершин зірки, таким чином, якщо за замовчуванням значення параметра дорівнює п'яти, у нас вийде п'ятикутна зірка:
П'ятикутна зірка, намальована за допомогою інструменту «Багатокутник»
Змінивши значення параметра «Сторони» на 8, ми отримаємо восьмиконечную зірку:
Визначте число вершин зірки за допомогою параметра «Сторони»
Ми можемо намалювати фігуру, схожу на яка вибухнула зірку, збільшивши гостроту променів зірки за допомогою параметра «Глибина променів»(Indent Sides By). За замовчуванням, значення цього параметра дорівнює 50%, я збільшу значення до 90%. Також я збільшу кількість вершин зірки до 16:
Малюємо фігуру, схожу на яка вибухнула зірку, збільшивши значення параметра «Глибина променів»
І ось, яка фігура у мене вийшла:
Вибухнула зірка, намальована за допомогою інструменту «Багатокутник»
За замовчуванням, вершини зірок мають гострі кути, але ми можемо їх округляти, вибравши параметр «Згладити зовнішні кути» (Smooth Corners):
Вибираємо параметр «Згладити зовнішні кути»
Нижче представлена \u200b\u200bп'ятикутна зірка, де вибрано «Згладити зовнішні кути»:
Параметр «Згладити зовнішні кути» пом'якшує незграбність зірок
Ми можемо також скруглить кути у підстав променів зірки, вибравши параметр «Згладити внутрішні кути» (Smooth Indents):
Вибираємо параметр «Згладити внутрішні кути»
І знову, наша зірка виглядає абсолютно по-іншому:
Намальована зірка, де вибрано «Згладити внутрішні кути»
Інструмент «Лінія»
Останнім з основних інструментів групи Фігури є інструмент «Лінія»(Line Tool). Я виберу його на панелі інструментів:
Вибираємо інструмент «Лінія»
Даний інструмент дозволяє нам малювати прості прямі лінії, але також ми можемо з його допомогою намалювати стрілки. Для того щоб намалювати пряму лінію, по-перше, встановіть товщину лінії, ввівши значення (в пікселях) в віконце параметра «Товщина»(Weight) на панелі налаштувань. За замовчуванням, значення товщини дорівнює 1 пікселю, я добавлю до до 16 пікселів:
Параметр «Товщина» відповідає за товщину (або ширину) лінії
По-друге, так само, як і у випадку з іншими інструментами групи «Постаті», клікніть у вікні документа і простягніть курсор, щоб намалювати лінію. Для того щоб було простіше намалювати горизонтальну або вертикальну лінію, натисніть і утримуйте клавішу Shift, після того як ви почали малювати лінію, потім відпустіть кнопку миші і в найостаннішу чергу клавішу Shift:
Утримуйте Shift для малювання горизонтальних або вертикальних ліній
Малювання напрямних стрілок
Для малювання стрілок, клікніть по іконці шестерні на панелі налаштувань, щоб відкрити опції «Стрілки» (Arrowheads). Виберіть, де ви хочете додати стрілки: на початку лінії, в кінці або одночасно на обох кінцях (якщо ви хочете, щоб стрілка вказувала в тому ж напрямку, в якому ви малюєте лінію, виберіть параметр "В кінець" (End)):
Клацніть по іконці шестерні, щоб отримати доступ до опцій «Стрілки».
Нижче намальована лінія, схожа на попередню, за винятком того, що на кінці розташований значок стрілки:
За допомогою інструменту «Лінія» легко малювати напрямні стрілки
Якщо встановлений за замовчуванням розмір стрілки вас не влаштовує, ви можете змінити його, використовуючи параметри «Ширина»(Width) і «Довжина»(Length). Ми можемо також додати стрілкою вигин, скориставшись параметром «Кривизна» (Concavity). За замовчуванням, значення даного параметра дорівнює 0%, але я добавлю до до 50%:
Змінюємо форму стрілки, збільшивши значення параметра «Кривизна»
І ось як тепер виглядає стрілка. Переконайтеся, що ви вибрали значення параметрів інструменту «Лінія» перш, ніж почали малювати лінію, оскільки в процесі малювання їх змінити не можна. Якщо ви захочете внести зміни, вам доведеться видалити фігуру і намалювати її заново:
Стрілка зі значенням параметра «Кривизна», рівним 50%
Приховування контуру навколо фігури
Щоразу, коли ми малювали в цьому уроці фігуру, програма відображала її тонкий контур. Коли ми відпускали кнопку миші, програма закінчувала малювати фігуру і заповнювала її кольором. Проблема полягає в тому, що якщо ви уважно подивитеся на намальовану вами фігуру, то, швидше за все, побачите навколо неї тонкий контур, який нікуди не подівся. В &
На просторах рунета я знайшов зображення логотипу. Чи можна перевести її з растра в вектор в Фотошопі, причому автоматично? Ні, не можна. На жаль, поки тенденції вектора в Фотошопі такі, все що в цьому напрямку було зроблено, залишилося незмінно ще 5 версій назад. З тих пір воно не чіпати, не змінювався і нічого нового в векторі не додають. Вам потрібні були векторні інструменти в фотошопі? Ось вони, хочете більше? Що взагалі ви забули в Фотошопі, освоюйте Ілюстратор. Приблизно такий хід думки рухав розробниками, впроваджувати найпростіші векторні операції в Фотошоп. А тепер перейдемо до справи.
Переклад растра в вектор здійснюється через області виділення. Спочатку ми створюємо виділення, потім лінії виділення переводимо в векторні контури, потім векторні контури заливаємо шарами заливки, створюючи таким чином векторну маску. Для того щоб розібратися у всьому цьому не на рівні армійських команд - кликни сюди, кликни туди, варто навчитися працювати з інструментами малювання вектора, зрозуміти як векторні контури можуть взаємодіяти один з одним, і дізнатися як же створити векторну маску. Але не переживайте, вам не обов'язково сідати за читання до вихідних, ви і так зрозумієте як перевести растр в вектор в Фотошопі, якщо дочитаєте статтю до кінця.
виділення логотипу
Особливо відзначу, щоб переклад в вектор вийшов якісний, сама картинка повинна бути великого розміру. Це справедливо в разі трасування в Ілюстраторі, а для Фотошопа це ще важливіше. Моє зображення є 1500 пікселів в ширину, коли ми закінчимо переклад в вектор, я покажу, як Фотошоп переводить маленький зображення і ми порівняємо результати.
- Вибирайте інструмент Magic Wand Tool
- Налаштуйте в опціях Tolerance 20 або 30.
- Там же на іконку Add to Selection. Детально про їх роботі я писав у статті Add, Subtract, Intersect і Exlude в Фотошопі де йшлося про інструменти вектора, але у виділенні ці опції працюють так само.
Мені чесно кажучи все одно як ви виділите логотип, хоч в ручну ласо, хоч через Color Range. Просто в даній ситуації, конкретно на цьому зображенні найпростіше це зробити інструментом Magic Wand Tool.
Переводимо виділення в векторний контур
Не перемикайтеся з інструменту Magic Wand Tool.
- Правою кнопкою миші клацніть по області виділення.
- З меню, виберіть Make Work Path.
- У вікні налаштуйте толерантність на 1,0 Чим вище значення толерантності, тим більш плавними, стилізованими і неточними будуть наші контури.
На наведеній нижче ілюстрації я вибрав інструмент Path Selection Tool і виділив контур, що б він був вам видно.
Збереження контуру в палітрі Path
Ця операція не обов'язкова, але бажана.
- У вікні введіть ім'я та натисніть ОК.
Перейдіть на палітру Path. Якщо ви не можете її знайти натисніть Window\u003e Path
Клацніть двічі по контуру в палітрі.
Створення векторної маски
Процес створення векторної маски добре описаний в моїй статті Векторна маска в фотошопі. Здійснимо цей процес швидко і без деталей.
Переконайтеся, що ваш буд виділений в палітрі Path
Виберіть з меню Layer\u003e New Fill Layer\u003e Solid Color
У вікні виберіть колір і натисніть ОК
От і все. Точніше було б все якби це не був hronofag.ru Пам'ятайте я говорив вам, що чим менше зображення, тим гірше воно переведеться. Готовий посперечатися на руках у вас якийсь брудний скан засунутий в Ворд, який замовник вимагає перевести в вектор? Я вгадав? При цьому зображення передавлена \u200b\u200bJPG стисненням, зменшено, потім збільшено, потім знову зменшено до розмірів аватарки, і ще на нього пролили кетчуп. Чи можна якісно перевести в Фотошопі в вектор таку картинку?
Для початку подивіться на наш логотип. Не дивлячись на відмінний дозвіл, чіткі краї Фотошоп не зміг створити хороші і рівні контури. Ілюстратор робить це в 100 разів краще, але стаття не про ілюстратор. Як бачите контури не скрізь рівні, навіть в прямокутних частинах логотипу. А окружності зовсім косі.
Тепер я зменшу зображення в 2 рази, потім ще в 2 рази і покажу вам результат перекладу в вектор.
Ось вам і наочний приклад, того як розмір растрового зображення впливає на якість трасування. І це при тому що зображення дуже якісне не дивлячись на розмір. Ну ка, зменшу ка я якість. Збережемо картинку в JPG при найгіршому якості.
Переведемо в вектор. Відмінний результат, не вистачає тільки кетчупу. У самий раз задоволеному замовнику, обробка під гранж або вантажу!
І все ж я злегка маніпулюю правдою. Справа в тому, що все це резонно для ілюстраторів, який створює вектор на основі картинки. Фотошоп не створює вектор на основі картинки, він створює контури на основі виділення. Логічно, чим якісніше і рівніше виділення, тим рівніше вийдуть криві. І інструмент Чарівна паличка, яким ми виділяли ці області, вже не підійде для виділення таких страшних зображень. Так, ви зумієте зробити якісні виділення, задіяв всі інструменти виділення, зумієте навіть збільшити їх і створити на основі них більш менш рівний контур, який все одно буде не ідеальним. Йти таким шляхом просто втрата часу. Єдиний робочий варіант - отрисовать логотип з нуля в Фотошопі.
16.03.2014 27.01.2018
Такий векторний малюнок з фотографії робить за пару хвилин в фотошопі без особливих зусиль. Всього то треба застосувати пару фільтрів, функції та коригувальні шари. Як це зробити читайте інструкцію в цьому уроці.
За допомогою фотошопу ми можемо переробити будь-який малюнок в векторне зображення.
Виберіть фотографію та відкрийте її в фотошопі.
Зробіть копію шару. Обізву один шар Girl 1 Layer, а другий Girl 2 Layer.
застосуйте функцію Image - Adjustments - Thresholds(Зображення - Корекція - Поріг) Для шару Girl 1 Layer.
Встановіть кольору білий і чорний, в панелі інструментів.
застосуйте фільтр Filter - Sketch - Photocopy (Фільтр - Скетч - Фотокопія) Для шару Girl 2 Layer.
Режим змішування у шару Girl 2 Layer встановіть Multiply(множення) І об'єднайте шари.
Застосуйте ще раз функцію Threshold (Поріг)
Тепер необхідно згладити краї, для цього застосуєте фільтр Stylize - Difusse(Стилізація - Дифузія)
Векторне зображення готове.
Тепер щоб його хоч якось змінити на краще, ви можете його розфарбувати. Для цього просто візьміть кисть чорного кольору і поправте лінії рис обличчя.
Для заливки кольором використовуйте Paint Bucket Tool (заливка). Це не складе для вас проблеми.
Інструменти для роботи з вектором в Photoshop з'явилися досить давно, але використовувати їх в роботі почали порівняно недавно. Це пов'язано з тим, що дуже довгий час вони були "сирими" і тому вектор в фотошопі не є профільним інструментом для роботи, його і не допрацьовували. Але все змінилося з виходом Photoshop CC.
Навіщо потрібен вектор в фотошопі
Спочатку хочу розповісти чому я використовую вектор в фотошопі. Є безліч зарекомендували себе векторних редакторів. Найпоширеніші це Illustrator, CorelDraw, Xara. Найчастіше я займаюся веб дизайном, а значить моя робота не є кінцевим результатом. Тобто перш ніж стати сайтом, інтерфейсом, додатком макет потрапить верстальщику. Більшість верстальників досконало володіють Photoshop, але дуже поверхово знайомі з Illustrator. Тому бажання "запхати" все в один файл цілком логічно. Здорово коли верстальник отримує один PSD в якому міститься повний макет та ще й з можливістю редагування елементів. Поміняти колір кнопки, змінити радіус форми меню, збільшити або зменшити блок без втрати якості - за 2 кліка і 1 хвилину! Вектор в фотошопі дозволяє зробити це без особливих навичок.
Особливості роботи з вектором у фотошопі
Якщо ви раніше працювали в будь-якому векторному редакторі, то багато видасться знайомим. Але до чого доведеться звикати. Вся робота в фотошопі будується з шарами, це торкнулося і всіх векторних інструментів.
1. Що б легко редагувати вектор в фотошопі необхідно кожну фігуру розташовувати в окремому шарі.
2. Операції по "злиття", "віднімання", "накладення" краще застосовувати до не більше ніж двом об'єктам.
3. Після операції "злиття", "віднімання", "накладення" контури вихідних об'єктів залишаються доступними до редагування.
4. До всіх векторних об'єктів можна легко застосовувати растрові стилі. Це дуже зручно.
5. До векторних об'єктів можна застосовувати прозорість і накладати на них фільтри.
6. Окремі шари і групи шарів з векторними об'єктами можна легко клонувати всередині документа або копіювати в інший документ PSD.
7. Підписуйте кожен шар і гуртуйте шари - це заощадить масу часу.
Основні примітиви
Як і в будь-якому векторному редакторі, вектор в фотошопі має готові примітиви. Основні примітиви:
"Прямокутник", "Прямокутник з круглений кутами", "Еліпс", "Багатокутник", "Лінія", "Довільна фігура". У кожної фігури (в будь-який момент часу) можна задати товщину / тип / колір обведення і заливку. Для специфічних примітивів доступні додаткові властивості. Наприклад у багатокутника можна задати кількість кутів, а у прямокутника зі круглений кутами можна задати радіус округлення.
Основні інструменти
Що б намалювати довільний вектор або редагувати існуючий (в т.ч. і контур примітивів) необхідно використовувати інструменти "Перо" (малюємо довільний контур), "Перо +" (додаємо нові опорні точки в готовий контур), "Перо-" (видаляємо опорні точки з готового контуру), "Вільне перо" (малюємо довільний контур від руки), "Кут" (міняємо вигини кривих контуру, задаємо типи з'єднань між опорних точок). 
Для ілюстрації процесу короткий відео з якого ви дізнаєтеся:
1. Як створити примітив
2. Як намалювати довільну векторну фігуру
3. Як правити контур примітиву
4. Як правити контур довільної векторної фігури
Основні операції з вектором у фотошопі
Усього доступно 4 операції: "Об'єднання фігур", "Відняти передню фігуру", "Об'єднати фігури в накладенні", "Відняти фігури в накладенні". Всі ці операції доступні через основне верхнє меню Шари\u003e Об'єднати фігури, Або через панель інструментів "Властивості" (верхнє меню Вікно\u003e Властивості).
Увага! Перш ніж почати якісь операції з об'єднання векторних фігур переконайтеся що шари цих фігур виділені в панелі інструментів "Шари" (включити її F7 або Вікно\u003e Шари).
Коротке відео ілюструє основні операції "об'єднання фігур" в фотошопі.
Міняємо колір, розмір і застосовуємо стилі
Ось ми дійшли до самого цікавого. Вектор в фотошопі дозволяє поміняти розмір як у велику так і в меншу сторону без втрати якості. Для цього виберете потрібні шари в панелі інструментів "шари", натисніть Ctrl + T (або Command + T якщо у вас MAC) і перетягуючи маркери виділеного контуру мишкою відрегулюйте розмір. Що б розмір змінювався пропорційно необхідно затискати клавішу Shift. 
Коротке відео:
1. Змінюємо розмір векторної фігури
2. Змінюємо колір заливки векторної фігури
3. Додаємо стиль до векторної фігурі
Завантажити приклад PSD (безкоштовно)
Що б вам простіше було розібратися як використовувати вектор в фотошопі і подивитися як на практиці можна застосовувати ці інструменти я викладаю файл Інфографіки виконаний мною повністю з використанням векторних інструментів.
Задати питання
Якщо у вас щось не виходить або виникли питання пишіть в коментарях і я допоможу вам розібратися. Так само ви можете подивитися відео за допомогою векторних інструментів.
Незважаючи на те, що Photoshop редактор растрової графіки, в наборі його інструментів передбачені і деякі векторник інструменти. Векторні інструменти призначені насамперед для створення редагованих кривих - контурів. Для того, що б освіжити вашу пам'ять, нагадаємо, що відмінність між растрової і векторної графіки полягає в способі зберігання і опису графічної інформації. Векторні малюнки зберігаються у вигляді математично описаних кривих, які не втрачають в якості при маштабування, в будь-який момент підлягають незатруднітельним і гнучкому редагування. Для початку розглянемо принцип побудови векторних кривих.
Векторні контури будуються на відрізках, які мають ключові вузли і котрольно точки. Ключові вузли обмежується відрізок з двох сторін а котрольно точки дозволяють управляти вигином кривих.
Для створення кривих використовуються інструменти групи Pen. інструмент Pen Tool призначений для створення кривих по ключовим вузлів. Принцип дії цього інструменту полягає у вказівці ключових точок відрізка контуру. Якщо при вказівці контрольної точки, не відпускаючи кнопку миші рухати її, то у ключовий точки з'явиться відрізок, що містить контрольну точку. Дальнешее руху мишею вже безпосередньо впливають на контрольну точку, і, в свою чергу, на вигин відрізка. Наступний щёлчёк лівою кнопкою миші встановить наступну контрольну точку, і т.д.
Інструмент Pen tool може працювати в двох режимах - створення кривих і створення так званих форм - замкнутих векторних областей.Переключеніе між цими режимами здійснюється кнопками - режим створення контуру, - режим створення форми. Якщо ви працюєте в режимі створення форм, то створюваний вами контур буде вважатися завжди замкнутим і, як наслідок, залитим обраним вами кольором. Фізично в палітрі Layers створюється шар-маска на основі векторного малюнка. Сам шар заливається обраним вами кольором (колір вибираєте на палітрі властивостей).
Принцип роботи з векторною маскою незначно відрізняється від принципу роботи з растровою маскою, відрізняються тільки кошти. Якщо в разі роботи з растровою маскою ви змінювали її допомогою інструментів малювання, то в даному випадку зміна форми маски відбувається за допомогою векторного інструментарію.
Для того, що б перетворити векторну маску в растрову, потрібно викликати контекстне меню векторної маски і вибрати пункт Rasterize Mask. В результаті ви отримаєте звичайну маску шару. В іншому робота з маскою шару в векторному варіанті не відрізняється від роботи в растровому варіанті.
Векторні малюнки зручні тим, що в будь-який момент дуже зручно можна змінити форму кривих цього малюнка. Для цього існує ряд інструментів. Наприклад інструмент (додавання ключових точок - вузлів) - додає ключові точки на кривій в тому місці де ви натиснете. Інструмент може видаляти зайві точки на контурі при натисканні на видаляється точці. Насправді переключаться на ці інструменти зовсім не обов'язково. Зверніть увагу на перемикач Auto Add / Delete на палітрі властивостей. У разі якщо цей режим включений (установлений прапорець), то інструмент Pen Tool автоматично буде переключаться на інструмент додавання точки (коли ви його помістіть над контуром) і інструмент видалення точки (коли ви його помістіть над уже існуючою точкою). Якщо режим відключити, то видалення і додавання точок буде можливо тільки при використанні відповідних інструментів.
Управління вигином кривих здійснюється через контрольні точки. Для вибору контрольної точки використовується інструмент Direct Selection Tool. Вибравши вузол для редагування (клік цим інструментом по редагованому вузлу). Потім рухаючи контрольні точки ви впливаєте на вигин кривої в області обраного вузла. Також за допомогою цього інструменту ви можете переміщати вибрані вузли. інструмент Path Selectional Tool призначений для роботи з кривою в цілому, як з об'єктом - для переміщення і трансформації. Для векторних об'єктів застосовується режим Free Transform, точно такий же як і для растрових областей.
Важливим інструментом роботи з ключовими вузлами є інструмент під назвою Convert Point Tool . Сенс цього інструменту полягає в перетворенні типу вузла. У векторній графіці Photoshop розрізняють два типи ключових вузлів - згладжені (smooth) і кутові (corner). Сенс згладжених ключових вузлів полягає в тому, що контрольні точки двох кривих, що сходяться в одному вузлі Завжди знаходяться на одній віртуальної лінії.
Інший тип вузла, як ми говорили, називається кутовим. Сенс цього типу полягає в тому, що віртуальне лінії, що проходять через контрольну точку одного з відрізків і загальний ключовий вузол обох відрізків, можуть сходиться під будь-яким кутом.
Інструмент перетворення типів працює наступним чином - якщо вузол згладжений (а за замовчуванням вузли створюються згладженими) то клік інструментом перетворення ізметіт тип вузла на кутовий. Якщо після натискання КНОК миші їх не відпустити її, а просто потягнути, ви зможете управляти вигином відрізка в конкретному вузлі.
Почали ми з того, що виділили два режими роботи інструменту Pen Tool. Перший - режим створення форм, а другий - ржім створення контурів. Зупинимося докладніше на режимі роботи з контурами.
У цьому випадку ваш контур автоматично не заливатися і утворювати векторну маску шару і шар. В даному випадку ваш контур буде виключно віртуальним і не мають відношення до верствам. Для роботи з такими контурами існує палітра під назвою Path. У цій палітрі зосереджені всі операції з контурами.
У палітрі Path контури (шляху) розміщуються як шари в палітрі Layers, причому на одному векторному слоеможет знаходиться кілька незв'язаних між собою векторних контурів. У нижньому рядку палітри Path знаходяться піктограми управління контурами. До болю знайомі піктограми зі смітником і чистим листком, свому призначенню не змінили і в цій палітрі, тобто відповідно це видалення векторного шару і створення порожнього векторного шару.
До сих пір ми замислювалися для чого в такому абсолютно растровому редакторові як Photoshop потрібні ці векторні інструменти. Простий приклад використання векторів в Photoshop - це знову таки робота з виділеннями. Як ви бачите з малюнка, ряд піктограм палітри Path призначений для перетворення контуру (шляху) в контур виділення і навпаки. На сам справі після отримання певних навичок роботи з контурами ви зрозумієте, що набагато легше буває підлаштувати векторний контур під форму виділеної області ніж, навіть скористатися досить гнучкою швидкої маскою. Тому якщо ви хочете відредагувати виділення ви завжди можете перетворити його в дорогу (контур), потім підредагувати його і знову перетворити в виділення. Якщо ви хочете застосувати традиційні для контурів виділення операції типу Stroke і Fill то вони теж у вашому розпорядженні.
Логічні операції працюють дещо несподівано. Ви можете створювати шляху в будь-якому з логічних режимів, будь то додавання чи віднімання. На цьому етапі ви ніяких дій не помітите. Але не спокушайтеся тим, що ви знайшли баг в практично бездоганною програмою. Насправді Photoshop запам'ятовує в якому режимі ви створювали контур (контора пише ...) і як тільки ви накажете програмі створити контур виділення з вашої мішанини шляхів, то Photoshop все пригадає і зробить всі операції які ви йому прописали при створенні шляхів. Діалогове вікно створення контуру виділення з шляху дозволяє задати найважливіші налаштування стосуються контурів виділення (але це тільки в тому випадку, якщо ви скористаєтеся командою Make Selection меню палітри Path).
Зверніть увагу, що ви можете задати радіус растушовкі (Feather), включити або відключити згладжування Anti-Aliased. У розділі Operation ви можете встановити логічний режим для новостворюваного виділення. Опіц даного розділу стають доступними тільки в тому випадку, якщо один контур виділення вже існує. Відповідно якщо ви виберете операцію New Selection то створюване виділення заместит собою вже існуюче виділення; опція Add to Selection додасть до вже існуючого виділенню виділення створюване з контуру; Substruct from Selection - відніме створюваний контур з сущесьтвующего виділення.
інструмент Free Form Tool дозволяє створювати векторний контур в режимі простого малювання, на зразок кисті. Затискаєте ліву кнопочку миші і просто ведете мишку малюючи необхідний вам контур. У цього інструменту є одна головна особливість, яка уподібнює цей векторний інструмент інструменту Magnetic Lasso - це опція Magnetic. Принцип роботи такий же, інструмент шукає контрастні кордону і прокладає контур тільки там. А в іншому контур створюваний цим інструментом не відрізняється від звичайного контуру.
- Переглядів: 58428