Створення банерів за допомогою програми Adobe PhotoShop 70

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Реферат з інформатики виконав учень 11 «А» класу Халімендік Р.П.

Бєлгородський ліцей - інтернат № 25

Білгород 2005

Введення

Графічна програма Adobe Photoshop представляє собою спеціалізований інструментальний засіб, призначений для обробки растрових зображень.

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

Серед переваг цієї програми можна виділити наступні:

висока якість обробки графічних зображень;

зручність і простота в експлуатації;

багаті можливості, які дозволяють виконувати будь-які мислимі операції по створенню і обробки зображень;

широкі можливості автоматизації обробки растрових зображень, що базуються на використанні сценаріїв;

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

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

Для користувача інтерфейс програми

У цьому розділі ми розглянемо користувальницький інтерфейс графічної програми Adobe Photoshop. На рис.1 представлено вікно програми при завантаженні в неї графічного документа з растровим зображенням. Як і в будь-якій іншій програмі, яка працює в операційній системі Windows, тут є стандартний набір елементів, характерних для даної операційної системи. Це - системне меню програми і документа, заголовки програми і документа, рядок стану і основне меню програми, а також системні кнопки Згорнути, Відновити / Розвернути і Закрити.

Внизу знаходиться рядок стану, який призначений для відображення поточної інформації про зображення, яке обробляється і виконуваної операції (рис.1). Рядок стану розбита на три частини (поля). У першому зліва полі вказується масштаб активного зображення. Тут ви можете задати інший масштаб, натиснувши після цього клавішу [Enter]. У другому полі відображається службова інформація, яка відповідає вибраному пункту меню рядка стану (це меню відкривається клацанням на чорній трикутної мітці праворуч). У третьому полі відображається інформація про операції, яку ви можете виконати, використовуючи вибраний робочий інструмент.

Між рядком меню і рядком стану знаходиться робоча область програми. У ній розташовані такі елементи: блок інструментів (зліва), робоче вікно документа з смугами прокрутки (в центрі) і три сумісні палітри (праворуч). Кожен з цих елементів є плаваючим, тобто ви можете вільно переміщати його, а також видаляти з екрану. Це дуже зручно, оскільки можна прибрати все зайве, звільнивши більшу частину екрану для обробки зображення.

Крім елементів інтерфейсу в програмі є діалогові вікна (діалоги) (рис.1). Вони використовуються для настройки параметрів різних команд.

Розглянемо призначення основних елементів інтерфейсу.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.1 Вікно програми Adobe Photoshop

1 - системні меню; 2 - заголовки; 3 - рядок меню;

4 - системні кнопки програми і документа, 5 - блок інструментів;

6 - вікно документа з смугами прокрутки; 7 - рядок стану; 8 - палітри програми

Меню

Основне меню програми представляє собою набір списків команд, згрупованих за функціональним призначенням. Ці списки знаходяться в згорнутому стані (у вигляді рядка основного меню) і відкриваються при виборі одного з них.

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

Крім основного меню в програмі є й інші, які називаються контекстними (допоміжними).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.2 Контекстні меню

Контекстне меню - це група команд, що мають відношення до певного елементу інтерфейсу або виконуваній в даний момент операції. Таке меню можна відкрити двома способами: клацанням правої кнопки миші при установці покажчика в будь-якому місці робочого вікна документа або палітри або клацанням лівої кнопки, якщо покажчик встановлений на спеціальній кнопці з трикутною міткою. На рис.2 показані три контекстних меню. Зліва зображено меню операції виділення, а праворуч - рядки стану (вгорі) і палітри Color (Синтез) (внизу).

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

Document Sizes (Розміри документів) - обсяги пам'яті, займані активним документом без урахування шарів і службових каналів і з їх урахуванням;

Scratch Sizes (Розміри робочих дисків) - співвідношення обсягу пам'яті, використовуваної в даний час для обробки зображення, і об'єму оперативної пам'яті, доступної для програми;

Efficiency (Ефективність) - відсоток використання оперативної пам'яті при обробці зображення;

Timing (Хронометраж) - час виконання останньої операції;

Current Tool (Поточний інструмент) - назва активного робочого інструмента.

