Ім'я файлу: ЛР 37 Текстові ефекти сиру і електрики.doc
Розширення: doc
Розмір: 309кб.
Дата: 24.02.2020
скачати
Пов'язані файли:
ПР_2_Складання_віршованих_і_драматичних_творів.docx

Лабораторна робота 34

Наданання тексту тривимірного ефекту і створення напису буквами, що вибухають
1. Мета роботи: набути практичних навичок з роботи текстовими ефектами програми Photoshop
2. Завдання

2.1. Ознайомитись із можливостями оброки тексту в програмі Photoshop.

2.2 Набути практичних навичок із наданання тексту тривимірного ефекту і створення напису буквами, що вибухають

3. Література

1. Співак CM. Теоретичні основи комп'ютерної графіки та дизайну: навчальний посібник / CM. Співак; Київ, ун-т ім. Б.Грінченка, Ін-т суспільства, каф. інформатики. - К. : [Київ ун-т ім. Б. Грінченка], 2013.- 160 с.

2. Алданькова Г. В. Комп’ютерна графіка в рекламі : лаб. практикум : навч. посіб. / Г. В. Алданькова ; Київ. нац. торг.-екон. ун-т. — Київ : Київ. нац. торг.-екон. ун-т, 2015. — 255 с.

3. Глушаков С.В., Кнабе Г.А. Компьютерная графика. Харьков: Фолио, 2003.
4. Короткі теоретичні відомості

У ранніх версіях Photoshop робота з текстом була самим слабким місцем програми Саме це змушувало встановлювати додаткові додатки, метою яких було тільки одне - виправити цей недолік кращого графічного редактора Однак у шостій версії відбулися революційні зміни: стало можливо просто писати текст на зображенні (раніше для цього відкривалося спеціальне вікно, що було незручно). Сьома версія програми не привнесла в роботу з текстом нічого об нового. А от Photoshop CS збагатився давно очікуваним нововведенням - можливістю пускати текст по контурі. Для написання тексту використовуються чотири інструменти.

- Horizontal Type (Горизонтальний текст). Звичайний текст за замовчуванням. Пив тим кольором, що обраний у якості Foreground Color (Колір переднього буд. на), по горизонталі.

- Vertical Type (Вертикальний текст). Текст у вертикальному напрямку.

- Horizontal Type Mask (Написання горизонтальним виділенням).

- Vertical Type Mask (Написання вертикальним виділенням). Текст як видылення у вертикальному напрямку.

Як і будь-який інший інструмент, Турі (Текст) має свої настроювання:

- Розмір шрифту. Можливі всілякі одиниці виміру

- Спосіб згладжування тексту. Призначення цього параметра - усунути нерівності дрібних шрифтів.

- Вирівнювання тексту але лівому краю,

- вирівнювання тексту по центрі.

- Вирівнювання тексту по правому краї.

- колір тексту. За замовчуванням установлений той, котрий визначений основним кольором (Foreground Color (Колір переднього плану)).
5 Вимоги охорони праці при виконанні лабораторної роботи

5.1 Виконувати вимоги інструкції з охорони праці при виконанні лабораторно-практичних робіт в лабораторії

5.2 Не вмикати та вимикати ПЕОМ самостійно без потреби

5.3 Не залишати ПЕОМ у ввімкненому стані без нагляду

5.4 Не затуляти вентиляційні отвори монітора та системного блока

5.5 Не класти на клавіатуру різні речі – зошити, ручки тощо

5.6 Виконувати роботу у відповідності з інструкцією
6 Характеристика робочого місця:

Робоче місце на базi ПК з встановленою ОС WINDOWS 2000, мережевий адаптер Fast Ethernet, адаптер бездротової мережі Wi-Fi, точка доступу бездротової мережі Wi-Fi, комутатор Fast Ethernet, мережевий кабель UTP Cat.5 з конекторами RJ-45, маршрутизуючий комутатор 3-го рівня, апаратний маршрутизатор, ADSL-модем.


7. Хід виконання роботи:

Для виконання свого варіанту напишіть цим ефектом своє прізвище

Завдання 7.1 Текст із сиру

7.1.1 Для початку створіть нове зображення в колірному режимі RGB. Автори працювали з досить більшим "полотном" - 900 х 600 пикселов. Для нашого прикладу це необхідно, тому що в іншому випадку "сырная" напис вийде недостатньо гладкої. Відразу залийте зображення чорним кольором.

