Створення банерів за допомогою програми Adobe PhotoShop
7.0
Реферат з інформатики виконав учень 11 «А» класу
Халімендік Р.П.
Бєлгородський ліцей - інтернат № 25
Білгород 2005
Вступ
Графічна
програма Adobe Photoshop представляє собою спеціалізований
інструментальне засіб, призначений для обробки растрових зображень.
За
своїм функціональним і експлуатаційним можливостям Adobe Photoshop є
найдосконалішою серед аналогічних програм обробки растрової графіки та
користується заслуженим успіхом у середовищі комп'ютерних дизайнерів.
Серед
достоїнств цієї програми можна виділити наступні:
високу
якість обробки графічних зображень;
зручність
і простота в експлуатації;
багаті
можливості, що дозволяють виконувати будь-які можливі операції по створенню і
обробки зображень;
широкі
можливості автоматизації обробки растрових зображень, що базуються на
використанні сценаріїв;
сучасний
механізм роботи з кольоровими профілями, що допускає їх впровадження у файли
зображень з метою автоматичної корекції кольорових параметрів при виводі на
друк для різних пристроїв;
обширний
набір команд фільтрації, за допомогою яких можна створювати найрізноманітніші
художні ефекти.
для користувача інтерфейс програми
В
цьому розділі ми розглянемо користувальницький інтерфейс графічної програми
Adobe Photoshop. На рис.1 представлено вікно програми при завантаженні в неї
графічного документа з растровим зображенням. Як і в будь-який інший
графічній або видавничої програми, що працює в операційному середовищі
Windows, тут є стандартний набір елементів, характерних для даної
операційної системи. Це - системні меню програми та документа, заголовки програми
і документа, рядок стану і основне меню програми, а також системні
кнопки Згорнути, Відновити/Розгорнути і Закрити.
Внизу
знаходиться рядок стану, яка призначена для відображення поточної
інформації про оброблюваному зображенні і виконуваної операції (рис.1). Рядок
стану розбита на три частини (поля). У першому зліва полі вказується масштаб
активного зображення. Тут ви можете задати інший масштаб, натиснувши після цього
клавішу [Enter]. У другому полі відображається службова інформація,
відповідна вибраному пункту меню рядка стану (це меню відкривається
клацанням на чорній трикутної мітці праворуч). У третьому полі відображається
інформація про операцію, яку ви можете виконати, використовуючи вибраний
робочий інструмент.
Між
рядком меню і рядком стану знаходиться робоча область програми. У ній
розташовані такі елементи: блок інструментів (зліва), робоче вікно
документа з смугами прокрутки (в центрі) і три сумісні палітри (праворуч).
Кожен з цих елементів є плаваючим, тобто ви можете вільно переміщати
його, а також видаляти з екрана. Це дуже зручно, оскільки можна прибрати всі
зайве, звільнивши більшу частину екрану для обробки зображення.
Крім
елементів інтерфейсу в програмі є діалогові вікна (діалоги) (рис.1). Вони
використовуються для настройки параметрів різних команд.
Розглянемо
призначення основних елементів інтерфейсу.
Рис.1
Вікно програми Adobe Photoshop
1
- Системні меню; 2 - заголовки; 3 - рядок меню;
4
- Системні кнопки програми та документа; 5 - блок інструментів;
6
- Вікно документа з смугами прокрутки; 7 - рядок стану; 8 - палітри
програми
Меню
Основне
меню програми представляє собою набір списків команд, згрупованих за
функціональному призначенню. Ці списки знаходяться в згорнутому стані (у вигляді
рядка основного меню) і відкриваються при виборі одного з них.
Клацання
на тому чи іншому пункті меню приводить до появи на екрані списку входять до
нього елементів. У цьому списку можуть знаходитися найменування як окремих
команд, так і їх груп. Праворуч від назви групи команд є чорна
трикутна мітка, і при виборі даного елемента (встановленні на ньому покажчика
миші) відкривається додатковий список команд.
Крім
основного меню в програмі є й інші, які називаються контекстними
(допоміжними).
Рис.2
Контекстні меню
Контекстне
меню - це група команд, що мають відношення до певного елементу інтерфейсу
або виконуваній в даний момент операції. Таке меню можна відкрити двома
способами: клацанням правої кнопки миші при установці покажчика в будь-якому
місці робочого вікна документа або палітри або клацанням лівої кнопки, якщо
вказівник встановлено на спеціальній кнопці з трикутної міткою. На рис.2
показані три контекстних меню. Зліва зображено меню операції виділення, а
праворуч - рядка стану (вгорі) і палітри Color (Синтез) (внизу).
Розглянемо
призначення команд контекстного меню рядка стану програми (це меню
відкривається клацанням на чорному трикутнику). При виборі команд цього меню зліва
від трикутника відображається наступна інформація:
Document
Sizes (Розміри документів) - об'єми пам'яті, які займає активним документом без
обліку шарів і службових каналів і з їх урахуванням;
Scratch
Sizes (Розміри робочих дисків) - співвідношення обсягу пам'яті, що використовується в
даний час для обробки зображення, і обсягу оперативної пам'яті,
доступною для програми;
Efficiency
(Ефективність) - відсоток використання оперативної пам'яті при обробці зображення;
Timing
(Хронометраж) - час виконання останньої операції;
Current
Tool (Поточний інструмент) - назва активного робочого інструменту.
Якщо
установити покажчик у рядку меню зліва від чорного трикутника і натиснути
кнопку миші, то через деякий час на екрані з'явиться додаткове вікно,
де продемонстровано реальне співвідношення розмірів зображення і сторінки.
Якщо цю процедуру виконати, утримуючи клавішу [Alt], то на екрані з'являться
основні відомості про оброблюваному зображенні: Width - ширина зображення,
Height - висота, Channels - число каналів, Resolution - дозвіл (рис.3).
Рис.3
Інформація про параметри зображення
В
списках команд основного меню ви можете зустріти ряд додаткових написів і
міток, які всім знайомі: багатокрапки, назви клавіш і підкреслені літери.
Крім того, деякі команди меню можуть бути затенени; це означає, що вони в
даний час недоступні.
В
залежності від поточного стану можуть змінюватися і назви команд.
Наприклад,
команди Hide Tools (Сховати інструменти) і Show Tools (Показати інструменти)
змінюють один одного в меню Window (Вікно) залежно від того, чи знаходиться на
екрані блок робочих інструментів програми.
Робочі інструменти
Робочі
інструменти - це кнопки управління, які призначені для виконання
різних операцій з обробки зображень, а також для вибору режимів їх
відображення на екрані. Так як ці інструменти розташовані компактно (на одній
основній і декількох додаткових (вкладених, спливаючих) панелях), їх ще
називають блоком інструментів (toolbox).
На
рис.4 показано, які інструменти входять до складу блоку інструментів. Зліва
наведена нумерація рядів комірок блоку інструментів. Це зроблено для того, щоб
можна було встановити відповідність між зображеннями інструментів та їх
назвами.
Основна
панель блоку, що має прямокутну форму, знаходиться зліва, а додаткові
панелі - праворуч. Основна панель присутня на екрані завжди, а
додаткові відкриваються лише у випадку перенесення інструментів з цих панелей
на основну.
В
кожній комірці основної панелі знаходиться один інструмент або ціла група. Якщо
інструментів декілька, то в правому нижньому куті комірки буде зображена
невелика чорна мітка. Натиснувши на такій комірці і зафіксувавши на деякий
час кнопку миші в натиснутому стані, ви розкриєте відповідну
додаткову панель з розташованими в ній інструментами. Для вибору одного з
них потрібно встановити на ньому вказівник і відпустити кнопку миші. Даний інструмент
буде поміщений в комірку блоку і стане активним.
В
лавах 1, 2 і 4 рисунка зображені додаткові панелі блоку, пов'язані з
лівим комірок основної панелі; в рядах 5, 8 і 9 - до правих, а в рядах 6 і 7 - до
обом осередкам, лівої і правої (додаткові панелі, що відносяться до різних
осередкам, тут відокремлені один від одного невеликим проміжком).
Рис.4
Блок інструментів
Палітри
Палітра
- Це засіб програми Adobe Photoshop 5.0, яке призначене для
виконання різних операцій по обробці зображення, для настроювання
параметрів інструментів, а також для відображення відповідної інформації.
Палітра, по суті, є різновидом діалогового вікна; вона
відрізняється від звичайного вікна тим, що може знаходитися на екрані в розгорнутому
або згорнутому стані, не перешкоджаючи виконанню операцій, які не мають до
неї ставлення.
На
рис.1 зображені три сумісні палітри, які використовуються в програмі. Кожна з
них складається з декількох окремих палітр. До першої групи (на малюнку вона
розташована вгорі) входять три палітри: Navigator (Навігатор), Info (Інфо) і
Options (Параметри); в другу (посередині) - також три: Color (Синтез),
Swatches (Каталог) і Brushes (Кисті), а в третю (внизу) - п'ять палітр: Layers
(Шари), Channels (Канали), Paths (Контури), History (Події) і Actions
(Операції).
Далі
наводиться короткий огляд всіх палітр програми.
Палітра Navigator (Навігатор)
Ця
палітра управляє масштабом зображення і переміщенням останнього в робочому
вікні документа. У центрі палітри (мал. 5) знаходиться вікно навігатора, в якому
міститься зменшене зображення активного документа. Червоної рамкою виділена
частину зображення, що відображається в робочому вікні документа. Перекладаючи
покажчик всередину рамки і натискаючи кнопку миші, можна переміщати рамку в палітрі,
вибираючи таким чином фрагмент активного зображення, який повинен
відображатися в робочому вікні документа.
Таким
чином, за допомогою навігатора можна переміщувати зображення в робочому вікні в тому
випадку, коли воно не вміщується на екрані повністю.
Рис.5
Палітра Navigator (Навігатор)
Крім
того, за допомогою палітри Navigator (Навігатор) можна змінювати масштаб
зображення. Для цього призначені слайдер і дві кнопки, розташовані в
нижній частині палітри. Переміщення бігунка слайдера вправо або вліво призводить до
плавного збільшення або зменшення масштабу. Якщо клацнути на одній з кнопок,
що знаходяться по краях слайдера, масштаб зображення змінюється дискретно.
Звичайно, це призводить до зміни розмірів червоної рамки, що обмежує
видиму частину зображення. Якщо зображення повністю поміщається в робочому
вікні, то червона рамка буде збігатися з кордонами вікна навігатора.
В
лівому нижньому кутку палітри Navigator (Навігатор) знаходиться поле, в якому
відображається поточне значення масштабу у відсотках.
В
цьому полі можна ввести інше значення масштабу, і після натискання клавіші
[Enter] активний документ буде представлений в заданому масштабі.
Щоб
поміняти колір рамки в палітрі, необхідно відкрити меню палітри, клацнувши на
кнопці з чорним трикутником, і виконати команду Palette Options ... (Параметри
палітри ...), задавши в її діалоговому вікні новий колір рамки.
Палітра Info (Інфо)
В
цієї палітрі (рис.6) відображаються дані про колір, координати і розміри
окремих точок (пікселів) або виділених областей зображення.
Рис.6
Палітра Info (Інфо)
В
вікні палітри Info (Інфо) ви можете знайти інформацію про колірні параметри
пікселя (групи пікселів) зображення, на якому встановлено курсор миші.
Ця інформація зазвичай розрахована на колірні моделі RGB і CMYK і розташовується
у верхній частині вікна палітри. Для моделі CMYK поруч з численними параметрами
кольору в більшості випадків стоїть знак відсотка. Якщо замість нього ви побачите знак оклику
знак, це означає, що колір даного пікселя не входить в колірний простір
моделі CMYK.
В
нижній частині вікна палітри вказані поточні координати покажчика миші та розміри
проекцій виділеної області на горизонтальну і вертикальну осі.
Інформація,
приводиться в палітрі Info (Інфо), залежить від того, який робочий інструмент
є активним. Приміром, при використанні інструменту Measure
(Измеритель) в палітрі відображається наступне:
в
лівій верхній частині вікна палітри будь-яка інформація відсутня;
в
правій частині вказується довжина відрізка, що з'єднує дві точки вибрані
зображення, а також кут його нахилу щодо горизонтальної осі;
в
лівій нижній частині наводяться координати перший зазначеної точки зображення;
в
правій частині вказуються розміри проекцій відрізка на горизонтальну та
вертикальну осі робочого вікна.
При
роботі з інструментом Color Sampler (Зразок кольору) в палітрі з'являються
додаткові області (не більше чотирьох), в яких вказуються колірні
параметри обраних за допомогою цього інструменту об'єктів ізображенія.Для того
щоб змінити форму представлення інформації, яка відображається у палітрі, слід
відкрити меню палітри і вибрати пункт Palette Options ... (Параметри палітри ...). У
діалоговому вікні ви можете вибрати колірні моделі для відображення
інформації про колір, а також одиницю вимірювання лінійних об'єктів.
Палітра Options (Параметри)
Палітра
застосовується для налаштування параметрів робочих інструментів програми. Поточне
назва палітри і її вміст залежать від того, який інструмент вибраний. На
рис.7 показано чотири вигляду цієї палітри - при роботі з інструментами
Paintbrush (Кисть), Pencil (Олівець), Paint Bucket (Заливка) і Linear Gradient
(Лінійний градієнт).
Рис.7.
Палітра Options (Параметри)
Наприклад,
при роботі з пензлем ви можете поставити в цій палітрі наступні параметри: режим
змішування кольорів (у списку, що розкривається вгорі зліва), коефіцієнт
непрозорості фарби (параметр Opacity), розмір мазка пензля (Fade) і ознака
розмитості його країв (прапорець Wet Edges).
Щоб
відновити вихідні параметри для вибраного або всіх робочих інструментів,
необхідно відкрити меню палітри і вибрати команду Reset Tool (Відновити
інструмент) або Reset All Tools (Відновити всі інструменти). Процедура
зміни параметрів інших інструментів проводиться таким же чином.
Палітра Color (Синтез)
Рис.8
Палітра Color (Синтез)
При
допомоги палітри Color (Синтез) вибирають кольору переднього і заднього планів
(основного і фонового). У лівій частині палітри (рис.8) розташовані два
квадратика, за допомогою яких можна вибрати відповідний колір. Верхній
забарвлений кольором переднього плану, а нижній - заднього. Клацання на квадратику робить
його активним (у нього з'являється рамка), після чого можна задавати колір потрібного
вам плану.
Синтез
кольору можна виконати трьома способами:
клацанням
у відповідному місці колірного синтезатора (розфарбованої смужки,
розташованої в нижній частині палітри);
установкою
бігунків слайдерів, що відповідають базовим параметрам вибраної колірної
моделі;
введенням
числових значень цих параметрів в поля справа.
З
допомогою команд меню палітри можна вибрати одну з наступних колірних моделей:
Grayscale (Градації сірого), RGB, HSB, CMYK і Lab. Крім того, тут
передбачена можливість заміни колірної моделі для синтезатора. Встановіть на
ньому покажчик, клацніть правою кнопкою миші і в контекстному меню
виберіть відповідну модель: RGB, CMYK, Grayscale або двобарвне (Current
Colors).
Якщо
вказаний вами колір не може бути відображений в колірному просторі моделі
CMYK, то внизу ліворуч з'являться укладений в трикутну рамку оклику
знак і невеликий квадрат, забарвлений кольором, який близький до заданого, але
входить до числа квітів, припустимих для даної моделі. Клацання на даному квадраті
призводить до заміни цим кольором того, що був заданий раніше.
Палітра Swatches (Каталог)
Ця
палітра також призначена для вибору кольорів переднього і заднього планів,
однак для їх завдання використовується не колірної синтезатор, а каталог,
завантажений на вікно палітри (рис.9).
Рис.9
Робота
з цієї палітрою здійснюється в такий спосіб. Скориставшись смугою
прокручування, виберіть в каталозі потрібний колір і виконайте на ньому клацання. Цей колір
стане кольором переднього плану і відобразиться в блоці керування (у
одинадцятому ряду). Щоб вибраний в цій палітрі колір був використаний для
заднього плану, необхідно клацнути на зображенні двобічної
стрілки в блоці інструментів, змінивши тим самим ці кольори між собою.
В
палітру Swatches (Каталог) можна завантажити будь-який інший каталог квітів,
наявний в програмі. Клацніть на кнопці з чорною міткою трикутної у правому
верхньому кутку палітри і в меню, виберіть команду Load Swatches ...
(Скачати каталог ...) або Replace Swatches ... (Замінити каталог ...). У що з'явилося,
діалоговому вікні виберіть папку GoodiesColor Palettes, в якій зберігаються
каталоги квітів, і відкрийте необхідний.
Палітра Brushes (Кисті)
Ця
палітра (рис.10) дозволяє задати розмір і форму не тільки кисті, а й будь-якого
іншого інструмента малювання для локального редагування, розташованого в
блоці інструментів у рядах з третього по шостий.
Рис.10
Палітра Brushes (Кисті)
В
вікні палітри показано, яку форму може мати інструмент (яким буде відбиток у
документі при одноразовому впливі інструменту). Для деяких великих за
розміром зразків вказані діаметри.
Щоб
вибрати кисть, помістіть курсор миші в відповідному полі палітри і
виконайте клацання. У результаті вказаний зразок стане активним і навколо нього
з'явиться чорна рамка.
Додаткова
настройка кисті виконується в діалоговому вікні Brush Options (Параметри кисті),
яке відкривається після подвійного клацання мишею на її зразку.
Палітра Layers (Шари)
Палітра
Layers (Шари) призначена для виконання різних операцій при обробці
багатошарових зображень (рис.11).
Рис.11
Палітра Layers
Палітра
Channels (Канали) використовується при роботі з кольоровими і службовими каналами
оброблюваних зображень (рис.12).
Рис.12
Палітра Channels
Палітра
Paths (Контури) призначена для роботи з контурами, що представляють собою
допоміжні векторні об'єкти (Рис.13).
Рис.13
Палітра Paths
Палітра
History (Події) дозволяє фіксувати проміжні етапи обробки
зображень та в разі потреби повертатися до них (рис.14).
Рис.14
Палітра History
Палітра
Actions (Операції) призначена для автоматизації обробки зображень шляхом
створення і багаторазового застосування сценаріїв, що представляють собою набори
команд, що часто використовуються при обробці. На рис.15 зображені два варіанти
цієї палітри: зліва - звичайний, праворуч - кнопковий. Останній застосовується лише у
режимі відтворення сценаріїв (до його використання можна перейти за допомогою
команди Button Mode меню даної палітри).
Рис.15
Палітра Actions
Практична частина
Створення банерів
1.
Спочатку створимо новий файл. Він не повинен бути великим. Наш банер буде 300
пікселів в ширину і 80 - у висоту, а фон краще зробити прозорим.
2.
Перед початком роботи переконаємося, що все необхідне є у нас під руками. Для
цього потрібно відкрити меню "Вікно" (Window). Нам знадобляться вікна Шари,
Анімація, Інструменти, Стилі. Близько цих слів повинні стояти галочки. Це
означає, що вікна вже відкриті на екрані. Вони також можуть бути позначені
словами "приховати" і "показати". Якщо вікна вже є, близько їх
назв стоїть слово "приховати". Якщо вікон на екрані немає, потрібно
клацнути по їх назвах мишкою, і вони з'являться.
Отже,
ми налаштували програму, а тепер зробимо кадри, які будуть змінювати один
одного. У програмі ImageReady такими кадрами є шари. Робота з шарами --
звичайна справа для багатьох графічних редакторів. Але якщо Ви ще не знаєте, що
це таке, уявіть собі прозорі плівки. На кожній з них намальовані
окремі фрагменти і, накладені одна на одну, вони створюють враження
цілісної картинки. Але кожен шар при цьому можна редагувати окремо від
інших.
Кадри
рухомої картинки в ImageReady створюються з шарів, тому спочатку потрібно
зробити багатошарове зображення.
В
нашому банері буде тільки два шари.
3.
Заллємо фон кольором (R46 G16 B122).
4.
Надруковано слово "Adobe PhotoShop" (або будь-які інші за Вашим
бажанням). Колір тексту - будь-який, гарнітура - Arial, розмір - 34 px. Розмістимо
текст по центру. 
Зверніть
увагу на палітру "Шари" (Layers) - верств тепер два.
5.
Для оформлення тексту використовуємо готові ефекти. На палітрі "Стилі"
(Styles) виберемо стиль і, утримуючи ліву кнопку миші, перетягнемо його на літери.
6.
На палітрі Шари гукнемо правою кнопкою мишки на заголовку шару з фоном і з
контекстного меню виберемо саму верхню позицію - Дублювати шар. Те ж саме
проробимо з шаром, що містить букви. Слоєв стало чотири. Перетягуючи шари по
палітрі, можна розташувати їх в будь-якому порядку. Нам необхідно, щоб шари
розташувалися у такій послідовності знизу вгору: фон - текст - фон --
текст.
7.
У верхньому шарі, що містить текст, поміняємо напис на Adobe ImageReady (або
іншу, яку захочете). Застосуємо до букв інші ефекти, також
скориставшись заготівлею.
8.
Виділимо шар з текстом. Зайдемо в меню "Шари" (Layers) і виберемо
"склеїти з нижнім" (Merge Down). Тепер букви і лежав під ними фон
об'єдналися в один шар.
9.
Проробимо те ж саме з іншим текстом і отримаємо два шари з різними написами і
фоном. Залишилось перетворити їх в кадри.
10
. Для цього звернемося до вікна "анімація". У меню цього вікна виберемо
команду "зробити кадри з шарів".
-18 -
В
вікні з'являться два кадри. У кожного з них треба поставити час, протягом
якого кадр буде перебувати на екране.11. Натиснемо маленьку стрілку в
нижньому куті першого кадру. Виберемо 0,5 секунди. Точно так само зробимо з іншим
кадром.
Ось
і все. Наш банер готовий!
