Горобець Анастасія Анатоліївна
Графічний редактор Adobe Photoshop Тема уроку: Графічний редактор Adobe Photoshop та його призначення. Основні елементи вікна графічного редактора та їх призначення. Об'єкти програмного вікна ГР. Встановлення розмірів робочого поля. Мета уроку: Навчальна. ознайомлення з інтерфейсом і інструментами Photoshop; ознайомитися з принципами роботи з тексом. Розвиваюча. Розвивати творчі здібності учнів, практичні навички роботи з ЕОМ, логічне мислення, пам’ять. Виховна. Виховувати самостійність та відповідальність. Тип уроку: вивчення нового матеріалу. Обладнання: комп’ютер, роздатковий матеріал, Графічний редактор Adobe Photoshop Хід уроку 1.Організаційний момент. Заходжу в клас, вітаюсь з учнями, пропоную їм сісти. Оглядаю чи порядок на партах, чи всі сидять на своїх місцях. 2.Актуалізація знань учнів. Сьогодні на уроці ви познайомитесь з абсолютно для вас новою темою графічним редактором Photoshop. І протягом кількох тем будите вчитеся створювати зображення і їх редагувати. Більшість професійних дизайнерів, художників, фотографів використовують Photoshop. Цей растровий редактор розрахований на роботу
з усіма видами
графічних зображень. 3. Вивчення нового матеріалу Програмне середовище Adobe Photoshop характеризується багатошаровим зображенням.
1
Горобець Анастасія Анатоліївна
В програмі Photoshop дуже багато інструментів за допомогою яких можна обробляти інформацію. Відкрити програму можна за допомогою кнопки Пуск – Всі програми - … Вікно програми Photoshop містить панель інструментів з великою кількістю кнопок, кожна з яких має своє призначення. Основне меню Adobe Photoshop: Файл – операції з файлами. Правка – операції з буфером. Вид – настройка виду програми. Фільтри – застосування фільтрів для створеного зображення. Вікна – управління робочими і допоміжними вікнами. Допомога – допомога у роботі з програмою. Панель інструментів (знаходиться з лівого боку екрану): Выделение объекта – у вигляді прямокутника, кола або довільної фігури. Використовується для виділення малюнка або для малювання примітивів. Лассо. Використовується для виділення довільного фрагмента малюнка. Волшебная
палочка.
Застосовується
для
виділення контрастних
об’єктів,
наприклад контур. Кисть. Дає змогу малювати довільні лінії різного типу. Заливка. Дає змогу залити замкнутий об’єкт. Штамп. Спочатку необхідно вибрати штамп (клацанням миші + Alt), потім штампом можна повторити цей фрагмент у довільному місці клацанням мишею. Терка. Витирає поточний фрагмент кольором фону. Градиент. Заливає замкнуту ділянку область вибраним градієнтом. Размывка. Дає змогу розмивати довколишні кольори, робити освітлювання. Осветлитель. Освітлює ділянку. Текст. Дає змогу вводити і настроювати текст. Перо. Дає змогу виділяти і будувати багатокутник. 2
Горобець Анастасія Анатоліївна
Піпетка. Визначає потрібний колір. Рука. Переміщення по аркушу. Увеличительное стекло. Масштабування. Основной и вспомогательной цвет. Після запуску Photoshop з'являється заставка. Заставка відображає процес завантаження, висвічуючи на екрані імена завантажувальних модулів, які завантажуються. Після успішного запуску Photoshop на екрані виникає робочий стіл. Нижче перераховані інші (можливо, менш відомі) елементи робочого столу Photoshop. Вікно зображення. В Photoshop можна одночасно відкривати стільки зображень, на скільки вистачить оперативної пам'яті вашого комп'ютера. Кожне зображення відкривається в окремому вікні. Це дає можливість практично одночасно працювати з декількома файлами, переносячи й копіюючи як цілі, так і окремі частини зображень з одного вікна в інше. Рядок стану розташований безпосередньо над панеллю задач Windows. В ньому вказані вибраний інструмент і зображення. Панель інструментів, що містить кнопки із значками різних інструментів. Вибирається інструмент клацанням миші по його кнопці на цій панелі. Плаваючі палітри, незалежні від розміру вікна зображення і розташування інших палітр. Панель Приєднання. Сіра панель до якої можуть бути приєднані плаваючі палітри. Інформаційне поле. Це поле дозволяє Photoshop передати вам свій коментар, а саме: Об'єм документа (два числа розділені межею - перше число указує на об'єм зображення, що оброблюється, а друге число - враховує усі шари зображення). Розташування зображення - вікно, в якому показано розташування зображення на друкарській сторінці. Для його виклику потрібно клацнути мишею в інформаційному полі і утримувати натиснуту кнопку. 3
Горобець Анастасія Анатоліївна
Крім кнопок інструментів, панель інструментів містить палітру кольорів та деякі види кнопок. Верхній квадрат показує основний колір, нижній - колір тла. Створювання, відкриття та збереження файлів у редакторі Adobe Photoshop, Визначання та змінення розмірів зображення Робота із зображенням у графічному редакторі завжди починається зі створювання нового файлу або відкриття вже наявного. Щоб створити новий файл, треба: 1. У меню Файл обрати команду Новый (Ctrl+N). 2. У вікні, що з'явилося при цьому на екрані (рис. 21.9), у текстовому полі Имя можна вказати назву створюваного файлу (ця дія є необов'язковою, оскільки назву файлу можна призначити під час його зберігання). 3. У полях Ширина та Высота задати відповідні розміри зображення, установлені в обраних одиницях визначання лінійних розмірів (піксели, дюйми, сантиметри). 4. У полі Разрешение встановити значення роздільної здатності, яке теж залежить від подальшого використання зображення. Якщо його потрібно буде роздруковувати, то що вища роздільна здатність, то кращий результат ви отримаєте. Використовуючи зображення на вебсторінці, можна не змінювати значення 72 піксел/дюйм, яке редактор установлює за замовчуванням. 5. Зі спадного списку Режим обрати колірний режим, що визначає глибину кольору. 6. Зі списку Содержимое фона обрати один з пропонованих варіантів: • Белый — саме цей варіант установлено за замовчуванням; • Цвет фона — колір, обраний на палітрі кольорів; • Прозрачный — прозора основа (відсутність тла). 7. Натиснути кнопку ОК, підтвердивши всі налаштовання для створювання нового графічного файлу. 4
Горобець Анастасія Анатоліївна
Для виконання всіх подальших завдань домовимося створювати нові файли, що мають розмір 400x300 пікселів, роздільну здатність 72 піксел/дюйм, колірний режим RGB цвет та білий колір тла. Після створення нового зображення або редагування вже наявного їх потрібно зберегти у файлі. Найчастіше для цього виконуватимемо команду Сохранить (Ctrl+S) тематичного меню Файл, яка зберігає файл у форматі psd. Подальша робота під час збереження файлу повністю аналогічна до дій, виконуваних для збереження файлів в інших застосунках. Формат psd містить багато інформації про зображення, але надалі відкрити цей файл можна лише програмами фірми Adobe. Тому доцільно зберігати файл у такому форматі лише тоді, коли ви плануєте продовжити редагувати зображення. Якщо ж ви готуєте зображення для використання в іншому графічному пакеті, треба зберегти його у форматі, який розуміє більшість застосунків. Це можуть бути формати gif або jpg. Для зберігання файлу в одному з цих форматів виконайте команду Сохранить как (Shift+Ctrl+S) меню Файл. У вікні збереження файлу, що з'явиться при цьому на екрані, укажіть назву файлу та оберіть місце його розміщення на диску, а зі списку Формат оберіть один з пропонованих форматів. Щоб зберегти зображення для використання на веб-сторінці, виконайте команду Сохранить для Web (Alt+Shift+Ctrl+S) меню Файл. На екрані з'явиться вікно (рис. 21.10), у якому треба обрати зі списку формат файлу, а також оптимізувати його, указавши якість зображення (Low — низька, Medium — середня, High — висока, Very High — дуже висока, Maximum — максимальна). Що вища якість зображення, то більший розмір файлу із зображенням ви отримаєте під час збереження. Установивши всі налаштовання для збереження зображення, використовуваного на веб-сторінці, натисніть кнопку Save. Відкриття файлу, що містить зображення, відбувається аналогічно до- відкриття файлу будь-яким іншим застосунком. У меню Файл оберіть команду Открыть (Ctrl+O), а далі знайдіть на диску потрібний файл, обравши зі 5
Горобець Анастасія Анатоліївна
списку Тип файлов його формат. Для того щоб переглянути список усіх наявних графічних файлів, у текстовому полі Имя файла введіть *.*. Цим ви зазначите, що бажаєте переглянути всі файли, які мають будь-який формат. А далі з наведеного у вікні списку оберіть потрібний для подальшої роботи графічний файл та натисніть кнопку Открыть. Якщо розмір зображення дозволяє, то під час відкриття файлу масштаб переглядання зображення буде встановлено 100 %. Щоб збільшити масштаб переглядання, можна використати комбінацію клавіш Ctrl та +, а щоб зменшити масштаб — комбінацію клавіш Ctrl та -. Змінити масштаб переглядання зображення можна, переміщуючи повзунок на палітрі Навигатор. При цьому можна змінити робочу область зображення, перемістивши червону рамку, розміщену на мінітюрі зображення на цій самій палітрі. Проте масштаб переглядання зображення не відповідає його дійсній величині. Щоб визначити величину зображення, оберіть команду Размер Изображения тематичного меню Изображение. При цьому на екрані з'явиться вікно (рис. 21.11), у якому наведено інформацію про дійсний розмір зображення. Ви можете змінити розмір зображення, задаючи нові значення параметрів у відповідних полях цього вікна. Якщо, зазначаючи нові розміри, установити прапорець Сохранять пропорции, то після встановлення нової ширини зображення його висота визначатиметься автоматично. Виділяймо геометрично правильні частини зображення Перш ніж виконувати будь-які дії, треба виділити ту частину зображення, з якою працюватимемо надалі. Саме для цього призначено tpyny інструментів виділяння геометрично правильної області зображення: Прямоугольная область, Овальная область, Одиночная строка, Одиночный столбец. Для виділення прямокутної області зображення треба: 6
Горобець Анастасія Анатоліївна
• Обравши інструмент Щ Прямоугольная область (М), установити вказівник у кут майбутнього прямокутника. ° Натиснути ліву клавішу миші та, утримуючи її, розтягнути пунктирну рамку виділяння до потрібного розміру. • Відпустити ліву клавішу миші, зафіксувавши виділений прямо кутник. Для виділення області зображення у формі еліпса необхідно виконати аналогічні дії, обравши інструмент Q' Овальная область (М). Для виділення квадратної або круглої областей зображення, при зміні розмірів області виділяння, треба натиснути та втримувати натис-нутою клавішу Shift. Для виділення області у формі квадрата або круга, розмір яких рівномірно змінюється від центру, натисніть та втримуйте під час виділяння клавіші Alt+Shift. Під час редагування зображень часто доводиться знімати виділення із зображення. Для цього треба в меню Выделение виконати команду Убрать Выделение (Ctrl+D). Виділену частину зображення доцільно розмістити в буфері обміну, натиснувши комбінацію клавіш Ctrl+Ins (або Ctrl+C, але обов'язково в режимі англійських літер) або обравши команду Копировать меню Редактирование. Після цього виділену частину зображення можна помістити в новий файл, створивши його командою Новый меню Файл. Оскільки в буфері обміну міститься фрагмент зображення, новий файл за замовчуванням матиме розмір, роздільну здатність та колірну модель, що повністю відповідають цим характеристикам зображення в буфері. Щоб уставити зображення з буферу обміну, використайте комбінацію клавіш Shift+Ins (або Ctrl+V, але знову лише в режимі англійських літер) або виконайте команду Вставить меню Редактирование. 5.
Закріплення вивченого матеріалу.
Пропоную учням відкрити графічний редактор і ознайомитися з вікном програми Adobe Photoshop; самостійно створити новий файл (здійснити потрібні налаштування) і зберегти з деякими розширеннями. 7
Горобець Анастасія Анатоліївна
6.
Аналіз та підсумок уроку
Запитання і завдання щодо вивченого матеріалу: 1. Опишіть послідовність дій для створення нового файлу в редакторі Adobe
Photoshop. 2. Які характеристики ми призначаємо, створюючи нові файли? 3. Опишіть послідовність дій для збереження зображення у файлі формату psd. Які
переваги та недоліки має цей формат графічних файлів? 4. Опишіть послідовність дій для збереження файлу у форматі дії або jpg. 5. Опишіть послідовність дій для збереження файлу для його подальшого
використання на веб-сторінці. Для чого оптимізують зображення? 6. Як відкрити наявний графічний файл? 7. Як змінити масштаб переглядання зображення? Опишіть усі відомі вам способи. 8. Як визначити та змінити величину зображення? 9. Які інструменти призначено виділяти геометрично правильні фрагменти
зображення? 10. Опишіть послідовність дій для виділення прямокутної та еліптичної частин
зображення. Як виділити квадратну та круглу області зображення? 11. Опишіть послідовність дій для розміщення виділеної частини зображення в
новому файлі. 12. Як зняти виділення із зображення? 13. Що сподобалося на уроці? 14. Ваші побажання щодо вивчення теми.
7.
Домашня робота. Опрацювати конспект, і програму Adobe Photoshop (при
наявності комп’ютера). Підготувати картинки, фотографії для створення і обробки (на диску, про скановані, фото звичайне)
8