7.1.2 Дуже важливо правильно підібрати шрифт. Він повинен бути досить масивним і тим часом - з м'якими контурами. Ідеальним автори порахували досить розповсюджений шрифт Bulka, яким і написане слово "СИР!" (рисунок 1).



Рисунок 1 -- Вихідний напис

7.1.3 Переведіть текст у растр і виділите напис, клацнувши лівою кнопкою миші на текстовому шарі на палітрі Layers (Шари), одночасно втримуючи клавішу Ctrl.

7.1.4 Створіть новий шар. Зверніть увагу, що створене виділення повинне бути активним. Залийте його на новому шарі більш темним жовтим кольором, чому той, який ми використовували для основного напису.

7.1.5 Зараз вам має бути найважливіший і складний етап роботи, на якому прийде розраховувати тільки на власний художній смак. Потрібно створити дірки в тексті. Технічно це дуже просто - потрібно активізувати інструмент Eraser (Ластик) і, змінюючи на панелі параметрів розмір кисті, намалювати потрібна кількість різних по діаметру отворів.

Але в цьому й складність. Скільки робити отворів і якого розміру вони повинні бути? Один з варіантів показаний на рисунку 2.



Рисунок 2 --Готові дірки

7.1.6 Зніміть виділення (Ctrl+D).

7.1.7 Залишився останній крок, який додасть напису більшу схожість із сиром. Запустите кнопкою Add a layer style (Додати стиль шару) на палітрі Layers (Шари) шаровий ефект Drop Shadow (Зовнішня тінь). Він потрібний нам як одна зі складових для імітації обсягу написи. Використані настроювання показані на рисунку 3.



Рисунок 3. Настроювання Drop Shadow (Зовнішня тінь)

7.1.8 Не закриваючи вікно Layer Style (Стиль шару), перемкнетеся на шаровий ефект Bevel and Emboss (Скіс і рельєф). Цей основний інструмент для імітації обсягу в Photoshop виручить нас і цього разу (рисунок 4).



Рисунок 4 -- Параметри Bevel and Emboss (Скіс і рельєф)

7.1.9 Знову перемкнетеся, цього разу на Satіn (Атлас). Він нам необхідний для того, щоб змінити колір поверхні, створивши на ній переходи, які зроблять напис схожої на справжній сир. Застосовані настроювання показані на рисунку 5.



Рисунок 5 -- Параметри Satіn (Атлас)

7.1.9 Можна небагато поліпшити зображення, попрацювавши інструментом Eraser (Ластик), щоб деякі отвори стали наскрізними. Автори саме так і зробили. Готовий текст можна бачити на рисунку 6.



Рисунок 6 -- Готовий напис

Однак ефект у цілому ще можна поліпшити. Для цього намалюємо шматок сиру під текстом. Зробити це дуже просто.

7.1.10 Створіть новий шар нижче шару з написом. За допомогою інструмента Lasso підготовте виділення, що відповідає за формою шматочку сиру. Залийте його тим же кольором, який був використаний при підготовці тексту, і намалюйте дірки. Потім скопіюйте стиль шару написи на цей шар. Для цього зробіть шар з текстом активним і виконаєте команду Layer ► Layer Style ► Copy Layer Style (Шар ► Стиль шару ► Копіювати стиль шару).

7.1.11 Активізуйте шар зі шматочком сиру й виконаєте команду Layer ► Layer Style ► Paste Layer Style (Шар ► Стиль шару ► Вставити стиль шару). На цьому ефект повністю досягнуться (рисунок 7). Вийшло цілком апетитно.



Рисунок 7 -- Апетитний сырный текст

Завдання 7.2 Текст "високої напруги"

У цьому прикладі ми спробуємо створити корону електричних розрядів. Основа реалізації даного ефекту- спільне використання фільтрів Wіnd (Вітер) і Polar Coordіnates (Полярні координати).

7.2.1 Створіть нове зображення в колірному режимі RGB. Воно повинне бути великим - автори рекомендують працювати із зображенням розміром не менш 700 х 300 пикселов, інакше розряди не вийдуть. Тло відразу зробіть чорним.

7.2.2 Напишіть будь-яке слово будь-якою гарнітурою. Воно також повинне бути досить великим (рисунок 8).



Рисунок 8 -- Створений напис

7.2.3 Дублюйте шар з написом: Layer ► Duplіcate Layer (Шар ► Дублювати шар). Ми будемо працювати саме з копією, основний шар поки відключите, клацнувши на піктограмі у вигляді ока ліворуч від шару на палітрі Layers (Шари).

