Растрова графіка




Скачати 46.33 Kb.
НазваРастрова графіка
Дата конвертації05.03.2013
Розмір46.33 Kb.
ТипДокументы
uchni.com.ua > Інформатика > Документы

Растрова графіка

Мета роботи


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

Вивчити формати файлів растрових зображень.

Стислі теоретичні відомості


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

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

Негативний момент у використанні шарів — збільшення об’єму графічного файлу. Так, з додаванням другого шару цей об’єм подвоюється, з додаванням третього — потроюється. Закінчивши редагування, можна зберегти файл з „шаровою структурою“, але лише в спеціальних форматах (наприклад, Photoshop PSD).

Ще одна операція, що часто призводить до збільшення об’єму файлу — розширення полотна (Canvas Size). На початку розмір полотна дорівнює розміру зображення, доки ми не вирішимо його змінити. В цифровому фотодруці збільшення полотна може вимагатись для додавання підписів, обрамлення або інших потреб фотомонтажа. Додана область складається з нових пікселів, за рахунок яких і збільшується об’єм файла.

Яким чином буде розширено полотно (вірніше — де на ньому розміститься старе зображення), визначається за допомогою параметра якоря (Anchor) в діалоговому вікні Canvas Size.

Коли кілька зображень збираються на одному полотні (і зберігаються в одному файлі), кінцева роздільна здатність і режим визначаються характеристиками результуючого файла. В цьому причина неочікуваних змін розмірів картинок, які копіюються з інших документів і розміщуються в один колаж. Якщо поглянути на проблему пильніше, виявиться, що розміри змінюються лише коли потрібно сумістити зображення, збережені з різною роздільною здатністю. В Photoshop можна зробити їх візуально рівного розміру, обравши різний масштаб, але в дійсності вони будуть складатись із різної кількості точок і, наприклад, при спробі помістити зображення з високою роздільною здатністю на полотно з низькою роздільною здатністю, вклеюваний фрагмент несподівано „виросте“.

Фотографії, що були зняті в різний час, різних умовах і місцях, як правило, погано узгоджуються на одному плакаті. Різна палітра, тональний діапазон, розміри зображень потребують клопіткої підгонки. Це можна усунути, якщо підібрати для фрагментів загальний нейтральний тон, але скористатись підходящим „за змістом“ фільтром.
^

Порядок виконання роботи


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

Спочатку потрібно підготувати полотно і створити новий шар.

Для того, щоб спростити налаштування розмірів полотна, потрібно перейменувати фоновий шар нашого зображення. Клацніть двічі по іконці фонового шару, в з’явившомуся вікні New Layer видаліть слово Background і введіть будь-яке інше.



Рис. 1.Зміна імені фонового шаур

Тепер стврюємо новий шар. Клацніть по маленькій іконці Create New Layer. Перетягніть новий пустий шар (Layer 1) нижче шару з зображенням так, щоб він виявився останнім (нижнім) у списку шарів, і зробіть його активним. Оберіть в якості кольору переднього плану білий і виконайте команду Edit > Fill.



Рис. 2.Створення нового шару

Перемкніть фоновий колір на білий і, доки Layer 1 залишається активним, оберіть Image > Resize > Canvas Size. У вікні Canvas Size поставте „якір“ на центральному квадратику, потім збільшіть полотно в чотири рази по ширині і вдвоє — по висоті.



Рис. 3.Зміна розмірів полотна

Тепер потрібно відкрити (імпортувати) нові зображення і вирівняти їх за сіткою. Потім ми зберемо фрагменти нашого колажа разом.

Є кілька способів імпортувати інші зображення і помістити їх на полотно, але для початку ми будемо користуватись одним. Відкрийте необходне зображення і скомандуйте Select > All, потім Edit > Copy. Поверніться до вікна з основним зображенням і оберіть Edit > Paste.



Рис. 4.Імпорт початкових фрагментів

Для зручності виконання дій, що повторюються, розмістіть вікна з фотографіями поруч на екрані. Потім розблокуйте фоновий шар в файлі, звідки ви хочете скопіювати фрагмент, і оберіть інструмент переміщення (Move). Тепер фрагмент можна „захватити“ мишкою і перетягнути до нашого колажу.



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

