Хмельницький нацiональний унiверситет 
 Лабораторна робота
 

3000. Комп’ютерна графіка

1. Створення одномісячного календарю за допомогою графічного редактора Photoshop CS6

Автор: Францкевич О.І.

 
 • 1
Иллюстрация к шагу3000-01-001.mp4
Текст к ситуацииВступ.

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

1Продовжити виконання лабораторної роботи2
 
 • 2
Текст к ситуации

Adobe Photoshop (укр. “Едоуб Фотошоп”) — графічний редактор, розроблений і поширюваний фірмою Adobe Systems. Цей продукт є лідером ринку в області комерційних засобів редагування растрових зображень, і найвідомішим продуктом фірми Adobe. Часто цю програму називають просто Photoshop (Фотошоп). В наш час Photoshop доступний на платформах Mac OS X/Mac OS Microsoft Windows, iOS і Android.

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

Photoshop тісно пов`язаний з іншими програмами для обробки медіафайлів, анімації та іншої творчості. Спільно з такими програмами, як Adobe ImageReady (програма скасована у версії CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects і Adobe Encore DVD, він може використовуватися для створення професійних DVD, забезпечує засоби нелінійного монтажу і створення таких спецефектів, як фони, текстури і т. д. для телебачення, кінематографу і всесвітньої павутини. Основний формат Photoshop, PSD, може бути експортований і імпортований всіма програмними продуктами, переліченими вище. Photoshop CS підтримує створення меню для DVD. Спільно з Adobe Encore DVD, Photoshop дозволяє створювати меню або кнопки DVD. Photoshop CS3 у версії Extended підтримує також роботу з тривимірними шарами.

Через високу популярність Photoshop підтримка його формату файлів, PSD, була реалізована в його основних конкурентів, таких, як Macromedia Fireworks, Corel PHOTO-PAINT, Pixel image editor, WinImages, GIMP, Jasc Paintshop Pro і т. д.

Photoshop підтримує такі колірні моделі або способи опису кольорів зображення (в нотації самої програми — режим зображення):

· RGB

· LAB

· CMYK

· Grayscale

· Bitmap

· Duotone

· Indexed

· Multichannel

Підтримується обробка зображень, як з традиційною глибиною кольору (8 біт, 256 градацій яскравості на канал), так і з підвищеною (16 біт, 65536 відтінків в кожному каналі). Можливе збереження у файлі додаткових елементів, як то: направляючих (Guide), каналів (наприклад, каналу прозорості — Alpha channel), шляхів обтравки (Clipping path), шарів, що містять векторні і текстові об`єкти. Файл може включати колірні профілі (ICC), функції перетворення кольору (transfer functions).

Перша версія з`явилася в 1987 році. Її створив студент університету Мічігану Томас Нолл (Thomas Knoll) для платформи Macintosh. Він назвав її Display, але в 1988 році перейменував її в ImagePro. У вересні 1988 Adobe Systems купила права на програму, залишивши розробником Томаса Нолла (Thomas Knoll). У наступному (1989 році) році програму перейменували в Photoshop. У 1990 році з`явився Photoshop 1.0 Photoshop 8.0, датований жовтнем 2003 рік, має назву Photoshop CS, так як почав ставитися до нової лінійки продуктів компанії Adobe Systems - Creative Suite.