Якщо встановити курсор у рядку меню зліва від чорного трикутника і натиснути кнопку миші, то через деякий час на екрані з'явиться додаткове вікно, де продемонстровано реальне співвідношення розмірів зображення і сторінки. Якщо цю процедуру виконати при натиснутій клавіші [Alt], то на екрані з'являться основні відомості про зображення, яке обробляється: Width - ширина зображення, Height - висота, Channels - число каналів, Resolution - дозвіл (рис.3).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.3 Інформація про параметри зображення

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

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

Наприклад, команди Hide Tools (Заховати інструменти) та Show Tools (Показати інструменти) змінюють один одного в меню Window (Вікно) залежно від того, чи знаходиться на екрані блок робочих інструментів програми.

Робочі інструменти

Робочі інструменти - це кнопки управління, які призначені для виконання різних операцій з обробки зображень, а також для вибору режимів їх відображення на екрані. Так як ці інструменти розташовані компактно (на одній основній і декількох додаткових (вкладених, спливаючих) панелях), їх ще називають блоком інструментів (toolbox).

На рис.4 показано, які інструменти входять до складу блоку інструментів. Зліва наведена нумерація рядів осередків блоку інструментів. Це зроблено для того, щоб можна було встановити відповідність між зображеннями інструментів та їх назвами.

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

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

У лавах 1, 2 і 4 рисунка зображені додаткові панелі блоку, пов'язані з лівим осередкам основної панелі; в рядах 5, 8 і 9 - до правих, а в рядах 6 і 7 - до обох комірок, лівої і правої (додаткові панелі, пов'язані до різних осередків, тут відокремлені один від одного невеликим проміжком).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.4 Блок інструментів

Палітри

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

На рис.1 зображені три сумісні палітри, які використовуються в програмі. Кожна з них складається з декількох окремих палітр. У першу групу (на малюнку вона розташована вгорі) входять три палітри: Navigator (Навігатор), Info (Інфо) і Options (Параметри); у другу (посередині) - також три: Color (Синтез), Swatches (Каталог) і Brushes ( Кисті), а в третю (внизу) - п'ять палітр: Layers (Шари), Channels (Канали), Paths (Контури), History (Події) і Actions (Операції).

Далі наводиться короткий огляд всіх палітр програми.

Палітра Navigator (Навігатор)

Ця палітра управляє масштабом зображення і переміщенням останнього в робочому вікні документа. У центрі палітри (мал. 5) знаходиться вікно навігатора, в якому міститься зменшене зображення активного документа. Червоною рамкою виділена частина зображення, яка відображається у робочому вікні документа. Перекладаючи покажчик всередину рамки і натискаючи кнопку миші, можна переміщувати рамку в палітрі, вибираючи таким чином фрагмент активного зображення, який повинен відображатися в робочому вікні документа.

Таким чином, за допомогою навігатора можна переміщати зображення в робочому вікні в тому випадку, коли воно не поміщається на екрані повністю.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.5 Палітра Navigator (Навігатор)

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

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

У цьому полі можна ввести інше значення масштабу, і після натискання клавіші [Enter] активний документ буде представлений в заданому масштабі.

Щоб поміняти колір рамки в палітрі, необхідно відкрити меню палітри, клацнувши на кнопці з чорним трикутником, і виконати команду Palette Options ... (Параметри палітри ...), задавши в її діалоговому вікні новий колір рамки.

Палітра Info (Інфо)

У цій палітрі (рис.6) відображаються дані про колір, координати і розміри окремих точок (пікселів) або виділених областей зображення.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.6 Палітра Info (Інфо)

У вікні палітри Info (Інфо) ви можете знайти інформацію про колірні параметри пікселя (групи пікселів) зображення, на якому встановлений покажчик миші. Ця інформація зазвичай розрахована на колірні моделі RGB і CMYK і розташовується у верхній частині вікна палітри. Для моделі CMYK поруч з чисельними параметрами кольору в більшості випадків стоїть знак відсотка. Якщо замість нього ви побачите знак оклику, це означає, що колір даного пікселя не входить в колірний простір моделі CMYK.

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

Інформація, наведена в палітрі Info (Інфо), залежить від того, який робочий інструмент є активним. Приміром, при використанні інструменту Measure (Вимірювач) у палітрі відображається наступне:

в лівій верхній частині вікна палітри будь-яка інформація відсутня;

у правій частині вказується довжина відрізка, що з'єднує дві обрані точки зображення, а також кут його нахилу відносно горизонтальної осі;

в лівій нижній частині наводяться координати першої зазначеної точки зображення;

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

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