7.2.4 Склейте дублікат напису й тло (Ctrl+E). He забудьте попередньо виділити ці шари.

7.2.5 Тепер необхідно запустити фільтр Wіnd (Вітер): Fіlter ► Stylіze ► Wіnd (Фільтр ► Стилізація ► Вітер). Застосуєте його з настроюваннями, показаними на рисунку 9.



Рисунок 9 -- Діалогове вікно фільтра Wіnd (Вітер)

7.2.6 Ефект виявиться майже непомітним, тому що ми працюємо з більшим зображенням. Застосуєте фільтр ще два- три рази (для цього досить нажати комбінація клавіш Ctrl+F відповідна кількість раз).

7.2.7 Повторите всі дії з фільтром Wіnd (Вітер), змінивши напрямок його дії на From the Left (Вітер ліворуч). Після цього повернемо зображення на 90°: Іmage ► Іmage Rotatіon ► 90° CW (Зображення ► Поворот зображення ► 90° за годинниковою стрілкою). Знову застосуємо фільтр Wіnd (Вітер) кілька раз для кожного напрямку.

7.2.8 Поверніть зображення назад: Іmage ► Іmage Rotatіon ► 90° CCW (Зображення ► Поворот зображення ► 90° проти годинникової стрілки). Потім застосуєте фільтр Rіpple (Брижі) з параметрами, зазначеними на рисунку 10.



Рисунок 10 -- Настроювання фільтра Rіpple (Брижі)

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



Рисунок 11 -- Зображення після застосування фільтра Rіpple (Брижі)

7.2.9 Переходимо до другої частини прикладу. Запустите фільтр Polar Coordіnates (Полярні координати) і застосуєте його в режимі Rectangular to Polar (Прямокутні в полярні) (рисунок 12). Як, напевно, уже зрозуміли читачі з технічним утвором, цей фільтр змінює систему координат для зображення зі звичної нам декартовой на полярну й навпаки відповідно.



Рисунок 12 -- Параметри фільтра Polar Coordіnates (Полярні координати)

7.2.10 Повторите для полярних координат усі маніпуляції з фільтрами Wіnd (Вітер) і Rіpple (Брижі), які були використані раніше для декартовых. Після цього поверніть зображення в більш звичний вид, застосувавши фільтр Polar Coordіnates (Полярні координати) у режимі Polar to Rectangular (Перевести полярні координати в прямокутні). Те, що повинне вийти на цьому етапі, показане на рисунку 13.



Рисунок 13 -- Зображення після повернення у звичайні координати

7.2.11 Зафарбуємо зображення. Для цього, як уже багато догадалися, автори будуть використовувати інструмент Hue/Saturatіon (Тон/Насиченість) (Ctrl+U). У якості кольору ми вибрали блакитний (рисунок 14).



Риссунок 14 -- Настроювання Hue/Saturatіon (Тон/Насиченість)

7.2.12 Залишилася остання, третя частина роботи. Зараз нам і знадобиться шар з написом, який ми сховали на самому початку. Знову зробіть його видимим. Утримуючи клавішу Ctrl, клацніть кнопкою миші на цьому шарі на палітрі Layers (Шари). З'явиться виділення, що точно повторює напис. Після цього сам шар з написом потрібно вилучити.

7.2.13 Залийте виділення білим кольором, використовуючи команду Edіt ► Fіll (Редагування ► Заливання). . Потім потрібно звузити виділення на 2 пиксела: Select ► Modіfy ► Contract (Виділення ► Змінити ► Стиснути). Отримане виділення залийте чорним кольором.

7.2.14 Все !!!



Рисунок 15 -- Текст "високої напруги

8 Зміст звіту

8.1 Найменування та номер роботи

8.2 Мета роботи

8.3 Завдання

8.4 Результати виконання з коментарями та скріншотами по кожному пункту лабораторної роботи

8.5 Висновки по роботі (надати аналіз здобутих навичок)
9 Контрольні питання для перевірки

9.1 Які текстові можливості має програма Adobe Photoshop?

9.2 Опишіть ефекти, що застосовуються при надананні тексту тривимірного ефекту і створення напису буквами, що вибухають.
9.3 Наведіть параметри тексту, якими можна керувати у програмі Adobe Photoshop.
скачати

© Усі права захищені
написати до нас