Photoshop v.10.0, датований квітнем 2007 року, має назву «Photoshop CS3». Абревіатура «CS3» означає, що продукт інтегрований в третю версію пакету програм «Adobe Creative Suite». У попередніх продуктах — Photoshop CS і CS 2, c метою відмінності від колишніх версій і зміцнення приналежності до нової лінійки продуктів, був змінений символ програми: замість зображення ока, яке було присутнє у версіях з 3-го по 7-ю, в стильовому рішенні використовувалося зображення пір`я. У Photoshop CS3 в іконі додатку і екрані-заставці використовуються букви з назви продукту «Ps» на синьому градієнтному фоні. Список нововведень включає в себе новий інтерфейс, збільшену швидкість роботи, новий Adobe Bridge, нові фільтри і інструменти, а також додаток Device Central, що дозволяє здійснювати попередній перегляд роботи в шаблонах популярних пристроїв, наприклад мобільних телефонів.

Останні версії включають в себе Adobe Camera RAW — плагін, розроблений Томасом Ноллом (Thomas Knoll), який дозволяє читати ряд RAW-форматів різних цифрових камер і імпортувати їх безпосередньо в «Photoshop».

1Продовжити виконання лабораторної роботи3
 
 • 3
Текст к ситуацииГотовність до тестування

Шановний учню, для подальшого виконання лаборатороної роботи необхідно отримати допуск до практичних дій. Для цього необхідно відповісти на питання контролю теоретичних знань, які вимагаються для виконання. Якщо Ви впевнені у своїх знаннях та готові відповідати на тестові запитання оберіть пункт – «Матеріал засвоєний», якщо Ви потребуєте додаткового вивчення теоретичного матеріалу оберіть пункт – «Матеріал незасвоєний, потребує повторення».

1Матеріал засвоєний4
2Матеріал незасвоєний, потребує повторення2
 
 • 4
Текст к ситуацииПочаток тестування.

При проходженні тестового контролю необхідно звернути увагу на таке:

1. На відповіді виділений обмежений термін. Час, який залишився до закінчення тестування, висвітлюється у верхньому лівому куті екрана монітора комп’ютера. Якщо Ви не надали відповіді у контрольний термін, то відповідь не зараховується.

2. Серед запропонованих відповідей тільки один варіант вірний.

1Продовжити виконання лабораторної роботи5
 
 • 5
Ограничение времени1 минут
Текст к ситуацииОсновний формат Photoshop – це …
1PSB20
2PSD9, 10, 11, 12
3PCX20
4Photoshop не має свого формату20
 
 • 6
Ограничение времени1 минут
Текст к ситуацииСкільки кольорових моделей або способів опису кольорів зображення підтримує графічний редактор Photoshop?
179, 10, 11, 12
21020
3820
4920
 
 • 7
Ограничение времени1 минут
Текст к ситуацииКоли з’явилась перша версія графічного редактору Photoshop?
11990-й20
21987-й9, 10, 11, 12
31992-й20
 
 • 8
Ограничение времени1 минут
Текст к ситуацииЯкою була перша назва графічного редактору Photoshop?
1Creative Suite20
2ImagePro20
3Display9, 10, 11, 12
 
 • 9
Ограничение времени1 минут
Текст к ситуацииУ якому році Adobe Systems купила права на графічний редактор Photoshop?
11988-й13, 14, 15, 16
21989-й20
31987-й20
 
 • 10
Ограничение времени1 минут
Текст к ситуацииГрафічний редактор Photoshop створив Томас Нолл?
1Ні20
2Так13, 14, 15, 16
3Він був не єдиним творцем20
 
 • 11
Ограничение времени1 минут
Текст к ситуацииУ якому році з’явився графічний редактор Photoshop 1.0?
11990-й13, 14, 15, 16
21989-й20
31991-й20
 
 • 12
Ограничение времени1 минут
Текст к ситуацииPhotoshop підтримує платформу Mac OS X?
1Так13, 14, 15, 16
2Ні20
3В залежності від конфігурації20
 
 • 13
Ограничение времени1 минут
Текст к ситуацииЦифра біля CS (приклад: CS3) означає рік виходу версії?
1Так20
2Так, але не у всіх випадках20
3Ні17, 18, 19
 
 • 14
Ограничение времени1 минут
Текст к ситуацииУ якому році графічний редактор Photoshop отримав свою остаточну назву?
11989-й17, 18, 19
21990-й20
31988-й20
 
 • 15
Ограничение времени1 минут
Текст к ситуацииВерсія графічного редактору 2007-го року має назву …
1Photoshop CS220
2Photoshop CS317, 18, 19
3Photoshop CS420
4У цьому році не вийшло жодної версії20
 
 • 16
Ограничение времени1 минут
Текст к ситуацииPhotoshop CS5 – найновіша версія редактору?
1Так20
2Ні17, 18, 19
3Такої версії не існує20
 
 • 17
Ограничение времени1 минут
Текст к ситуацииПерша версія Photoshop була створена для Macintosh?
1Ні20
2Так21
3Так, але не тільки для Macintosh20
 
 • 18
Ограничение времени1 минут
Текст к ситуацииЧи існує версія графічного редактору Photoshop для мобільних платформ?
1Так21
2Так, тільки для iOS20
3Так, тільки для Android20
4Не існує20
 
 • 19
Ограничение времени1 минут
Текст к ситуацииУ яких версіях графічного редактору Photoshop було змінено його символ?
1Символ завжди був однаковим20
2CS-CS221
3CS2-CS320
4CS3-CS420
 
 • 20
Текст к ситуацииПомилка тесту. :(

На жаль, Ви неправильно відповіли на питання тесту, тому пропонуємо Вам уважно переглянути теоретичний матеріал і після цього спробувати повторно надати відповіді на питання тестового контролю.
1Продовжити виконання лабораторної роботи2
 
 • 21
Текст к ситуацииЗавершення тестування.

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

Бажаємо Вам успішного виконання! :)
1Продовжити виконання лабораторної роботи22
 
 • 22
Текст к ситуацииТема. Створення одномісячного календарю за допомогою графічного редактора Photoshop CS6

Мета: навчитись робити свій календар у графічному редакторі Photoshop CS6

1Продовжити виконання лабораторної роботи23
 
 • 23
Текст к ситуацииНеобхідне:
• Графічний редактор Photoshop CS6 (або інша його версія)
• Підходящі системні вимоги ПК*
--------------------------------------------------
*Мінімальні системні вимоги:
• Процесор частотою 2 ГГц
• Microsoft® Windows® XP з пакетом оновлень 3 (SP3), Windows® Vista® Home Premium, Business, Ultimate або Enterprise пакетом оновлень 2 (SP2), 64-розрядна Windows® Vista® або Windows® 7
• 1 ГБ оперативної пам`яті
• 1 ГБ вільного місця на жорсткому диску
• роздільна здатність монітора 1024x768 (рекомендовано 1280x800) з апаратним прискоренням графіки OpenGL®, 16-бітовий колір і 256 МБ відеопам`яті
• пристрій читання DVD
• для певних функцій тривимірної графіки в Adobe Photoshop Extended потрібна графічна карта з підтримкою OpenGL 2.0 і щонайменше 256 Мб відеопам`яті (рекомендовано 512 МБ відеопам`яті)
• Shader Model 3.0
• для підтримки певних функцій у Bridge потрібно мати графічну карту з підтримкою DirectX9 і щонайменше 128 Мб відеопам`яті
• програмне забезпечення QuickTime 7.4.5 для мультимедійних функцій
• високошвидкісне підключення до мережі Інтернет для інтерактивних служб
1Продовжити виконання лабораторної роботи24
 
 • 24
Иллюстрация к шагу3000-01-024.mp4
Текст к ситуации1-й крок

Створимо новий документ. Для цього перейдемо у меню "Файл", потім "Создать" і створюємо документ із заданими на відео параметрами.

1Продовжити виконання лабораторної роботи25
 
 • 25
Иллюстрация к шагу3000-01-025.mp4
Текст к ситуации2-й крок

Спершу створимо дизайн календарю. Обираємо інструмент "Заливка", відкриваємо панель кольору, обираємо потрібний колір і заливаємо документ. Тепер помістимо заздалегідь підготовлене зображення яке підходить по змісту до тематики місяцю. Переходимо у меню "Файл", обираємо пункт "Поместить".

Обираємо положення і розмір зображення. До виділеного слоя зображення приміняємо стиль слоя "Тінь" і "Обводка". Налаштовуємо за заданими на відео параметрами.

1Продовжити виконання лабораторної роботи26
 
 • 26
Иллюстрация к шагу3000-01-026.mp4
Текст к ситуации3-й крок

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

1Продовжити виконання лабораторної роботи27
 
 • 27
Текст к ситуацииДайте відповідь на питання виконання лабораторної роботи.

До виділеного слоя зображення примінявся стиль слоя …
1Тінь28
2Обводка28
3Наводка31
 
 • 28
Иллюстрация к шагу3000-01-028.mp4
Текст к ситуации4-й крок

Розміщене зображення теж буде мати текст. Напишемо на ньому назву місяцю - Грудень, а також новорічне привітання.

1Продовжити виконання лабораторної роботи29
 
 • 29
Иллюстрация к шагу3000-01-029.mp4
Текст к ситуации5-й крок

Тепер займемось стилем тексту. Щоб це було більш швидше об`єднаємо всі слої з цифрами у смарт-об`єкт. Для цього затискаємо на клавіатурі кнопку "Ctrl" і по черзі виділяємо усі слої з цифрами. Коли виділили натискаємо ПКМ на слоях і обираємо "Преобразовать в смарт-объект". Тепер приміняємо до створеного слою стиль "Тінь" і налаштовуємо за заданими на відео параметрами.

Такий самий стиль приміняємо до усього іншого тексту.

1Продовжити виконання лабораторної роботи30
 
 • 30
Иллюстрация к шагу3000-01-030.mp4
Текст к ситуации6-й крок

Залишилось зберегти наш календар. Перейдемо у меню "Файл", пункт "Сохранить как…". Обираємо найоптимальніший формат - .jpeg, задаємо назву файлу і натискаємо "Сохранить". З`явиться панель налаштування формату. Вказуємо параметри як на відео і тиснемо ОК.

1Продовжити виконання лабораторної роботи32
 
 • 31
Текст к ситуацииПомилка виконання лабораторної роботи.

На жаль, Ви обрали неправильний варіант відповіді.
1Продовжити виконання лабораторної роботи27
 
 • 32
Текст к ситуацииВітаємо, Ви успішно виконали лабораторну роботу.

Тепер відправте створений Вами у графічному редакторі файл (у двух форматах – «.psd» і «.jpeg») викладачу за допомогою електронної пошти.