Палітра Options (Параметри)

Палітра застосовується для настройки параметрів робочих інструментів програми. Поточна назва палітри і її вміст залежать від того, який інструмент вибраний. На рис.7 показано чотири образу цієї палітри - при роботі з інструментами Paintbrush (Кисть), Pencil (Олівець), Paint Bucket (Заливка) і Linear Gradient (Лінійний градієнт).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.7. Палітра Options (Параметри)

Наприклад, при роботі з пензлем ви можете задати в цій палітрі наступні параметри: режим змішування кольорів (у спадному списку вгорі ліворуч), коефіцієнт непрозорості фарби (параметр Opacity), розмір мазка кисті (Fade) і ознака розмитості його країв (прапорець Wet Edges) .

Щоб відновити вихідні параметри для обраного або всіх робочих інструментів, необхідно відкрити меню палітри і вибрати команду Reset Tool (Відновити інструмент) або Reset All Tools (Відновити всі інструменти). Процедура зміни параметрів інших інструментів проводиться таким же чином.

Палітра Color (Синтез)

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.8 Палітра Color (Синтез)

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

Синтез кольору можна виконати трьома способами:

клацанням у відповідному місці колірного синтезатора (розфарбованої смужки, розташованої в нижній частині палітри);

установкою бігунків слайдерів, відповідних базових параметрах вибраної колірної моделі;

введенням числових значень цих параметрів у поля справа.

За допомогою команд меню палітри можна вибрати одну з наступних колірних моделей: Grayscale (Градації сірого), RGB, HSB, CMYK і Lab. Крім того, тут передбачена можливість заміни колірної моделі для синтезатора. Встановіть на ньому вказівник, клацніть правою кнопкою миші і в контекстному меню виберіть відповідну модель: RGB, CMYK, Grayscale чи двоколірну (Current Colors).

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

Палітра Swatches (Каталог)

Ця палітра також призначена для вибору кольорів переднього і заднього планів, однак для їх завдання використовується не за забарвленням синтезатор, а каталог, завантажений у вікно палітри (рис.9).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.9 Палітра Swatches (Каталог)

Робота з цією палітрою здійснюється наступним чином. Скориставшись смугою прокрутки, виберіть у каталозі потрібний колір і виконайте на ньому клацання. Цей колір стане кольором переднього плану і відобразиться в блоці інструментів (в одинадцятому ряду). Щоб обраний в цій палітрі колір був використаний для заднього плану, необхідно клацнути на зображенні двобічної стрілки в блоці інструментів, помінявши тим самим ці кольори між собою.

У палітру Swatches (Каталог) можна завантажити будь-який інший каталог квітів, наявний у програмі. Клацніть на кнопці з чорною трикутною міткою у правому верхньому кутку палітри і в меню виберіть команду Load Swatches ... (Завантажити каталог ...) або Replace Swatches ... (Замінити каталог ...). У діалоговому вікні виберіть папку GoodiesColor Palettes, в якій зберігаються каталоги квітів, і відкрийте необхідний.

Палітра Brushes (Кисті)

Ця палітра (рис.10) дозволяє задати розмір і форму не тільки кисті, а й будь-якого іншого інструмента малювання для локального редагування, розташованого в блоці інструментів в рядах з третього по шостий.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.10 Палітра Brushes (Кисті)

У вікні палітри показано, яку форму може мати інструмент (яким буде відбиток в документі при одноразовому впливі інструмента). Для деяких великих за розміром зразків вказані діаметри.

Щоб вибрати кисть, помістіть курсор у відповідну клітинку палітри і виконайте клацання. У результаті вказаний зразок стане активним і навколо нього з'явиться чорна рамка.

Додаткова настройка кисті виконується в діалоговому вікні Brush Options (Параметри кисті), яке відкривається після подвійного клацання мишею на її зразку.

Палітра Layers (Шари)

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Палітра Layers (Шари) призначена для виконання різних операцій при обробці багатошарових зображень (рис.11).

Рис.11 Палітра Layers

Палітра Channels (Канали) використовується при роботі з колірними і службовими каналами оброблюваних зображень (рис.12).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.12 Палітра Channels

Палітра Paths (Контури) призначена для роботи з контурами, що представляють собою допоміжні векторні об'єкти (рис.13).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.13 Палітра Paths

Палітра History (Події) дозволяє фіксувати проміжні етапи обробки зображень і у випадку необхідності повертатися до них (рис.14).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.14 Палітра History

