Комп'ютерне художнє малювання

- Minimum Diameter: 16%

(Настройки не переведені, щоб уникнути плутанини, тому  що кожна російська версія  Фотошопа може різнитися в  перекладі слів. Орієнтуйтеся на  скріншот, наведений нижче)

10. Тепер переходимо до малювання. Для початку ми повинні зробити ескіз.

Змінюючи Кут (Angles) і Мінімальний  Діаметр (Minimum Diameter), відрегулюйте кисть. Натискайте [або], щоб міняти розмір кисті. Натискайте Shift + [або], щоб регулювати м'якість кисті.

 

11. При малюванні застосовуйте трішечки художньої техніки і змінюйте

налаштування кисті.

 

12. Після закінчення натисніть Ctrl + Alt + E, щоб злити шари. Використовуйте

Інструмент Випалювання (Burn Tool) c налаштуванням експозиції 10-15%.

Висновок: переведення фото у малюнок в Фотошопі абсолютно безглузде і довге заняття. Але іноді подібні техніки можуть стати в нагоді для побічних робіт з графікою і не тільки.

 

 

 

1.5 Накладення фото на фото

1. Підбираємо знімки (або просто картинки, абсолютно необов'язково, щоб це були саме «живі» фотографії).

 

 

 

 2. Обидві картинки відкриваємо у Фотошопі одночасно, кожну у своєму вікні.

 

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

Переміщену картинку встановлюємо точно в межі нижньої.   

4. Викликаємо вікно шарів (кнопка F7). Шар накладеного фото (з лісовим будиночком у нашому випадку) повинно надати зверху. Додаємо йому шар-маску натисканням відповідної кнопки.

 

5. Далі вибираємо на панелі інструментів таку корисну штуку як «Градієнт» (його можна також викликати натисканням кнопки «G»). І проводимо їм по зображенню справа наліво.

Висновок: таким чином можно накладати будь-які зображення одне на одне швидко та зручно.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

РОЗДІЛ 2

КОМП'ЮТЕРНЕ ХУДОЖНЄ  ВЕКТОРНЕ МАЛЮВАННЯ

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

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

2.1 Векторизація зображення

1. Відкриваємо картинку у Фотошопі.

2. Виділяємо об’єкт.

Виберіть з меню Tool саму звичайну чарівну паличку Magic Wand Tool і клацніть по білій області. Так ми створили область виділення, але виділити потрібно метелика

.

Зайдіть в Select> Inverse або клікніть по робочій області та з меню, що виберіть Select Inverse. Сенс у тому, що створене виділення треба інвертувати щоб ​​виділити метелика. Чесно кажучи мені абсолютно все одно як ви будете створювати ваше виділення. Хоч вручну обводьте ласо, це не має ніякого значення.

 

3. Створюємо векторний контур.

У нас є виділена область, тепер конвертуємо її у  векторний контур path. Виберіть будь-який інструмент виділення начебто Lasso Tool, Rectangular Marquee Tool або Magic Wand Tool. Клацніть по області виділення правою кнопкою  миші і в меню виберітеMake Work Path.У меню, встановіть ступінь згладжування Tolerance за смаком. Залежність проста. Чим вище цифра, тим вище згладжування. Чим нижча цифра, тим нижче згладжування. Висока згладжування означає більш низька кількість векторних вузликів і більше неточне слідування растровому контуру.

Отже в палітрі Path у нас з'явився робочий контур. Якщо у вас немає палітри Path відкрийте ееWindows> Path Робоча область палітри Path схожа на десктоп або тимчасовий притулок. На ній можуть з'являтися різні контури, але якщо ви подбаєте про послідовне збереженні, з часом вони зникнуть. Зробіть подвійний клік по контуруWork Path і збережіть контур окремо. Контури в області Path працюють так само як шари в палітрі Layers. Якщо контур виділено, значить він активний і з ним можна працювати.

Інструменти для  роботи з контурами в фотошопі - Path Selection Tool і Direct Selection Tool. У нас  є контур, але немає об'єкта. Якщо ви читали серію моїх нотаток про вектор у фотошопі ви вже знаєте, що вектор у фотошопі представлений у вигляді векторної маски для якогось ефекту або графіки. Ще вектор може бути присутнім у вигляді розумного шару, що посилається на імпортований фаіл ілюстраторів, але це залишимо для іншої замітки.

Виділіть контур інструментом Path Selection Tool або в палітрі контурів Path. НажмітеLayer> New Fill Layer> Solid Color Ми створили шар заливки, якому відразу присвоїло векторна маска у вигляді нашого контуру.

 

4. Допрацювання векторного контуру.

Я взяв інструментPen Tool, виділив маску шару заливки. У налаштуваннях Pen Tool виставив Subtract і домалював деякі елементи нашої метелику. Вирізав візерунки на крилах, а ніжки і вусики зробив товщі.

 

5. Створення довільної фігури Custom Shapes.

Ви завжди можете забити отриманий об'єкт у довільні фігури Custom Shapes. Деякий час тому я згадував про те як це можна зробити в статті Custom Shape Tool в Фотошопі. Виділіть шар з метеликом і натисніть Edit> Define Custom Shape Наша метелик з'явилася у фігурах інструменту Custom Shapes Tool.

Висновок: переклад растрової фотографії в вектор в Фотошопі абсолютно безглузде заняття. Але іноді подібні техніки можуть стати в нагоді для побічних робіт з графікою і не тільки.

 

 

 

 

 

 

 

 

2.2 Робота із шрифтом

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

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

 

 

 

 

 

 

Для створення тексту існують спеціальні інструменти. Перший інструмент Horizontal Type Tool створює текстовий шар, на якому текст розміщується абсолютно традиційним горизонтальним чином. Другий інструмент Vertical Type Toolсоздает текстовий шар, на котрих текст розміщується зверху вниз. Наступні два інструменти не створюють текстового шару принципово. Вони створюють виділення у вигляді тексту, причому інструмент Vertical Type Mask Tool створює текстове виділення яке распологает букви тексту зверху вниз, а Horizontal Type Mask Tool створює текстове виділення а зліва направо. Виділення у вигляді тексту необхідно тоді, коли ви хочете мати відразу готовий растровий шар містить текст без муки з перетворенням векторного текстового шару в растровий. Але якщо ви вступаєте таким шляхом, то ви позбавляєте себе гнучкості налаштувань тексту, наприклад можливості змінити шрифт, його накреслення інтервали та інші налаштування, які можливі при роботі з векторними шрифтами.

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

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

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

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

У розділі Style ви можете вибрати вид траєкторії, а потім за допомогою додаткових налаштувань довести текст до розуму (вірніше сказати безумства). За допомогою повзунка Bend ви змінюєте силу вигину траєкторії. При положенні повзунка 0% вигину (деформації) не буде, а при негативних значеннях деформація піде в протилежний бік. Horizontal Distortion управляє спотворенням тексту по горизонталі. Позитивні значення збільшують праву частину тексту, негативні - ліву.

 

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

 

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

У цій палітрі  можна налаштувати знову таки шрифт, його начартаніе, розмір шрифту, відстань між рядками [ ], відстань між символами [ ] і кернінг пар [ ]. Відразу виникає питання - що це? Ви напевно знаєте що таке обман зору. У даному випадку кернінг пар це боротьба проти цього обману.

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

Також є можливість змінити висоту символів і ширину символів. Для цього служать поля з буковками T і відповідними стрілками. Поле [ ]призначено для зміщення виділених символів вгору або вниз щодо решти рядки (а саме так званої базової лінії). Якщо в полі ввести позитивні числа, то виділені символи змістяться вгору, а якщо негативні, то вниз відносно базової лінії тексту.

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

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