praktikum 2 vid 2014 q 8 praktikum 2 vid 2014.qxdelibrary.kubg.edu.ua/5997/1/praktikum 2 vid...

Ігор ЖенченкоМарина Женченко

КОМП’ЮТЕРНА ГРАФІКА

ADOBE PHOTOSHOP CS4

Практикум

КиївВидавництво “ЖНЕЦЬ”

2013

2

УДК 004.92(075.8)ББК 32.973.26�018.2

Ж55

© І. В. Женченко, 2014© М. І. Женченко, 2014

Комп’ютерна графіка: Adobe Photoshop CS4[Електронний ресурс] : практикум / Ігор Женченко ;Марина Женченко. — Вид. 2�ге, змін. — К. : Жнець,2013. — 40 с. : іл.

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

Для сту дентів ви щих нав чаль них зак ладів спеціаль -ностей “Ви дав ни ча спра ва та ре да гу ван ня” та“Журналі�стика”, а також усіх, хто ціка вить ся цією те -мою.

УДК 004.92(075.8)ББК 32.973.26�018.2

Ж 55

Практикум

3

З М І С Т

Лабораторне заняття 1ПОЧАТОК РОБОТИ З ПРОГРАМОЮ .............................................. 4

Лабораторне заняття 2ЗАГАЛЬНІ ЕЛЕМЕНТИ ІНТЕРФЕЙСУ КОРИСТУВАЧА .................. 6

Лабораторне заняття 3ПЛАСТИ: СТВОРЕННЯ, ДУБЛЮВАННЯ, ВИДАЛЕННЯ. ОПЕРАЦІЇ НАД ПЛАСТАМИ. ЗАСТОСУВАННЯ ДО ПЛАСТУ СПЕЦІАЛЬНИХ ЕФЕКТІВ ............ 10

Лабораторне заняття 4КОЛІРНІ МОДЕЛІ. КАНАЛИ ТА МАСКИ ........................................ 15

Лабораторне заняття 5РОБОТА ІЗ ЗОБРАЖЕННЯМИ .......................................................... 19

Лабораторне заняття 6РОБОТА ІЗ ТЕКСТОМ .......................................................................... 24

Лабораторне заняття 7ФІЛЬТРИ ................................................................................................ 28

Лабораторне заняття 8ПІДГОТОВКА ЗОБРАЖЕНЬ ДЛЯ WEB ............................................ 32

Лабораторне заняття 9АВТОМАТИЗАЦІЯ РОБОТИ У ПРОГРАМІ ...................................... 34

Комбінації клавіш .................................................................. 37

Комп’ютерна графіка. Adobe Photoshop CS4

4

Заняття 1

П О Ч АТО К Р О Б О Т И З П Р О Г РА М О Ю

Мета: навчитися створювати, зберігати файли, масштабуватизображення, змінювати робоче середовище програми.

1. Завантажити Adobe Photoshop на комп’ютер.

