Professional Documents
Culture Documents
AI1 урок 08 2021 UA
AI1 урок 08 2021 UA
Adobe Illustrator
Графічний редактор Adobe Illustrator
Урок 8. Текст
Увага! У ЦЬОМУ УРОЦІ
ВИКОРИСТОВУЄТЬСЯ
ПЕРЕМИКАННЯ ІЛЮСТРАЦІЙ
Зміст
Текст....................................................................................5 Імпорт та експорт тексту.
Перевірка орфографії.
Створення та редагування тексту.
Пошук і заміна елементів у тексті............................22
Форматування тексту....................................................5
Перевірка орфографії........................................................ 22
Види тексту................................................................................7
Пошук і заміна елементів у тексті................................. 24
Налаштування тексту........................................................... 11
Інструмент «Коригування тексту»................................. 15 Розміщення тексту вздовж контуру.......................25
Робота з текстом у фреймах. Фрейми довільної
форми. Перетікання тексту між фреймами.
Обтікання текстом графічних об’єктів................... 16
Перетікання тексту між фреймами............................... 18
Обтікання текстом графічних об’єктів.......................20
стор. 4
Урок 8. Текст
Текст
Текст
екст дає змогу навіть за допомогою звичайного
зображення створити цікаві та креативні макети
(рис. 1–2).
У цьому уроці ми навчимося працювати з текстом.
Інструменти та команди для роботи з текстом у Photoshop
та Illustrator є аналогічними.
Цей урок нагадає вам основні принципи роботи з
текстом у комп’ютерній графіці та розповість, які опе-
рації над текстовими об’єктами доступні в Illustrator.
Ви також зможете переконатися, що робота з текстом у
векторному редакторі організована набагато зручніше
і здійснюється значно швидше.
стор. 5
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
стор. 6
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Інструмент Vertical Type дозволяє створювати текст, буде відображатися на екрані в один рядок), а при ство-
написаний по вертикалі. Цей інструмент працює анало- ренні прямокутника для тексту буде видно тільки текст
гічно інструменту Type. Можна також почати текст, клац- у цьому прямокутнику. Цей прямокутник називається
нувши в потрібному місці в документі, або створити пря- текстовим фреймом, але про це пізніше.
мокутник, у якому має розташовуватися текст (рис. 5). Розберемо, які види тексту існують в Illustrator.
Види тексту
Текст у векторних форматах буває 3 видів.
Рядковий текст. Іноді його називають простим, тому
що принцип його створення вкрай простий і добре вам
знайомий. Клацнули – щось написали.
Для створення простого тексту вибираємо на панелі
інструмент Type і виконуємо одноразове клацання ми-
шею по монтажній області. З’являться два стандартних
слова, які можна видалити й почати писати (рис. 6).
Рисунок 6
стор. 7
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Як тільки необхідний обсяг тексту набрано, натисніть Рядковий текст зазвичай використовується для
клавішу Escape (Esc). Ця операція активізує інструмент оформлення заголовків, підписів, заміток (рис. 8–9). Він
Selection, що дозволить вийти з режиму написання тек- буде корисний при створенні логотипів. Тобто там, де тек-
сту і виділити текстовий об’єкт, а потім і виконати над сту мало і немає необхідності верстати його.
ним низку операцій. Можна, звичайно, застосовувати рядковий текст для
Рядковий текст можна спотворити, розтягнувши по розміщення великого обсягу інформації, але доведеться
ширині або висоті за допомогою контейнера трансформа- самостійно регулювати довжину кожного рядка. Це нез-
ції, який неминуче виникає навколо виділеного текстово- ручно при великій кількості рядків, тому ми не будемо
го об’єкта. Але робити це вкрай небажано. Адже так ви використовувати рядковий текст для розміщення абзаців.
порушуєте пропорції шрифту (рис. 7). З текстом можна Це завдання вирішується шляхом застосування іншого
виконати майже будь-які трансформації, доступні для виду тексту – абзацного.
векторних об’єктів.
Рисунок 7
стор. 8
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Рисунок 10
стор. 9
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
стор. 10
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Рисунок 15
стор. 11
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Рисунок 17
стор. 12
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Рисунок 33
стор. 13
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
Рисунок 34
Рисунок 36
стор. 14
Урок 8. Текст
Текст
Створення та редагування тексту. Форматування тексту
стор. 15
Урок 8. Текст
Текст з текстом у фреймах. Фрейми довільної форми. Перетікання тексту між фреймами. Обтікання текстом графічних об’єктів
Робота
стор. 16
Урок 8. Текст
Текст з текстом у фреймах. Фрейми довільної форми. Перетікання тексту між фреймами. Обтікання текстом графічних об’єктів
Робота
Рисунок 43
стор. 17
Урок 8. Текст
Текст з текстом у фреймах. Фрейми довільної форми. Перетікання тексту між фреймами. Обтікання текстом графічних об’єктів
Робота
Перетікання тексту між фреймами чином, щоб у неї вписався весь вставлений текст. Ширина
Якщо через великий обсяг тексту або великого розмі- при цьому залишиться колишньою.
ру шрифту всю інформацію у фреймі не вмістити, у пра- Однак є ще один спосіб вирішення такої проблеми.
вому нижньому кутку такого фрейма з’явиться значок з Дуже часто в глянцевих журналах, газетах та інформацій-
червоним плюсом (рис. 44). них листівках текст розташовують частинами. Починати-
ся він може в лівому верхньому кутку, тривати по центру,
а закінчуватися десь ще. Тобто присутні кілька додатко-
вих фреймів.
Якби кожен із цих фреймів жив своїм замкненим жит-
тям та не співвідносився би з іншими, верстати глянцеві
сторінки було б дуже незручно. Доводилося б ретельно
перевіряти наповнення фрейма після кожної проведеної
операції.
Фрейми, що містять фрагменти одного тексту, пов’я-
зані між собою, як ланки одного ланцюга (рис. 45). При-
клад – на рисунку 46. Усі зміни, застосовані до тексту все-
редині одного фрейма, тут же застосуються до всіх інших.
Зміна розміру одного фрейма спричинить перетікання
тексту в наступний фрейм. Скоротили розмір першого
фрейма – частина тексту перейшла в другий. І навпаки.
Рисунок 44
Аби додати додатковий зв’язаний фрейм, потрібно
один раз клацнути по червоному хрестику вже існуючо-
Можна просто розтягнути фрейм до потрібних меж, го фрейма інструментом Selection. У результаті вигляд
скориставшись інструментом Selection. Подібну опера- курсора зміниться і вам випаде можливість намалювати
цію програма здатна виконати автоматично. У нижній новий фрейм там, де він має перебувати згідно з вашим
частині фрейма відображається квадратний маркер, по- задумом. Якщо ж виконати подвійне клацання, фрейм до-
двійне клацання по якому змінить висоту рамки таким дасться автоматично в місці клацання.
стор. 18
Урок 8. Текст
Текст з текстом у фреймах. Фрейми довільної форми. Перетікання тексту між фреймами. Обтікання текстом графічних об’єктів
Робота
стор. 19
Урок 8. Текст
Текст з текстом у фреймах. Фрейми довільної форми. Перетікання тексту між фреймами. Обтікання текстом графічних об’єктів
Робота
стор. 20
Урок 8. Текст
Текст з текстом у фреймах. Фрейми довільної форми. Перетікання тексту між фреймами. Обтікання текстом графічних об’єктів
Робота
Потім використовуємо команду Object > Text Wrap > ➢ Зверніть увагу! Команда задається саме для об’єк-
Make (рис. 49). та, а не для текстового фрейма.
стор. 21
Урок 8. Текст
Текст та експорт тексту. Перевірка орфографії. Пошук і заміна елементів у тексті
Імпорт
Перевірка орфографії
В Illustrator рідко працюють з дуже великими обсягами
Рисунок 50 інформації. Проте невеликі за кількістю сторінок буклети
та журнали тут усе ж таки можна верстати. Тексту в таких
Значення параметра Offset може бути як додатним, макетах буває дуже багато і його, звичайно ж, потрібно
так і від’ємним. При від’ємних значеннях частина тексту перевіряти ще раз.
просто сховається за об’єкт. Зробити це можна, користуючись автоматичною пере-
Галочка Invert актуальна тільки в тому випадку, якщо віркою орфографії. Це, звичайно, не означає, що макет не
об’єкт, який огинають, не має заливки або для неї вста- потрібно буде вичитувати, адже програма лише порівнює
новлена деяка ступінь прозорості, оскільки весь текст набрані вами слова з тими, які присутні в неї в словнику.
навколо рамки буде вписаний усередину. Якщо набраного слова в словнику немає, вона зверне на
Якщо ж з якихось причин обтікання об’єкта потріб- нього вашу увагу і запропонує або додати слово в слов-
но скасувати, зробити це можна за допомогою команди ник, або замінити його якимось іншим, схожим за напи-
Object > Text Wrap > Release. санням.
стор. 22
Урок 8. Текст
Текст та експорт тексту. Перевірка орфографії. Пошук і заміна елементів у тексті
Імпорт
Рисунок 52 Рисунок 53
стор. 23
Урок 8. Текст
Текст та експорт тексту. Перевірка орфографії. Пошук і заміна елементів у тексті
Імпорт
ник, просто ігноруйте пропозицію програми, натиснувши Пошук і заміна елементів у тексті
на кнопку Ignore (або Ignore All, щоб це слово більше не Є ще одна корисна команда, що дозволяє знайти в тек-
підсвічувалося). сті певне слово і замінити його іншим. Наприклад, якщо
У списку Options (рис. 54) групи Find (Знайти) за у всьому тексті неправильно набрано назву компанії або
замовчуванням встановлені галочки Repeated Words чиє-небудь прізвище, тоді можна застосувати команду
(Повторені слова) і Uncapitalized Start of Sentence (Ре- меню Edit > Find and Replace (рис. 55).
чення з маленької літери).
Рисунок 54 Рисунок 55
У групі Ignore (Ігнорувати) можна встановити га- У віконці Find and Replace, що з’явилося, потрібно
лочки навпроти опцій Words that Are All Uppercase буде ввести неправильне слово, словосполучення чи ре-
(Слова, написані повністю великими літерами), Roman чення в графу Find і вписати правильне в графу Replace
Numerals (Латинські цифри) і Words with Numbers with, а потім клацнути по кнопці Replace.
(Слова з числами). При цьому внизу вікна є прапорці для налаштування
Після того як програма перевірить і виправить весь пошуку і заміни:
наявний у документі текст, можна натискати на кнопку ■■ Match Case (Враховувати регістр);
Done і приступати до чистового вичитування матеріалу. ■■ Find Whole Word (Шукати ціле слово);
стор. 24
Урок 8. Текст
Текст
Розміщення тексту вздовж контуру
■■ Search Backwards (Пошук у зворотному напрямку); Aби змінити початок розташування тексту, пере-
■■ Check Hidden Layers (Перевірити приховані шари); містіть маркер на початку тексту (рис. 57). Щоб зруши-
■■ Check Locked Layers (Перевірити заблоковані ти або розсунути текст, потрібно рухати маркер в кінці
шари). тексту. Виконувати ці дії потрібно, вибравши інструмент
Для управління пошуком і заміною слугують кнопки: Selection або Direct Selection. Середній маркер дозво-
■■ Find (Знайти) – шукає наступне входження шуканого ляє зрушувати обидва маркери одночасно в різні боки.
тексту, а за допомогою кнопки Replace & Find (Замі-
нити і знайти) можна одночасно виконати заміну і
знайти наступний збіг.
■■ кнопки Replace (Замінити) і Replace all (Замінити
все) виконують заміну, перша кнопка заміняє тільки
поточний знайдений текст, а друга автоматично замі-
нить усі входження тексту.
стор. 25
Урок 8. Текст
Текст
Розміщення тексту вздовж контуру
Рисунок 58 Рисунок 59
стор. 26
Графічний редактор Adobe Illustrator
Урок 8. Текст
Усі права захищені. Повне або часткове копіювання матеріалів заборонене. Узгод- © Комп’ютерна Академiя ШАГ
ження використання творів або їх фрагментів здійснюється з авторами і правовлас-
никами. Погоджене використання матеріалів можливе тільки якщо вказано джерело. www.itstep.org