Для того щоб вирівняти всі три фрагменти, виконайте команду View > Grid. Перевстановіть налаштування екрана командою Preferences > Grid. Замініть одиницю виміру на потрібну для вашого проекту (можна обрати пікселі або сантиметри), також оберіть густоту сітки (кількість вузлів на одиницю виміру).

06

Рис. 6.Використання сітки

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



Рис. 7.Перейменування шарів

Зробіть активним той шар, розміри якого збираєтесь змінювати, оберіть режим Free Transform, натисніть і затримуйте клавішу Shift (з нею розміри будуть змінюватись пропорційно, і картинка не викривиться). Візьміться мишою за кут і перемістіть його всередину або зовні. Повторіть те ж і для інших фрагментів.



Рис. 8.Трансформація і переміщення

Наступна наша задача — об’єднати три шари разом. Зробіть активним будь-який з шарів, потім клацніть по маленькій іконці справа від „ока“ в двох інших шарах. Зображення ланцюжка, що з’явилось, означає, що ми з’єднали всі активні шари разом. Виконайте команду Layer > Merged Linked (з’єднати пов’язані шари).

09

Рис. 9.Групування шарів
Наступний крок – фарбування з’єднаних шарів одним тоном. Оберіть Enhance > Adjust Colour > Hue/Saturation і в діалоговому вікні клацніть по кнопці Colorize. Тепер підбираємо колір тону і його насиченість, рухаючи повзунки Hue і Saturation.



Рис. 10.Стилізація зображення

Для стилізованої тіні оберіть опцію Drop Shadows з меню Layer Styles. Задайте режим Soft Edges. В палітре шарів двічі клацніть по іконці з буквою „f“ для відповідного шару — і в діалоговому вікні Style Setting виставте бажані параметри тіні.



Рис. 11.Додавання тіні

В якості фінального штриха скористайтесь інструментом Eyedropper (піпетка), щоб взяти кольорову „пробу“ із зображення і надрукувати цим кольором текст підпису. Оберіть средній тон і простий шрифт, який не буде відволікати увагу від композиції.



Рис. 12.Додавання підпису



Рис. 13.Результуюче зображення

Завдання до самостійної роботи


        1. Створіть власний колаж, поєднуючи не менше 5 різних зображень.

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

Схожі:

Растрова графіка iconУрок №1 Растрова, векторна І фрактальна графіка. Історія анімації....
Ційними методами – малюванням або друкуванням. Комп’ютерна графіка включає методи І засоби створення І обробки зображень за допомогою...
Растрова графіка iconКонспект уроку № Тема: Векторна, растрова, фрактальна, 3д графіка
Формувати початкові навички роботи в графічному редакторі Paint, засвоїти його призначення, ознайомитись із інтерфейсом програми...
Растрова графіка iconКомп’ютерна графіка. Тривимірна графіка
Тривимірна графіка призначена для імітації фотографування або відеозйомки тривимірних образів об'єктів, які можуть бути попередньо...
Растрова графіка iconКомп’ютерна графіка з’явилась достатньо давно вже у 1960-х роках...
Сьогодні прийнято користуватися термінами «комп’ютерна графіка» І «комп’ютерна анімація». Поняття «комп’ютерна графіка» об’єднує...
Растрова графіка iconФормати gif та jpg(jpeg). Який кращий? Оптимізація у PhotoShop
В жодному з наведених прикладів графіка не замінить собою текст, але безумовно, вона зможе вигідно доповнити І проілюструвати його....
Растрова графіка iconТел дом. (032) 291-63-88 моб. 8-067-905-63-08 e-mail: metellja
Досвід роботи у сфері 3D моделювання та багатьох інших сферах графіки (растрова, векторна І т п.) а також у сфері веб дизайну (розробка,...
Растрова графіка iconКонтрольна робота №6 (тестові завдання) Фонетика Графіка Орфографія Орфоепія

Растрова графіка iconГраф І к
Друга середа кожного місяця – прийом у сільських та селищних радах згідно графіка
Растрова графіка iconА б в г д
Знайдіть кут, який утворює з додатним напрямком осі Ох дотична до графіка функції у точці
Растрова графіка icon2 4 а б в г д
Установіть відповідність між геометричним перетворенням графіка функції у =(1-3) та функцією, одержаною в результаті цього перетворення...
Додайте кнопку на своєму сайті:
Школьные материалы


База даних захищена авторським правом © 2014
звернутися до адміністрації
uchni.com.ua
Головна сторінка