2. Відкрити файл Andr zerkva.jpg та зберегти його уформаті .tif: File (Файл) [ Save as (Зберегти як).

3. Створити новийдокумент: File (Файл)[New (Новий).

У вікні New (Новий)задати такі параметри(рис. 1):

Name (Ім’я) — Lab 1.Прізвище.psd;

Preset (Набір) —International Paper(Міжнародний форматпаперу);

Size (Розмір) — А4(21х29,7 см);

Resolution (Роздільназдатність) — 300 pi-xels/inch;

Color Mode (Колірний режим) — RGB Color ;

Вміст фону — White (Білий).

4. Перейти до файлу Andr zerkva.tif, обрати з меню Layer(Пласти) команду Duplicate Layer (Дублювати пласт) та у діалоговому вікні команди у полі Document обратистворений раніше файл Lab 1. Прізвище.psd (рис.2).

5. Вивести на екран вимірювальні лінійки.

6. Перемістити початок координат.

Рис. 1

Рис. 2

Практикум

5

7. Збільшити масштаб зоб-раження за допомогою командиZoom in з меню View (Перегляд)(рис. 3).

8. Зменшити масштаб зоб-раження за допомогою інстру-мента Zoom (Масштаб).

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

10. Змінити колір рамки, щообмежує фрагмент зображення увікні перегляду палітри Navigator(Навігатор).

11. Перемістити зображення увікні так, щоб побачити не-відображувані частини документа.

12. Змінити параметри робочогосередовища з Essentials (Обов’яз-кові) (стоїть за замовчуванням) наBasic (Основні, спрощені), обрав-ши відповідний пункт з менюWindow (Вікно) [ Workspace(Робоче середовище) або з палітриу верхньому правому куті програ-ми (рис. 4).

13. Порівняти, які зміни відбу-лися у відображенні пунктів менюта палітр на екрані.

14. Виконати дії пунктів 11, 12,змінивши послідовне робоче сере-довище на What’s New in CS6 (Щонового у CS6) та Color and Tone(Колір та Тон).

15. Закрити файли Zavd 1. Прізвище.psd та Andr zerkva.tif.

Рис. 3

Рис. 4

6

Заняття 2

З А ГА Л Ь Н І Е Л Е М Е Н Т И І Н Т Е Р Ф Е Й С У КО Р И С Т У В АЧ А

Мета: навчитися працювати з меню, палітрами таінструмен=тами програми.

1. Відкрити файл Lab 1. Прізвище.psd та зберегти його якLab 2. Прізвище.psd.

2. Створити новий пласт: Layer (Пласт) [New (Новий) [Layer (Пласт).

3. Обрати на панеліінструментів інстру-мент для виділенняпрямокутної ділянкита виділити прямо-кутник на відстані 2 мм від фото (рис. 1).

4. З меню Edit (Реда-гувати) обрати кома-нду Stroke (Виконатиобведення) та ввести удіалоговому вікні ко-манди такі параметри:Width (Ширина обве-дення) — 25; Color (Колір) обрати,клікнувши інструмен-том Eyedropper (Пі-петка) на зображеннінеба; Location (Позиція від-носно границі) —Outside (Зовнішня)(рис. 2).

Рис. 1

Рис. 2


Практикум

7

5. З палітри Styles (Стилі) обрати довільний стиль,застосувати його до пласту з обведенням (рис. 3) та знятивиділення (<CTRL>+ <D>)

6. Перейти на пласт з фото(Backgruond copy), обратиінструмент Magic Wand(Чарівна паличка) та виділитиним небо.

7. Обрати інструмент Gra-dient (Градієнт) (клавіша <G>).

8. Клікнути на градієнті длявиклику палітри Gradient Edi-tor (Редактор градієнтів).

9. Створити новий градієнт зпереходами синього кольору(рис. 4).

10. Застосувати створе-ний градієнт до виділеноїділянки неба (рис. 5).

11. Зняти виділення —<CTRL> + <D>.

12. Обрати інструментBlur (Розмиття) з радіусом30 pxl та розмити краї умісцях, де зображення накладається на фон неба.

Рис. 3

Рис. 5

Рис. 4


8

13. Послідовно висвітлити та затемнити зображення задопомогою інструментів Dodge (Освітлювач) та Burn(Затемнювач).

14. За допомогою команди Define Pattern (Визначитивізерунок) з меню Edit (Редагування) додати створениймалюнок до бібліотеки візерунків.

15. Обрати інструмент Brush (Пензль) (клавіша <B>) тавикликати на екран палітру Brushers (F5).

16. Викликати панель опцій палітри Brushers (Пензлі) таобрати пункт Basic Brushers (Основні пензлі).

17. Викликатипанель опцій палітри Brushers таобрати командуLoad Brushers (За-вантажити пензлі)(рис. 6).

18. У вікні Loadобрати файлV e c t o r _ F l o w e r _

Brushes_by_Yasny�_chan з папки Instal та натиснути Load(Завантажи�ти).

19. Виконати дію пункту 12 та обрати у вікні Load файлStraight_Grunge_Lines_Brushes_by_DieheArt.

20. Виконати дію пункту 12 та обрати у вікні Load файлIdeal__s_Vector_set_3.

Увага! Така послідовність дій для завантаження новоїбібліотеки пензлів потрібна лише для портативної версії

Рис. 6

Практикум

9

Photoshop, оскільки в ній немає папок з бібліотеками, дояких у повній версії можна просто скопіювати новубібліотеку, після чого вона з’явиться у переліку бібліотекпрограми. Ще одним недоліком портативної версії є те, щоякщо перейти до іншої бібліотеки пензлів, а потім зновуповернутися до Basic Brushers, куди ви завантажували новіпензлі, то вони зникнуть, і їх доведеться завантажуватизнову.

21. Обрати на панелі інструментів основний колір таклікнути на ньому.

22. У діалого-вому вікні виборукольору (рис. 7)обрати колір зпараметрами С68M16 Y0 K0.

23. Створити но-вий пласт: Layer(Пласт) [ New(Новий) [ Layer(Пласт).

24. Намалюватина білому полі підзображенням він’є-тки за допомо�гою завантажених до групи BasicBrushers новихпензлів (рис. 8).

25. Застосуватидо він’єток довіль-ний стиль з палітриStyles (Стилі).

26. Зберегти тазакрити файл Lab2.Прізвище.psd.

Рис. 7

Рис. 8


10

Заняття 3

П Л АС Т И : С Т В О Р Е Н Н Я , Д У Б Л Ю В А Н Н Я ,В И Д А Л Е Н Н Я , О П Е РА Ц І Ї З П Л АС ТА М И .

З АС ТО С У В А Н Н Я Д О П Л АС Т У С П Е Ц І А Л Ь Н И Х Е Ф Е К Т І В

Мета: навчитися створювати, дублювати, трансформуватипласти, застосовувати ефекти пласту

1. Перетворити двовимірне зображення на об’ємний об’єкт

1. Відкрити файл obklad.psd та зберегти його якLab3Z1.Прізвище.psd.

2. Створити дублікат пласту Background.

3. Активуватипласт BackgroundCopy.

4. Виділити першу(лицьову) сторінкуобкладинки (рис. 1).

5. Перетворити виді-лену ділянку на окре�мий пласт (<Ctrl>+<J>).

6. Перейти на пластBackground Copy.

7. Виділити корінецьобкладинки та виконати дію п. 5. У результаті отримуємо дванових пласти: Layer 1 (пласт з першою сторінкоюобкладинки) та Layer 2 (пласт з корінцем обкладинки).

8. Приховати пласти Background та Background copy.

Рис. 1

9. Перейти на пластLayer 2 (корінець),обрати інстру мент пе -реміщен ня (клавіша<V>) та пе ремісти тикорінець вліво, відок ре -мив ши його від обк ла -динки (рис. 2).

10. Змінити розмірполотна, виконавши команду Image (Зобра�ження)[ Canvaz Size(Розмір полотна) та у діалоговому вікні ко�манди вказати розмір 21 Х 29 см (рис. 3).

11. Перейти на пластLayer 1 (перша сторінкаобкладинки).

12. Натиснути комбі�націю клавіш <Сtrl>+<Т>, щоб викликати ко�манду Free Transform(Довільна трансформа�ція).

13. Клікнути правою кнопкою напласті, обрати команду Perspective(Перспектива) та перетягнутиверхній правий маркер вниз.

14. Клікнути правою кнопкою наобкладинці, обрати команду Distort(Перекручування) та перетягнутинижній правий маркер уверх.

15. Клікнути правою кнопкою наобкладинці, обрати команду Scale

Практикум

11

Рис. 2

Рис. 3

вниз

вліво

Рис. 4


12

(Масштабування), перетягнути серед�ній маркер вліво, щоб зменшитиширину обкладинки, та натиснути<Enter> (рис. 4).

16. Перейти на пласт Layer 2 (корі-нець) та повторити дії пунктів 12–14 (рис. 5).

17. Обрати інструмент Move (Пере�міщення) та перемістити пласт Layer 2(корінець) впритул до пласту Layеr 1(перша сторінка обкладинки).

18. Створити новий пласт, обратипензль товщиною 5 рх з жорсткимикраями, потім обрати основний колірбілий та, утримуючи клавішу <Shift>,клікнути у верхньому куті між обкла�динкою і корінцем та перетягнути інст-румент вниз для того, щоб додати під-свічування до краю корінця обклади-нки.

19. Помістити пласт Layеr 3 (лінія)над пластами Layеr 1 та Layеr 2(<Ctrl>+<Shift>+]).

20. Зменшити прозорість пластуLayer 3 (лінія білого кольору) до 70 %та розмити лінію, застосувавши допласту фільтр Motion Blur (Розмиття)(Filter [ Blur [ Motion Blur) з

параметрами Angle (Кут) — 0; Distance (Відстань) — 7 рх.21. Перейти на пласт Layer 1 (перша сторінка

обкладинки) та застосувати до нього ефект Bevel and Amboss(Укіс і рельєф, тиснення) з параметрами за замовчуванням.

22. Перейти на пласт Layer 2 (корінець) та застосувати донього ефект Bevel and Amboss ((Укіс і рельєф, тиснення) зпараметрами за замовчуванням (рис. 6).

23. Зберегти файл Lab3.Z1.Прізвище.psd.24. Закрити файл Lab3.Z1.Прізвище.psd.

Рис. 5

Рис. 6

Практикум

13

2. Додати зображення на екран монітора та застосувати ефекти пласту до тексту

1. Відкрити файл monitor.tif та зберегти його під назвоюLab3.Z2.Прізвище.psd.

2. Відкрити зобра-ження, котре ви хочетепомістити на екранмонітора та продублю-вати пласт Backgroundзображення у файл ізмонітором (рис. 1).

3. Обрати інструментMove (Переміщення)(клавіша <V>) та пере�тягнути зображення уфайл із зображенняммонітора.

4. Натиснути комбінацію клавіш <Сtrl>+<Т>, щоб ви�кликати команду Free Transform (Довільна трансфор�мація).

5. Клікнути правою кнопкою миші всередині зображення,обрати зі спливаючого меню команду Scale (Масштаб) та,утримуючи клавішу <Shift>, зменшити зображення так,щоб воно відповідало розмірам монітора (вміщувалося наекрані).

6. Натиснути клавішу <Еnter> чи "галочку" на панеліопцій, щоб зафіксувати трансформацію.

7. Зменшити прозорість пласту до 50%, щоб бачитиводночас зображення і екран монітора.

8. Натиснути комбінацію клавіш <Сtrl>+<Т>, клікнутиправою кнопкою миші всередині зображення, обрати зі

Рис. 1


14

спливаючого меню команду Distort (Перекручування) таперетягнути один із кутів зображення до відповідного краюмонітора (рис. 2).

9. Повторити операцію пункту 8 для всіх чотирьох кутів.

10. Збільшити прозорість пласту зображення до 100%(рис. 3).

11. Створити новий пласт.

12. Приховати пласти Background та Background copy.

13. Обрати інструмент Type (Текст) та набрати своє ім’я тапрізвище довільним шрифтом 48 кегля.

14. Послідовно застосувати до тексту кожен з ефектів здовільними параметрами.

15. Зберегти файл Lab3.Z2.Прізвище.psd та закрити його.

Рис. 2 Рис. 3

Практикум

15

Заняття 4

КО Л І Р Н І М ОД Е Л І . К А Н А Л И ТА М АС К И

Мета: навчитися переводити зображення у різні колірнімоделі, створювати дуплексні зображення, працювати з масками.

1. Створити дуплексне зображення

1. Відкрити файл Andr zerkva.jpg та зробити його копію,виконавши команду Image (Зображення) [ Duplicate(Дублювати).

2. Перевести зображення файлу Andr zerkva copy.jpgспочатку у режим CMYK, а потім у Grayscale.

3. Створити спочатку дуплексне зображення файлу Andrzerkva copy.jpg, а потім триплексне, використовуючидовільні пантони.

4. Зберегти файл як Lab4.Z1.Прізвище.psd та закритийого.

5. Закрити файл Andr zerkva.jpg, не зберігаючи зробленізміни.

2. Створити колаж з двох фото(плавний перехід між зображеннями)

1. Відкрити файл zima.jpeg.

2. Відкрити файл divchina.jpeg.

3. Зробити дублікат пласту Background з файлу divchi-na.jpeg. у файл zima.jpeg (рис. 1).


16

4. Зберегти файл zima.jpeg як Lab4.Z2.Прізвище.psd.

5. Натиснути комбінацію клавіш <Сtrl>+<Т>, щоб ви�кликати команду Free Transform (Довільна трансформація).

6. Клікнути правою кнопкою на зображенні дівчини,обрати зі спливаючого меню команду Scale (Масштабувати),та, утримуючи клавішу <Shift> зменшити пласт Backgroundcopy (дівчина) до 60% (значення полів W: та H: палітри опційінструмента трансформації) (рис. 2).

7. Додати до фото синього кольору, виконавши командуImage (Зображення) [ Adjustments (Корекція) [ Color Ba�lance (Баланс кольору).

8. У вікні Color Balance ввести такі значення Color Levels(Рівнів кольору): �47; 0; +66 (рис. 3).

9. Клікнути на кнопці створення маски пласту на палітріLayers (Пласти).

Рис. 1

Рис. 2

Практикум

17

10. Обрати інструментGradient (Градієнт), на�тиснувши клавішу <G>.

11. На панелі опційклікнути на кнопці LinearGradient (Лінійний гра�дієнт), у палітрі опцій інструмента встановитистиль градієнта Foregro�und to Background (Відосновного (пріоритетного)кольору до кольору фону).

12. Обрати на панеліінструментів основний ко�лір "чорний" та протяг�нути лінію градієнта відпочатку зображення внизна відстань до 1 см. Такимчином, ми приховали (замаскували) верхню частинузображення (рис. 4).

13. Обрати як основний колір “чорний”.

14. Виділити маску на пласті Background copy (дівчина).

Рис. 3

Рис. 4


18

15. Обрати інструмент Brush(Пензль) (клавіша <B>).

16. На палітрі опцій інстру�мента Brush (Пензль) обратипензль діаметром 45 px з м’якимикраями (рис. 5) та видалитипензлем фон навколо фото.

18. Обрати інструмент Blur(Розмиття) з радіусом 45 pxl ім’якими краями та розмитиконтури зображення дівчини.

19. Обрати інструмент Move(Переміщення), підняти фото дів�чини до верхнього краю зобра�

ження зимового пейзажу та видалити інструментом Brush(Пензль) залишки фону (рис. 6).

20. Обрати інструмент Crop (Групування) та обрізати фото(рис. 6).


Рис. 5

Рис. 6

Практикум

19

Заняття 5

Р О Б О ТА І З З О Б РА Ж Е Н Н Я М И

Мета: навчитися здійснювати тонову та колірну корекцію

фото, збільшувати чіткість зображення, змінювати

роз�міри, кадрувати зображення.

1. Здійснити колірну та тонову корекцію фото

1. Відкрити файл zifrove foto.jpg.

2. Зробити дублікатфото та зберегти його підназвою Lab 5.Z1. Прізви�ще.jpg.

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

Для того, щоб прибрати цифровий шум потрібно:

1. Збільшити зображення до 100% (для того щоб побачитирезультат прибирання шуму).

2. Виконати команду Filter (Фільтр) [ Noise (Шум) [

Рис. 1


20

Reduce Noise (Змен-шити шум), обравшитакі параметри:Strength (Інтен?сивність) — 10;Preserve Details (Збе?рігати деталі) — 4;Reduce Color Noise(Зменшити колір?ний шум) — 6;Sharpen Details (Де?талі чіткості) —14 (рис. 2).

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

1. Зменшити зображення на розмірекрану (щоб бачити фото в цілому),виконавши команду: View (Пере�гляд) [ Fit on Screen (Показати навесь екран) (<Ctrl>+ <0>).

2. Створити коригувальний пластColor Balanсe (Баланс кольорів).

3. У вікні Color Balance обратиMidtones (Середні тони) та додатичервоного (+15) і зменшити синій (�45) кольори, увівши у поля значення15 0 �45 (рис. 3).4. Ство ри ти ко ри гу валь ний пластLevels (Рівні) та пе ре су ну ти лівий(чор ний) пов зу нок впра во ближ че дото го міця, де по чи наєть ся са ма гістог -ра ма — графічне зоб ра жен ня роз -поділу тем них та світлих піксе лей. Уре зуль таті якість фо то поліпшить ся за

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

Рис. 3

Рис. 2.

Практикум

21

сто роні” від краягістог ра ми). Як щож на фо то відсутнібілі пікселі, то ана -логічна си ту аціябу де з пра вим(білим) пов зун ком,кот рий слід пе ре су -ну ти вліво, до краюгістог ра ми. Якістьфо то поліпшить сяза ра ху нок до дат ко -вих світлих піксе -лей. Се редній (сі-рий) пов зу нок ви ко -рис то вуй те для ре -гу лю ван ня се редніхтонів, оскіль ки наякісно му фо то маєбу ти при сутній увесь то но вий діапа -зон — від чор но го до біло го прирізно манітті се редніх за яск равістютонів (рис. 4).

5. Створити коригувальний пластBrightness / Contrast (Яскравість/Контраст).

6. Збільшити яскравість до 15, аконтрастність до 25, висвітливши танадавши таким чином зображеннюбільшої чіткості (рис. 5).

7. Відкадрувати фото, викорис�тавши інструмент Crop (Кадру�вання) на розмір 10х15 см (рис. 5).

8. Об’єднати усі пласти та перевести зображення у режимСMYK.

9. Збільшити розмір полотна до 20х25 см, виконавшикоманду Image (Зображення) [ Canvaz Size (Розмірполот�на) (<Alt>+<Ctrl>+ <C>).

Рис. 4. Вікнокоригувальногопласту Levels

до та післякоригуання

Рис. 5


22

2. Змінити колір волосся на фото, перетворивши блондинку на шатенку

1. Відкрити файл divchina2.jpeg.

2. Зробити дублікат фото та зберегти його під назвою Lab 5.Z2. Прізвище.jpg.

3. Зробити дублікат пласту Background.

4. Активувати пласт Background copy та застосувати донього маску пласту.

5. Приховати пласт Background.

6. Обрати як основний колір“чорний”.

7. Виділити маску на пластіBackground copy.

8. Обрати інструмент Brush(Пензль) (клавіша <B>).

9. На палітрі опцій інстру мен -та Brush (Пензль) об ра ти пензльдіамет ром 35 px із жорстки микра я ми та ви да ли ти пенз лем фоннав ко ло во лос ся та об лич чя.

10. На палітрі опцій інстру -мен та Brush (Пензль) зміни тидіамет ри пенз ля на 65 px та ви -тер ти усі час ти ни зоб ра жен ня,крім во лос ся (рис. 1).

11. Ут ри му ю чи клавішу <Ctrl>, на тис ну ти лівою кноп коюмиші на маскі плас ту для то го, щоб ак ти ву ва ти виділен ня.

12. Виділи ти ікон ку плас ту Background copy (по ряд з мас -кою) та на тис ну ти комбінацію клавіш <Ctrl>+<J>, щобскопі�юва ти во лос ся на но вий пласт Layer 1 (рис. 2 ).

13. Перейти на пласт Layer 1 та "розмити" во лос ся: Filter

Рис. 1

Практикум

23

(Фільтр) [ Blur (Роз ми ття) [Gaussian Blur (Роз ми ття поГаусу), об рав ши ра дус для роз� -ми ття 0,5 px.

14. Для зміни коль о ру во лос сяви ко на ти ко ман ду Image (Зоб ра -жен ня) [ Adjustments (Ко рек�ція) [ Variations (Варіанти).

15. Клікну ти на Shadows (Тіні)і тричі кликнути на Darker(Темніше) та двічі на More Magenta (Більше пурпурного).Обрати Midtones (Середні тони) і двічі клікнути на Darker(Темніше). Обрати Highlights (Світлі тони) і двічі клікнути наDarker (Темніше).

16. Обрати інструмент Smudge (Палець) та обережнорозмазати краї волосся, додавши їм природності.

17. Показати пласт Background та подивитися результатзміни кольору волосся (рис. 3, 4).

18. Об’єднати усі пласти.

19. Зберегти файли Lab5.Z1.Прізвище.psd та Lab5.Z2.Прізвище.psd та закрити їх.

Рис. 2

Рис. 3. Фото до опрацювання Рис. 4. Фото після опрацювання


24

Заняття 6

Р О Б О ТА І З Т Е К С ТОМ

Мета: навчитися працювати з текстом: змінювати

гарнітуру, кегль, накреслення, параметри абзаців, заливати

текст зображенням, деформувати текст тощо.

1. Набрати текст та змінити його параметри1. Створити новий документ формату А4 (21x29,7 см), з

роздільною здатністю 300 dрі, у колірній моделі RGB, обративміст фону — White.

2. Зберегти створений документ під назвою Lab 6.Z2.Прізвище.psd.

3. Обрати у палітрі інструментів інструмент Туре (Текст),на панелі опцій інструмента обрати шрифт Arial, кегль 48 рt,напівжирне накреслення, метод згладжування меж літерSharp і набрати своє прізвище, ім’я та по батькові у режиміпорядкового введення.

4. Виділити набраний текст, змінити колір шрифту наPantone 281 С, встановити для всього тексту трекінг +100 тадля окремих літер на вибір кернінг +200.

5. Виділити прізвище та змінити накреслення шрифту нанапівжирний курсив, підкреслити літери та зробити їхвеликими, виділити першу літеру прізвища та встановитидля неї зсув щодо базової лінії 30 пт.

6. Виділи ти ім’я тазміни ти го ри зон таль ниймасш таб на 200%, а вер ти -каль ний на 50%.

7. Виділи ти по бать ковіта зас то су ва ти ре жи ми"нижній індекс" та "пе -рек рес лення" (рис. 1).Рис. 1.

Практикум

25

8. Створити новийпласт, у якому створититекстовий блок.

9. Відкрити у Word(і)довільний текстовийфайл, скопіювати текст,повернутись до Photoshopта вставити текст устворений текстовий блок.

10. Виділити весьтекст, змінити шрифт на Times New Roman,кегль — 18 пт, вста�новити інтерліньяж —Аuto, виключку — Justifylast left (Останній рядокпо лівому краю), відступзліва — 20 пт, відступсправа — 20 пт, абзацнийвідступ — 30 пт, відстаньперед абзацом — 6 пт,після абзацу — 3 пт. (рис. 2).

11. Деформувати текстза допомогою діалоговоговікна Warp Tekst (Де�формувати текст) (рис. 3).

12. Перевести текст у растровий формат: Layer (Пласт) [Tekst (Текст) [ Createoutline (Перетворити на криві).

13. Зберегти файл Lab6.Z1.Прізвище.psd.

Рис. 2.

Рис. 3


26

2. Залити текст зображенням

1. Відкрити файл Peyzag 1.jpeg.

2. Зробити дублікат пласту Background.

3. Перейти на пласт Background copy.

4. Обрати інструмент Horizontal Type Mask Tool(Горизонтальна текстова маска), натиснувши клавішу <Т>.

5. Обрати параметри тексту: шрифт — Arial, кегль —72 пт та клікнути мишею на зображенні. Тимчасово будевключений режим Quick Mask (Швидка маска) длязобра�ження.

6. Набрати своє ім’я.

7. За допомогою інструмента групи Marquee (Виділення)змінити розташування виділеного тексту.

Увага! Якщо для переміщення виділеної ділянкивикористовувати інструмент Move (Переміщення), з виділеноїділянки поточного пласту будуть вилучені пікселі зображення.

8. Вибрати з меню Layer (Пласти) команду Add LayerMask [Reveal Selection (Пласт�маска [Показати виділенуділянку), щоб обмежити видимі пікселі пласту виділеноюділянкою. Тепер текст буде відображатися у вигляді білих чичорних пікселів на мініатюрі маски пласту (рис. 1).

9. Приховати пласт Background.

Рис. 1.

Практикум

27

10. Зміни ти час ти ну зоб ра жен ня, яка ви ко рис то вуєть сядля за ли ван ня текс ту (об ме же на мас кою).

Для ць о го слід:

u ви да ли ти зв’язокмас ки із плас том (клі�кну ти на піктог рамізв’яз ку);

u за до по мо гою ін�стру мен та Move (Пе -реміщен ня), що ак -тивізуєть ся на тис кан -ням клавіші <V>, пе -ре тяг ну ти текст в ін�шу частину зображен�ня (рис. 2).

11. Додати до за�литого зображеннямтексту контур довіль�ного кольору товщи�ною 5 ріхеl.

12. Вида ли ти мас куплас ту, вида лив ши та -ким чи ном не виділе нуділян ку пласту (рис. 3).

13. Зберегти файлLab6.Z2.Прізвище.psd.

14. Закрити файлиLab6.Z1.Прізвище.psd.та Lab6. Z2. Прізви�ще.psd.

Рис. 2

Рис. 3


28

Заняття 7

Ф І Л Ь Т Р И

Мета: навчитися застосовувати коригувальні фільтри

для поліпшення якості зображення та деструктивні для

досягнення фотореалістичних ефектів.

1. Застосувати коригувальні фільтри

1. Відкрити файл foto izgazeti.tif.

2. Прибрати “сітку” назображенні, виконавшико�манду Filter (Фільтр) [Noise (Шум) [ Dust &Scratches (Пил і подряпини)з параметрами: Radius(Радіус) — 3; Threshold(Поріг) — 10 (рис. 1).

3. Зменшити растр узображенні, використовуючифільтр Noise (Шум) [Despeckle (Ретуш).

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

6. Зберегти файл як Lab7.Z1.Прізвище.psd та закритийого.

Рис. 1.

Практикум

29

2. Створити текстурне зображення із “зім’ятими” краями на фоні мозаїки1. Відкрити файл Peyzag 2.jpeg.

2. Зберегти його як Lab7.Z2.Прізвище.psd.

3. У збереженому файлі виконати послідовно такі дії:

u обрати фоновий колір —білий ;

u виконати команду Image (Зображення) [ Image Size(Розмір зображення) та ввести у поле Width (Ширина) —10 см;

u виконати команду Image (Зображення) [ Canvaz Size(Розмір полотна) та обрати розмір полотна 12 х 8 см;

u вибрати інструмент Rectangular Marquee (клавіша<М>);

u на панелі опцій цього інструмента ввести значення 20 у поле Feather (Розтушовування);

u виділити зображення;

u з меню Select (Виділення) вибрати команду Inverse(Інвертувати) (комбінація клавіш <Shift+Сtrl+І>). Тепервиділена ділянка буде складатися із зображення та доданогоканту (рис. 2);

u виконати ко-манду Filter (Фільтр) [ Distort (Пере-

Рис. 2


30

кручування) [ Ripple(Мерехтіння), обравшиу полі Amount (Ступінь)значення 590 танатиснути <ОК>;

u ви ко на ти ко ман дуFilter (Фільтр) [Texture (Текстура) [Mosaic Tiles (Фрагментимозаїки) з довіль ни мипа ра мет ра ми та на тис -ну ти <ОК> (рис. 3);

u інвертувати виді�лення (комбінація кла�віш <Shift+Сtrl+І>). У результаті виділенимзалишиться лише зоб�раження пейзажу.

u ви ко на ти ко ман дуFilter (Фільтр) [ Textu�re (Текстура) [ Textu-rizer (Текстуризатор) з

параметрами Scаling (Масштабування) — 90; Relief(Рельєф) — 10.

u зня ти виділен ня (<Ctrl+D>) (рис. 4);


2.Додати до автомобіля ефект руху

1. Відкрити файл Avto.tif.

2. Зберегти його як Lab7.Z3.Прізвище.psd.

3. Виділити автомобіль та помістити виділену ділянку наокремий пласт (комбінація клавіш <Ctrl+J>).

4. Створити дублікат пласту Background.

5. Сховати пласт Background.

Рис. 4

Рис. 3

Практикум

31

6. Перейти на пласт Background copy та застосувати донього команду Filter (Фільтр) [ Blur (Розмиття) [ MotionBlur (Розмиття ) з параметрами: Angle (Кут) — 10; Distance(Радіус) — 175 pixels (рис. 1).

7. Перейти на пласт Layer 1 (вирізане фото).

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

9. Виконати команду Filter (Фільтр) [ Blur (Розмиття) [Radial Blur (Радіальне розмиття) з параметрами: Amount(Ступінь) — 20; Blur Method (Метод розмиття)— Spin; Quality(Якість) — Best, додавши до колеса ефект руху (рис. 2).

10. Зняти виділення (<Ctrl>+<D>).

11. Обрати інструмент “розмиття” та розмити краї виділе�ної частини колеса.

11. Виконати дії пунктів 8–10 стосовно другого колеса.

12. Обрати інструмент “розмиття” та розмити краї машини.

13. Зберегти та закрити файл Lab7.Z2.Прізвище.psd та Lab7.Z1.Прізвище.psd.

Рис. 1.

Рис. 2.

Заняття 8

П І Д ГО ТО В К А З О Б РА Ж Е Н Ь Д Л Я W E B

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

використання їх в Інтернет.

1. Відкрити файл foto.tif.

2. Зменшити кількість ко�льорів у зображенні за до�помогою команди Indexedcolor (Індексований колір)(рис. 1).

3. Зберегти файл у форматі.gif.

4. Повернутися до файлуfoto.tif та порівняти розмірфайлів foto.tif та foto.gif.

5. Закрити файл foto.gif.

6. Оптимізувати зображення foto.tif за допомогоюкоманди File (Файл) [ Save for Web & Devices (Зберегтидля веб та зовнішніх пристроїв), обравши чотири варіантперегляду у діалоговому вікні команди.

7. Обрати різні значення параметрів у діалоговому вікнікоманди Save for Web & Devices та порівняти результатиоптимізації у вікні перегляду (рис. 2).

8. Скасувати оптимізацію.

9. Розрізати файл foto.tif на фрагменти (рис. 3).

10. За допомогою команди Save for Web & Devicesзастосувати різні параметри оптимізації до кожного зфрагментів, порівняти отримані результати.


32

Рис. 1

Практикум

33

11. Зберегти результати оптимізації (команда Save(Зберегти) у вікні Save for Web & Devices).

12. Зберегти файл foto.tif під назвою Lab8.Прізвище.gifта закрити його.

Рис. 2

Рис. 3


34

Заняття 9

А В ТОМ АТ И З А Ц І Я Р О Б О Т И У П Р О Г РА М І

Мета: навчитися автоматизувати роботу у програмі,

записувати послідовність виконання певних дій у вигляді

операції, здійснювати пакетну обробку зображень,

створювати сторінки з мініатюрами тощо.

1. У папці Komp grafika створити папкуLab9Z1.Прізвище.

2. За допомогою палітри Actions(Дії) (рис. 1) ство ри ти влас ну опе -рацію для об роб ки серії зоб ра жень(нап рик лад, збіль ши ти розмір,підви щи ти яск равість зоб ра жен ня,зас то сувати певний ефект пластутощо).

3. Зас то су ва ти ство -ре ну опе рацію дляоб роб ки серії зоб ра -жень, ви ко рис то ву -ю чи ко ман ду File(Файл) [ Automate(Ав то ма ти зація) [Batch (Па кет на об -роб ка) (рис. 2).

4. Зберег ти об роб -лені фо то у ство ре нупап ку Lab9Z1.Пріз�вище та закрити її.

Увага! Пункти 5–10 слід виконувати у Photoshop версіїCS3 або нижче.

5. Розмістити на одній сторінці мініатюри фото з папки Komp grafika / Foto dly roboti, виконавши команду

Рис. 1

Рис. 2

File (Файл) [Automate (Ав то ма ти зація) [ Contact Sheet II(Лист перегляду) (рис. 3).

6. Зберегти створений файл Contact Sheet�001 під назвоюLab9Z2. Прізвище. psd та закрити його.

7. Розмістити для друку декілька копій зображення наодному аркуші паперу, виконавши команду File (Файл) [Automate (Ав то ма ти зація) [Picture Package (Пакетзображень).

Увага! У діалоговомувікні команди (рис. 4)оберіть довільне фото тадовільну кількість копій,котрі необхідно розміститина аркуші паперу.

8. Зберегти створенийфайл Picture Package підназвою Lab9Z3. Прізвище.psd та закрити його.

Практикум

35

Рис. 3

Рис. 4


9. У папці Kompgrafika створитипапку Lab9Z4. Пріз-вище.

10. Зберегти усіфайли з папки Fotodly roboti у форматі.psd, виконавши ко�манду File (Файл) [Automate (Ав то ма ти -зація) [ Scripts(Сценарії) [ ImageProcessor (Обробказображень) та обрав�ши у діалоговому вік�ні програми у пер�шому полі SеlectFolder (Виділитипапку) папку Foto

dlyа roboti, а у другому — Lab9Z4. Прізвище (рис. 5).

Рис. 5

Практикум

37

К О М Б І Н А Ц І Ї К Л А В І Ш

КО МАН ДИ ЗА ГАЛЬ НО ГО ПРИЗ НА ЧЕН НЯ

По ка за ти/схо ва ти всі палітри, вклю ча ю чи палітру інстру ментів Tab По ка за ти/схо ва ти всі палітри за ви нят ком палітри інстру ментів Shitt+Tab Ска су ва ти дію Ctrl+ZПрий ня ти вне сені зміни в будь�яко му діало го во му вікні Enter Ска су ва ти зміни в будь�яко му діало го во му вікні Esc Вик лик сис те ми до по мо ги F1

ПАЛІТРИ

Brushers (Пензлі) F5Color (Колір) F6 Layers (Плас ти) F7 Info (Інфор мація) F8 Actions (Дії) F9

ІНСТРУ МЕН ТИ

Вибір інстру мен та

Rectangular Marquee (Пря мо кут на ділян ка) М Move (Пе реміщен ня) V Lasso (Ла со) L Magic Wand (Чарівна па лич ка) W Crop (Кад ру ва ти) СBrush/Pencil (Пензль/Олівець) У Rubber Stamp (Штамп) S Healing Brush/Patch (Ко ри гу валь ний пензль) J History Brush (По нов лю ючий пензль) Y Eraser (Гум ка) Е Blur (Роз мив ання) R Dodge (Висвітлю вач) 0 Pen (Пе ро) Р Add�anchor�point (До да ти вуз ло ву крап ку) + (плюс) Delete�anchor�point (Ви да ли ти вуз ло ву крап ку) � (мінус) Direct�selection (Пря ме виділен ня) А Ту ре (Текст) Т Measure (Вимірник) U Gradient/Paint Bucket (Градієнт/Ківш) G Notes (Примітки) N Eyedropper (Піпет ка) I Hand (Ру ка) Н Zoom (Масш таб) Z

Пе рек лю чен ня інстру ментів у групі: Shift+літера вибору інструмента цієїгрупи


38

ЗМІНА МАСШ ТА БУ, ВИМІРЮВАННЯ

Збіль ши ти Сtrl+Аlt+”плюс” Змен ши ти Сtrl+Аlt+ “мінус" Роз та шу ван ня по розміру ек ра на Ctrl+0 По ка за ти/схо ва ти лінійки Ctrl+R По ка за ти/схо ва ти сітку Ctrt+” (лап ки) По ка за ти/схо ва ти нап рав ля ючі Ctrt+;

МЕ НЮ FILE ( ФАЙЛ)

New (Ство ри ти) Ctrl+N Open Відкри ти) Ctrl+0 Open as (Відкри ти як) Ctrl+Alt+0 Browse (Пе рег ляд) Shift+Ctrl+0 Close (Зак ри ти) Ctrl+W Save (Збе рег ти) Ctrl+S Save a copy (Збе рег ти копію) Ctrl+Altt+S Save as (Збе рег ти як) Ctrl+Shift+S Page Setup (Па ра мет ри сторінки) Ctrl+Shlft+P Print (Друк) Ctrl+P

ПЛАС ТИ

Ство ри ти пласт Ctrl+Shift+N Ство ри ти пласт без вик ли ку діало го во го вікна Ctrl+Alt+Shift+N Ство ри ти пласт шля хом копіюван ня Ctrl+J Ство ри ти пласт з виріза ної ділян ки Ctrl+Shitt+J Згру пу ва ти пласт з по пе редніми Ctrl+G Розг ру пу ва ти плас ти Ctrl+Shift+G Зли ти ви димі плас ти Shift+Ctrl+E Виділи ти верхній пласт Shitt+Alt+] Виділи ти нас туп ний пласт (роз та шо ва ний звер ху) Alt+] Виділи ти нижній пласт Shift+Alt+[

Діало го ве вікно Layer Effects (ефек ти плас ту)

Drop shadow (Відки ну ти тінь) Ctrl+1 Inner shadow (Внутрішня тінь) Ctrl+2 Outer glow (Зовнішнє підсвічування) Ctrl+3 Inner glow (Внутрішнє підсвічування) Ctrl+4 Bevel and emboss (На хил і рельєф) Ctrl+5

Злит тя пластів

Зли ти копію виділе но го плас ту із плас том, роз та шо ва ним під ним Alt+ко ман да Merge Down Зли ти копії усіх ви ди мих пластів з виділе ним плас том Аlt+ко ман да Merge Visible Зли ти копії зв’яза них пластів із плас том, роз та шо ва ним ниж че Alt+ко ман да Merge Linked

Зміна по ряд ку роз та шу ван ня пластів

Роз та шу ва ти над всіма Ctrl+Shift+] Роз та шу ва ти пе ред нас туп ним плас том Ctrl+[

Практикум

39

Роз та шу ва ти під всіма плас та ми Ctrl+Shift+[ Помісти ти під по пе реднім плас том Ctrl+[

Транс фор мація

Довіль на транс фор мація Ctrl+T Довіль на транс фор мація з дуб лю ван ням Ctrl+Shift+T Пов тор опе рації транс фор мації з дуб лю ван ням Ctrl+Alt+T

РОБОТА ІЗ ЗОБРАЖЕННЯМ

Зміна на си че ності, конт рас ту, то ну коль орів зоб ра жен ня

Levels (Рівні) Ctrl + L Auto Levels (Ав торівні) Shift+Ctrl+L Auto Contrast (Автоконтраст) Alt+Shift+Ctrl+L Auto Color (Автоконтраст) Shift+Ctrl+BCurves (Криві) Ctrl+M Color Balance (Ба ланс коль о ру) Ctrl+B Hue/Saturation (Тон/На си ченість) Ctrt+U Desaturate (Зне бар ви ти) Shift+Ctrl+U Invert (Інвер ту ва ти) Ctrt+I

РО БО ТА З ТЕКС ТОМ

Вирівню ван ня текс ту

По ліво му/верхнь о му краю Ctrl+Shlft+L По цент ру Ctrl+Shlft+C По пра во му/нижнь о му краю Ctrl+Shift+R

Виділен ня

Сло во Подвійний клік миші Літе ра пра во руч Shift+стрілка "впра во" Літе ра ліво руч Shift+стрілка "вліво" Літе ра пра во руч Ctrl+Snift+стрілка "впра во" Літе ра ліво руч Ctrl+Shift+стрілка "вліво" Верхній ря док Shift+стрілка "на го ру" Нижній ря док Shift+стрілка "вниз" Усі літе ри Ctrl+A

ФІЛЬТ РИ

Зно ву зас то су ва ти ос танній фільтр, що ви ко рис то ву вав ся Ctrl+F Пос ту по ве зник нен ня ефек ту ос тан нь о го фільт ра Ctrl+Shift+F Зас то су ва ти фільтр з ос танніми вста нов ле ни ми ха рак те рис ти ка ми Ctrl+Alt+F

Навчальне видання

Женченко Ігор ВікторовичЖенченко Марина Іванівна

Комп’ютерна графіка: Adobe Photoshop CS4

Практикум

Макет та обкладинкаІ. В. Женченко

Комп’ютерна верстка М. І. Женченко

Оригінал�макет виготовлено у видавництві "Жнець"

Підписано до друку 25.02.2014. Формат 60x84/16.

Ум.�друк. арк. 2,32. Обл.�вид. арк. 3,2.

ТОВ "Видавництво "Жнець" 04215, м. Київ, просп. Свободи 17, к. 55

Тел.: (044) 433�99�57 Е�mail: zhпес@ukr.net

Свідоцтво Держкомінформу України ДК № 1813 від 26.05.2004 р.

praktikum 2 vid 2014 q 8 praktikum 2 vid 2014.qxdelibrary.kubg.edu.ua/5997/1/praktikum 2 vid...

Documents