Комп’ютерна графіка
Photoshop CS2
Посібник для практичних занять
Частина 4
Фрагмент методического пособия представлен для ознакомления с продукцией Электронного магазина МЕТО ДИЧКА http://metodichka.com.ua/ МЕТОДИЧКА - Лучш ие пособия для самостоятельного практического обучения!
Зміс т ПРАКТИЧНЕ ЗАНЯТТЯ 9 .......................................................................................................................
Інструмент Текст..................................................................................................................................................... ПРАКТИЧНЕ ЗАНЯТТЯ 10......................................................................................................................
Застосування фільтрів до тексту............................................................................................... ПРАКТИЧНЕ ЗАНЯТТЯ 11......................................................................................................................
Робота з контурами Photoshop ................................................................................................................... ПРАКТИЧНЕ ЗАНЯТТЯ 12......................................................................................................................
Робота з контурами Photoshop - 2 ..........................................................................................................
Практичне заняття 9
Інструмент Текст Photoshop працює з двома типами шрифтів: ü Векторний (контурний) ш рифт створюються за принципами векторної графіки, тому їх можна збільшувати або зменшувати без погіршення якості зображення. Векторний шрифт автоматично розташовується на окремому шарі, відповідно його можна редагувати як в текстовому редакторі, до моменту його перетворення в растрове зображення; ü Растровий (точковий) шрифт складаються з окремих точок (пікселів). При збільшенні растрового шрифту стає видимою його точкова структура – растр, відповідно чіткість зображення погіршується.
Знайомство з панеллю властивостей інструменту 1. Створіть новий документ: • дайте команду Файл⇒Новый; • у відкритому вікні Новый встановіть наступні параметри: - Ш ирина 10см; - Высота 15 см; - Разрешение: 72 пиксела/дюйм; - Цветовой режим: RGB, 8 бит; - Содердимое фона: белый; • закрийте діалог натисканням кнопки Да.
2. Візьміть інструмент Горизонтальный текст на панелі інструментів - з’являється панель властивостей інструменту, яка містить вже знайомі команди, з якими працювали в текстових редакторах:
1 - випадаючий список перед установ інструментів; 2 – кнопка перемикання орієнтації тексту (вертикальний, горизонтальний текст); 3 – випадаючий список гарнітур шрифту; 4 – випадаючий список варіантів виду шрифту; 5 – випадаючий список розмірів (кегля) вибраного шрифту; GПримітка: У полі кегля можна як вибирати пропонований розмір, так і вводити значення безпосередньо з клавіатури. 6 – випадаючий список способів згладжування символів: - Нет: без згладжування; - Резкое: різко окреслені; - Чёткое: з чіткими краями; - Насыщенное: більш згладжені; - Плавное: ще більш згладжені. 7 – кнопки вирівнювання тексту відносно позиції введення або границь текстового блоку; 8 – для встановлення кольору тексту; 9 – кнопка викривлення тексту; 10 – кнопка для відкриття спеціальних палітр (Символ і Абзац). Створення та форматування написів 1. Встановіть параметри інструменту за умовчання. Для цього клацніть кнопку (1) на панелі властивостей. У відкритому меню натисніть кнопку ► - відкривається список, в якому виберіть команду Восстановить инструмент.
2. У випадаючому списку гарнітури встановіть Arial, в списку кегля – 36пт, вид – Bold. Інші параметри зали ште за умовчанням. 3. Клацніть покажчиком миші ближче до лівої границі аркушу і введіть слово: Adobe. Разом з текстом (в даному випадку під текстом) рухається пряма лінія (базова) – вона вказує шлях за яким текст розподіляється. GПримітка: При введенні тексту символи відображаються як векторні об’єкти. Як що ви зробили помилку, не страшно, цей текст можна редагувати як звичайний. Тільки після редагування тексту необхідно перетворити його на растровий шрифт, щоб зробити текст частиною зображення. 4. Збільшить масштаб до 300% і здвиньте зображення так, щоб воно максимально проглядалося у вікні. 5. Перевірте вплив способу згладжування: по черзі встановіть всі атрибути списку (6). Залиште варіант Чёткое. 6. Як тільки ви почали введення тексту, на панелі з’явилися ще дві кнопки:
- для відміни редагування (якщо її натиснути всі дії
відносно роботи з текстом будуть відмінені); завершення редагування тексту.
-
для
Натисніть кнопку - введення тексту завершено. Зверніть увагу, на палітрі Слои з’явився окремий шар, на якому розташований створений текст. 7. В Photoshop можна переміщувати текст до натиснення значка • • • •
: візьміть інструмент Вертикальный текст; параметри тексту не змінюйте на панелі властивостей; введіть слово: Photoshop. Після введення перших літер, відведіть покажчик в сторону від напису – він автоматично приймає вигляд інструменту Перемещение; перетягніть об’єкт в ін шу позицію і продовжуйте введення тексту;
• по закінченню введення натисніть кнопку
.
8. Сумістіть шари таким чином, щоб букви “О” в них співпадали (див. мал. нижче). Для цього скористуйтеся інструментом Перемещение. 9. Існує ще один спосіб введення тексту – в рамку: • візьміть інструмент Горизонтальный текст на панелі інструментів; • на аркуші окресліть мишею прямокутну область для вводу тексту. В робочій області з’явиться текстова рамка з маркерами по периметру ; • введіть в текстову рамку текст CS2@/. Якщо текст не вмістився в рамку, розміри її можна змінювати: за допомогою бічних маркерів - по висоті або ширині, кутовими – пропорційно. Для цього наведіть покажчик ми ші на маркер і дочекайтеся, коли він прийме вигляд двонапрямної стрілки; • рамку з текстом можна обертати. Для цього виведіть покажчик за межі текстової рамки – він перетвориться на “криву стрілку”, – і перемістіть його; • спробуйте обертати рамку утримуючи клавішу Shift - рамка обертається з кроком 15о ; • встановіть напис під кутом і натисніть кнопку . 10. Зверніть увагу, на панелі організувалося три окремих шари - це означає, що з ними можна працювати як з окремими об’єктами. Встановіть для тексту кожного шару різний колір: • активізуйте шар Adobe; • клацніть на індикаторі Цвет текста на панелі властивостей – відкривається діалог Палитра цветов. Виберіть колір на власний розсуд і закрийте вікно натисканням кнопки Да; • діючи аналогічно, переустановіть колір тексту для ін ших шарів. 11. Введені написи здаються не веселими. Надайте тексту більш цікавий вигляд. • активізуйте шар CS2@/ на панелі Слои; • натисніть кнопку Создаёт деформированный текст на панелі властивостей – відкривається діалог Деформировать текст. Якщо вікно перекриває напис, перемістіть його:
ü у випадаючому списку Стиль представлені варіанти форм деформації. • виберіть ту, яка вам найбільш сподобається – активізуються інші параметри вікна; ü перемикачі Горизонтально/Вертикально встановлюють направлення деформації тексту; ü регулятор Изгиб – для встановлення степені основних викривлень; ü регулятори Искажение по горизонтали/вертикали – для встановлення додаткових деформацій по горизонталі/вертикалі; • поексперементуйте, змінюючи направлення деформації, а також встановлюючи різні значення регуляторів. • як що результат вас влаштовує, закрийте вікно натисканням кнопки Да. На мал. встановлені наступні параметри деформаціїї: - Стиль: Выпуклый; - Горизонтально; - Изгиб (+57); - Искажение по горизонтали (-17); - Искажение по вертикали (–23).
12. Для завдання ін ших властивостей тексту служать дві допоміжні плаваючі палітри Символ та Абзац. • проконтролюйте активність інструменту Текст; • клацніть кнопку Вкл/выкл. палитры символов и абзацев на панелі властивостей інструменту – відкриваються плаваючи палітри. За умовчанням активною пропонується палітра Символ, яка містить всі атрибути, розта шовані на панелі властивостей. Обговоримо, тільки ті, з якими ми не працювали: 1 – Интерлиньяж: відстань по вертикалі між рядками (міжрядковий інтервал); 2 – Трекинг: відстань між зовні шніми краями сусідніх символів (міжсимвольний інтервал).; 3 – Кернинг: відстань між внутрі шніми краями двох сусідніх символів; 4 - М асштаб по горизонтали/вертикали: для зміни розмірів символів по горизонталі/вертикалі; 5 - Базовая линия: лінія рядка, на якому розта шовані символи. Базову лінію можна переносити вгору і вниз, щоб створити верхні або нижні індекси. Клавіатурна клавіша ↑ збільшує, а клаві ша ↓ зменшує значення параметру на 1.
6 – панель варіантів форматування тексту (зміни виду); 7 – для встановлення мови символів, з якими ведеться робота. • активізуйте шар Adobe, клацнувши на ньому на палітрі Слои; • на палітрі Символ встановіть наступні параметри: - Трекинг: 25; - Масштаб по горизонтали/вертикали: 150%;
- Псевдокурсивное, Все прописные • оцініть результат. За бажанням допрацюйте текст; • перейдіть на вкладницю Абзац і ознайомтеся з атрибутами палітри. Вона використовується для форматування тексту, введеного у текстову рамку. Робота з текстом, введеним у текстову рамку, аналогічна роботі з абзацами звичайного тексту у текстовому процесорі. 13. Збережіть зображення у свою робочу папку під назвою Векторний текст.psd. (Файл⇒Сохранить как). Перетворення векторного тексту на растровий Для того, щоб до тексту можна було застосовувати фільтри та інші ефекти, необхідно перетворити векторний шрифт на растровий. Після виконання цієї операції текст стає одним із елементів зображення подальше редагування і форматування тексту стає неможливим.
Вы хотите учиться легко? Хотите получить максимум практических навыков за минимум времени? Приобретайте наши методические пособия – Ваш домашний учитель Adobe Photoshop! МЕТО ДИЧКА http://metodichka.com.ua/
Практичне заняття 10
Застосування фільтрів до тексту Виконуючи наступні вправи ви відпрацюєте використання фільтрів і стилів до растрового тексту. Напис вогнем 1. Створіть новий документ: розміром 15х15 см; роздільна здатність 72 піксели/дюйм; кольоровий режим: Градации серого; колір фону – білий.
2. Візьміть інструмент Горизонтальный текст. На панелі властивостей встановіть: розмір 108 пт, Times New Roman, Bold Italic. 3. Напишіть слово Вогонь чорним кольором. Розмістіть текст ближче до нижнього краю робочого аркушу, щоб зверху залишилося місце для “язиків полум’я” (мал. (а)). Вирівняйте текст відносно аркушу до натиснення кнопки
. (а)
на панелі властивостей.
(б)
4. Об’єднайте текстовий шар з шаром фону комбінацією клавіш Ctrl+Е або командою Слой⇒Объединить с предыдущим 5. Застосуйте до зображення фільтр кристалізації з параметром Размер Ячейки: від 5 до 7: Фильтр⇒О формление⇒Кристаллизация 6. Розмийте зображення за допомогою фільтру Размытие по Гауссу. Радіус розмиття задайте рівним від 0,5 до 1,5 пікселів (мал. (б)). Фильтр⇒Размытие⇒Размытие по Гауссу 7. Виконайте інвертування кольорів зображення – заміну кольорів на протилежні комбінацією клаві ш Ctrl+I або командою Изображение⇒Коррекция⇒Инверсия 8. Поверніть зображення у вертикальне положення – проти годинникової стрілки на 900 (мал. (в)). Це необхідно, щоб далі застосувати фільтр Ветер, який діє лише у горизонтальному напрямку. Изображение⇒ Повернуть холст⇒900 против часовой
(в)
(г)
(д)
9. Щоб створити “язики полум’я”, застосуйте до зображення фільтр Ветер (мал. (г)). Можливо, для одержання бажаного ефекту доведеться застосувати цей фільтр декілька разів. Фильтр⇒Стилизация⇒Ветер У відкритому діалогу Вете р встановіть: Метод - Ветер, Направление – Справа. 10. Створіть ефект коливання полум’я. Для цього застосуйте фільтр Рябь з параметрами Степень: 50%, Размер: Средняя. Фильтр⇒Искажение⇒Рябь 11. Поверніть зображення у горизонтальне положення – за 0 годинниковою стрілкою на 90 . Изображение⇒ Повернуть холст⇒900 по часовой 12. Знову застосуйте фільтр Рябь з параметрами Степень: 30%, Размер: Большая. Фильтр⇒Искажение⇒Рябь 13. Щоб зафарбувати полум’я, виконайте наступне: • спочатку переведіть зображення у кольоровий режим Индексированные цвета - зображення залишиться чорно-білим. Изображение⇒Режим⇒Индексированные цвета • вкажіть кольорову модель, яка буде використана для фарбування. Для полум’я найбільш підходить модель Цветовая таблица. Дайте команду Изображение⇒Режим⇒Таблица цветов; • у вікні Таблица цве тов у випадаючому списку Таблица: виберіть Абсолютно чёрное тело. Оцініть результат; • закрийте вікно натисканням кнопки Да. (мал. (д)).
14. Збережіть зображення у свою робочу папку під назвою Напис вогнем.psd. Закрийте файл.
Приобретайте наш е методическое пособие и Вы сможете проделать эту интересную работу. МЕТО ДИЧКА http://metodichka.com.ua/
Напис льодом
Металевий напис
Напис під водою
Створення сяйва
Практичне заняття 11 Робота з контурами Photoshop Контури – це векторні об'єкти (лінії), які окреслюють геометричні форми. Photoshop надає можливість створювати контури, додавати їх до існуючих, редагувати різними способами: якщо це замкнутий контур, можна заливати кольором – тоді одержимо, відповідно, фігуру зображення; якщо не замкнутий - штрихувати і надавати відповідний вид і форму лінії. Контур існує як самостійний об’єкт до тих пір поки не буде видаленим, або перетвореним в виділення. Форму цих векторних об'єктів, на відмінність від растрових, можна змінювати. На друк контури не виводяться. Основними елементами контурів являються: 1 - опорна (вузлова) точка; 2 - балансуюча точка; 3 - напрямна лінія; 4 - лінійні та криволінійні сегменти.
Для роботи з контурами служать спеціальні інструменти на панелі інструментів (на мал. нижче), які в сукупності дозволяють створити будь-який контур за складністю.
Також при створені контурів необхідна спеціальна палітра Контуры, яка стандартно розташована в нижній групі плаваючих палітр.
Інструменти Перо Інструмент використовується для створення ліній різних форм. За допомогою інструмента Перо створюється пряма або крива лінія по опорним точкам. 1. Створіть новий документ розміром 15х15, з білим фоном, роздільною здатністю 72 піксели/дюйм, режимом кольору RG B. 2. Візьміть інструмент Перо. З'являється панель властивостей, яка являється загальною для всіх векторних інструментів (з невеликими різницями):
1- режими створення контурів: - Слой-Фигура: для створення векторних об’єктів складної форми на окремому шарі; - Контуры: для малювання не залитих контурів; - Выполнить заливку пикселов: перетворює векторну фігуру на растрову, відповідно, векторний шар на растровий; 2- для перемикання між інструментами Перо і Свободное Перо; 3 – кнопки для вибирання інструментів стандартної і довільної векторної фігури: Прямоугольник, Прямоугольник со скруглёнными углами, Эллипс, Многоугольник, Линия, Произвольная фигура. Кнопка ▼ розкриває панель геометричних параметрів активного інструменту;
4 – прапорець Оптимизация: для автоматичного створення або видалення опорних точок; 5 – кнопки бульових операцій: - Создать новый слой-фигуру: кожен раз при створенні векторної фігури буде створюватися новий векторний шар і на ньому створений об’єкт; - Добавить к области фигуры: нова фігура добавляється до уже створеної на активному шарі; - Вычесть из области фигуры: віднімається спільна зона двох накладених фігур; - Область пересечения фигур: об'єкт створюється шляхом перетину двох фігур; - Вычесть область с пересечения фигур: фігура створюється шляхом виключення створюваної і тієї, яка міститься в активному шарі. 6 – при натиснутій кнопці пов'язуються властивості попереднього і нового шару. Щоб створити нові властивості шару, кнопку потрібно відтиснути; 7 – Стиль: містить варіанти для оформлення фігур стилями; 8 – Цвет: індикатор для встановлення кольору заливки замкнутого контуру. 3. Для тренування опрацюйте роботу інструменту: • на панелі властивостей встановіть режим Контуры; • виконайте клацання інструментом на аркуші – створена перша опорна точка; • клацніть в іншому місці – створюється друга опорна точка, яка з’єднується з попередньою лінією. Створено лінійний сегмент; • послідовно переміщуйтеся по курсу (мал.), виконуючи клацання у відповідних місцях. Як що ви працювали з векторними програмами (наприклад, CorelDraw), то бачите, що таким чином формується крива Без’є з лінійних сегментів.
4. На палітрі Контуры створився контур, але на палітрі Слои окремого шару з об’єктом не з’явилося. Видаліть його: для цього потрібно натиснути кнопку на палітрі Контуры або скористатися меню палітри командою Удалить контур. 5. Для опрацювання інших векторних інструментів виконаємо вправу, ціль якої полягає в перетворені однієї контурної форми в іншу. Почнемо з того, що намалюємо інструментом Перо наступну форму з 4 опорними точками:
(а) Інструменти Перо+, Перо-. Використовуються для додавання/видалення опорних точок. При цьому вони можуть працювати як інструмент Стрелка (для переміщення кутових точок) 6. Додайте на контур ще чотири опорні точки 5, 6, 7, 8 (мал. (б)). Для додавання опорних точок скористуйтеся інструментом Пе ро+. 7. Не змінюючи інструменту, наведіть покажчик миші на опорну точку – він приймає вигляд інструменту Стрілка, і перемістіть
опорні точки 5, 6, 7, 8 відповідно мал. (в)) - утворився хвостик рибки.
(б)
(в)
8. Додайте ще чотири опорні точки 9, 10, 11, 12 по обидва боки від точок 2 і 4 (мал. (г зліва)) і розмістіть їх відповідно мал. (г-справа) – утворилися плавці.
(г) 9. Якщо ви помилково створили зайву точку, не страшно: скористуйтеся інструментом Перо-. Потрібно клацнути інструментом на опорній точці – її видалено.
Дальнейшую работу Вы сможете проделать вместе с наш им методическим пособием – всегда поможет и подскажет! МЕТО ДИЧКА http://metodichka.com.ua/
Ваш надёжный помощник и учитель http://metodichka.com.ua/ МЕТОДИЧКА – Электронный магазин учебно-методической литературы