Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
ЛАБОРАТОРНА РОБОТА № 9. ГРАФІЧНИЙ ПРОЦЕСОР ADOBE PHOTOSHOP. ОСНОВНІ ЕЛЕМЕНТИ ІНТЕРФЕЙСУ ПРОГРАМИ. ПАНЕЛЬ ІНСТРУМЕНТІВ
Мета роботи: отримати навики роботи з програмою Adobe Photoshop. Навчитися створювати і зберігати файли, вивчити опції збереження і створення файлів. Вивчити основні формати файлів і їх властивості. Ознайомитися з панеллю інструментів Adobe Photoshop.
Теоретичні відомості
Layer (Шар) - робота з шарами, ефекти.
Панель інструментів.
Панель поділена на декілька груп інструментів.
Тут міститься основна інформація про файл, з яким ви працюєте і інформація про комп'ютер, яка має відношення до роботи з Photoshop. Розглянемо деякі елементи цього рядка:
1. Масштаб. Тут відображається поточний масштаб у відсотках. За замовчуванням - 100%. Один піксель екрану монітора відповідає одному пікселю зображення.
2. Інформаційне поле. Зліва від масштабу. Тут міститься інформація про графічний файл, над яким ви працюєте або інформація про комп'ютер, яка відноситься до роботи програми.
3. Меню інформаційного поля (Чорний трикутник). У нього входять - Розміри документів, Ефективність, Хронометраж і розміри робочих дисків.
Хід роботи.
Створення і збереження файлів. Зміна розмірів і форми зображення
Завдання 1
Створіть нові файли з перерахованими параметрами:
|
Name |
Preset |
Width / Height |
Resolution |
Color Mode |
Background Content |
|
file_01 |
Custom |
355/355 |
72 |
RGB |
Background color |
|
file_02 |
1024x768 |
1024/768 |
36 |
LAB |
White |
|
file_03 |
640x480 |
640/480 |
72 |
Grayscale |
Transparent |
Завдання 2
Збережіть створені файли (завдання 1.1) з наступними параметрами. У разі відкриття при збереженні діалогових вікон введіть інформацію стовпця 3.
|
File name |
Format |
Опції діалогових вікон |
|
file_01 під им’ям file_1 |
PSD |
|
|
file_02 під ім'ям file_2 |
BMP |
File Format – Windows; Depth –8 bit |
|
file_03 під ім'ям file_3 |
JPEG |
Quality – 10; Format Options – Progressive; Scans – 3 |
Завдання 3
Закрийте файли file_1, file2, file_3.
Завдання 4
1. Відкрийте файл file_1.
2. Збережіть його як копію.
Завдання 5
1. Вивчіть інтерфейс програми Photoshop.
2. Запишіть назву основних елементів інтерфейсу.
3. Вивчіть палітри програми (пункт меню Window). Запишіть призначення кожної палітри.
Завдання 6
1. Відкрийте файл Dune.tif який знаходитися в папці Samples програми Adobe Photoshop.
2. Збережіть його під різними розширеннями заповнивши таблицю (У графі «опції збереження» необхідно описати діалогові вікна, пункти меню.
|
Формат збереження |
Опції збереження |
Розмір файла після збереження |
|
PSD |
||
|
JPEG |
||
|
GIF |
||
|
PNG |
||
|
BMP |
Зміна розмірів зображення
Завдання 7.
1. Завантажити програму Photoshop.
2. Відкрити файл dune.tif (Знаходиться в папці \Adobe\Samples).
3. Розкрити меню Image (Зображення) і вибрати з нього команду Image Size (Розмір зображення). Відкриється діалогове вікно Image Size (Розмір зображення).
4. Ввести в поле Resolution (Роздільна здатність) значення роздільної здатності зображення, рівне 120 pixels/inch (пикселей/дюйм). При зміні значення роздільної здатності ширина і висота зображення автоматично змінюються.
5. Підтвердити перетворення, натиснувши клавішу Ok.
6. Відмінити перетворення, використовуючи палітру History. Відкрити меню Window (Вікно), в якому вибрати команду Show History (Показати історію). Вибрати в палітрі другий пункт- Open (Відкрити).
7. Розкрити меню Image (Зображення) і вибрати з нього команду Image Size (Розмір зображення). Відкриється діалогове вікно Image Size (Розмір зображення).
8. Відключити прапорець Constrain Proportion (Використовувати пропорцію).
9. Встановити прапорець Resample Image (Перерахунок розмірів зображення) і ввести в групі Pixel Dimensions значення ширини, рівне 600 pixels (пікселів) і висоти, - 350 pixels (пікселів).
10. Підтвердити перетворення, натиснувши клавішу Ok.
11. Відмінити перетворення, використовуючи палітру History. Відкрити меню Window (Вікно), в якому вибрати команду Show History (Показати історію). Вибрати в палітрі другий пункт- Open (Відкрити).
12. Розкрити меню Image (Зображення) і вибрати з нього команду Image Size (Розмір зображення). Відкриється діалогове вікно Image Size (Розмір зображення).
13. Встановити прапорець Constrain Proportion (Використовувати пропорцію).
14. Ввести в групі Pixel Dimensions значення ширини, рівне 600 pixels, а значення висоти буде встановлено автоматично. Звернути увагу, що при зміні ширини і висоти значення дозволу зображення Resolution (Дозвіл) не змінюється.
15. Підтвердити перетворення, натиснувши клавішу Ok.
16. Продемонструвати результат викладачеві.
17. Закрити документ dune.tif без збереження.
18. Завершити роботу з програмою Photoshop.
Зміна розмірів полотна
Завдання 8.
1. Завантажити програму Photoshop.
2. Відкрити файл dune.tif.
3. У меню Image (Зображення) вибрати команду Canvas Size (Розмір полотна).
4. Вибрати в групі New Size (Новий розмір) в додатковому списку значення зміни розміру полотна -percent (відсотки).
5. Ввести нові значення розмірів в поля Height (Висота) = 120 і Width (Ширина) = 120.
6. Підтвердити перетворення, натиснувши клавішу Ok.
7. Відмінити перетворення, використовуючи палітру History. Відкрити меню Window (Вікно), в якому вибрати команду Show History (Показати історію). Вибрати в палітрі другий пункт - Open (Відкрити).
8. У меню Image (Зображення) вибрати команду Canvas Size (Розмір полотна).
9. У нижній частині діалогового вікна показана сітка, центральний осередок якої представляє поточне положення зображення. Змінити поточне положення полотна клацнувши в лівому верхньому квадраті, щоб визначити розташування зображення на новому полотні.
10. Вибрати в групі New Size (Новий розмір) в додатковому списку значення зміни розміру полотна - pixels (пікселі).
11. Ввести нові значення розмірів в поля Height (Висота) = 600 і Width (Ширина) = 500.
12. Підтвердити перетворення, натиснувши клавішу Ok.
13. Продемонструвати результат викладачеві.
14. Закрити документ dune.tif без збереження.
15. Завершити роботу з програмою Photoshop.
Поворот полотна за допомогою команд групи Rotate Canvas
Завдання 9.
1. Завантажити програму Photoshop.
2. Відкрити файл dune.tif.
3. Відкрити меню Image (Зображення), а потім в опції Rotate Canvas (Поворот полотна) вибрати команду 180°.
4. Підтвердити перетворення, натиснувши клавішу Ok.
5. Відкрити меню Image (Зображення), а потім в опції Rotate Canvas (Поворот полотна) вибрати команду 90° CW. В результаті виконання цієї команди значення висоти і ширини поміняється місцями.
6. Підтвердити перетворення, натиснувши клавішу Ok.
7. Відкрити меню Image (Зображення), а потім в опції Rotate Canvas (Поворот полотна) вибрати команду Arbitrary (Довільно). При виборі цієї команди буде відкрито діалогове вікно. Задати поворот полотна на кут 45° за годинниковою стрілкою.
8. Підтвердити перетворення, натиснувши клавішу Ok.
9. Відмінити перетворення використовуючи палітру History. Відкрити меню Window (Вікно), в якому вибрати команду Show History (Показати історію). Вибрати в палітрі другий пункт - Open (Відкрити).
10. Відкрити меню Image (Зображення), а потім в опції Rotate Canvas (Поворот полотна) вибрати команду Flip Horizontal (Дзеркальне відображення по горизонталі).
11. Підтвердити перетворення, натиснувши клавішу Ok.
12. Продемонструвати результат викладачеві.
13. Закрити документ dune.tif без збереження.
14. Завершити роботу з програмою Photoshop.
Вивчення панелі інструментів
Виділення прямокутником, овалом або прямою лінією.
Завдання 10.
Marquee Tools
|
Виділення прямокутником |
|
|
Виділення овалом |
|
|
Виділення вертикальною або горизонтальною лінією |
|
|
Кероване виділення (Grop) створює прямокутну область з фіксованими вершинамі і відміченим центром, щодо яких надалі можна проводити точні настройки розміру і орієнтації |
Завдання 10.1. Використання інструменту виділення прямокутником.
|
Скориставшись інструментом виділення прямокутником, зробити з однієї фотографії дві. Для цього збережіть цю фотографію у себе на диску, відкрийте її в Photoshop і скориставшись інструментом виділення прямокутником виділіть ліву частину фотографії і виберіть пункт меню Правка / Копировать. Тепер створіть новий файл. Вставте туди зображення з буфера обміну і збережіть його. Аналогічні дії виконаєте з правою частиною фотографії. |
||
|
Зверніть увагу на те, що нові фотографії повинні бути одного розміру. |
Завдання 10.2. Використання інструменту виділення овалом.
|
1. Збережіть цю фотографію у себе на диску. 2. Виберіть інструмент виділення овалом і утримуючи клавішу Alt виділить частину портрета. 3. Виконайте команду Правка / Копировать. 4. Створіть новий файл і вставте туди скопійоване зображення. |
Загальноприйняті технічні прийоми:
Виділення області у вигляді круга або квадрата:
В процесі створення виділеної області натисніть і утримуйте клавішу Shift.
Виділення області рівномірно на всі боки від центральної точки:
В процесі створення виділеної області натисніть і утримуйте клавішу Alt.
Виділення області у вигляді круга або квадрата рівномірно на всі боки від центральної точки:
В процесі створення виділеної області використовуйте комбінацію клавіш Alt + Shift.
Виділення довільної області.
Завдання 11.
Інструмент Lasso дозволяє виділити в зображенні (або його частини) області довільної форми шляхом вказівки їх меж.
Lasso Tools
|
виділення "від руки" |
|
|
виділення багатокутником, вказавши його вершини |
|
|
виділення "магнітом" (лінія сама згинається за курсором) |
Задание 11.1. Использование инструмента выделения "от руки".
|
1. Збережіть цю фотографію у себе на диску. 2. Виберіть інструмент виділення "від руки" і виділіть рибу на фотографії. 3. Виконайте команду Правка / Копировать. 4. Створіть новий файл і вставте туди скопійоване зображення. 5. Збережіть новий портрет на диску. |
Завдання 11.2. Використання інструменту виділення багатокутником.
|
1. Збережіть цю фотографію у себе на диску. 2. Виберіть інструмент виділення багатокутником і вказавши вершини багатокутника (одинарним клацанням миші) виділить рибу на фотографії (завершення виділення - подвійне клацання миші). 3. Виконаєте команду Правка / Копировать. 4. Створіть новий файл і вставте туди скопійоване зображення. 5. Збережіть новий портрет на диску. |
Завдання 11.3. Використання інструменту виділення "магнітом".
|
1. Збережіть цю фотографію у себе на диску. 2. Виберіть інструмент виділення магнітом і обведіть їм контур пінгвіна. Виконайте команду Правка / Копировать. 3. Створіть новий файл і вставте туди скопійоване зображення. 4. Збережіть новий портрет на диску |
Завдання 12.
|
Magic Wand Tool "чарівна паличка" |
Інструмент чарівна паличка дозволяє виділяти фрагменти зображення, грунтуючись на подібності кольорів суміжних пікселів; при цьому він позбавить вас від необхідності копіткого ручного попереднього обкреслювання меж областей, що виділяються, за допомогою будь-якого інструменту виділення. |
Завдання 12.1. Використання інструменту виділення "чарівна паличка".
|
1. Збережіть цю фотографію у себе на диску. 2. Виберіть инструмент"чарівна паличка" і клацніть нею по чорному фону. Ви побачите, що виділився ваш фон (паличка виділила всі суміжні області чорного кольору). 3. Виконайте команду Правка / Очистить (або натисніть клавішу Delet). Чорний фон буде видалений. 4. Збережіть новий портрет на диску. |
Переміщення чи рух об'єкту або зображення.
|
Move Tool |
Переміщення виділеної області (об'єкту або шару) здійснюється за допомогою миші, при утриманні лівої клавіші. |
|
Hand Tool |
Завдання 13.1. Використання інструменту руху виділеного об'єкту або шару.
|
1. Збережіть цей малюнок у себе на диску. 2. Виберіть інструмент чарівна паличка і виділить кольоровий квадрат. 3. За допомогою інструменту перемістить його так, щоб побудувати піраміду з квадратів. 4. Виконайте команду Выделить / Снять выделение. 5. Повторіть ці дії з кожним з квадратів. 6. Збережіть новий малюнок на диску |
Завдання 13.2. Використання інструменту переміщення зображення у вікні.
Відкрийте будь-яке зображення і збільшіть його масштаб.
Зручно збільшувати масштаб одночасним натисненням клавіш ctrl і +, а зменшувати ctrl і -.
Зверніть увагу, що в рядку заголовка вікна показаний вибраний вами масштаб. Якщо ви вибираєте крупний масштаб, то все зображення вже не видно в рамках вікна, і переміщати його можна за допомогою інструменту .
|
Airbrush Tool |
Інструмент аерограф дозволяє фарбувати об'єкти (і малювати) без різких колірних переходів. Цей ефект подібний до малювання за допомогою аерозольного балончика-розпилювача. При використанні цього інструменту можливо отримати значно м'якші штрихи і переходи, ніж при використанні інструменту Paintbrush. |
|
Paintbrush Tool |
Інструмент кисть призначений для нанесення м'яких мазків. Імітує пензель художника. |
Завдання 14.1. Використання інструментів розпилювач фарби і малювання кистю.
|
На верхньому малюнку використано інструмент аерограф (розпилювач фарби), а на ніжньому інструмент малювання кистю. Очевидно, що на верхньому малюнку спостерігається плавніший колірний перехід, а на нижньому малюнку яскраво виражена межа двох кольорів. Створіть в окремому файлі два зображення - одне за допомогою кисті, інше за допомогою аерографа, так, щоб була очевидна відмінність між ними. |
Завдання 15.
|
Pencil Tool |
Інструмент олівець дозволяє користувачеві малювати довільні лінії з жорсткими межами; перш за все він використовується в роботі з бітовими зображеннями. |
Завдання 15.1. Використання інструментів малювання прямих ліній і ліній довільної форми.
|
Як ви бачите, на верхній частині малюнка використаний інструмент малювання прямих ліній. Він дозволяє малювати лінії будь-якої товщини, а також лінії з наконечником у вигляді стрілки. На нижній частині малюнка використаний інструмент малювання ліній довільної форми (олівець). Створіть новий файл і потренуйтеся у використанні цих інструментів. |
Завдання 16.
|
Gradient Tool градієнт |
Заповнює область плавним переходом від одного кольору до іншого |
Завдання 16.1. Використання градієнтної заливки.
|
Для того, щоб використовувати градієнтну заливку треба: 1. За допомогою інструментів виділення виділити область, для якої буде виконана заливка. 2. Вибрати інструмент градієнтної заливки. 3. При натиснутій лівій клавіші мишки провести через всю виділену область (як би перекреслити виділену область у напрямку заливки). Після того, як ви відпустите ліву клавішу, виділена область буде заповнена градієнтною заливкою. 4. Параметри градієнта можна міняти в додатковому вікні, яке з'являється на вашому екрані після того, як ви вибираєте інструмент градієнтної заливки. |
Завдання 17.
|
Blur Tool - інструмент для змазування меж зображення (Blur); підвищення чіткості (Sharpen); змазування по траєкторії (Smudge). |
Завдання 17.1. Використання інструментів для змазування меж і змазування по траєкторії.
|
На правому зображенні ви бачите результат використання інструментів для змазування меж зображення (Blur) - він застосований до джемпера; і змазування по траєкторії (Smudge) - він застосований до зачіски. Збережіть цю фотографію у себе на диску і виконайте аналогічні операції з нею. Збережіть нове зображення. |
Завдання 18.
|
Dodge Tool |
Збільшує яскравість Dodge Tool; зменшує яскравість Bum Tool; змінює насиченість кольорів Sponge Tool (губка). |
Завдання 18.1. Використання інструментів для збільшення і зменшення яскравості зображення.
|
На правому зображенні видно результат застосування інструментів збільшення яскравості зображення (кішка) і зменшення якості зображення (фон). Збережіть ліву фотографію у себе на диску і виконайте з нею аналогічні дії. Збережіть отримане зображення на диску. |
ЛАБОРАТОРНА РОБОТА № 10. «ADOBE PHOTOSHOP. ПОНЯТТЯ ОБ'ЄКТА В PHOTOSHOP. ОСНОВИ МАЛЮВАННЯ: РОБОТА З ЛІНІЯМИ, ГЕОМЕТРИЧНИМИ ФІГУРАМИ, КРИВИМИ ЛІНІЯМИ. ВИКОРИСТАННЯ СІТКИ, ЛІНІЙКИ, НАПРАВЛЯЮЧИХ»
Мета роботи: отримати навики роботи з програмою Adobe Photoshop. Навчитися створювати об’єкти: лінії, геометричні фігури, криві лінії. Навчитися використовувати сітку, лінійку та направляючі.
Теоретичні відомості
Кожен створюваний у програмі Adobe Photoshop документ спочатку складається тільки із тла. Якщо говорити мовою аналогій, то фоновий шар можна зрівняти з полотном художника. Фоновий шар може бути білим, пофарбованим у поточні кольори заднього плану або прозорим. Ці параметри (характеристики) ви можете задавати щораз при створенні нового зображення. Вручну ви можете додати в документ один або кілька шарів. Шари надають користувачеві можливість редагувати окремі елементи зображення незалежно друг від друга. Таким чином, ви можете змінювати й переміщати вміст будь-якого шару, не зачіпаючи при цьому об'єкти, розташовані на інших шарах.
На вкладці Layers палітри шарів перераховані всі шари зображення, починаючи з верхнього; background-шар завжди розташовано у самому кінці таблиці. Коли ви клацаєте по значку Create new layer (Создать новый слой), Photoshop визначає, скільки шарів уже задіяно в зображенні, і автоматично привласнює новому шару наступний порядковий номер. Але такі назви шарів не завжди зручні. Якщо вам потрібно швидко ідентифікувати вміст шару, ви можете дати йому індивідуальне ім'я. Для цього потрібно створювати нові шари трохи більш довгим шляхом, а саме через меню палітри Layers (Слои), пункт New Layer (Новый слой).
Можна також перейменувати вже створений шар, клацнувши двічі по його заголовку на палітрі Layers (Слои), що дасть вам доступ до діалогового вікна Layer Option (Параметры слоя). Тут ви можете ввести нове ім'я в поле Name (Имя).
Якщо ви при натиснутій клавіші Ctrl укажете на будь-яку ділянку багатошарового зображення правою кнопкою миші, то під курсором з'явиться інформація про всі лежачі під ним шари. Якщо при натиснутих одночасно клавішах Ctrl й Alt указати курсором миші на піктограму потрібного шару в палітрі шарів, то у вікні редагування цей шар буде повністю виділеним. Якщо при натиснутій клавіші Alt указати курсором миші на "око", що намальовано напроти піктограми будь-якого шару, то всі інші шари, крім відзначеного, стануть невидимими. Цей режим зручний, коли потрібно оперативно переглянути вміст тільки одного шару. Коли опція Preserve Transparency (Сохранить прозрачность) не встановлена, то в прозорі області шару зображення можна додавати кольори. При установці цієї опції прозорі області будуть захищені й редагувати можна тільки пофарбовані пікселі. Напівпрозорі пікселі збережуть свій рівень прозорості незалежно від застосовуваних команд. На вкладці Layers, ліворуч від імені шару зображена зменшена копія його вмісту. Ці мініатюри постійно обновляються в процесі редагування.
Всі команди редагування застосовуються тільки до активного в цей момент шару, що виділяється підсвічуванням, якщо на нього вказати курсором миші. Для того щоб швидко перемістити той або інший шар на один рівень нагору або вниз, досить при активному шарі нажати відповідно клавіші Ctrl +] або Ctrl +/.
Використовуючи режими накладення, ви зможете більш вільно "грати" з текстом й іншими елементами зображення, домагатися спеціальних ефектів, за замовчуванням недоступних, змінювати параметри прозорості й режимів накладення, не змінюючи при цьому графічного (фактичного) вмісту шарів. За допомогою команди Flatten Image ви можете об'єднати шари. Доти, поки ви не об'єднаєте шари, кожний з них буде залишатися незалежним структурним елементом зображення. Шари зберігаються в користувальницькому вигляді при збереженні у форматі Adobe Photoshop. Будь-які інші формати не підтримують шарів.
Хід роботи.
1. Скляна сфера
|
Ви можете створити сферу використовуючи лише стилі шару [Layer>Layer Style]. |
|
|
Для початку створіть шар і помістіть в нього круг - як ви бачите тут. |
|
|
Тепер застосуйте ефект внутрішнього світіння [Layer>Layer Style>Inner Glow] з такими значеннями. |
|
|
Внутрішня тінь [Layer>Layer Style>Inner shadow] |
|
|
Рельєф [Layer>Layer Style>Bevel and Emboss] |
|
|
и тінь [Layer>Layer Style>Drop shadow] |
|
|
Шар 1 (Layer 1) повинен вийти таким, як ви бачите на картинці. |
|
|
Виділіть коло і додайте новий шар. Потім йдіть в [Select>Modify>Contract]. Поставте там значення біля 5-10 пикселей. Тримайте натиснутою клавішу Alt і з допомогою Elliptical Marquee зробіть виділену область такої форми, щоб вона стала схожою на великий відблиск у верхній частині кулі. Заповніть її світлим кольором і поставте значення прозорості (Opacity) 8 - 10%. |
|
|
Застосуєте до цього шару ефект зовнішнього світіння [Layer>Layer Style>Outer Glow] с даними значеннями. |
|
|
Створіть новий шар, зробіть виділення у вигляді маленького овалу за допомогою Elliptical Marquee Tool і поверніть його вліво. Заповніть білим кольором. Застосуйте зовнішнє світіння [Layer>Layer Style>Outer Glow] з такими ж значеннями і поставте значення прозорості (Opacity) 50%. |
|
|
Створіть новий шар і зробіть виділення у вигляді вужчого і маленького овалу усередині попереднього овалу. Заповніть білим і поверніть його так, як ви бачите на зображенні. |
|
|
Застосуйте зовнішнє світіння [Layer>Layer Style>Outer Glow] для цього шару з такими значеннями, а прозорість (Opacity) залиште рівною 100%. |
|
|
Скопіюйте ваш овал і вставте в новий шар. Застосуйте зовнішнє світіння [Layer>Layer Style>Outer Glow] для цього шару з такими значеннями а прозорість (Opacity) поставте рівною 20 - 30%. |
|
|
Тепер малюнок виглядає готовим. Ніяких фільтрів. Він створений, застосовуючи тільки стилі шару і прозорість. |
Малюємо ліс
|
Створимо документ 500х400px (ctrl+n). Створимо новий шар (ctrl+shift+n) і назвемо його fon. #2A690B. Тепер беремо круглу м'яку кисть (B), розміром приблизно 500. Встановлюємо колір переднього плану #4F9F27. Тепер кистю натисніть один раз в лівому верхньому кутку полотна. Це надалі буде свічення сонця через ліс. Тепер зменшуємо розмір кисті до 400 і ще раз натискаємо в кутку, але тепер уже кольором #D4F14D. Знову збільшуємо розмір кисті до 500, вибираємо колір переднього плану #163D03 і клікаєм в нижній правий кут. Результат повинен бути схожий на скріншот. |
|
|
Все, фон у нас є. Створимо новий шар і назвемо його Leaves, що означає листя. Беремо кисть (B) і встановлюємо її розмір 55, а колір переднього плану #385F16. Подивіться стандартні кисті, серед них ви знайдете листя, вибираємо цю кисть. Малюємо вгорі небагато листя. Потім беремо Burn tool (O): |
|
|
Випалюємо верхній правий кут тим же листям розміром 55, колір значення не має. Потім вибираємо Dodge tool і висветлюємо листя біля сонця. |
|
|
Створюємо новий шар між шарами fon и leaves. Назвемо його Grass. Беремо кисть у вигляді трави, з розміром 70, кольором #A4D479 (для переднього плану) і #385F16 (для заднього плану). Малюємо лінію трави, не зачіпаючи нижній край нашої картини. |
|
|
Створюємо новий шар між шарами fon и leaves. Назвемо його Grass. Беремо кисть у вигляді трави, з розміром 70, кольором #A4D479 (для переднього плану) і #385F16 (для заднього плану). Малюємо лінію трави, не зачіпаючи нижній край нашої картини. |
|
|
Тепер робимо розмір кисті 112, колір #629633 і #1B3405 і на тому ж шарі малюємо траву в нижній частині картини. |
|
|
Картина майже готова. Додамо небагато сонячних променів. Між шарами Grass іLeaves створюємо ще один шар, який назвемо light. Беремо Gradient tool (g). Робимо обидва кольори #FFFED5. Далі слідуємо установкам, показаним на скріншоте. |
|
|
Після того, як все зробите малюємо градієнт як показано на скріншоте.. |
|
|
Тепер картина повинна виглядати так. |
|
|
Зменшуємо прозорість до 20%. Робимо активним шар grass. Об'єднуємо шари (ctrl+E). Тепер фон і шар з травою у вас об'єднані. Йдемо (Filter > Render > Lens Flare...). Ставимо установки, як показано на скріншоте. |
|
ЛАБОРАТОРНА РОБОТА № 11. «ADOBE PHOTOSHOP. РОБОТА З ВИДІЛЕНИМИ ОБ'ЄКТАМИ. ФОРМАТИ ЗОБРАЖЕНЬ. ІМПОРТ ТА ЕКСПОРТ ЗОБРАЖЕНЬ. ВИКОРИСТАННЯ МАСШТАБУ, ПОВОРОТУ, ЗМІНИ РОЗМІРІВ»
Мета роботи: отримати навики роботи з програмою Adobe Photoshop. Навчитися створювати об’єкти. Вивчити основні формати зображень. Навчитися використовувати масштаб, поворот та змінювати розміри об’єктів.
Теоретичні відомості
Засоби управління панелі інструментів Photoshop
Вище були описані всі інструменти, наявні на панелі інструментів. На цій же панелі присутні й кілька значків, які не є інструментами, але призначені для управління цими інструментами. Усього їх дев'ять і розташовуються вони в нижній частині панелі інструментів.
Рис. 1.
Рис. 1. Ця група елементів управління (усього чотири елементи) призначена для установки кольорів переднього плану й тла.
Рис.2.
Рис. 2. Верхній лівий квадрат, за замовчуванням залитий чорними кольорами, установлює кольори переднього плану (Set Foreground Color). Натиск на ньому відкриває діалогове вікно Color Picker (Выбор Цвета). Для зміни кольорів просто за допомогою кружечка в даному вікні вибираємо нові кольори й натискаємо клавішу <Enter>. Ці кольори визначається для таких інструментів, як Pen, Brush, Airbrush й Gradient. Нижній правий квадрат, за замовчуванням залитий білим кольором, установлює кольори тла (Set Background Color) аналогічно установці кольорів переднього плану. Ці кольори використовується для інструментів Eraser й Gradient.
Рис. 3
Рис. 3. Switch Foreground and Background (Перемикання кольорів переднього плану й тла) (<Х>) — стрілка в правому верхньому куті даної групи елементів управління кольорами, служить для заміни кольорів переднього плану на кольори тла й навпаки.
Рис.4
Рис. 4. Default Foreground and Background Colors(Кольори переднього плану й тла за замовчуванням) (<D>) — мініатюрне зображення елементів установки кольорів у лівому нижньому куті даної групи елементів служить для установки кольорів переднього плану й тла за замовчуванням, тобто чорного й білого відповідно.
Рис. 5.
Наступна група елементів встановлює режим роботи із зображенням (Рис. 5).
Рис. 6
Jump to Image Ready (Перехід в Image Ready) (<Ctrl>+<Shift>+<M>)— остання кнопка на панелі інструментів здійснює швидкий перехід до програми Image Ready. Причому активний документ автоматично завантажиться у вікно цієї програми. (Рис. 6)
Інструменти для роботи з документом Photoshop
Остання група інструментів (мал. 7) на даній панелі включає у свій склад чотири сімейства. Всі ці інструменти забезпечують роботу безпосередньо з документом.
Рис. 7
Notes (Примітки) (<N>) — дозволяє створити примітки до поточного малюнка: хто, коли й де створив даний малюнок і т.д. Особливо корисний у випадку роботи над малюнком групи товаришів. (Рис. 8)
Рис .8 Вставка приміток у документ Photoshop
На панелі параметрів даного інструмента (мал. 8) задаються ім'я автора даних приміток, стиль і розмір шрифту, яким ці примітки будуть виконуватися, а також кольори панелі вікна приміток. На жаль, даний інструмент ніяк не хоче робити замітки російською мовою
Audio Annotation (Звукові замітки) — створює ті ж примітки, але мовні (звукові), а не письмові. Однак цим інструментом можна скористатися тільки якщо до комп'ютера підключений мікрофон.
Eyedropper (Піпетка) (<I>) — дозволяє вибрати будь-які кольори пікселя зображення як кольори переднього плану (при натиснутій клавіші < Alt> — кольори тла).
Color Sampler (Вибір кольорів) — Дозволяє одержати інформацію про кольори, взявши до чотирьох проб з будь-якої точки документа. Просто треба клацнути цим інструментом у будь-яких (не більше чотирьох - так встановлено виробниками даного продукту) крапках зображення, і в палітрі Info можна побачити повну колірну характеристику цих крапок. Крім того, можна вже виставлену пробу «перетягнути» на інше місце, щоб одержати інформацію вже про нього.
Measure (Вимірник) — дозволяє вимірювати відстані й напрямки у вікні зображення.
Hand (<H>) («Рука») — дозволяє рухати зображення у вікні, щоб побачити ті його частини, які не поміщаються у вікні.
Zoom (<Z>) (Масштаб) — дозволяє змінювати масштаб зображення. Простий щиглик даним інструментом на зображенні збільшує його. Щиглик з натиснутою клавішею <Alt> - навпаки, зменшує зображення, збільшуючи огляд. А подвійний щиглик повертає зображення до нормального розміру.
Останній інструмент (мал.9) дуже зручний у тих випадках, коли потрібна точна корекція дрібних деталей зображення. Але масштаб можна змінити й іншими способами. Наприклад, на палітрі Navigator - у її нижній частині масштаб можна змінювати за допомогою трикутного повзунка, або введенням процентного значення у відповідне поле.
Рис. 9 Палітра Navigator дозволяє змінювати масштаб зображення за допомогою повзунка
При зміні масштабу іншими способами на цій палітрі відбуваються відповідні зміни значень. Також масштаб можна змінити, увівши цифрове значення в лівій частині рядка стану (сама нижня панель у редакторі). Коли зображення врешті збільшено до необхідного розміру, воно перестане повністю поміщатися в колишньому вікні. Щоб відшукати потрібний фрагмент зображення (заради якого і відбувалося збільшення), застосовується описаний вище інструмент Hand (Рука). Природно, крім збільшення, аналогічним способом можна здійснювати й зменшення зображення.
Інструменти створення геометричних фігур Photoshop
Наступне сімейство інструментів дозволяє створювати геометричні фігури різної форми.
Rectangle (Прямокутник) (<U>) — відповідно, дозволяє малювати прямокутник (а з натиснутою клавішею <Shift> — квадрат), залитий кольорами переднього плану.
Rounded Rectsngle (Округлений прямокутник) — створює фігури, подібні описаним вище, але дозволяє задавати радіус округлення кутів прямокутника.
Ellipse (Еліпс) — створює овали (у сполученні з натиснутою клавішею <Shift> — кола).
Poligon (Багатокутник) — дозволяє створювати геометричні фігури з довільною кількістю кутів, а також — багатопроменеві зірки. За замовчуванням створює опуклий п'ятикутник.
Line (Лінія) — малює прямі лінії довільної або заданої довжини, товщини, кольору й напрямку.
Custom Shape (Довільна фігура) — дозволяє створити геометричну фігуру довільної форми й зберегти її для використання в подальшому.
Рис. 10 Деякі варіанти геометричних фігур, які можна створити, використовуючи інструменти, описані вище
Інструменти виділення контуру Photoshop
Path Component Selection (Виділення елементів контуру) (<А>, <Ctrl>) — здійснює повне виділення (разом з вузликами) контурів двома способами; переміщення виділеного контуру в інше місце; створення й переміщення копії виділеного контуру при натиснутій клавіші <Alt>.
Direct Selection (Безпосереднє виділення) — застосовується для редагування контуру. Натиск при натиснутій клавіші <Alt> виділяє всю доріжку.
Турі (Текст) (<Т>) використовується для додавання (створення) до малюнка векторного тексту.
Рис. 11. Інструмент дозволяє скликати текст двох типів: простий і фігурний. Фігурний (Point type) дозволяє набирати один або кілька рядків тексту з будь-якими параметрами (атрибутами). Застосовується звичайно для логотипів, заголовків й інших маленьких фрагментів тексту. Простий (Paragraph type) дозволяє встановлювати розмір контейнера для набору. У міру заповнення текстом рядків він автоматично розподіляється, утворюючи колонку заданої ширини. У цьому випадку застосовується будь-яке можливе в програмі форматування, тобто завдання атрибутів. Цей тип тексту придатний для набору заміток, статей й ін.
Текст створюється в окремому, текстовому шарі (Text Layer). Шару можна задавати ефекти, спотворювати його як звичайний. Однак кетовий шар має особливі властивості. По-перше, деякі команди до нього незастосовні. По-друге, текст, що редагують, залишається, тобто ви можете змінити його параметри - шрифт, розмір символів й ін.
Рис. 11 Робота з текстом
Всі параметри даного інструмента настроюються на відповідній панелі параметрів. Тут встановлюються шрифт, стиль, розмір шрифту, згладжування символів, кольори тексту, вирівнювання, а також напрямок й оболонка тексту.
Для створення простого тексту спочатку створюється текстовий контейнер - область, у якій цей текст і буде розмішатися. Контейнер створюється простим перетаскуванням курсору по зображенню після вибору інструмента. Усередині контейнера з'явиться курсор, що означає готовність до набору тексту. Спочатку робляться всі установки для тексту, і тільки потім він набирається. Втім, змінити параметри тексту можна й після його набору. Для цього виділяємо текст усередині контейнера простим перетаскуванням курсору при натиснутій лівій кнопці миші.
Коли текст набраний, ви можете змінити форму контейнера (мал. 12). Іноді розмір контейнера занадто малий, тому відбувається автоматичне перенесення слів на наступний рядок.
Рис. 12
Параметри даного інструмента аналогічні параметрам для таких інструментів у багатьох інших редакторах (не обов'язково в графічних).
Рис. 13. Create Warped Text— цей параметр задає скривлення тексту Його зручно використовувати при створенні емблем (логотипів) або плакатів. Можна вибрати одну з п'ятнадцяти доступних форм контурів, тип перекручування кривої й скривлення. Не можна скривити тільки той текст, до якого застосовувалися стилі Faux Bold та Faux Italic. Також не можна скривити растрові шрифти.
Вікно Warp Text - тут варто вибрати стиль скривлення тексту
Рис. 13. Тексти з різними стилями скривлення
Хід роботи
Заміна фону на фотографії.
|
Відкриємо довільне зображення, в якому необхідно відокремити область від фону. Перейдемо до палітри Слои (Layers) і двічі кликнемо на єдиному в ній представленню - ця дія конвертує фон в шар Перейменуємо шар в Pretty Girl. |
|
|
Відкриємо діалогове вікно Фрагмент (Extract): Изображение > Фрагмент (Image>Extract) або комбінація клавіш Alt+Ctrl+X. |
|
|
1. Активуємо інструмент Маркер (Edge Highlighter Tool) і проведемо чітко, наскільки зможемо, по контуру фрагмента зображення, який ми намагаємося витягнути. Центр маркера повинен проходити безпосередньо по контуру фрагмента. На контрастних ділянках спробуємо обводити контур маркером з тонким стрижнем (розмір кисті 6-8); для м'якших областей, таких, наприклад, як розбещене волосся, збільшимо розмір кисті до 12-14. |
|
|
2. Після того, як необхідна область визначена, виберемо інструмент Заливка (Fill Tool) і заллємо фрагмент зображення, що ми хочемо відокремити від тла. Якщо результати нас влаштовують, натиснемо OK. Уважно проаналізуємо зображення, що вийшло в результаті. При уважному перегляді ми побачимо, що незначні фрагменти зображення випадковим образом загублені. Цю помилку ми можемо виправити за допомогою інструментів Ластик (Eraser) і Кисть возврата (History brush). |
|
|
У палітрі Протокол (History) як джерело для Кисти возврата визначимо передостанню дію перед командою Фрагмент (Extract). Якщо ми не робили нічого зайвого, то це дія — Создать слой (Make Layer). У панелі інструментів активуємо інструмент Кисть возврата (History brush). |
|
|
Розмір кисті визначимо адекватним втраченим ділянкам і після цього закрасимо кистю ділянки, які ми хочемо відновити. Все, що потрібно, — не виходити за рамки зображення, що вийшло. |
|
Оригінал: |
Результат: |
Відкрийте в PhotoShop будь-яку фотографію |
|
Зробимо фото чорно-білим: Image-Adjustments-Desaturate (Изображение-Коррекция-Ослабление) (або тиснемо Ctrl+Shift+U): |
|
|
Зробимо дублікат шару: Layer-Duplicate Layer (Слой-Создать дубликат слоя) і інвертуємо кольори в шарі-дублікаті: Image-Adjustments-Invert (Изображение-Коррекция-Инверсия). Отримуємо ось такий негатив: |
|
|
Змінимо режим змішення шару-дубліката на Color Dodge (Осветление). Повинне вийти зображення з білим фоном. |
|
|
Filter-Blur-Gaussian Blur (Фильтр-Размытие- Размытие по Гауссу), і рухаємо повзунок управо-вліво до отримання бажаного результату: |
|
|
Ось результат: |
|
Результат уроку: |
|
|
1. Спершу відкриваємо фото, на якому ми хочемо зробити краплі |
|
|
2. Тепер створюємо новий шар (ікона створення нового шару відмічена стрілкою). |
|
|
3. Натискаємо D на клавіатурі, щоб встановити дефолтні кольори переднього і заднього планів. Застосовуємо до нього фільтр Filter-Render-Clouds (Фильтр-Рендеринг-Облака). |
|
|
4. Тепер вибираємо Filter-Stylize-Find Edges (Фильтр-Стилизация-Вычисление краев) |
|
|
Image-Adjustment-Auto Levels (Изображение-Настройки-Авто уровни): |
|
|
5. Тепер з цього формуємо крапли, використовуючи фільтр Filter-Sketch-Plaster (Фильтр-Набросок-Гипс). Поекспериментуйте з настройками. Image Balance повинен бути в межах від 39 до 42, а Smoothness- від 5 до 15. |
|
|
6. Щоб зробити краплі більш чіткими, застосуємо фільтр Filter-Sharpen-Unsharp mask (Фильтр-Резкость-Нечеткая маска) |
|
|
7. Після цього беремо інструмент Magic Wand (Волшебная палочка) и клікаємо по чорному фону. Переконайтеся, що у вас в опціях цього інструменту стоїть галочка на Contiguous (Непрерывный). |
|
|
Видаляємо виділення натисканням клавіші Delete. Після чого натискаємоCtrl+D (зняття виділення з крапель). |
|
|
8. У вікні шарів міняємо режим накладення шару з Normal на Soft Light (Мягкий свет). |
|
|
9. Тепер варто додати небагато спотворення. Для цього з натиснутою кнопкою Ctrl клікаєм лівою кнопкою мишки на іконі шару. При цьому краплі виділяться. |
|
|
10. Тепер робимо активним фоновий шар |
|
|
І застосовуємо до нього фільтр Filter-Distort-Spherize (Фильтр-Деформация-Сферизация). |
|
|
11. Знімаємо виділення через натиснення Ctrl+D. От і все. |
Малюємо дискету
|
1. Створіть нове зображення розміром 500х400 пікселів. Заповните його світло-сірим кольором, наприклад #F5F5F5 — команда Edit→Fill (Редактирование→Заполнить). Створіть новий шар і перейменуйте його в "Основний" (для перейменування шару достатньо двічі клацнути на його назві). За допомогою інструменту Rectangular Marquee (Прямоугольное выделение) зробіть на цьому шарі виділення розміром 294х291 піксель. Виділення фіксованого розміру встановлюється в опціях інструменту, а саме, із списку Style (Стиль), потрібно вибрати рядок Fixed Size і задати необхідні параметри (розмір). Заповніть виділення кольором #90B1A9. Після виконання вище описаних дій, зніміть виділення, натисненням <CTRL>+<D>, або за допомогою меню Select→Deselect (Выбор→Снять выделение). |
|
|
2. Тепер, необхідно попрацювати над видаленням зайвих частин на прямокутнику, що вийшов. Але перш ніж приступити, уважно подивіться на справжню дискету. Поверніть її до себе передньою частиною. Зліва є невеликий скіс. Зробіть аналогічний на своєму зображенні. Для цього скористайтеся інструментом Polygonal Lasso (Многоугольное лассо). Створіть трикутне виділення, і видаліть клавішею <DELETE>. |
|
|
3. З цією частиною дискети ще потрібно попрацювати. Не вистачає виїмки для рухомої частини. Зробити її найпростіше за допомогою все того ж Rectangular Marquee (Прямоугольное выделение), тільки тепер виділення повинно бути розміром 236х2 піксела. Після, видаліть трапецію розміром 9х4 піксела (скористайтеся Polygonal Lasso (Многоугольное лассо)). |
|
|
4. Якщо придивитися уважніше до дискети, то легко виявити, що кути у неї закруглені. Створіть аналогічний ефект. Для цього, зробіть активним інструмент Elliptical Marquee (Эллиптическое выделение), створіть на будь-якому з країв, що залишилися для обробки, еліптичне виділення діаметром 4 пікселя, натисніть <CTRL>+<SHIFT>+<I>, для інвертування виділення, і за допомогою інструменту Eraser (Ластик), видаліть з кута зайві пікселі. Виконайте цю ж операцію з рештою двома кутами. Тепер, видаліть за допомогою Rectangular Marquee (Прямоугольное выделение) ділянку у верхній правій частині. Її розмір повинен бути 16х12 пікселів. |
|
|
5. Зараз вам необхідно додати об'єм основі, що вийшла. Дублюйте шар "Основа" командою Layer→Duplicate layer (Слой→Дублировать слой), перейменуйте дублікат в "Основний – тінь". Виконайте команду Filter→Stylize→Emboss (Фильтр→ Стилизация→ Рельеф) і виставте наступні параметри: Angle (Угол) — [-45]; Height (Высота) — [1]; Amount (Количество) — [200%]. Тепер змініть Blending mode (Режим смешивания) на Hard Light (Жесткий цвет) та виставте Opacity (Непрозрачность) 75% (Всі маніпуляції проводилися на шарі "Основний – тінь"). |
|
|
6. Створіть новий шар і назвіть його "Вирізка". Намалюйте прямокутне виділення розміром 234x181. Розташуйте його посередині і заповніть білим кольором. Створіть ще одне прямокутне виділення, але тепер розмір повинен бути 200x89, його теж заповніть білим кольором. За допомогою техніки, яка використовується в четвертому кроці, закругліть краї білих прямокутників, що вийшли, застосовуючи для верхнього розмір 12 px, а для ніжнього 21 px. |
|
|
7. Виберіть інструмент Line (Линия) (це модифікація інструменту Shape (Форма), який викликається натисненням клавіші <U>). Спершу, змініть в його опціях параметр Weight (Вес, толщина), поставивши 7 px, тим самим ви задаєте товщину вашої майбутньої форми. Тепер клацніть по стрілці, що знаходиться справа Custom Shape tool (Инструмент выборочной формы). Відкриється додаткове меню, де вам потрібно поставити прапорець біля рядка End (Конец), змінити параметр Weight (Ширина) — [220%] та Length (Длина) — 300%. Concavity (Вогнутость) не чіпайте, там повинно стояти 0%. Таким чином, ви задали параметри для майбутньої стрілки, а саме її вам і потрібно намалювати. Якщо ви поставите прапорець біля рядка Start (Начало), то стрілка буде двостороння. Отже, намалюйте елемент в правому нижньому кутку. Стрілка, що вийшла, є векторним об'єктом, а Photoshop в цьому випадку не застосовуватиме фільтри на такому шарі. У зв'язку з цим фактом шар потрібно растерізовать командою Layer→Rasterize→Layer (Слой→Растеризовать→ Слой). Тепер виконайте команду Filter→Stylize→Emboss (Фильтр→ Стилизация→Рельеф) та виставте наступні значення: Angle (Угол) — [135]; Height (Высота) — [1]; Amount (Количество) — [200%]. Застосуєте даний фільтр до шару "Вирізка". Змініть Blending Mode (Режим смешивания) на Hard Light (Жесткий свет) та виставте Opacity (Непрозрачность) 75%. Виконайте ці маніпуляції з шаром "Вирізка" і з шаром, на якому у вас вийшла стрілка. |
|
|
8. Зараз вам потрібно намалювати рухому металеву частину у дискети, яка служить захистом від пошкоджень в тій частині носія, де дисковод прочитує інформацію. Створіть новий шар. Назвіть його "Захист". Намалюйте прямокутник кольором #B4B4B4, розміром 169x90 пікселів. Потім створіть прямокутне виділення розміром 34x73 пікселя і видалите "зайві" пікселі. Закругліть краї. Примітка: у видаленої частини краю потрібно буде не стирати, а домальовувати пікселі інструментом Brush (Кисть). |
|
|
9. Зробіть активним шар "Захист". Зараз вам необхідно додати блиск поточному елементу дискети. Робиться це в два етапи: спочатку потрібно створити правильне освітлення, а потім коректно розподілити світло, що вийшло, з тінню. Отже, завантажте виділений шар, клацнувши по ньому, утримуючи клавішу <CTRL>, потім виконайте команду Filter → Render → Lightning effects (Фильтр → Рендер → Световые эффекты), вам потрібно розподілити больш або менш рівномірно світло на поточному елементі. Тепер застосуйте стиль Gradient Overlay (Наложение градиента) — Layer → Layer Style → Gradient overlay (Слой → Стиль слоя → Наложение градиента) (параметри на скріншоті). |
|
|
10. Створіть новий шар. Назвіть його "Захисна тінь". Знову завантажуйте виділення шару "Захист", і, переконавшись в активності знов створеного шару, заповніть його білим кольором. Додайте об'єм шару, що вийшов, застосувавши фільтр Emboss (Рельеф) (параметри використовуйте як в кроці 5). Тепер змініть Blending Mode (Режим смешивания) на Hard Light (Жесткий цвет), а ось Opacity (Непрозрачность), виставте 31%. |
|
|
11. Додайте ефект зачистки металу. Для цього, створіть новий шар, назвіть його "Чищення". Зробіть прямокутне виділення розміром 400x200 (такий розмір потрібний для повного перекриття захисної частини дискети) пікселів і заповніть його темно-сірим кольором. Тепер, виконайте команду Filter → Noise → Add Noise (Фильтр → Шум → Добавить шум) з наступними параметрами: Amount (Количество) — [20]; Distribution (Распределение) — Gaussian (Гауссово); Та не забудьте поставити флажок Monochromatic (Монохроматический). Після цього виконайте команду Filter → Blur → Motion Blur (Фильтр → Размытие → Способ генерации границ перемещающегося объекта): Angle (Угол) — [0]; Distance (Дистанция) — [67]. Після виконання вищеописаних дій, натисніть <CTRL>+<T> і зменште в розмірах поточне виділення, потім завантажте виділення шару "Захист" виконайте інверсію і натисніть <DELETE>. Застосуйте три рази фільтр Sharpen фильтр Sharpen (Четкость) — Filter → Sharpen → Sharpen (Фильтр → Четкость → Четкость). Створіть новий шар, завантажте виділення шару "Захист", заповніть його кольором #FFFFFF, застосуйте фільтр Emboss (Рельеф) з параметрами аналогічними кроку 5, Опції змішування і непрозорість виставьте, як і в попередніх кроках (непрозорість встановлюйте на свій розсуд). |
|
|
12. Додайте фірмову етикетку. Інструменти можна використовувати ті ж. І не забудьте у верхній частині дискети створити прозорий прямокутник (зробіть все по аналогії з кроком 4 і 5). Для завершеності композиції, можна поставити дискету в режим запису/читання. Заповнивши правий верхній прямокутник кольором #37665B, і застосувавши до шару стиль Bevel and Emboss (Фаска и рельеф). |
|
|
13. В принципі, дискета вже готова. Але для створення красивого ефекту, необхідно додати тривимірність зображенню. Якнайкращим варіантом буде створення декілька діскеток, розташованих в одній "стопці". Дублюйте найперший шар (який ви заливали сірим кольором) і відключить його натисненням на око зліва від шару. Натисніть <CTRL>+<SHIFT>+<E> для соїтія всіх видимих шарів. Тепер вам необхідно видалити фон у дискети. Виконайте цю операцію інструментом Magic Eraser (Волшебный ластик). Тепер зробіть видимим дубльований шар. На самому початку, верхня частина дискети сильно "виїхала" вперед, як відомо вона повинна знаходитися нижче за краї. Виправляється це за допомогою двох інструментів: Rectangular Marquee (Прямоугольное выделение) і Move (Перемещение). Отже, зробіть необхідне виділення, потім натисніть клавішу <V> для активації інструменту переміщення, і за допомогою стрілок змістіть вниз вибрану область. Тепер залишаючись на цьому ж шарі, намалюйте букви C і H. Перша буква створюється за допомогою інструменту Type (Текст), а ось остання з використанням Line (Линии), після застосуйте до букв стиль Bevel and Emboss (Фаска и рельеф). Зклейте цей шар з нижчестоячим. |
|
|
14. Зробіть дві копії шару з дискетою. Поверніть окремо кожен шар так, щоб всі флоппі-диски були видні і всі були злегка повернені |
|
|
15. Зробіть активним будь-який з шарів з дискетами. Виконайте команду Edit → Transform → Distort (Редактирование → Трансформация → Деформация). Спотворьте об'єкт так, як вважаєте потрібними (але пам'ятаєте, що вам потрібно добитися тривимірності). На шарах, що залишилися, застосуєте повторно ті ж трансформації. Натисненням <CTRL>+<SHIFT>+<T>. Для того, щоб додати остаточний об'єм вашому творінню, зробіть дублікати у кожного окремого шару за допомогою інструменту переміщення (щоб зробити копію, використовуючи даний інструмент, потрібно при переміщенні утримувати клавішу <ALT>). Для остаточного завершення роботи над створенням дискети, застосуйте стиль Drop Shadow (Отбросить тень). |
ЛАБОРАТОРНА РОБОТА № 12. «ГРАФІЧНИЙ ПРОЦЕСОР ADOBE PHOTOSHOP. ІНСТРУМЕНТИ ЗМІНИ КОНТУРІВ ТА ЗАЛИТТЯ ОБ'ЄКТІВ. ПАРАМЕТРИ КОНТУРІВ ТА РОБОТА З НИМИ. ПАРАМЕТРИ ЗАЛИТТЯ ТА ЇХ ВИКОРИСТАННЯ. СПЕЦІАЛЬНІ ЕФЕКТИ»
Мета роботи: отримати навики роботи з програмою Adobe Photoshop. Навчитися використовувати інструменти зміни контурів та залиття об’єктів. Вивчити основні параметри контурів та параметрів залиття. Навчитися використовувати спеціальні ефекти.
Теоретичні відомості
Туре (Текст) (<Т>) використовується для додавання (створення) до малюнка векторного тексту.
Рис. 1. Інструмент дозволяє об’єднувати текст двох типів: простий і фігурний. Фігурний (Point type) дозволяє набирати один або кілька рядків тексту з будь-якими параметрами (атрибутами). Застосовується звичайно для логотипів, заголовків й інших маленьких фрагментів тексту. Простий (Paragraph type) дозволяє встановлювати розмір контейнера для набору. У міру заповнення текстом рядків він автоматично розподіляється, утворюючи колонку заданої ширини. У цьому випадку застосовується будь-яке можливе в програмі форматування, тобто завдання атрибутів. Цей тип тексту придатний для набору заміток, статей й ін.
Текст створюється в окремому, текстовому шарі (Text Layer). Шару можна задавати ефекти, спотворювати його як звичайний. Однак кетовий шар має особливі властивості. По-перше, деякі команди до нього незастосовні. По-друге, текст, що редагують, залишається, тобто ви можете змінити його параметри - шрифт, розмір символів й ін.
Рис. 1. Робота з текстом
Всі параметри даного інструмента настроюються на відповідній панелі параметрів. Тут встановлюються шрифт, стиль, розмір шрифту, згладжування символів, кольори тексту, вирівнювання, а також напрямок й оболонка тексту.
Для створення простого тексту спочатку створюється текстовий контейнер - область, у якій цей текст і буде розмішатися. Контейнер створюється простим перетаскуванням курсору по зображенню після вибору інструмента. Усередині контейнера з'явиться курсор, що означає готовність до набору тексту. Спочатку робляться всі установки для тексту, і тільки потім він набирається. Втім, змінити параметри тексту можна й після його набору. Для цього виділяємо текст усередині контейнера простим перетаскуванням курсору при натиснутій лівій кнопці миші.
Коли текст набраний, ви можете змінити форму контейнера (мал. 2). Іноді розмір контейнера занадто малий, тому відбувається автоматичне перенесення слів на наступний рядок.
Рис. 2
Параметри даного інструмента аналогічні параметрам для таких інструментів у багатьох інших редакторах (не обов'язково в графічних).
Рис. 3. Create Warped Text— цей параметр задає скривлення тексту Його зручно використовувати при створенні емблем (логотипів) або плакатів. Можна вибрати одну з п'ятнадцяти доступних форм контурів, тип перекручування кривої й скривлення. Не можна скривити тільки той текст, до якого застосовувалися стилі Faux Bold та Faux Italic. Також не можна скривити растрові шрифти.
Вікно Warp Text - тут варто вибрати стиль скривлення тексту
Рис. 3. Тексти з різними стилями скривлення
|
Type (текст) - [T] - дозволяє вивести текст на зображення. Результатом використання інструменту текст є новий текстовий шар (Text Layer). Основною відмінністю такого шару від звичайних шарів є можливість у будь-який момент відредагувати текст, змінити шрифт, колір і інші параметри. Ця можливість зберігається до того моменту поки текстовий шар не буде растерізован (Rasterize), тобто перетворений в звичайний шар. Для цього перетворення необхідно клацнути правою кнопкою миші на текстовому шарі в палітрі шарів (Layers) і у випадаючому меню вибрати пункт растерізувати шар (Rasterize Layer). На палітрі настройок доступні:
|
Хід роботи
Завдання 1. Кривавий текст
Завдання 2. Створюємо крижаний текст
Завдання 3. Текст, що горить (Вогненний)
Завдання 4. Графіті
Завдання 5. «Веселі» букви
Завдання 6. Оптичний ефект
Завдання 7. Скло
Завдання 8. Мощення плиткою
Завдання 9. Перспектива
Завдання 1. Кривавий текст
|
1. Створюємо нове вікно розміром 5 на 5 см File→New... (Файл → Новый ... ctrl-n). Заливаємо чорним кольором. |
|
|
2. Пишемо будь-який текст. Перетворюємо текстовий шар на звичайний і одночасно об'єднуємо всі шари за допомогою команди: Layer→Merge Layers...(Слои → Выполнить сведение). Також перетворюємо фоновий шар на звичайний: Layer→New→Layer from Background (Слой → Новый → Слой из фона) |
|
|
3. Повертаємо весь малюнок на 90 градусів проти годинникової стрілки: Edit→Transform→Rotate 90° CCW (Редактирование → Трансформация → Поворот на 90 против ЧС). 4. Застосовуємо фільтр: "Stylize → Wind ...". Настроюємо фільтр, як "метод - вітер", "напрям - from the left". Застосовуємо цей фільтр двічі. Повертаємо зображення в початковий стан Edit→Transform→Rotate 90° CW ("Редактирование → Трансформация → Поворот на 90 по ЧС"). |
|
|
5. Тепер вживаємо постерізацию Image→Adjustements→Posterize встановлюємо рівень 4-5. |
|
|
6. Настроюємо колір картинки за допомогою команди: Image→Adjustements→Hue→Saturation... (Изображение → Установки → Оттенок-насыщенность .... ctrl-U). У вікні, що відкрилося, ставимо галочку Colorize (Цветоризация) і настроюємо колір зображення на червоний. Ось що повинне вийти: |
Завдання 2. Створюємо крижаний текст
|
1. Створюємо новий текст з білим фоном File→New... (Файл → Новый ... ctrl-n). Пишемо на ньому чорними буквами текст. |
|
|
2. Виконуємо команду: Select→Load Selection... (Выделение → Загрузить выделение ...). ОК (Виділення не прибираємо). Виконуємо зведення Layer→Merge Layers... (Слой → Выполнить сведение, ctrl-e). |
|
|
3.Виконуємо команду: (Выделение → Инвертировать выделение, shift-ctrl-I) |
|
|
4. Застосовуємо фільтр: "Фильтр → Pixelate → Crystallize", размер cell size встановлюємо підбором (залежить від величини шрифту). Після знову інвертуємо виділення Select→Inverse (Выделение → Инвертировать, shift-ctrl-I). Застосовуємо ще один фільтр: Filter→Noise→Add Noise... (Фильтр → Шум → Добавить шум), коефіцієнт шуму ставимо рівним 70. Перемикач повинен стояти на місці Gaussian (Гаусс) і прапорець Monochromatic (Одноцветный) повинен бути активізований. |
|
|
5.Змазуємо зображення: Filter→Blur→Gaussian Blur... (Фильтр → Смазывание → Смазывание Гаусса), радіус повинен дорівнювати 1,2-2. Відмінити виділення Select→Deselect (Выделение → Убрать выделение, ctrl-D). Змазуємо ще раз зображення: Filter→Blur→Blur (Фильтр → Смазывание → Смазать). |
|
|
6. Інвертуємо зображення: Image→Adjustements→Invert (Изображение → Установка → Инвертировать, ctrl-I ) |
|
|
7. Займемося бурульками, для цього повернемо зображення на 90 градусів Edit→Transform→Rotate 90° CCW (Изображение / Повернуть холст / 90 против ЧС). Применяем фильтр: "Фильтр → Stylize → Wind ...", метод: wind, напрям: from the left. Не забудьте повернути зображення в початкове положення (поворот за годинниковою стрілкою). |
|
|
8. Тепер додамо зображенню колір льоду. Для цього виконуємо: Image→Adjustements→Hue→Saturation... (Изображение → Установка → Оттенок-насыщенность..., ctrl-U). Ставимо галочку на пункті Colorize (Цветоризация) і встановлюємо значення відтінку 200, а насиченості 80. Додамо останні штрихи: відблиски і сніжинки. Щоб включити ці кисті треба активізувати інструмент Brash Tool (B) (кисть) і з меню вибору кистей натиснути на маленький трикутник в правій частині, вибрати пункт: Load Brashes... (Загрузить кисти) і завантажити файл: Assorted Brashes.abr. Ось що вийшло: |
Завдання 3. Текст, що горить (Вогненний)
|
Створюємо нове вікно File→New... (Файл → Новый ... ctrl-n). Заливаємо його чорним кольором і встановлюємо як головний білий. Пишемо будь-який текст (Бажано жирний). Зводимо всі шари в один: Layer→Merge Layers... (Слой → Выполнить сведение (ctrl-e)) |
|
|
Повертаємо зображення на 90 градусів за ЧС Edit→Transform→Rotate 90° CW (Изображение → Повернуть холст → 90 градусов по ЧС). Виконуємо фільтр: "Фильтр → Stylize → Wind" (Метод: ветер, направление: слева). Використовуємо фільтр: "Фильтр → Distort → Ripple" Значення "Amount": 50-80%. Повертаємо наше зображення назад Edit→Transform→Rotate 90° CCW (Изображение → Повернуть холст /→90 градусов против ЧС) |
|
|
Застосовуємо ще один фільтр: "Фильтр → Pixelate → Crystallize". значення розміру рівним 3. Якщо шрифт невеликого розміру, то краще буде застосувати Фильтр→Distort→Glass із значенням Distortion 0, Smoothness 1. |
|
|
Залишається поміняти колір язиків полум'я. Для цього виконуємо команду: Image→Adjustements→Hue→ Saturation... (Изображение → Установка → Оттенок-насыщенность ... ctrl-U). У вікні, що відкрилося, ставимо галочку на прапорці Colorize (Цветоризация). Доводимо зображення до розуму встановлюємо значення відтінку = 30, насиченості = 100 |
Завдання 4. Графіті
|
Напишіть на чистій стіні своє ім'я фарбою з балончика. Спочатку виберіть два кольори, щоб побудувати стіну. Підійдуть темно-червоний і пісочно-жовтий. А зараз скористайтеся фільтром Render→Clouds (Облака) у новому шарі. |
|
|
У Photoshop є вбудована текстура, що імітує цегляну стіну. Виконайте команду Filter →Texture→Texturizer... (Фильтр → Текстура) і виберіть варіант Brick (Кирпич). Задайте максимальний масштаб і мінімальну рельєфність. |
|
|
На закінчення виберіть тип кисті з розмиттям у властивостях інструменту і який-небудь відповідний для графіті колір. Тепер пишіть. Якщо скористатися кистю з включеним параметром Wet Edges (Мокрый край), то вийде трохи інший ефект. Ще можна побалуватися з різними режимами накладення. Наприклад, ми скористалися режимом Hard Light (Жесткий свет) і добилися ефекту аерозолю, що не зовсім просох. |
Завдання 5. «Веселі» букви
|
Почнемо з якого-небудь бадьорого, енергійного шрифту, потім злегка розмиємо його і трохи спотворимо за допомогою фільтру Wave (Волна). Повторимо ці операції кілька разів, але кожного разу з маленькою амплітудою спотворення. Додамо в новий шар з текстом ефект Bevel and Emboss. Встановіть для ефекту стиль Pillow (Подушка), глубину (Depth) = 20, режим підсвічування (Highlight Mode) = Difference (Разница) і виберемо відповідний кут освітлення. |
|
|
Включіть режим Lock Transparent Pixels (Сохранить прозрачность) і залийте шар з текстом яким-небудь різноколірним градієнтом. Тепер продублюйте шар і залийте текст хмарами (фільтр Render→Clouds) при все ще включеному режимі Preserve Transparency. В результаті в цьому шарі градієнт буде затертий, але це і добре. |
|
|
Відкрийте вікно ефектів для цього шару (з хмарним текстом) і встановіть величину розмиття (параметр Gaussin Blur) приблизно 14. Тепер, натиснувши клавішу Alt і клацнувши мишею в палітрі Layers (Слои) на межі між двома шарами з текстом, створіть з них монтажну групу (Clipping group). Таким чином буде замаскована та частина зображення, яка вийшла за межі букв в результаті сильного розмиття (шар-маска не працюватиме так, як потрібно). Потім переведіть верхній шар в режим Overlay (Перекрытие) – ефект створений. |
Завдання 6. Оптичний ефект
|
Для цього ефекту дуже важливо, щоб документ мав квадратну форму (наприклад 512x512 пікселів), інакше фільтр буде несиметричним. Після того, як ви створите такий документ, введіть текст. Особливо добре виглядає цей ефект, коли ваш текст набраний великими буквами, і ще непогано було б підібрати який-небудь товстий, шрифт. Якщо вам вдасться вписати текст в квадратний блок, буде ще краще. Ми створили два текстові елементи і відмасштабували їх так, щоб вирівняти один до одного. |
|
|
Зведіть документ в один шар і застосуйте фільтр Spherize (Сферизация) з розділу Distort (Деформация) з параметром 100%. Примусити фільтр сильніше спотворити зображення неможливо, але якщо вам це потрібно, просто застосуєте цей же фільтр ще раз. Правда, можливо, в проміжках між операціями Spherize доведеться ще раз масштабувати текст. |
|
|
Проблема цього ефекту полягає в тому, що в центрі край тексту може стати нерізким. Щоб виправити цей недолік, трохи розмийте текст, а потім застосуєте до всього зображення команду Levels (Уровни). Змістіть регулятори білої і чорної крапки назустріч один одному, щоб зробити текст чіткішим. |
Завдання 7. Скло
|
Для цього ефекту знадобиться фонове зображення або текстура. Ми скористалися зображенням CMYK Palm Tree з каталога Samples програми Photoshop 7.0. Відкрийте його в редакторові. Вставте текстовий шар, скориставшись хорошим, товстим шрифтом. Створіть новий шар, залитий чорним кольором, перетворіть текстовий шар на виділену область і залийте її білим. Злегка розмийте шар і збережіть це зображення у форматі Photoshop |
|
|
Сховайте розмитий текст і продублюйте зображення на фоновому шарі. Перемістить його на самий верх та застосуйте фільтр Displace (Сдвиг) з параметрами, прийнятими за замовчуванням. При цьому відкриється діалогове вікно Open→Save (Открыть→ Сохранить). В цьому вікні потрібно буде знайти файл PSD, який ви зберегли, і відкрити його. За допомогою цього зображення картинка зміститься. Видаліть шар з текстом на чорному фоні. Створіть макетну групу (Clipping group) з зміщеного зображення та текстового шару (натиснувши на лінії, яка розділяє ці шари в палітрі Layers при натиснутій клавіші Alt). |
|
|
Додайте до тексту небагато глянсового свічення за допомогою шару з ефектом Bevel and Emboss. У діалоговому вікні цього ефекту потрібно буде встановити стиль Inner Bevel, режим Highlight (Свечение) = Difference (Разница) та режим Shadow (Тени) = Overlay (Перекрытие). Додайте тіні від букв і нарешті, при необхідності, змініть режим накладення зміщеного шару на Screen (Осветление), щоб освітлити внутрішню частину скляних букв. |
Завдання 8. Мощення плиткою
|
Створіть текстовий шар. Для цього ефекту підходить будь-який шрифт, будь-який стиль. Ми збираємося покрити текст мозаїкою і обвести контури рамкою. Спочатку заповнимо текст шумом (Filter→Noise→AddNoise...). (Програма запитає вас, чи не потрібно спочатку отрендеріть шар. Відповідайте на це питання — OK.) |
|
|
Виберіть з підміню фільтрів Texture (Текстура) фільтр Patchwork (Витраж) і встановіть для нього розмір комірок, цікавлячих вас, і товщину меж. Ми встановили середній розмір комірок і середню товщину. |
|
|
Натисніть Ctrl і назву шару з текстом. Скопіюйте текст в буфер обміну. Створіть новий шар. Потім завантажте текст у виділену область і в новому шарі виконайте операцію Edit→Stroke... (Обводка) по зовнішньому контуру (Outside) з товщиною (Width) 3 пікселя. Внесіть до цього шару шум і знову застосуйте фільтр Patchwork, але цього разу встановіть менший розмір комірок. Отримані шари можна тонувати (Colorize) в будь-який колір і додати тіні від букв. |
Завдання 9. Перспектива
|
Побудувати текст з перспективою досить легко, але до цього ефекту можна додати ефект глибини простору (depth of field). Створіть текстовий шар і отрендеріть його (Filter → Render → 3D Transform). Скористайтеся інструментом Edit→ Transform→ Perspective (Редактирование → Трансформирование → Перспектива), щоб внести до тексту спотворення, обумовлені законами перспективи. |
|
|
У новому каналі побудуйте градієнт від чорного до білого у напрямі спотворення. Виділіть текст (Ctrl- клацання на шарі). Скопіюйте область в буфер обміну (CTRL-C). Перейдіть в новий канал і завантажте текст у виділену область (CTRL-V). Зведіть документ в один шар (CTRL-E). Виділіть область з текстом (Ctrl- клацання на каналі) і скористайтеся ним для розмиття тексту — кілька разів застосуйте фільтр Gaussian Blur (Размытие по Гауссу) з маленьким радіусом. Пам'ятайте, що ці декілька операцій не можна замінити одною з великим радіусом. |
|
|
Застосувавши до тексту ефекти освітлення (Lighting Effects), йому можна додати деякий об'єм. Скористайтеся одним або декількома точковими (spot) джерелами світла і встановіть в полі Texture Channel (Текстурный канал) один з колірних каналів. Результуючий рельєф, як і текст, теж буде не у фокусі. |
Мета роботи: отримати навики роботи з програмою Adobe Photoshop. Навчитися створювати gif анімацію в Adobe ImageReady.
Інтерфейс ImageReady
Головне вікно ImageReady. У перший момент його легко переплутати з Photoshop, настільки схожі вони зовні: та ж панель інструментів, знайомі палітри. Така подібність не випадкова. Більш уважний погляд відзначить і безліч особливостей. По-перше, це кілька особливих інструментів на палітрі інструментів.
1. Інструмент Rounded Rectangle Marquee. Він призначений для створення виділених областей у формі прямокутника з округленими кутами. Палітра властивостей Options для цього інструмента містить поле Radius, у якому задається радіус округлення в пікселях.
2. Інструменти Rectangle, Rounded Rectangle і Ellipse відразу малюють прямокутник, прямокутник з округленими кутами й еліпс, відповідно. Виділена область при цьому не створюється, а фігура відразу виявляється залита поточним основним кольором.
3. Інструмент Slice призначений для розрізування зображень на прямокутні фрагменти, a Select Slice - для виділення таких фрагментів.
Крім того, на панелі інструментів є кнопки режимів Show Slices і Hide Slices, що відповідають команді-перемикачу з меню Slices. У першому режимі відображаються границі фрагментів, на які розрізане зображення, а в другому - немає.
Optimize Палітра містить параметри оптимізації зображень для експорту в обраний формат. Вигляд оптимізованого зображення відображається прямо у вікні кожного документа ImageReady і обов'язково має чотири вкладки, аналогічних вкладкам модуля Save For Web. У рядку стану вікна документа вказуються поточні параметри чи оптимізації, інша інформація, що вибирається в списку, що відкривається натисканням на трикутній стрілці. У цьому ж списку задається передбачувана швидкість модему, що використовується для оцінки часу завантаження зображення в браузері користувача.
Color Table. Ця палітра ImageReady показує поточну палітру зображення, якщо заданий режим оптимізації в індексований формат (GIF чи PNG-8). Вона також має свій аналог у модулі Save For Web Photoshop і робота з нею теж аналогічна.
Layers. ImageReady підтримує точкові і текстові шари, а також ефекти для шарів. Керування шарами так само, як і в Photoshop, здійснюється за допомогою спеціальної палітри. Єдина її відмінність від палітри Layers у Photoshop полягає в тім, що в ній відображаються і всі ефекти, застосовані до шару. Крім того, у нижньому ряду кнопок додалися стрілки переходу між шарами і додавання ефектів. Оскільки при створенні анімації її фази розміщуються на окремих шарах, кнопки переходу до попереднього чи наступного шару використовуються для перемотування кадрів. Кнопка додавання ефектів відкриває список усіх доступних ефектів для шарів. Вибір кожного з них створює на поточному шарі цей ефект. Настроювання його параметрів здійснюється за допомогою особливої палітри Layer Options/Effects.
Layer Options/Effects. Ця палітра використовується разом з палітрою Layers і дозволяє задавати параметри шарів й асоційованих з ним ефектів. Якщо в палітрі Layers виділений рядок ефекту, то в палітрі Layer Options/Effects показані настроювання цього ефекту. Якщо ж виділений шар, то в цій палітрі ви знайдете параметри шару.
Вони використовуються для створення карт посилань.
Styles Набір ефектів, асоційований з поточним шаром, можна зберегти в спеціальній палітрі Styles. Щоб відтворити збережений набір ефектів ще раз чи застосувати його до іншого шару, досить просто зробити подвійний натиск мишею на його піктограмі в палітрі. Відразу після установки програми в палітрі знаходяться два десятки готових стилів, створених розроблювачами.
Type. У Photoshop параметри тексту, та й сам тест, вводяться в спеціальному діалоговому вікні Type Tool. У ImageReady введення і редагування тексту реалізовано набагато зручніше. Текст вводиться прямо у вікні документа, а для настроювання його параметрів використовується палітра Type. Ця палітра дуже знайома користувачам Adobe Illustrator. У ній ви знайдете список шрифтів, їхніх накреслень і кегля, управління виключенням абзаців, кернингом, шириною символів, положенням базової лінії. Особливо відзначимо можливість вибору з чотирьох ступенів згладжування (anti-aliasing).
Animation. Палітра містить перелік усіх кадрів анімації і керує їх черговістю і переглядом.
Slice. Палітра призначена для установки параметрів окремих фрагментів, на які зображення розрізане за допомогою інструмента Slice чи команди Divide Slice з меню Slices.
Rollover. Палітра зберігає варіанти зображення, демонстрованого в браузері в залежності від того, чи знаходиться на ньому курсор і чи натиснута кнопка миші.
Палітри Colors, History, Info, Options і Actions майже цілком ідентичні однойменним палітрам Photoshop. Правда, палітра History у ImageReady трохи спрощена. У ній відсутня можливість створення знімків (snapshots) і призначення вихідного стану для кисті History Brush, оскільки ImageReady не має такого інструмента.
Створення зображень у ImageReady має ряд особливостей, які варто враховувати. Можливості ImageReady трохи відрізняються від Photoshop. ImageReady, наприклад, надає два додаткових ефекти для шарів (Color Fill і Gradient/Pattern), яких немає в Photoshop. При переносі в Photoshop зображення з такими ефектами останні просто пропадають. Подібні "чудеса інтеграції" варто знати і враховувати в процесі роботи в обох програмах.
Вивчимо специфіку ImageReady на простому прикладі. Розфарбуємо нескладне зображення, схематичну карту Європи, на якій виділені кольором кілька країн.
1. Запустіть програму ImageReady, якщо вона закрита.
2. Відкрийте файл Europe.tif.
3. Для зручності розфарбовування розділимо зображення. Виберіть подвійним натиском миші інструмент Magic Wand (зверніть увагу на відсутність команди Color Range у меню Select) у палітрі інструментів.
4. У палітрі Options встановіть величину Tolerance приблизно 30.
5. Клацніть на блакитному просторі, що зображує океан.
6. Інвертуйте виділену область командою Inverse з меню Select. У такий спосіб виділений весь континент.
7. Виберіть команду Layer via Cut з підменю New меню Layer. Тепер карта Європи знаходиться на окремому шарі.
8. Розмістимо виділені країни на окремих шарах. Виділіть за допомогою інструмента Magic Wand одну з країн.
9. Виберіть команду Layer via Copy з підменю New меню Layer чи скористайтеся клавіатурним скороченням <Ctrl>-KJ>. Ця команда також доступна в контекстному меню, що відкривається по щиглику правою кнопкою миші при вказівці курсору на виділену область. Тепер територія країни знаходиться на окремому шарі.
10. Повторюйте кроки 9-10 для усіх виділених країн, поки усі вони не розмістяться на окремих шарах. Італія і Великобританія мають острівні території. Для того щоб виділити їх цілком, скористайтеся командою Similar з меню Select.
11. Перейдіть до шару з зображенням усього континенту, клацнувши на його рядку в палітрі Layers. Встановіть для нього прапорець Preserve Transparency.
12. У палітрі Swatches виберіть ясно-сірий колір і заповніть ним усю територію континенту за допомогою команди Fill з меню Edit чи натисканням клавіш <Alt>+<Backspace>.
13. Перейдіть до вихідного шару Layer 1 і заповніть його білим кольором за допомогою команди Fill з меню Edit. У діалоговому вікні цієї команди встановіть White у списку Use.
14. Дайте шарам значущі імена. Ocean, Europe, England, Italy, Holland, Germany, Sweden, France. Саме відповідно до цих імен і будемо називати шари далі в тексті. Відрізнятися може тільки порядок шарів з територіями окремих країн.
Додамо території всього континенту ефект Drop Shadow, знайомий вам по Photoshop. У ImageReady для одержання ефектів використовуються трохи інші елементи управління.
1. Перейдіть до шару Europe у палітрі Layers.
2. Натисніть кнопку з зображенням букви "f" у нижній частині палітри Layers, вона відкриває список доступних ефектів.
3.Виберіть ефект Drop Shadow. Замість кнопки в палітрі Layers можна було б скористатися і командою Drop Shadow зі списку Effects, вкладеного в меню Layer.
4. Рядок шару Europe у палітрі шарів придбав додаткову підстроку ефектів Effects. Розташована на цьому рядку ліворуч трикутна стрілка розгортає список асоційованих із шаром ефектів. Поки це тільки ефект Drop Shadow.
5. Після додавання ефекту палітра Layer Options змінила свою назву на Drop Shadow. Активізуйте її. Якщо такої палітри на екрані немає, то відкрийте її командою Show Layer Options/Effects з меню Window. Вона містить настройки поточного ефекту, рядок якого виділено в палітрі Layers.
6. Список Blend Mode задає режим накладення тіні. Залишіть у ньому значення Multiply, обране за замовчуванням. Колір тіні в списку Color теж нехай залишиться чорним. Повзунок Blur задає розмитість тіні. Встановіть значення рівним 7 пікселям. Зсув тіні щодо об'єкта на шарі, що задається повзунком Distance, встановіть рівним 7 пікселям "Густоту" тіні встановіть рівним 9% за допомогою повзунка Intensity. Прозорість тіні (повзунок Opacity) і кут падіння (повзунок Angle) залишіть прийнятими за замовчуванням: 75% і 120°, відповідно. Як бачите, усі настройки ефекту тіні збігаються з тими, що ви бачили в діалоговому вікні Effects у Photoshop. У ImageReady роль цього діалогового вікна виконує палітра Layer Options/Effects. Вона містить настройки для всіх ефектів. Ефект Drop Shadow застосований. Ви можете в будь-який момент змінити його параметри. Для цього буде потрібно виділити рядок обраного ефекту і звернутися до палітри Layer Options/Effects для регулювання настроювань.
Один з головних сюрпризів для починаючого користувача ImageReady полягає в тому, що в програмі немає інструмента Gradient, без якого користувач Photoshop не мислить свою роботу. Замість інструмента розроблювачі постачили ImageReady ефектом Gradient/Pattern, що застосовується до шару, як і Drop Shadow, Bevel and Emboss і ін.
1. Активізуйте шар Ocean у палітрі Layers i
2. Натисніть кнопку з зображенням букви Т в нижньої частини палітри Layers, вона відкриває список доступних ефектів.
3. Виберіть ефект Gradient/Pattern. Замість кнопки в палітрі Layers можна було б скористатися і командою Gradient/Pattern зі списку Effects, вкладеного в меню Layer. У документі з'явився лінійний градієнт із кольорами за замовчуванням. Зверніть увагу на появу рядка цього ефекту в шарі Ocean у палітрі Layers
4. Палітра Layer Options/Effects (яка тепер називається Gradient/Pattern) являє собою спрощений варіант діалогового вікна Gradient Editor у Photoshop. Вона теж дозволяє створювати градієнти з довільною кількістю проміжних кольорів і редагувати ці кольори. Список Gradient Style пропонує тільки два типи градієнта лінійний і радіальний. Залишіть градієнт лінійним. Повзунок Angle задає кут лінійного градієнта (для радіального кут не має змісту і повзунок недоступний); зробіть кут рівним 90°.
5. Нашою метою є градієнт і з двох кольорів з переходом від темно-синього до блакитного. Відредагуємо граничні кольори градієнта. Зробіть подвійний натиск на маркері в лівій частині смуги градієнта. Перед вами діалогове вікно Color Picker. Виберіть у ньому блакитний колір (наприклад, R:102, G:204, B:255, що відповідає кольору #66CCFF у Web і натисніть кнопку ОК. Зробіть подвійний натиск на маркері в правій частині смуги градієнта. Перед вами діалогове вікно Color Picker. Виберіть у ньому темно-синій колір (наприклад, R:51, G:102, У:204, що відповідає кольору #3366СС у Web-палітрі) і натисніть кнопку ОК. Градієнт придбав бажаний вигляд.
6. Движок у формі ромба над смугою градієнта в палітрі Layer Options/Effects визначає положення середньої точки градієнта, у якій граничні кольори змішані в пропорції 1:1. Змістіть його трохи вправо, і область темного кольору стане менше.
7. Ви можете додавати проміжні кольори в створені градієнти. Клацніть курсором миші приблизно посередині між маркерами кольорів на смузі градієнта в палітрі Layer Options/Effects. На місці натиску з'явиться новий маркер. Він має колір, що відповідає обраній точці градієнта. Змінити його можна за допомогою Color Рicker так само, як ми зробили для граничних кольорів градієнта. Зайві кольори легко видалити. Перетягніть за допомогою миші середній маркер за межі палітри, і він буде вилучений.
Як бачите, ефект Gradient у ImageReady далеко не має таку гнучкість, як однойменний інструмент у Photoshop. Основне обмеження ефекту полягає в тому, що його можна застосовувати тільки до всіх об'єктів, що знаходяться на шарі. Наприклад, ви не можете заповнити градієнтом виділену область. Крім того, ефект має і два інших істотних обмеження: відсутність регулювання прозорості, наявність тільки двох типів градієнта (лінійний і радіальний). Якщо ж вам потрібно щось більше, просто перейдіть у Photoshop, натиснувши кнопку Jump To Default Graphic Editor на палітрі інструментів.
|
1.1. Відкрийте документ будь-якого розміру, будь-якого кольору (243х243 пікселя з білим фоном, колірна модель RGB). 1.2. Намалюйте лінію внизу документа за допомогою кисті розміром 1 піксель. Це означатиме поверхню, що допоможе нам тримати малюнок на одному рівні. |
|
|
1.3. Створіть новий шар (Ctrl+Shift+N), назвіть його цифрою 1. 1.4. Створіть фіксоване виділення 130х130 пікселів за допомогою інструменту Примітка: у настройках інструменту еліптичне виділення вибираємо опцію Style (Стиль), із списку, що розкривається, ставимо параметр Fixed Size (фіксований розмір), а у віконцях W: і H: ставимо число 130, от як це виглядає: |
|
|
Залийте виділення будь-яким кольором (чорним). Зніміть виділення (Ctrl+D). Посуньте круг до лінії інструментом . Вийшло: |
|
|
1.5. Скопіюйте шар (Ctrl+J) під назвою «1», перейменуйте його в цифру 2. Вимкніть відображення шару 1, щоб він нам не заважав (тобто, вимкніть значок ока поряд з іконою шару). 1.6. Натисніть Ctrl+T, або Edit-Free Transform (Правка-Произвольное трансформирование). Звузьте краї круга, так щоб вийшов овал, або в настройках інструменту поставте у вікні параметра W:92,3%. Інструментом трохи підніміть овал вгору, або натисніть кілька разів на клавіатурі стрілку вгору (одне натиснення означає зсув на один піксель). У вас повинно вийти: |
|
|
1.7. Скопіюйте шар «2», перейменуйте його в цифру 3. Вимкніть відображення шару 2. 1.8. Натисніть Ctrl+T, і знову звузьте края або довільно, або - W: 90,8%. Підніміть овал ще трохи вгору: |
|
|
1.9. Скопіюйте шар «3», перейменуйте його в цифру 4. Вимкніть відображення шару 3. 1.10. Натисніть Ctrl+T, ще небагато звузьте края, W: 89,0%. Підніміть овал знову небагато вгору: |
|
|
1.11. Виділить шар під назвою «1». Натисніть Ctrl+J, щоб скопіювати шар. Перейменуйте його в цифру 5. Перетягніть його на самий верх, тобто щоб він знаходився поверх всіх шарів. Включіть у нього видимість і також відключіть видимість у шару 4. Ваша палітра шарів на даний момент: |
|
|
1.12. Натисніть Ctrl+T, тепер звужуйте круг зверху і знизу, а потім по боках, або поставте настройки - W: 113,1%; H: 64,8%. Перемістіть овал до нашої лінії поверхні: |
|
|
1.13. Скопіюйте шар 5, перейменуйте його в цифру 6. Приберіть видимість шару 5. Натисніть Ctrl+T, також ще більше звужуйте овал зверху, знизу, по боках; настройки: W: 126,5%; H: 63,9%: |
|
|
Остаточний вигляд панелі шарів: |
|
|
Завдання 2. Створюємо анімацію. Якщо Photoshop версії CS2, активізувати панель анімації можна в меню: Window-Animation (Окно-Анимация), таким же способом вона відкривається і в ImageReady. Якщо більш раніші версії Photoshop, тоді необхідно відкривати ImageReady, це можна зробити, натиснувши на панелі інструментів кнопку Edit in ImageReady (див. рис.), або натиснувши гарячі клавіші: Shift+Ctrl+M. |
|
|
2.1. Отже, почнемо створювати анімацію, перед собою ви повинні бачити її панель (див. рис.), Перший кадр стоїть за замовчуванням. В даний момент у вас повинен бути видний самий верхній шар під номером 6. |
|
|
Приберемо видимість на панелі шарів у шару 6, поставимо видимість шару 1: |
|
|
Кадр на панелі анімації змінився. Висновок: видимий шар відображатиметься в кадрі. |
|
|
2.2. Натиснемо на панелі анімації іконку нового листа. З'явиться другий кадр: Приберемо видимість у шару 1, поставимо видимість у шару 2. Кадр змінився. 2.3. Знову створіть кадр, приберіть видимість шару 2, поставте шару 3. 2.4. Створіть кадр (це буде вже кадр під номером 4), приберіть видимість шару 3, поставте у 4. 2.5. Тепер підемо у зворотному напрямку, тобто: Створюємо кадр (він буде під номером 5), прибираємо видимість у шару 4, ставимо 3му. Створюємо кадр (6), прибираємо видимість у 3-го, ставимо 2-му. Створюємо кадр (7), прибираємо видимість у 2-го, ставимо 1-му. Ось наша панель анімації, якщо ви все робили правильно: |
|
|
2.6. Залишилося зовсім небагато: Створіть кадр (8), приберіть видимість у 1-го, поставте шару, під назвою 5. Створіть кадр (9), приберіть видимість у 5-го, поставте 6-му. Створіть кадр (10), приберіть видимість у 6-го, поставте 5-му. Анімація готова. Поставте на відтворення, натиснувши кнопку Play Animation. |
|
|
2.7. Тепер збережемо нашу анімацію. Якщо ви працювали в Photoshop CS2, то відкриваємо меню File-Save for Web (Файл-Сохранить для веба)... Не забудьте поставити в настройках розширення gif: |
|
|
Тисніть ок, далі йде звичайна процедура збереження файлу в задану директорію. Якщо ви працювали в ImageReady, то відкриваємо меню File-Save Optimized As (Файл-Сохранить оптимизированный) Далі відкриється діалогове вікно збереження файлу, потім в наступному вікні вкажіть: Every Time (дослівно: кожного разу). |
|
|
Панель анимації. Завдання 3. |
|
|
3.1. Іконка сміття: Видаляє кадр, досить перетягнути кадр на цю іконку. Якщо необхідно видалити декілька кадрів, виділіть їх з натиснутою клавішею Shift і перетягуйте на сміттєву ікону. |
|
|
3.2. Іконка нового листа, це створення нового кадру |
|
|
3.3. Іконка для створення ефектів, якщо на неї кликнути, відкриється вікно з настройками. |
|
|
3.4. Опції прокрутки |
|
|
3.5. Тут знаходяться настройки відтворення Once (Один раз) Forever (Завжди) Other (Інше). |
|
|
3.6. Якщо необхідно змінити частоту кадрів, клацніть на маленький чорний трикутник, і у вікні, що з'явилося, указуйте час його відтворення. У опції Other (Інше), можна вказати свій час. |
|
|
Ось що у Вас може вийти: |
Анімація тексту
|
Створіть в Photoshop новий документ з білим фоном. Pозмір 300х200 пікселів. Зробіть напис. Для цього уроку краще використовувати рукописний шрифт. Для прикладу шрифт Kaufmann. |
|
|
Для першого разу не робіть напис довше за 3-4 знаки, так простіше і швидше навчитися. Потім вже можете використовувати текст будь-якої довжини. Тепер зайдіть в Layer-Rasterize-Type (Слои-Растеризовать-Текст), щоб перевести текст в растр (ми зможемо закрашувати напис). У вікні шарів будуть два шари (натисніть F7, якщо це вікно закрите): |
|
|
У вікні шарів кликніть правою мишкою на шарі з написом і виберіть Duplicate Layer (Сделать дубликат слоя). |
|
|
Повторіть операцію ще раз: |
|
|
Цього разу нам потрібно створити багато шарів - приблизно по два-три шари на кожну букву і знак нашого напису. У нас 4 знаки, ми створимо 10 шарів. В процесі роботи додалося ще декілька шарів. Але якщо додаватимете шари в кінці роботи, то додані шари будуть видимі в кожному кадрі, і треба буде робити їх невидимими. Отже робіть всі шари відразу. У ідеалі на кожну букву потрібно близько 4-5 шарів. Спершу зробіть 2-3. |
|
|
Тепер зробіть всі шари невидимими (за винятком першого і другого). Для цього кликніть на значку ока напроти кожного шару. У результаті у Вас повинне бути таке вікно шарів: |
|
|
Тепер перейдемо в програму для анімації ImageReady, кликнувши на вказаній іконці або натиснувши Shift+Ctrl+M на клавіатурі. |
|
|
Переконайтеся, що в ImageReady у Вас відкриті вікна анімації і шарів. Якщо ні, відкрийте їх через Window-Animation (Окна-Анимация) і Window-Layers (Окна-Слои). Потім на палітрі інструментів ImageReady візьміть Brush tool (Кисть) Переконайтеся, що у Вас активні тільки шар з білим фоном і перший шар з написом. Решта шарів повинна бути невидима: |
|
|
Встановите колір кисті білим, і починайте закрашувати свій напис. |
|
|
Залиште тільки саму крайню ділянку першої букви: |
|
|
Тепер перейдемо до вікна анімації. Кликніть на вказаній іконі, щоб зробити дублікат кадру: |
|
|
З'явиться другий кадр - точна копія нашого першого кадру. Для того, щоб кожен кадр трохи відрізнявся від попереднього, ми трохи мінятимемо кожен кадр, залишаючи більшу частину букви, щоб у результаті вийшов ефект анімації. Суть цього уроку в тому, щоб кожному кадру відповідав свій шар, який ми злегка змінюватимемо. Звучить складно, але насправді це легко і просто. Отже, у нас тепер з'явився другий кадр: |
|
|
Другому кадру повинен відповідати наступний шар (Вам потрібно зробити цей шар видимим, кликнувши на значку ока. Відповідно, інші шари, за винятком білого фону, повинні бути невидимі). Не забудьте, що активний шар повинен бути виділений синім: |
|
|
Тепер для другого кадру стираємо напис, залишаючи трохи більшу частину букви: |
|
|
Тепер знову клікаємо на вказаній іконці, щоб створити черговий дублікат кадру: |
|
|
Для третього кадру перейдемо до наступного шару: |
|
|
Кадр створено: |
|
|
Закрашуємо напис і залишаємо трохи більшу частину букви: |
|
|
Аналогічно створюємо черговий дублікат кадру і робимо видимим черговий шар: |
|
|
Стираємо напис і залишаємо ще більшу частину букви: |
|
|
Далі діємо по тій же схемі - створюємо черговий кадр: |
|
|
Для нового кадру переходимо до нового шару: |
|
|
Цього разу залишаємо першу букву повністю: |
|
|
Повторюємо операції- створюємо дублікат кадру: |
|
|
Для нового кадру робимо видимим черговий шар: |
|
|
Закрашуємо все менше і менше: |
|
|
Робимо новий дублікат кадру: |
|
|
Для нового кадру робимо видимим наступний шар: |
|
|
Закрашуємо і залишаємо трохи більше напису: |
|
|
Тут головне - не поспішати. Робимо черговий дублікат кадру: |
|
|
Для якого робимо видимим наступний шар: |
|
|
При закрашенні залишаємо все більше напису: |
|
|
Виконайте ці кроки зі всіма буквами і знаками свого напису. Потім у вікні анімації кликніть на маленькому трикутнику біля кожного кадру, щоб виставити затримку в 0.1 секунди: |
|
|
У останньому кадрі поставте затримку в 1 секунду. Для того, щоб анімація була безперервною, виберіть установку Forever (Навсегда) в лівій частині вікна анімації. Залишилося натиснути на чарівну кнопку Play: |
|
|
І анімація готова! Для того, щоб зберегти файл з анімацією, скористайтеся командою Save Optimized As і збережіть результат у форматі gif. |