Палітра Actions (Операції) призначена для автоматизації обробки зображень шляхом створення і багаторазового застосування сценаріїв, що представляють собою набори команд, часто використовуваних при обробці. На рис.15 зображені два варіанти цієї палітри: ліворуч - звичайний, праворуч - кнопковий. Останній застосовується лише в режимі відтворення сценаріїв (до його використання можна перейти за допомогою команди Button Mode меню розглянутої палітри).

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Рис.15 Палітра Actions

Практична частина

Створення банерів

1. Спочатку створимо новий файл. Він не повинен бути більшим. Наш банер буде 300 пікселів в ширину і 80 - у висоту, а фон краще зробити прозорим.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

2. Перед початком роботи переконаємося, що все необхідне є у нас під руками. Для цього потрібно відкрити меню "Вікно" (Window). Нам знадобляться вікна Шари, Анімація, Інструменти, Стилі. Біля цих слів повинні стояти галочки. Це означає, що вікна вже відкриті на екрані. Вони також можуть бути позначені словами "приховати" і "показати". Якщо вікна вже є, близько їх назв стоїть слово "приховати". Якщо вікон на екрані немає, потрібно клацнути по їх назвах мишкою, і вони з'являться.

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

Кадри рухомий картинки в ImageReady створюються з шарів, тому спочатку потрібно зробити багатошарове зображення.

У нашому банері буде тільки два шари.

3. Заллємо фон кольором (R46 G16 B122).

4. Надрукуємо слова "Adobe PhotoShop" (або будь-які інші за Вашим бажанням). Колір тексту - будь-який, гарнітура - Arial, розмір - 34 px. Розмістимо текст по центру. Створення банерів за допомогою програми Adobe PhotoShop 7.0

Зверніть увагу на палітру "Шари" (Layers) - шарів тепер два.

5. Для оформлення тексту використовуємо готові ефекти. На панелі "Стилі" (Styles) виберемо стиль і, утримуючи лівою кнопкою миші, перетягнемо його на букви.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

6. На палітрі Шари кликнемо правою кнопкою миші на заголовку шару з фоном і з контекстного меню виберемо саму верхню позицію - Дублювати шар. Те ж саме проробимо з шаром, що містить букви. Шарів стало чотири. Перетягуючи шари по палітрі, можна розташувати їх у будь-якому порядку. Нам необхідно, щоб шари розташувалися у такій послідовності знизу вгору: фон - текст - фон - текст.

7. У верхньому шарі, що має текст, поміняємо напис на Adobe ImageReady (або іншу, яку захочете). Застосуємо до букв інші ефекти, також скориставшись заготівлею.

8. Виділимо шар з текстом. Зайдемо в меню "Шари" (Layers) і виберемо "склеїти з нижнім" (Merge Down). Тепер букви і лежав під ними фон об'єдналися в один шар.

9. Проробимо те ж саме з іншим текстом і отримаємо два шари з різними написами і фоном. Залишилося перетворити їх в кадри.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Створення банерів за допомогою програми Adobe PhotoShop 7.0

10. Для цього звернемося до вікна "анімація". У меню цього вікна виберемо команду "зробити кадри з шарів".

-18 -

Створення банерів за допомогою програми Adobe PhotoShop 7.0

У вікні з'являться два кадри. У кожного з них потрібно поставити час, протягом якого кадр буде перебувати на екране.11. Натиснемо маленьку стрілочку в нижньому куті першого кадру. Виберемо 0,5 секунди. Точно так само зробимо з іншим кадром.

Створення банерів за допомогою програми Adobe PhotoShop 7.0

Ось і все. Наш банер готовий!


Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Реферат
43кб. | скачати


Схожі роботи:
Створення та обробка зображень за допомогою графічного редактора растрової графіки Adobe Photoshop
Програма Adobe Photoshop
Виділення областей в програмі Adobe Photoshop 3 0
Створення довідника Парфумерний магазин за допомогою програми Turbo Pascal
Інтерфейс програми Photoshop Інструменти та палітри Основний опис графічного редактора PhotoS
Створення анімованих зображень у програмі Adobe ImageReady
Захист інформації за допомогою антивірусної програми Panda
Вивчення роботи в Інтернеті за допомогою програми Internet Explorer
Створення фігурного тексту за допомогою WordArt
© Усі права захищені
написати до нас