Основні прийоми створення растрових графічних зображень

1.

Основні прийоми
створення растрових
графічних
зображень

2.

ПЛАН
1
Створення колажів. Робота з текстом. Робота з векторними
елементами.
2
Ретуш та художня обробка зображень.
3
Тонова корекція зображень. Робота з кольором.
4
Створення елементів для веб-сторінок.

3.

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

4.

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

5.

Створювати колажі можна
за допомогою програм
Photoshop, Picasa, Picture
Collage Maker Free, Fotomix та
багато інших.
Також існують онлайн
сервіси, що дозволяють
створювати колажі без
завантаження і встановлення
програмного забезпечення.

6.

Дуже часто малюнки доповнюються
текстовим
супроводом,
яке
надає
осмисленість зображенні.
Текст теж може бути
предметом дизайну або
частиною
дизайнерської
композиції тому від версії
до
версії
Photoshop
доповнює
свій
арсенал
роботи з текстом.

7.

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

8.

Для створення тексту існують спеціальні інструменти.
Інструмент Горизонтальний текст створює текстовий шар,
на якому текст розміщується зовсім традиційним
горизонтальним чином.
Інструмент Вертикальний текст створює текстовий шар,
на якому текст розміщується зверху вниз

9.

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

10.

Горизонтальний/
вертикальний
текст
Вибір шрифта
Накреслення
шрифта
Розмір
шрифта
Вирівнювання
тексту
Згладжування
шрифта
Колір тексту
Створити
деформований
текст
Додаткові
налаштування

11.

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

12.

Що стосується додаткових
налаштувань тексту, це
вже скоріше з області
верстки.
Палітра під назвою Символ
управляє символами.

13.

Векторні фігури – це прямі та криві лінії, які створюються
за допомогою інструментів груп «Фігури» або «Перо».
Векторні фігури не залежать від роздільної здатності,
оскільки зберігають чіткі межі під час зміни розміру, друку на
принтері PostScript, запису в PDF-файли або імпорту до
графічних програм, призначених для роботи з векторною
графікою.
З довільних фігур можна створювати бібліотеки, окрім того, можна
редагувати обриси (які називаються контурами) та атрибути фігур
(наприклад, штрих, колір заливки та стиль).

14.

Креслення в Photoshop передбачає
створення векторних фігур і контурів.
У Photoshop малювати можна
за допомогою будь-якого з
інструментів групи «Фігури»
У Photoshop малювати можна
за допомогою будь-якого з
інструментів групи «Перо».

15.

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

16.

Поліпшення якості знімка
По-перше, ретуш – це поліпшення якості знімка в цілому.
це збільшення
контрастності
корекція колірної гами
корекція насиченості
кольору.

17.

Видалення непотрібних деталей
По-друге, ретуш – це така
робота з фотографією, яка
спрямована на вдосконалення
моделі.
Наприклад, часто доводиться
мати справу з усуненням
недоліків або дефектів особи:
шрамів, зморшок, веснянок.

18.

Ретуш портрета також може полягати у його
художньому перетворенні: підкресленні густоти
вій, блиск очей.
Посилення тіней на
обличчі може підкреслити
або виправити овал
обличчя, форму носа,
поправити помилки не
дуже вдалого освітлення.

19.

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

20.

Етапи та шляхи реставрації
Робота зі старими фотографіями, їх реставрація – клопітка, часто
дуже довга, але дуже вдячна праця. Вона включає в себе наступні етапи:
1
•корекція зображення в цілому
2
•зарівнювання великих плям
3
•вирівнювання дрібних плям та подряпин
4
•ручне вдосконалення окремих деталей фотографії
5
•виправлення геометрії кадру, корекція ракурсу, порушення перспективи

21.

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

22.

23.

В області верстки є
додаткові можливості для
роботи з кольором
Палітра під назвою Корекція

24.

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

25.

Звичайно, графічні елементи, з одного боку, річ небезпечна, оскільки
графічні файли мають великі розміри і, відповідно, довго
завантажуються з Інтернету.
Але якщо на сторінці зовсім не
використані елементи графіки, вона
теж сприйматиметься неадекватно:
одноманітність текстового викладу
заважає
читачеві
сприймати
матеріал, що навіть цікавить його.

26.

Звичайно, можна багато
чого досягти,
використовуючи стильове
оформлення сторінки за
допомогою каскадних
таблиць стилів.
Проте є ще один спосіб “пожвавити” веб-сторінку.
Він полягає у використанні невеликого числа дрібних
графічних елементів як елементи оформлення.

27.

Для розміщення на веб-сторінках в
Інтернеті
використовують
растрові
зображення у форматах:
JPG
GIF
PNG
Оскільки ці формати передбачають стискання даних і файли мають
менший обсяг, ніж відповідні файли форматів без стискання.

28.

Типи графічних вставок:
лінії та смуги розділу (lines, rules);
фонові зображення (back-grounds);
заголовні зображення (titles);
маркери списків (bullets);
кнопки (buttons).

29.

Графічні роздільники
Різні
зазвичай
замість
(<HR>).
графічні
роздільники,
горизонтальні, вживані
горизонтальної
межі
Хоча тег <HR> і піддається
налаштуванню,
графічний
роздільник часто виглядає кращим.
Застосування
графічних
елементів оформлення – різні
кнопки і маркери списків.

30.

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

31.

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

32.

Маркером може бути все що завгодно –
від просто кольорових і трохи опуклих
кружків і квадратів до витончених
мініатюрних художніх робіт.
Проте
пам’ятайте,
що
саме
мініатюрних, маркери списків мають за
розміром
якось
відповідати
висоті
текстового рядка. Прагніть створювати
подібні зображення відразу у натуральну
величину.

33.

Оформлення кнопок
Ще одне часте
застосування графічних
елементів – це
оформлення кнопок.
Взагалі кажучи, кнопка –
це елемент взаємодії з
користувачем, оскільки
передбачається, що
коли на ній натиснути,
щось відбудеться.

34.

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