Розбираємось із сіткою в Adobe Illustrator
Цей переклад начебто доповнює мою попередню публікацію про Pixel Perfect, без якої вона була б неповною, тим більше, що оригінальна стаття про Pixel Perfect посилається на оригінальну статтю цього перекладу.
- Як уникнути тієї проблеми, через яку у вас у макетах відстань між елементами або гайдами починає включати дробові частини пікселів;
- Як використовувати сітки для прототипування в Adobe Photoshop та Adobe Illustrator.
Як і минулого разу, одна з цілей, чому я пишу цю статтю на Хабр (а не обмежуюсь, наприклад, перекладом на Tuts+) — це складання після перекладу корисних посилань на тему. Закликаю хабражителів так само ділитися своїми міркуваннями та інструментами, якими ви користуєтесь при створенні сіток, може бути іншими редакторами. Один мій знайомий товариш прокоментував попередню статтю таким чином, що, звичайно, прикольний матеріал, але сам він користується Sketch'ем, а там це все з коробки. Розкажіть, чим ви користуєтеся?
До речі, хоча в статті йдеться про Adobe Illustrator, в Adobe Photoshop можна також використовувати і піксельну сітку, і прив'язку до пікселів, і свою власну сітку, що настроюється.
Короткий зміст
- Щоб увімкнути/вимкнути сітку в Adobe Illustrator/Photoshop, натисніть Ctrl + '
- Щоб увімкнути/вимкнути гайди в Adobe Illustrator/Photoshop, натисніть Ctrl+;
Розбираємось із сіткою в Adobe Illustrator
На сьогодні Adobe Illustrator – один із найпопулярніших векторних редакторів. Це така величезна програма, і якщо ви новачок, то може пройти досить багато часу, якщо ви вникатимете в те, за що та чи інша кнопка або опція відповідають.
Так виходить, що деякі функції не беруться до уваги новачками, і я хотів би поділитися з вами однією з них. Особисто я був би дуже радий, якби мені хтось розповів про цю тему в той час, коли я був новачком.
Так, я збираюся розповісти вам про Сітку.
Що таке Сітка?
Як і у вивченні будь-якого іншого питання давайте спочатку дамо визначення терміну, що вивчається.
Якщо звернутися до онлайн-словника Merriam-Webster, сітка – це мережа рівномірно розташованих вертикальних та горизонтальних ліній (наприклад, для позиціонування точок на карті).
Ще більш повне визначення можна знайти у Вікіпедії, тому що там воно саме дано з точки зору графічного дизайну: «Сітка — це простір (зазвичай двовимірний), який складається з серії прямих (вертикальних, горизонтальних або розташованих під кутом) або кривих, що перетинаються. напрямних, які використовуються для упорядкування контенту. Сітка служить основою, завдяки якій дизайнер може розміщувати на макеті різні графічні елементи (зображення, символи, параграфи тексту) в правильному порядку таким чином, щоб вони приємно виглядали на макеті, легко читалися. Сітка так само використовується для того, щоб вибудувати відносини між різними графічними елементами, наприклад, визначити відношення розмірів або розташування різних елементів щодо один одного, або щодо полотна.
До речі, сітка Adobe Illustrator складається лише із строго вертикальних та горизонтальних ліній. Якщо вам для роботи потрібні криві або ще якісь складніші сітки, то ви зможете створити їх за допомогою гайдів-напрямників, це насправді досить нескладно.
Чому знання сітки важливе?
Ми дали загальне уявлення про те, що являє собою Сітка. Але навіщо їй взагалі скористатися? Якщо ще раз повторити коротко, то Сітка це те, що допомагає нам розташувати елементи один щодо одного і виставити відносини між розмірами та розташуваннями об'єктів. Сітка пропонує нам правила, за якими ми можемо розмістити об'єкти на макеті, а найголовніше — структурувати контент.
Крім того, Сітка як інструмент допомагає дизайнерам створювати Pixel Perfect зображення, що дуже важливо (на мій погляд, так взагалі обов'язково) при створенні зображень для різних пристроїв з різними екранами.
Перш ніж я заглиблюся в розповідь про те, як Сітка допомагає створювати дійсно якісні різкі зображення, мені хотілося б коротко розповісти про деякі ключові моменти, якими відрізняються два типи зображень — цифрові зображення на екрані, і надруковані зображення.
Цифра VS Друк
Ні для кого не секрет, що цифрові зображення на екранах багато чим відрізняються від надрукованих зображень на папері. У кожного типу зображень своя колірна схема (RGB у цифрових зображень і CMYK у друкованих картинок), і кожен тип має свою вихідну роздільну здатність (дозвіл екрану та роздільну здатність під час друку). Все це створює різницю в тому, яким чином створюються ці два типи зображень, особливо те, як виходять вигнуті, криві лінії.
Цифрові екрани мають свою роздільну здатність і свою піксельну сітку (на будь-якому екрані квадратні пікселі вишикуються один за одним у ряди).Це означає, що щоб створити якусь криву лінію, ми просто робимо якісь пікселі напівпрозорими (альфа-канал) на цих ділянках викривлень, і це називається згладжуванням, яке штучно допомагає нам відтворити на екрані монітора криву.
Принтер залежить від розміру паперу та його роздільної здатності під час друку, що означає, що якщо у вас виставлено велику роздільну здатність друку, то принтер чудово надрукує вам криву лінію. Це так, оскільки принтер може виводити крапки на папір у кілька шарів, тобто. Принтер не повинен хитрувати з напівпрозорістю пікселів, на відміну від екрана електронного пристрою.
Використання прив'язок
Одне з найцікавіших питань, яке може бути порушено в цій темі. Якщо ви використовуєте прив'язки, то ви кажете Illustrator'у вирівнювати ваші об'єкти на полотні до вашої сітки або піксельної сітки.
Пам'ятаєте, що недавно я заїкнувся про зображення Pixel Perfect? Тепер, коли ви знаєте, в чому відмінність надрукованих картинок від цифрових, що відображаються на екрані, саме час розповісти про те, в чому, на мій погляд, головна роль мережі.
Я впевнений, що ви раніше, напевно, бачили різні ілюстрації на Dribbble або Behance з супер-чітким зображенням. Особисто я завжди дивувався, як автору вдалося вивести такі чіткі лінії? Як виявилось, у цьому немає нічого незвичайного! Він або вона просто прив'язували всі об'єкти до піксельної сітки та створювали кожен елемент із цілими значеннями розмірів у пікселях!
Про всяк випадок уточню, що під цілими значеннями маю на увазі числові значення без дробових частин, тобто.наприклад, якщо ми збираємося намалювати прямокутник, то ми його малюватимемо з шириною 200 пікселів і висотою 100 пікселів, а не 200.84 пікселя на 99.8 пікселів.
Розширене поняття сітки
Картинка краща за тисячу слів. Давайте спробую показати вам на прикладі, як налаштувати сітку. Давайте зробимо крок за кроком алгоритм, який ви пророблятимете щоразу при створенні нового проекту в Illustrator. Я впевнений, що вам це сподобається.
Крок 1
- Кількість полотен: 1
- Ширина: 800 пікселів
- Висота: 800 пікселів
- Одиниці виміру: пікселі
- Колірний режим: RGB
- Дозвіл при растеризації: 300 пікселів на дюйм
- Прирівнювати нові об'єкти до піксельної сітки: зазначено
На замітку: ви напевно звернули увагу, що ми поставили значення ефекту растеризації 300 PPI, хоча ми збираємося використовувати наш дизайн на екрані монітора. Скажімо так, якщо ми використовуємо великі значення дозволу, то це не буде помітно на екрані, але якщо раптом станеться так, що ви захочете надрукувати те, що намалювали (поки не звертайте уваги на те, що ми створили документ в RGB), все ваші ефекти на кшталт тіней вийдуть у поганій якості, якщо значення PPI було вибрано менше ніж 300.
Справді, ви можете змінити значення PPI в будь-який момент, якщо зайдете в Effect > Document Raster Effects Settings.
Крок 2
Після налаштування документа створіть чорний квадрат розмірами 100х100 пікселів, і розмістіть його точно у лівому верхньому кутку Полотна, використовуючи палітру Align.
Крок 3
Щоб зрозуміти, як працює сітка, натисніть на це. Відкриваємо меню View > Show Grid (або натискаємо Ctrl + „), і відразу на екрані з'являється стандартна сітка 1000х4.
Крок 4
Тепер ми бачимо сітку, але як вона працює? Спробуємо посунути маленький квадратик за допомогою стрілок на клавіатурі і подивитися, що вийде.
Наш маленький квадратик буде переміщатися на кілька пікселів з кожним натисканням нічого особливого. Нічого не відбувається, тому що ми не включили опцію Прив'язки до сітки.
Скасуємо наші останні кроки, повернемо квадратик на своє місце, і зайдемо в меню View → Snap to Grid (Shift+Ctrl+Y), а потім знову спробуємо перемістити наш об'єкт.
Ось тепер ми можемо побачити різницю. Спробуйте перемістити об'єкт, щоб зрозуміти, що відбувається. Кожне переміщення квадрата відбувається із прив'язкою до горизонтальної або вертикальної лінії Сітки.
- Крок сітки через кожні: 1000px
- Поділ усередині кроку сітки: 4
Що означають ці параметри?
Це дуже легко, дивіться. Через кожні 1000 пікселів Illustrator малюватиме клітину, поділену на 4 частини (тим самим усередині клітини з'явиться сітка 2х2), тобто. вийдуть клітини, кожна з яких розміром 1000 х 1000 пікселів, і в свою чергу поділена ще на 4 клітини розмірами 250 х 250 пікселів (1000/4 = 250).
Т.к. наше полотно має розміри всього лише 800х800 пікселів (тобто повністю вміщається три квадрати сітки по 250 пікселів і ще залишається 50 пікселів), прив'язка буде спрацьовувати на верхню та ліву частину цього простору, яка вміщується в 1000 х 1000 пікселів. А нижня та права частина простору на лінії завтовшки 200 пікселіввиділеною червоним залишається незадіяною.
Тепер якщо ми повернемося до нашого маленького чорного квадрата, то ми побачимо, що він прилипає лише до ліній сітки, які розташовані в 250 пікселів один від одного, при тому, що сам квадратик 100х100 пікселів. Якби чорний квадрат був розміром 250х250 пікселів, то він би займав цілу клітину сітки, і стрибав би точно одну з 16 маленьких клітин.
Налаштування сітки
Я сподіваюся, що в попередньому кроці вам стало все зрозуміло про те, як працює сітки, але ви повинні розуміти, що в різних проектах вам доведеться налаштовувати різні сітки під різні потреби, залежно від розмірів вашого полотна і того, як і з якого закону ви хочете розміщувати ваші елементи на полотні.
Особисто для себе я вирішив, що використання мінімальних можливих значень є найзручнішим, і якщо поєднати всю міць можливостей сітки та інструменту PathFinder, то я отримую можливість супершвидко розміщувати всі свої об'єкти так, як мені зручно.
- Лінія сітки через кожні: 1 піксель
- Поділ усередині кроку сітки: 1
Швидке прототипування з використанням сітки
Давайте виконаємо невелику вправу та спробуємо зробити швидкий прототип веб-сайту з використанням сітки через кожні 800 пікселів з поділом на 4 кроки на полотні розміром 800 х 800 пікселів.
Так, я знаю, що дефолтним мінімальним розміром для веб-сайту в наші дні вважається розмір 960 пікселів, але мені хочеться просто показати вам невеликий приклад, як ми можемо використовувати сітку для швидкого прототипування.
Крок 1
Створюємо прямокутник розміром 800х200 пікселів і розташовуємо його зверху нашого полотна, розфарбуємо його кольором #191919. Тепер візьмемо інструмент Текст та підпишемо цей елемент як Шапку нашого веб-сайту.
Якщо у вас є більш дрібні елементи, які не повинні бути прив'язані до сітки, у нашому прикладі це тексти-підписи до прямокутників, просто виділіть їх, зайдіть в меню View і зніміть галочку з опції Snap to Grid.
Крок 2
Створимо невеликий прямокутник розміром 600х400 пікселів та кольором #191919 і спробуємо розмістити його, використовуючи кнопки на клавіатурі, у лівій частині нашого полотна, одразу під шапкою. Цей жлемент також слід підписати, це буде Content.
Крок 3
Давайте створимо об'єкт меншим розміром 200х400 пікселів кольором #B24747 і потім розмістимо його у правій частині, праворуч від контенту, а потім підпишемо його Sidebar.
Крок 4
Завершуємо наше прототипування додаванням останнього елемента 800х200 пікселів та кольором #191919. Розташуємо цей прямокутник унизу полотна і назвемо його Footer.
Грубо кажучи, щойно за кілька секунд нам вдалося накидати макет сайту. Здорово витрачати на такі речі так мало часу, чи не так?
Подвійна прив'язка
Перш ніж ви кинетеся експериментувати з сіткою, я хотів би розповісти вам про різницю між Прив'язкою до сітки, що настроюється. і Прив'язкою до піксельної сітки.
За промовчанням, якщо ви створюєте новий документ, режим Preview зазвичай виставлений у положення Default. Це означає, що те, що ви створюєте, це те, що ви бачите. (Тобто ви бачите вектор таким, який він є, не засмученим). У цьому випадку опція Snap to відноситься до Сітці, яку ви налаштовуєте, та Сітка залежить від тих значень, які ви виставите у параметрах.
Якщо ви увімкнете Pixel Preview (View → Pixel Preview) та наблизіть зображення, Illustrator покаже вам пікселі, з яких складається ваше векторне зображення.Коли режим прив'язок включено пікселі, кожне натискання на стрілки клавіатури переміщатиме ваш об'єкт на фіксоване число пікселів, яке виставлено в налаштуваннях Keyboard Increment.
На замітку: Так, ви можете включити Keyboard Increment на будь-яку кількість пікселів, яке вам зручно. Ця опція розміщується в меню Edit > Preferences > General > Keyboard Increment.
Ключова різниця між двома способами прив'язки в тому, що якщо ви будь-яким чином створили об'єкт з нецілими значеннями розмірів, наприклад 200.9х60.40 пікселів, прив'язка до пікселів змінять це, і сама автоматично округлить ваші значення.
Я рекомендую вам, якщо ви створюєте об'єкти в режимі прив'язки до сітки, завжди перемикатися в режим Pixel Preview і перевіряти, чи ваші об'єкти нормально вбудовуються в Піксельну сітку. У цьому випадку на момент закінчення роботи над вашим дизайном у вас вийде різке якісне зображення, і вам не доведеться вирішувати жодних проблем.
Корисні ресурси
- Чої Він. Як спроектувати сучасний веб-сайт. Професійний веб-дизайн на основі сітки. б.м.: Пітер, 2012.
Існує безліч книг про сітки. популярні та не дуже, але я читав саме цю, тому саме її й рекомендую. Тут по кроках дуже докладно описується процес розробки універсальної сітки (яка у готовому варіанті лунає багато де). Втім після прочитання точно все встає на свої місця, стає відомо що, чому і навіщо.
- 960 Grid System - один із всіляких готових наборів сіток. Тут є вже створені шаблони макетів під усі популярні редактори на зразок Photoshop, Illustrator, InDesign тощо. Список дуже великий, ознайомтеся.
- GuideGuide та Griddify — плагіни для Photoshop для створення сіток.
- pixel perfect
- дизайн інтерфейсів
- дизайн
- іконки
- сітки верстки
- модульні сітки
- сітки
- Adobe Illustrator
- Adobe Photoshop
Як прибрати лінійку в Ілюстраторі?
Багато хто думає, що прив'язка об'єктів один до одного в Illustrator працює дуже погано, або взагалі не працює. На відміну від CorelDRAW, де прилипання спрацьовує дуже чітко, здається, що це суттєвий мінус та недоробка.
У цьому уроці, я докладно розповім і покажу за яким принципом працює прив'язка в Іллюстраторі і як їй користуватися собі на благо.
Трохи теорії
У Illustrator немає прив'язки до об'єктів у чистому вигляді, є лише прив'язка до напрямних. Саме це викликає плутанину. Іншими словами, при пересуванні елемента він «чіплятиметься» за всі елементи, що знаходяться на робочому полі.
Прив'язка по напрямних працює розумнішою за звичайну і дозволяє робити вирівнювати навіть ті елементи, які не стикаються один з одним. Однак це може викликати незручність.
Сховайте все зайве
Основна проблема для нормальної роботи залипання - зайві елементи, за які чіпляється ваш об'єкт при переміщенні.
Тому, сховайте на час все навколо шляхом наближення або за допомогою панелі Layers (Шари).
Налаштування прив'язки
Спочатку потрібно переконатися, що прив'язка взагалі включена і налаштувати її чутливість.
Натисніть CTRL+U або View/Smart Guides, щоб увімкнути прив'язку. Після цього, при наведенні курсору, об'єкт підсвічуватиметься зеленими позначеннями.
Виберіть Edit/Preferences/Smart Guides… (Редагування/Установки/Швидкі напрямні..)
В останньому вікні задайте інше значення чутливості залипання.За умовчанням стоятиме 4pt, поставте більше і спробуйте підвести об'єкт до іншого.
Як показано на малюнку вище, значення 10pt помітно збільшить силу залипання.
Іноді потрібно з'єднувати кути, але перетягування за кут масштабує предмет. Утримуючи клавішу CTRL, ви можете взятися за кут елемента і пристикувати його до інших елементів.
Для перевірки суміщення перейдіть в ражим каркасу CTRL+Y. Увімкнувши його, ви зможете побачити всі стики елементів.
Панель Align для прив'язки
Панель Align (Вирівнювання) може виконувати роль прив'язки до краю. І тому є відповідні кнопки.
Для вирівнювання одного об'єкта щодо іншого виберіть "Align to Selection" (вирівняти по виділеній області)
Відео урок: прив'язки об'єктів у Illustrator
(Visited 30 707 times, 15 visits today)
Як зробити макет візитки в Adobe Illustrator.
Щоб зробити свій макет візитки, ви можете спробувати програму 7 днів безкоштовно або придбати ліцензію перейшовши за посиланням.
Виконуючи послідовно інструкцію ви зробите простий макет візитки та зможете надрукувати його у нашій друкарні.
Крок 1. Створіть новий документ
Запустіть Illustrator. Виберіть Файл > Новий.
У діалоговому вікні «Створити документ» заповніть поля:
- Вкажіть назву макета
- Розмір сторінки – 90х50 мм
- Поля під обріз – 3 мм
- Колірний режим – CMYK
- Дозвіл – 300 ppi
Натисніть Створити.
Крок 2. Встановіть напрямні
За допомогою лінійок можна точно позиціонувати і вимірювати графічні об'єкти. Направляючі допомагають вирівнювати текст та графіку та контролювати межі візитки.
Лінійки
Щоб встановити напрямні, увімкніть лінійки. Перегляд > Лінійки > Показати лінійки.
Помістіть курсор на верхню або ліву лінійку. Затиснувши ліву кнопку миші, перетягніть напрямну в потрібне місце.
Для точного позиціонування використовуйте Вікно > Трансформування.
Виділіть курсором напрямну та введіть значення.
Крок 3. Імпорт зображень
Підтримувані формати JPG, PNG, TIF та ін. Використовуйте якісні зображення високої роздільної здатності.
Натисніть Файл > Розмістити.
Помістіть вибране зображення, натиснувши область візитки. Щоб змінити розмір пропорційно, затисніть SHIFT та потягніть лівою кнопкою миші за білий квадратик.
Обріжте зображення під розмір візитки. Об'єкт > Обрізати зображення.
Сформуйте рамку по напрямних та натисніть ENTER.
Крок 4. Текст
Виберіть інструмент "Текст" на панелі інструментів. Натисніть місце на візитівці, де буде ваш текст. Введіть текст. Клавіша ENTER - Перенесення рядка.
Налаштувати шрифт
Використовуйте панель Вікно > Текст > Символ/абзац.
Виділіть рамку з текстом та налаштування в панелі стануть доступними. Можна змінити шрифт, розміри, вирівнювання та інші параметри.
Налаштувати колір тексту
Використовуйте панель Вікно > Зразки.
Виділіть рамку з текстом візитки та налаштування на панелі стануть доступними. Натисніть на зразки кольору, щоб змінити його.
Щоб підібрати колір шрифту в тон картинки, використовуйте Піпетку на панелі інструментів. Перейдіть до тексту > Піпетка > Клацніть на зразку кольору на зображенні.
Щоб побачити як візитка обріжеться в друкарні натисніть Перегляд > Обрізання.
Збережіть візитку у форматі PDF
Файл > Зберегти як > Формат (Adobe PDF)
- Стиль – Високоякісний друк
- Мітки та випуск за обріз – 3 мм
- Решта за замовчуванням.
Зберегти PDF
Дізнатися більше про роботу в Adobe Illustrator можна за посиланням на офіційний довідковий ресурс https://helpx.adobe.com/ru/illustrator/user-guide.html
Adobe Illustrator CC. Посібник користувача
Параметри інструментів для роботи із символами
Для доступу до параметрів інструментів роботи символів потрібно двічі клацнути відповідний інструмент на панелі
"Інструменти".
Загальні параметри, такі як діаметр, інтенсивність та щільність, відображаються у верхній частині діалогового вікна. Специфічні
параметри кожного інструмента відображаються в нижній частині діалогового вікна. Щоб перейти до параметрів
іншого інструмента, клацніть піктограму потрібного інструмента у діалоговому вікні.
Загальні параметри Параметри «Загальні» відображаються у верхній частині діалогового вікна «Параметри інструментів для роботи з
символами» незалежно від того, який інструмент вибраний на даний момент.
Діаметр Задає розмір пензля інструменту.
Щоб зменшити або збільшити діаметр пензля, у будь-який момент роботи з інструментом натисніть клавішу «[» або «]»
відповідно.
Інтенсивність Задає швидкість зміни (що більше значення, то швидше зміна). Щоб використовувати не значення
параметра «Інтенсивність», а дані з графічного планшета або пера виберіть параметр «Чутливість до натискання пера».
Щільність набору символів Задає ступінь тяжіння для набору символів (що вище значення, тим щільніше розташовуються
зразки символів). Цей параметр застосовується до набору символів. Якщо виділено набір символів, змінюється щільність
всіх зразків у наборі, а не лише нових.
Метод Задає метод корекції зразків символів інструментами: "Ущільнення символів", "Розмір символів", "Обертання"
символів», «Знебарвлення символів», «Прозорість символів» та «Стилі символів».
Для плавної корекції символів щодо положення курсору виберіть параметр «Визначається користувачем». Для
довільної зміни символів в області під курсором виберіть «Випадково». Для плавного згладжування значень
символів виберіть параметр «Усереднити».
Показати розмір кисті та інтенсивність мазка Під час використання інструмента відображається розмір.
Параметри інструменту «Розпорошення символів» Параметри інструменту «Розпилення символів» («Ущільнення», «Розмір»,
"Обертання", "Прозорість", "Знебарвлення" та "Стилі") відображаються під загальними параметрами в діалоговому вікні "Параметри
інструментів для роботи із символами», лише коли вибрано інструмент «Розпилення символів». Вони керують додаванням нових
зразки в набори символів. Для кожного з цих параметрів передбачено два варіанти:
Усереднити Новий символ додається із усередненим значенням існуючих зразків символів у межах радіуса пензля.
Наприклад, зразок, доданий в область, де середнє прозорість існуючих зразків символів дорівнює 50%, буде
мати прозорість 50%. Зразок, доданий до області без інших зразків, буде непрозорим.
Примітка. При обчисленні усереднених значень враховуються лише ті зразки, що знаходяться в межах радіусу пензля
інструмента «Розпорошення символів», заданого параметром «Діаметр». Щоб радіус було видно під час роботи, виберіть параметр
«Показати розмір пензля та інтенсивність мазка».
Визначається користувачем Застосування конкретних значень для кожного параметра: «Ущільнення»
(Щільність) – на основі вихідного розміру символу, «Розмір» – вихідний розмір символу, «Обертання» – напрямок руху миші
(або відсутність орієнтації, якщо миша не рухається), «Прозорість» – непрозорість 100%, «Знебарвлення» – поточний колір
заливки та повна інтенсивність відтінку, Стиль – поточний стиль.
Параметри інструмента «Розмір символів» Параметри інструмента «Розмір символів» відображаються під загальними параметрами
у діалоговому вікні «Параметри інструментів для роботи з символами», лише коли вибрано інструмент «Розмір символів».
Пропорційна зміна розміру При зміні розміру форма кожного зразка символу зберігається.
Зміна розмірів відбивається на щільності Зразки символів віддаляються один від одного при збільшенні масштабу та
наближаються один до одного за його зменшення.
Додаткові розділи довідки
Політика конфіденційності в Інтернеті
Напрямні лінії | Найкращі підручники!
Напрямні лінії
Найбільш вільним типом допоміжних ліній є напрямні. Вони ніяк не впливають на розміщення тексту та графіки, якщо не включений режим вирівнювання напрямних. У цьому випадку напрямні наділяються деякими «магнітними» властивостями і починають притягувати об'єкти, наявні поблизу них. Якщо напрямних на сторінці багато, переміщення об'єктів стає стрибкоподібним, від однієї напрямної до іншої. Такий режим роботи стане у пригоді при вирівнюванні об'єктів, і докладно розглянутий у главі 16.
Режим вирівнювання напрямних включається командою Snap to Guides меню View. Якщо цей режим увімкнено, у відповідному рядку меню встановлено прапорець. Клавіатурне скорочення для увімкнення/вимкнення вирівнювання по напрямних - ++ (точка з комою). Перемикання режиму вирівнювання напрямними не впливає на вже розміщені об'єкти.
Встановлення, переміщення та видалення напрямних
Розташування напрямних може бути різним на кожній сторінці. Розставляти їх можна вручну, перетягуючи з лінійок або за допомогою команди Create Guides. Напрямні можна задавати для сторінок документа або шаблон-сторінки. В останньому випадку, перш ніж задавати напрямні, перейдіть на шаблон-сторінку документа. Щоб встановити вертикальну напрямну, клацніть на вертикальній лінійці і, не відпускаючи ліву клавішу, перемістіть курсор у поле сторінки документа. За курсором потягнеться тонка бірюзова лінія - напрямна. Орієнтуючись на позначку положення курсора на горизонтальній лінійці, встановіть напрямну в потрібне місце сторінки. Описана операція представлена на. Аналогічним чином розставляють горизонтальні напрямні лінії.
Перш ніж розставляти напрямні, рекомендуємо налаштувати лінійки на звичні одиниці вимірювання. Про налаштування лінійок. Крім того, необхідно вибрати та закріпити точку відліку.
Напрямні лінії InDesign є особливими об'єктами. Як і будь-які інші об'єкти, напрямні можна переміщати, видаляти та копіювати. Перш ніж виконати одну з цих операцій, направляючу необхідно виділити клацанням миші. При цьому вона змінить колір на колір шару, на якому знаходиться. Щоб перемістити напрямну, просто перетягніть її мишею на потрібне місце.Щоб видалити, натисніть або виберіть команду Clear меню Edit.
Копіювання напрямних, як і інших об'єктів InDesign, виконується парою команд Copy та Paste меню Edit. Якщо, наприклад, ви хочете скопіювати напрямні з однієї сторінки на іншу, зробіть таке. Спочатку виділіть копіювані напрямні на вихідній сторінці. При цьому ви можете виділяти їх послідовними клацаннями при натиснутій клавіші або рамкою для виділення інструменту Selection. Коли всі напрямні будуть виділені, виберіть команду Сміттю меню Edit, перейдіть на цільову сторінку та виберіть команду Paste у тому ж меню. Якщо ви бажаєте не скопіювати, а перенести напрямні на іншу сторінку, то замість команди Copy вибирайте у меню Edit команду Cut.
Якщо документ призначений для оборотного друку, при розміщенні напрямних у вас є вибір: установка напрямної для однієї смуги або всього розвороту. Якщо "витягнути" з горизонтальної лінійки напрямну лінію і помістити її на смугу, то напрямна належатиме лише одній смузі.
Якщо ж при переміщенні напрямної утримувати клавішу , то горизонтальна напрямна перетне обидві смуги і продовжуватиметься і на робочому столі. Вертикальна напрямна при натиснутій клавіші теж виходитиме за межі смуги на робочий стіл. Якщо витягувати напрямні не з вертикальної або горизонтальної лінійок, а з квадрата, утвореного їх перетином, і утримувати при цьому клавішу , то InDesign створить одночасно вертикальну та горизонтальну напрямні, що перетинаються у точці, де знаходиться курсор.
Закріплення та режим відображення напрямних
Коли напрямні (модульна сітка сторінки) розставлені належним чином, є сенс заборонити їхнє переміщення. В іншому випадку можна помилково пересунути замість об'єкта одну з ретельно встановлених ліній. Для закріплення напрямних існує команда Lock Guides меню View. Якщо напрямні вже закріплені, поряд із цією командою встановлено прапорець. При увімкненому режимі закріплення змістити направляючу мишу стає неможливо. Команда Lock Guides є і в контекстному меню, яке відкривається клацанням правою кнопкою миші на напрямній або вільному місці сторінки.
Напрямні можуть відображатися у двох режимах – попереду та позаду об'єктів. Ці режими перемикаються прапорцем Guides in Back з розділу Guides діалогового вікна Preferences..
Будучи об'єктами InDesign, напрямні займають якесь положення в стопці об'єктів і розташовані на якомусь шарі. Їхнє положення щодо об'єктів не впливає на режим відображення поверх або позаду об'єктів. Цей режим повністю визначається прапорцем Guides in Back в діалоговому вікні Preferences.
Для верстальника напрямні можуть нести різне смислове навантаження. Наприклад, одні утворюють модульну сітку, інші задають місця розміщення особливих елементів макета, треті створюються тимчасово і служать для вирівнювання сюжетно важливих фрагментів зображень і заголовків, і т.п. вирівняний за ними об'єкт невидимий. Це досягається присвоєнням напрямних різних кольорів. Щоб задати колір напрямної, її треба виділити та вибрати команду Ruler Guides меню Layout або контекстне меню.Вона відкриває діалогове вікно, зображене на. Список Color містить 27 зразків кольору, які можна використовувати для напрямних. Якщо вас не влаштовує жоден із них, виберіть у списку варіант Custom або клацніть на зразку кольору праворуч від списку. В результаті відкриється системна гамма кольорів, де ви зможете вибрати довільний колір. Змінюйте кольори напрямних і тоді, коли колір, за замовчуванням, збігається із загальним тоном смуги.
В InDesign дуже зручно настроювати порогове збільшення для демонстрації напрямних. Справа в тому, що якщо напрямні розміщені досить тісно, то за невеликих масштабів відображення вони почнуть зливатися. Щоб уникнути цього, задайте для напрямних, що несуть різне смислове навантаження, різні граничні масштаби в діалоговому вікні Ruler Guides. Порогове збільшення для виділених напрямних задається в полі View Treshold. Наведено приклад перегляду документа з такими напрямними при різних збільшеннях. На ньому для вертикальних напрямних параметр View Treshold дорівнює 5%, а горизонтальних — 50%. Тому при збільшенні 49% горизонтальні напрямні не видно.
Часто потрібно подивитися на сторінку публікації без допоміжних ліній, що спотворюють її зовнішній вигляд. Для цього застосуйте команду Hide Guides меню View або контекстне меню. Щоб напрямні не заважали роботі з об'єктами і їх легко виділяти, розташовуйте їх на окремому шарі.
Робота із застосуванням напрямних ліній підвищує точність розміщення об'єктів та прискорює верстку складних макетів. InDesign містить чудовий засіб автоматизації розміщення напрямних ліній модульна Сгеаtе Guides. З його допомогою можна легко створювати та редагувати найскладніші модульні сітки, що складаються з напрямних та колонок, причому ця робота проводиться з найвищою точністю. Крім того, ви зможете створювати бібліотеки часто використовуваних модульних сіток за допомогою палітри. Library. Робота з командою Create Guides описано в наступному розділі.
Автоматичне розміщення напрямних
За допомогою команди Create Guides зручно розміщувати на сторінці рівновіддані один від одного напрямні, створювати вертикальні та горизонтальні секції (своєрідні «псевдоколонки»). При цьому замість перетягування напрямних з лінійок достатньо ввести значення поля діалогового вікна.
Команда Create Guides знаходиться в меню Layout і відкриває діалогове вікно, зображене на.
У правій частині діалогового вікна розташований прапорець Preview, що дозволяє попереднього перегляду побудованої сітки прямо на сторінці публікації. InDesign оновлює параметри сітки, що направляють у вікні документа, кожного разу після переведення активності з одного елемента керування діалогового вікна на інший.
Верхню частину діалогового вікна займають області Rows і Columns, в яких задаються параметри горизонтального та вертикального розбиття смуги
напрямними. У кожній з областей є поля введення Number та Gutter. Перше визначає кількість колонок чи рядів, а друге — проміжки з-поміж них.
Перемикач Fit Guides to в області Options задає межі, в яких розміщуються напрямні: з урахуванням полів, Page, або без - Margins (Рис. 15.10).
Прапорець Remove Existing Ruler Guides змушує InDesign перед розміщенням нових напрямних видалити зі сторінки всі існуючі.
Щоб застосувати сітку напрямних до декількох сторінок публікації, або скористайтеся механізмом шаблон-сторінок, що обговорюється в наступному розділі, або просто попередньо виділіть ці сторінки на панелі Pages.
Adobe Illustrator для веб-дизайнера 1) Вступ
Цією нотаткою я відкриваю цикл матеріалів про використання Adobe Illustrator у веб-дизайні.
Матеріали циклу є моїми особистими конспектами. Немає часу перетворювати їх на повноцінні навчальні статті, і тому вільне ставлення до слова може засмутити грамар-наці. Також не виключено, що використання якихось картинок порушить авторські права. Це погано, але давно не пам'ятаю, де і що брав... Я попередив.
- Вступ
- 💾 Файли, монтажні області
- 🗓 Шари
- Переміщення, вирівнювання та розподіл об'єктів
- 🖋 Перо та інструмент «Кривізна» (Curvature)
- 👱♀️ Правила гарних контурів
- 💪 Shape Builder Tool (Створення фігур) - ⇧M.
- ❤️ «Оформлення» (Appearance) - палітра та розділ палітри «Властивості».
- 📐 Напрямні та лінійки
- 🚶🏻♂️ Переходи (Blend)
- 🎁 Перспектива
- 🎩 Cтилі графіки
- 🔣 Символи
- 🏀 Сітчасті об'єкти (meshes)
- 👩 Вії, брови, волосся
- 🖌 Кисті та гумка
- ☀️ Розподіл об'єктів по колу
Призначення та унікальні функції
На мою думку, за низкою позицій Illustrator програє у зручності Sketch'у: заливання, робота з шарами та монтажними областями, експорт у SVG… Тому використовую AI тільки для тих завдань, для яких він по-справжньому незамінний.
- Контури Векторні ілюстрації, особливо складні з попередньою заливкою. Унікальні інструменти та функції Illustrator'а для цього, основного етапу роботи над графікою:
- Shape Builder
- Округлення кутів довільного контуру
- Довільні напрямні
- Інструмент товщини ліній (Adobe додав його ще в колишній Flash - Animate)
- Perspective Grid
- Користувальницькі пензлі, що використовуються зокрема, для малювання брів, вій, волосся, хутра.
Заливаю контури плоскими квітами, підбираючи гармонійні поєднання в «Каталогу квітів». Але градієнти, тіні тощо. накладаю вже у Sketch'і.
Загальний алгоритм
Створити документ з однією чи декількома монтажними областями. Розмір залежить від файлу, що експортується: дизайн-макета, ілюстрації або іконки.
Налаштувати потрібні сітки або довільні напрямні.
Preferences ➜ Guides & Grid. Базова разлинівка. Наприклад, Gridline every 8px, subdivision 8.
Для іконок створити сітку кордонів та базових фігур.
- Розділити лініями монтажну область навпіл по вертикалі та горизонталі.
- Провести діагоналі із кута в кут.
- Накреслити межі вмісту: квадрат, коло, вертикальний та горизонтальний трикутник.
- Додати вдвічі менший круг або кола золотого перерізу.
- Виділити все. View ➜ Guides ➜ Make Guides (⌘5)
Інший варіант сітки ікон - квадрат розділений 4×4 і рекурсивні квадрати, вписані в кола
- Для дизайн-макету зробити сітку базової лінії, колонки та модульну сітку за допомогою Rectangle Grid – див. п. «Лінії та сітки».
- Для ілюстрації — сітку третин, чвертей, золотого перетину, сітку Ендрю Луміса чи якусь екзотичну сітку. Можна додати кола із золотого перерізу — для розробки геометричних деталей композиції.
При перемальовуванні зображень можна створити кілька направників з кіл, еліпсів, інших базових фігур і ліній. І потім малювати по них пером та інструментом кривизни.
Якщо потрібно, скопіювати та вставити сітки / напрямні до інших областей (⌘F).
- View ➜ Guides ➜ Lock Guides
- Перейменувати шар на guides
- Додати шари для графіки
Створити палітру проекту, зберігши у зразки необхідні кольори, як глобальні. Працювати із зразками в Illustrator'і зручніше, ніж вибирати колір піпеткою або налаштовувати процес на палітрі.
Іконки та логотипи малювати базовими фігурами, лініями по сітках, із включеною прив'язкою до піксельної сітки.
Комбінувати фігури за допомогою Shape Builder Tool.
Ілюстрації виконувати у більш вільній техніці.
- Прямі лінії та дрібні дуги малювати пером та «кривизною», відключивши прив'язку до піксельної сітки, мінімізуючи кількість опорних точок.
- Але вмикати прив'язку до піксельної сітки, коли потрібно провести чіткі горизонтальні та вертикальні лінії, намалювати прямокутники.
- Великі дуги малювати овалами. Там де можна — по колах, що спрямовують у пропорціях золотого перерізу.
- Комбінувати фігури чи Shape Building Tool, чи ефектами обробки контурів.
☝️🧐 Щоб подивитися на ілюстрацію без рамок монтажних областей, їх можна приховати — ⇧⌘H
☝️🧐 Всі необхідні властивості виділеного об'єкта можна змінити в панелі властивостей.
Коли цього замало, використовувати додаткові панелі: «Оформлення», «Градієнт», «Символ» тощо.
У контурному малюнку застосовувати інструмент згладжування кутів, клавіатурну та інтерфейсну.
Перед експортом до SVG оптимізувати контури:
- Object ➜ Merge Transparency
- Object ➜ Path ➜ Clean Up
- Object ➜ Path ➜ Simplify (обережно!)
HP представила оновлену лінійку комп'ютерів Z та плагін для Adobe Illustrator
29.10.2018, Пн, 12:31, Мск , Текст: Дмитро Степанов
HP анонсувала оновлення високопродуктивних комп'ютерних систем Z. HP також представила новітнє рішення, завдяки якому технології останнього покоління стануть на службу креативних професіоналів. HP об'єднала потужності лінійки Z із графічними продуктами преміум-класу для друку та створення упаковки, щоб надати фахівцям абсолютно новий рівень можливостей.
«Сьогодні для творчості необхідні спеціальні інструменти та рішення, які допоможуть підвищити продуктивність, а також зроблять творчий процес можливим у будь-який час та у будь-якому місці, коли тільки з'явиться натхнення, — сказав він. Гвен Кобл (Gwen Coble), директор напряму робочих станцій, тонких клієнтів, рішень для роздрібної торгівлі та іммерсивних обчислень у регіоні EMEA (Європа, Близький Схід та Африка), HP Inc. — Ми зважаємо на потреби професіоналів у сфері творчості та інвестуємо в інновації, які допомагають втілити їхні ідеї. Найпотужніші апаратні засоби, функціональне програмне забезпечення та послуги, а також інноваційні програми HP змінюють уявлення про творчість».
Оновлена лінійка продуктів Z від HP – ноутбуки ZBook, стаціонарні комп'ютери серії Z (функціональний HP Z2 Mini або потужний HP Z8), відзначені нагородами монітори HP DreamColor – забезпечує високий рівень продуктивності, універсальності та безпеки, які потрібні креативним професіоналам.Моделі HP ZBook Studio, HP ZBook Studio x360, HP ZBook 15 та HP ZBook 17 мають більш високу в порівнянні з попередниками обчислювальну потужність, технології безпеки та яскраві дисплеї. Висока продуктивність шестиядерних процесорів Intel Core i9 дозволяє впоратися з більш високим навантаженням для обробки відео та тривимірного рендерингу. Збільшена до 32 ГБ оперативна пам'ять (з можливістю розширення до 128 ГБ, залежно від моделі) прискорює обробку великого обсягу даних. Новий метод захисту даних RAID 1 дозволяє створити дубль жорсткого диска, з яким користувачам більше ніколи не потрібно турбуватися про збереження важливих даних. Крім того, підвищена продуктивність графічних модулів у HP ZBook Studio та Studio x360 оптимізують процес рендерингу та редагування за допомогою відеокарт Nvidia Quadro P2000.
Потужний багатофункціональний ПК HP ZBook Studio x360 відкриває нові можливості для творчості, поєднуючи зручність ноутбука та мобільність планшета. Нове покриття антивідблиску сенсорного екрану HP ZBook Studio x360 дозволяє працювати на вулиці під яскравим сонцем, а також відрізняється підвищеною міцністю завдяки застосуванню останнього покоління Corning Gorilla Glass. Дисплей з покриттям антивідблиску HP DreamColor підтримує 100% колірної моделі Adobe RGB, а його яскравість досягає 600 нит.
HP заохочує повну свободу вираження творчого потенціалу та дозволяє використовувати новітні досягнення у сфері друку та виробництва упаковки, представляючи на світовому ринку HP SmartStream Designer для дизайнерів (D4D) плагін для Adobe Illustrator CC.Набір рішень для дизайну HP SmartStream D4D допомагає покращити будь-яку роботу, досягти більшого контролю над процесом та додати індивідуальності завдяки використанню тексту, кольорів та зображень. Крім цього, функція HP SmartStream Mosaic в D4D дозволяє клонувати файли, які згодом можна нескінченно коригувати за допомогою алгоритмів, щоб отримувати нескінченну кількість варіацій в реальному часі. Плагін HP SmartStream D4D можна скачати безкоштовно для платформ Mac та PC на Adobe Exchange.
«Цифровий друк розширює межі творчості під час друку та створення упаковки, але досі зберігався розрив між концептом та його втіленням, — зазначила Ненсі Джейнс (Nancy Janes), директор з інновацій HP Inc. — HP SmartStream D4D вперше дає дизайнерам можливість працювати з потужним програмним забезпеченням Adobe Illustrator CC і створювати яскравий і ефектний дизайн упаковки для брендів по всьому світу».
Лінійки, сітка та напрямні – інструменти позиціонування у фотошопі
Фотошоп має низку інструментів, що служать для точного позиціонування елементів зображення в документі. Наприклад, для того, щоб розмістити якийсь елемент точно посередині, використовується інструмент Переміщення та його налаштування позиціонування.
Але як бути, коли, скажімо, потрібно зробити відступ від верхнього краю 50 пікселів? Або що робити, коли ви розміщуєте 10 елементів за документом і кожен із них потрібно позиціонувати відносно один одного на точно заданих відстанях? Для вирішення таких питань потрібно звернутися до інструментів позиціонування: лінійки, сітка та напрямні.
Лінійки у фотошопі
Лінійки являють собою дві шкали: одна вгорі робочої області, інша з лівої від неї боку.На лінійки нанесені поділки обраної одиниці виміру. Так, простіше кажучи, це як шкільна лінійка, яку ми прикладали до аркуша паперу.
Щоб увімкнути відображення лінійок у фотошопі, виконайте команду:
Перегляд - Лінійки або гаряча клавіша Ctrl+R.
За замовчуванням одиниця виміру пікселі. Але це можна змінити. Можливі такі способи як це зробити:
Клацніть правою кнопкою миші за шкалою лінійки. з'явиться контекстне меню з усіма одиницями вимірювання, що є у фотошопі: пікселі, дюйми, сантиметри, міліметри, пункти, піки і відсотки.
Для того, щоб змінити одиниці вимірювання за умовчанням, слід перейти в наступні налаштування фотошопу: Редагування — Установки — Одиниці вимірювання та лінійки. У вікні, що знаходиться в самому верху, є пункт Одиниці виміру, а в ньому Лінійки.
Виберіть зі списку потрібний пункт і збережіть. Тепер фотошоп використовуватиме за умовчанням саме цю одиницю виміру.
Лінійка має початок відліку – 0. За замовчуванням це верхній лівий кут документа. Але це можна змінити, встановивши початок шкали у будь-якому іншому місці. Для цього зробіть клік у точці перетину двох лінійок, потім, не відпускаючи кнопку миші, потягніть убік. Ви побачите перехрестя. Розмістіть його центр у місці, де має бути початок відліку у лінійки.
Щоб повернути лінійку у вихідне положення, зробіть подвійний клік там у перетині двох лінійок.
Направляючі у фотошопі
Тепер, коли з'явилися лінійки, можна створити напрямні.
Напрямні — це блакитні вертикальні та горизонтальні лінії, які допомагають створити розмітку в документі фотошопу.
Направляючі відносяться до допоміжних елементів, тому їх не видно, коли ви збережете зображення. Але вони залишаються в PSD-форматі.
Напрямні мають ефект прилипання, тобто, коли ви переміщаєте якийсь елемент зображення ближче до напрямної, ви відчуєте як цей елемент раптом прилип до лінії. Це дуже корисно під час позиціонування. У цьому випадку ви точно впевнені, що розмістили елемент пікселя в піксель з напрямною.
Ефект прилипання у фотошопі називається Прив'язкою. Вона включається та відключається в меню Перегляд — Прив'язка. Простежте, щоб галочка стояла.
Звідси випливає і тактика використання: спочатку потрібно точно встановити напрямну на своєму місці. Для цього використовується шкала лінійок, якщо потрібно відміряти потрібну відстань. Потім, коли все на місці, перетягніть напрямну елемент зображення, і він прилипне до цієї лінії. Все, він позиціонований!
Як створити напрямні у фотошопі
Спочатку потрібно переконатися, що відображення напрямних увімкнено. Для цього простежте, щоб у меню Перегляд — Допоміжні елементи стояла галочка. А також мають бути активовані лінійки.
Тепер потрібно створити їх. Є два способи для різних випадків життя:
Спосіб 1 Довільні напрямні
Цей спосіб підходить, коли потрібно швидко створити лінію та встановити її у довільному місці.
Для цього зробіть клік миші в області шкали лінійки:
- для горизонтальної лінії – на верхній лінійці;
- для вертикальної лінії – не лівій лінійці.
Потім, не відпускаючи кнопку миші, потягніть руку до документа. Тоді разом із вашим рухом потягнеться, поки що темна, лінія напрямної.Далі встановіть її в потрібному місці, і вона стане блакитного кольору.
Як бачите, вона перетинає шкалу лінійки, а значить не важко порахувати відстань і розмістити напрямну на потрібному місці.
Спосіб 2 З вказівкою, де має з'явитись напрямна
Через меню Перегляд — Нова напрямна Відкриється діалогове вікно. В якому потрібно вказати в якій площині її створити (горизонтальна або вертикальна), а також поле, яке потрібно ввести значення потрібного положення. Наприклад, потрібна горизонтальна напрямна, яка з'явиться за 100 пікселів від верхнього краю зображення.
Як змінити положення напрямної
Щоб пересунути лінію в нове місце, виберіть інструмент Переміщення та наведіть курсор на лінію. Курсор зміниться на дві паралельні смужки. Значить, можна клікнути по напрямній і потягнути в нове місце.
До речі, напрямні можна закріпити, тобто захистити від випадкового зсуву. Для цього поставте галочку у меню Перегляд — Закріпити напрямні.
Як прибрати/видалити напрямні
Спосіб 1 Перемістити на шкалу лінійки
Цей спосіб повторює процес створення напрямної. Тільки щоб вона зникла, потрібно перетягнути її назад в область шкали лінійки.
Цей спосіб ідеально підходить для випадків, коли з багатьох напрямних потрібно видалити не всі, а лише деякі.
Спосіб 2 Команда меню
Через меню програми: Перегляд — Видалити напрямні. І тут пропадуть відразу всі створені лінії.
Спосіб 3 Вимкнути відображення
Якщо потрібно тимчасово прибрати напрямні, щоб вони не заважали, приберіть галочку в команді Перегляд — Допоміжні елементи або використовуйте гарячу комбінацію Ctrl+H.
Всі лінії зникнуть, але якщо потрібно відобразити їх знову, то там же поверніть галочку назад, і тоді всі напрямні знову опиняться на своїх місцях і можна продовжити роботу з ними.
Сітка розмітки у фотошопі
Згадайте як виглядає зошитовий листок у клітинку. Таку ж сітку можна розмістити поверх документа у фотошопі. Для цього виконайте команду:
Перегляд — Показати — Сітку
Налаштування сітки здійснюється в установках фотошопу: Редагування — Установки — Напрямні, сітка та фрагменти.
Можна вказати якої ширини будуть основні (великі) осередки і з якої кількості додаткових внутрішніх поділок вони будуть складатися. Наприклад, у мене основні осередки по 2 сантиметри і діляться додатково на 4 менші. Таким чином кожна маленька клітина становить 0.5 сантиметра.
Ця сітка зручна у випадку, коли вам необхідно вирівняти безліч різних елементів, наприклад текст.
Помітили помилку в тексті – виділіть її та натисніть Ctrl+Enter. Дякую!
Напрямні та ярлики лінійок Illustrator — Laura Coyle Creative
Ярлики для роботи з лінійками та направляючими в Illustrator
Command/Ctrl+R приховує або показує лінійки
Клацніть правою кнопкою миші на лінійці, щоб змінити одиницю виміру (не скасовує налаштування параметрів документа для одиниць виміру).
Утримуйте shift , перетягуючи напрямну, щоб прив'язати її до позначок на лінійці (тільки для нових напрямних — для точної зміни положення напрямної використовуйте панель перетворення x та y)
Двічі клацніть на лінійці для створення напрямної без перетягування
Shift + подвійне клацання поміщає напрямну на найближчу позначку
Option/Alt при перетягуванні новою напрямною змінює її з горизонтальною на вертикальну
Esc скасовує / видаляє напрямна при першому перетягуванні
Перетягніть напрямну перехрестя з верхнього лівого кута лінійки, щоб перемістити вихідну точку лінійки
Двічі клацніть у верхньому лівому куті лінійки, щоб скинути вихідну точку у верхній лівий кут документ
Command / Ctrl перетягніть з верхнього лівого кута лінійок, щоб створити 2 перпендикулярні напрямні одночасно
Command/Ctrl+U увімкнути Smart Guides (корисно при вирівнюванні напрямних по монтажних областях або об'єктах)
Поради щодо роботи з направляючими в Illustrator
Зробіть інтерфейс Illustrator яскравішим у «Налаштування»> «Інтерфейс користувача », щоб краще бачити позначки лінійки.
Створіть шар із напрямними у верхній частині панелі шарів. Зберігання напрямних на окремому шарі спрощує роботу з ними, оскільки ви можете заблокувати/розблокувати та показати/приховати елементи керування шаром.
Щоб створити напрямні під кутом, використовуйте інструмент "Сегмент лінії", щоб намалювати лінію, використовуйте панель "Перетворення", щоб точно змінити її кут і довжину, а потім перетворите її на напрямну, вибравши "Перегляд" > "Напрямні" > "Створити напрямні" ».
Щоб перетворити напрямні назад на лінійні сегменти, виберіть «Перегляд» > «Напрямні» > «Напрямні випуску».
Щоб скопіювати напрямну, виберіть її та утримуйте option / alt, потім натисніть одну із клавіш зі стрілками на клавіатурі, щоб перемістити її з кроком клавіатури.Продовжуйте утримувати Option/Alt та натискайте клавішу зі стрілкою, щоб додавати додаткові напрямні через рівні проміжки часу (встановіть крок клавіатури в меню «Параметри» > «Загальні»).
Як змінити вимірювання в Adobe Illustrator
Adobe Illustrator має безліч варіантів вимірювання, які підходять для вашої зручності та потреб проекту. Будь то пікселі, метрична або британська система заходів, Adobe Illustrator допоможе вам.
Робота з вимірами пікселів
Піксель - це найменша одиниця цифрового зображення або графіки, яка може бути відображена та представлена на цифровому пристрої. Пікселі об'єднуються, щоб сформувати завершене зображення, відео, текст або будь-яку видиму річ на цифровому дисплеї, наприклад, на мобільних пристроях, планшетах або комп'ютерах. Зазвичай круглі або квадратні вони зазвичай розташовані у вигляді двомірної сітки. Піксель – основна одиниця виміру в цифровій графіці.
Встановлення одиниць вимірювання в пікселях ідеально підходить для:
- Проекти цифрового дизайну інтерфейсу користувача , такі як дизайн веб-сторінок, дизайн тем (WordPress, Shopify і т. д.), ігрові інтерфейси, дизайн додатків та ікон.
- Публікація контенту в Інтернеті у формі зображень (.jpeg .png), таких як повідомлення в соціальних мережах, інфографіка, банерна реклама та зображення продуктів
- Графіка для фільмів та відео , наприклад ескізи, анімована графіка, гіфки, послідовності заголовків та Текст.
Це допоможе вам налаштувати монтажну область у правильних розмірах для цифрового проекту, над яким ви працюєте.Наприклад, при створенні графіки інтерфейсу користувача для iphone X ваша монтажна область буде встановлена на 1125 x 2436 пікселів, що дозволить вам працювати і експортувати файли з відповідною роздільною здатністю зображення. Установка одиниць вимірювання в пікселі допоможе документам більш точно відображати те, що відображатимуть цільові пристрої кінцевих користувачів.
Робота в метричних чи британських одиницях виміру
Метрична система (сантиметри, міліметри, метри) була розроблена у Франції у 1790-х роках та використовується практично у всіх країнах світу. Цікаво, що у трьох країнах світу метрична система не використовується, незважаючи на її простоту та універсальність. Це М'янма, США та Ліберія, які слідують імперській системі (дюйми, фути, ярди).Так що вибір між вами та вашою командою залишається за вами.
Обидві системи використовуються переважно для поліграфічного дизайну. Установка одиниць виміру в метричній або британській системі ідеальна для:
- Мистецтво та ілюстрація , наприклад дизайн футболок, графічні візерунки для текстилю, обкладинки книг, технічні ілюстрації, концепт-арт та графічні новели
- Візуальний дизайн ідентичності наприклад, логотипи, візитні картки та бланки
- Дизайн упаковки
- Дизайн публікації наприклад книги, газети, інформаційні бюлетені, каталоги, річні звіти, журнали, каталоги
- Маркетинговий дизайн друку наприклад листівки, листівки, журнали та газетна реклама, Плакати, банери та рекламні щити, Брошури, Упаковка для транспортних засобів, Вивіски та дисплеї для виставок, Меню
- Графічний дизайн навколишнього середовища , такі як Вивіски, Настінні розписи, Музейні виставки, Брендування офісу, Навігація в громадському транспорті, Інтер'єри магазинів роздрібної торгівлі, Заходи та конференц-зали Для великих проектів друку ви можете вибрати метри або ярди
Робота в Pica Measurements
«Точка» - це одиниця виміру літер і міжрядкового інтервалу. Системи нарахування балів були розроблені друкарнями, а потім адаптовані та переосмислені ливарними компаніями. точка PostScript у справжній дюйм). «піка» — це одиниця виміру параметрів макета сторінки, ширини тексту, ширини стовпця, прогалин тощо. буд. 12 точок = 1 піку і 6 піків = 1 дюйм.
Встановлення одиниць вимірювання в піктограмах ідеальне для:
- Друкарські роботи на замовлення , такі як розробка нового шрифту або налаштування існуючого
- Дизайн публікації , такий як газети, журнали, інформаційні бюлетені, книги та каталоги
Змінити легко документувати одиниці виміру, виконавши такі дії.
Я створив дизайн логотипу в пікселях для цифрового використання, але тепер мій клієнт хотів би створити деякі друковані маркетингові матеріали для свого бренду.
Примітка. Цей параметр вимірювання впливає на лінійки, вимірювання відстані між точками, переміщення та перетворення об'єктів, налаштування кроку сітки та напрямних та створення фігур.
Крок 1:
Переконайтеся, що ваші лінійки видно, натиснувши клавіші CTRL-R для ПК або Command-R для Mac. Ви також можете перейти в меню: Вигляд> Лінійки> Показати лінійки.
Крок 2
Клацніть правою кнопкою миші лінійку та оберіть одиницю вимірювання, в якій ви хочете працювати.
Крок 3
Тепер лінійки змінилися на сантиметри. Я хочу змінити розмір монтажної області на 20 x 30 см для дизайну плаката.
Step 4
Повинно з'явитися вікно параметрів артборда, і, як ви можете бачити, я можу змінити ширину та висоту сантиметрів.
Зміна одиниць вимірювання для Обведення та Типу
Adobe Illustrator також має можливість змінювати розміри обведення на пікові зображення, крапки, пікселі, сантиметри, міліметри, дюйми – та вимірювання типу на крапки, міліметри, дюйми та пікселі.
Крок 1:
У верхньому меню перейдіть в Edit> Preferences> Units
Step 2:
Як бачите, є опції для встановлення General, Stroke і Type Одиниці виміру. Виберіть бажаний варіант у розкривному меню і натисніть ОК.
Adobe Illustrator Classroom in a Book – серія офіційних навчальних курсів від Adobe, розроблена за підтримки експертів з продуктів Adobe.
Курс Adobe Illustrator
Наш курс Adobe Illustrator триває 2 тижні і складається з 3 занять. Цей курс познайомить вас з усіма основами програмного забезпечення Adobe Illustrator, допоможе вам знайти ідеальні налаштування та параметри за замовчуванням, аж до роботи з більш сучасними ефектами та вивчення всіх цих важливих ярликів.
Наші дружні захоплюючі заняття дадуть вам навички, які дозволяють максимально ефективно використовувати всі численні функції Adobe Illustrator, дізнатися, як професійно працювати з градієнтами, шрифтами, формами та зображеннями, і ви зможете створити вражаюче портфоліо.
Якщо ви хочете дізнатися більше про Adobe Illustrator, зв'яжіться з нами для отримання додаткової інформації або натисніть тут, щоб отримати повну інформацію про курс Adobe Illustrator.
НОВИНКА
КУРСИ ГРАФІЧНОГО ДИЗАЙНУ
Дізнайтесь більше про наші фірмові курси
Виберіть найкращий графік
для навчання ОНЛАЙН або у школі.
Управління розміщенням посібників у Illustrator
Управління розміщенням посібників в Illustrator — курси та безкоштовні навчальні посібники з Adobe Illustrator, технічні пакети та фріланс для дизайнерів моди: курси та безкоштовні навчальні посібники з Adobe Illustrator, технічні пакети І фріланс для модельєрів
Управління розміщенням напрямних у Illustrator
Направляючі в Illustrator працюють інакше, ніж у Photoshop та InDesign. У цьому посібнику зі штучного інтелекту ви дізнаєтесь, як керувати направляючими в робочому просторі Illustrator, розміщувати їх і керувати ними, а також створювати їх з векторних контурів і фігур.
Ось що ми розповімо:
- Як увімкнути лінійки в Adobe Illustrator (00:12)
- Як створювати або витягувати напрямні з лінійок у Illustrator (00:19)
- Як автоматично прив'язати напрямні в AI (00:25)
- Як керувати положенням напрямних за допомогою панелі перетворення (00:41)
- Як розблокувати та перемістити напрямні до Illustrator (00:50)
- Як перетворити форму або шлях на напрямну в Adobe Illustrator (01:15)
Збережіть це керівництво в Pinterest, щоб знайти його пізніше:
Увага! Ми використовуємо файли cookie, щоб персоналізувати ваш досвід та відстежувати, як ви взаємодієте з нашим сайтом, щоб краще обслуговувати вас. ОК
докладніше
Отримайте безкоштовний посібник зі створення професійного портфоліо всього за ОДИН вихідний
ХОЧУ Миттєвий доступ 👇
Зареєструвавшись, ви отримаєте доступ до щотижневих електронних листів із безкоштовними навчальними матеріалами, шаблонами та випадковими пропозиціями.
шарів, що направляють та основ лінійки на krankykids.com
• шарів
• Напрямні
• Лінійки
Якщо ви їх ще не бачите, перейдіть до — Вікно - Шари ( F7 ).
Ви можете змінити розмір значка (12–100 пікселів), щоб значки шару були більшими.
Натисніть і утримуйте правий кут панелі шарів, щоб відкрити меню панелі шарів, а потім виберіть Параметри панелі внизу (див. нижче):
Відкриється діалогове вікно «Параметри панелі шарів». Виберіть Інший та вкажіть новий розмір зображення значка (див. нижче):
Тепер ваші піктограми шару матимуть новий розмір, вказаний вами (див. нижче):
повернутися нагору
Ви можете клацнути трикутник поруч із значком Layer (див. нижче), щоб відкрити всі його елементи - вони називаються Paths та/або Groups :
Найпростіший елемент Illustrator називається Path .
Комбінація шляхів — у них також є трикутники, які ви можете натиснути, щоб побачити їхні шари шляхів
Двічі клацніть ім'я, яке хочете змінити (див. нижче):
Відкриється діалогове вікно, і ви назвете його як хочете (див. нижче):
Коли вибрано шар , спочатку з'являється невелике синє поле (див. нижче):
Пам'ятайте: Це поле змінить колір, якщо змінити колір шару в діалоговому вікні «Параметри шару », , , але , якщо поле є (незалежно від кольору) — шар вибраний.
Напрямні - Лінії прив'язки, які допомагають вирівнювати об'єкти
• Напрямні не друкуються.
• Якщо тримати напрямну поряд з будь-яким краєм картону, починається автоматичне прокручування.
Якщо ви заблокуєте напрямні , клацнувши панель шарів (див. нижче), вони більше не будуть прив'язуватися. Натомість перейдіть до View - Guides - Lock Guides ( Option-Command-; ), щоб заблокувати їх та зберегти прив'язку:
повернутися нагору
Перейти до View - Guides - Show Guides ( Command -; ) (⌘;)
Переконайтеся, що лінійки видно, перейдіть до меню «Вид» - Показати лінійки » ( Command-R ).
• Клацніть піктограму (В межах горизонтальної або вертикальної лінійки) - Утримуйте та перетягніть спрямовуючу в потрібне положення.
• Опція перемикає напрямні горизонтальне або вертикальне положення.
• Утримуючи Shift Ви прив'яжете напрямні від одного кроку лінійки до наступного.
Вимкніть Smart Guides ( Command-U ) або перейдіть до меню View - Smart Guides та зніміть прапорець.
• Намалюйте потрібну форму Guide - Прямокутник, коло і т.д. Д. Потім виберіть її та зробіть Guide , перейшовши в меню «Вид » - «Напрямні» - «Зробити напрямну » ( Command-5 ).
• Клацніть осторонь, і він стане Guide .
Перетягніть напрямний шар у кошик Layers Panel .
- або -
Перейдіть до View - Guides - Lock Guides ( Option-Command-; ) to unlock (якщо заблоковано) та виберіть Guide , а потім Delete or Cut ( Command-X ).
повернутися нагору
Якщо ваші напрямні мають різні атрибути та/або знаходяться на різних рівнях, виконайте такі дії:
Перегляд — Напрямні — Очистити напрямні
Редагувати — Скасувати очистити напрямні ( Command-Z )
Потім усі вони знову з'являться, і всі напрямних будуть обрані у всіх шарах , які містять напрямних Ви можете сказати, що вони вибрані, тому що маленький прямокутник з'являється на кожному шарі Guide на панелі шарів. (Не клацайте мишкою всередині монтажного столу / монтажних областей при цьому, інакше ви скасуйте вибір групи Guides .)
Якщо потім згорнути всі відкриті шари, всередині яких вибрано Напрямні , праворуч від шару з'явиться поле більшого розміру.
Тепер створіть шар за допомогою кнопки New Layer у нижній частині панелі шарів (див. нижче):
За бажанням ви також можете утримувати опцію , натиснувши кнопку New Layer , щоб відкрити діалогове вікно Layer Options , назвіть його Guides та змініть колір шару (див. нижче):
Перетягніть маленьку рамку (або всі маленькі коробочки) на новий шар Guides (Див. нижче):
Направляючі тепер усі будуть на вашому новому шарі (див. нижче):
Якщо вони не видно, перейдіть до View - Show Rulers ( Command-R ).
За замовчуванням Лінійки вирівняні десь у лівому нижньому кутку. Перетягніть від перетину білого поля у верхньому лівому куті двох лінійок (див. нижче) туди, де ви хочете, щоб лінійки були вирівняні на картоні :
• Лінійки належать до кожної монтажної області. Їхню думку змінити не можна.
• Перегляд — Показати лінійки монтажної області ( Option-Command-R )
повернутися нагору
Швидко та рівномірно розповсюджуйте напрямні в Illustrator
Решітки та напрямні служать як основа для конструктивного проектування; проте особливо часто дизайнери безцільно розміщують свої керівництва або витрачають час на розрахунки. Поступово поширювати керівництва.
Спочатку я хочу описати, що робити , а не
, а потім запропонувати кілька більш простих альтернатив.
Zoom and Tinker
Коли я бачу, як люди роблять те ж саме, мене зовсім перекручує. Коли у вас є лінійки, видимі в Illustrator (Ctrl / Command + R), і ви перетягуєте напрямну збоку, вам не потрібно возитися зі спробами змусити направляючу приземлитися правильно. ви розміщуєте одну напрямну, дотримуйтесь наступних інструкцій:
Перетягніть напрямну на монтажну область, а потім клацніть за межами напрямної, щоб її не було виділено.
Клацніть правою кнопкою миші та зніміть позначку з параметра Lock Guides.
Знову виберіть напрямну та за допомогою вікна перетворення відрегулюйте значення x для вертикальних напрямних та значення y для горизонтальних напрямних до бажаного положення.
Розміщення одиночної напрямної таким чином забезпечить її точність.
Виклик надійного старого калькулятора
Зображення: Кейт Серебі
Коли ви намагаєтеся поділити область на рівні частини, ви можете припустити, що обчислення ширини для кожного стовпця / рядка має сенс, але насправді в цьому немає необхідності, коли ви можете просто дозволити ілюстратору зробити математику за вас.
Один із способів легко визначити дробову ширину чогось - це просто змінити ширину на панелі перетворення на відсоток. Це чудово працює для простих дробів / відсотків, які ви знаєте не з чуток, але якщо ви не знаєте відсоток для 1/7, то, можливо Вам, можливо, доведеться витягнути той старий калькулятор. Якщо все-таки доведеться обчислити кілька речей, я пропоную як і раніше працювати з відсотками, щоб ви не вводили неправильні числа до ілюстратора або неправильно округляли числа.
Виклик надійного старого калькулятора Pt. 2: Включаючи ринви
Ага, ми знову підійшли до калькулятора, але не хвилюйтеся, є спосіб обійти це, як ви підозрюєте.
Ви можете слідувати наведеній вище формулі, щоб визначити бажану ширину стовпця з урахуванням жолобів, але коли ви маєте справу з десятковими знаками або непарною кількістю стовпців, ваші числа можуть бути дуже безладними, що дає більше місця для помилок. Є два найкращі способи зробити це.
Варіант 1. Панель вирівнювання
Коли ви вибрали кілька об'єктів, панель керування відображається на панелі інструментів, але для полегшення відображення параметрів вирівнювання я використовуватиму фактичне вікно панелі.
Як показано вище, клацніть верхній правий значок на панелі, щоб Показати параметри і звідти переконайтеся, що встановлено прапорець Вирівняти за виділенням . У цьому прикладі синій колір є область, яку ви хочете розділити на стовпці, а жолоба - рожевим кольором.
Створіть два жолоби і розмістіть їх на за межами ваш основний об'єкт, щоб отримати щось схоже на те, що ви бачите вище.Якщо у вас включені швидкі напрямні (Ctrl / Command + U), ваші жолоби повинні автоматично прив'язуватися до країв, коли їх розміщуєте.
Візьміть необхідну кількість стовпців і відніміть 1, щоб отримати кількість жолобів, яка вам знадобиться. У цьому прикладі я поділяю синю область на десять стовпців.
Утримуючи Shift + Alt, клацніть по одному з жолобів збоку і перетягніть копію в синю частину.
Виділіть все крім для синьої секції та на панелі вирівнювання виберіть опцію Центр горизонтального розподілу . При створенні рядків можна вибрати опцію над ним для Вертикального розподілу.
Звідти ви можете видалити зайві жолоби з боків і залишити все як є, або ви можете зробити ще один крок, перетягнувши напрямні на макет, який ви можете побачити вище.
Варіант 2: Інструмент "Перехід"
У більшості випадків, коли я знайомлю когось із інструментом накладання, типова відповідь: «Що це, чорт забирай?» Чесно кажучи, я не думаю, що на це дуже конкретна відповідь; проте це надзвичайно цінний інструмент.
Вище показаний приклад того, як шрифтовий дизайнер Марк Сімонсон використав інструмент змішування у процесі створення Coquette, про який ви можете прочитати більше у його блозі.
На цій нещодавній ілюстрації я щойно завершив всю роботу з лініями, виконану за допомогою інструменту накладання.
То що таке інструмент накладання? Як описано на сайті довідки Adobe, «Інструмент «Перехід» та команда «Створити перехід» дозволяють створювати переходи, які є серією проміжних об'єктів та кольорів між двома або більше обраними об'єктами».
У першому варіанті з використанням панелі вирівнювання вам потрібно було індивідуально копіювати та вставляти кожен жолоб, доки у вас не буде потрібної кількості. Використовуючи інструмент накладання, можна пропустити цю частину.
Якщо ми озирнемося на те, що я робив раніше, ми заощадимо трохи часу, вибравши два додаткові жолоби з боків і потім використовуючи інструмент змішування. Замість використання самого інструменту ви можете просто натиснути Ctrl/Command+Alt+B.
Натиснувши Ctrl / Command + Alt + B, коли вибрано два жолоби, ви повинні отримати щось на зразок того, що ви бачите вище. Хоча здається, що він просто залив область між ними одним і тим самим кольором, насправді між двома, які ви вибрали, було вміщено певну кількість стовпців, щоб повністю заповнити простір.
Якщо двічі клацніть піктограму інструменту змішування, має з'явитися панель, яку ви бачите вище. Smooth Color Тому раніше все, що ми бачили, було суцільним кольором. Переключивши інтервал на Зазначені кроки , Ви можете ввести необхідну кількість ринв.
Після об'єднання двох зовнішніх жолобів ви помітите, що жоден із внутрішніх жолобів не редагується. Щоб зробити їх живими об'єктами, вам потрібно буде перейти до верхньої частини панелі інструментів і натиснути Object> Expand.
Порада. Якщо ви постійно розширюєте об'єкти, натисніть «Редагування» > «Поєднання клавіш» та додайте клавіші.
Я встановив для мене Ctrl/Command+Alt+E
Після розширення всіх жолобів ви помітите, що вони згруповані. Щоб розгрупувати їх, просто натисніть Shift+Ctrl/Command+G або клацніть правою кнопкою миші та виберіть Розгрупувати .
Раніше я пояснив, що коли у вас створені всі стовпці та жолоби, ви можете залишити їх як є або перетягнути напрямні на монтажну область, але ви також можете перетворити ці об'єкти безпосередньо на напрямні.
Golden Nugget: виберіть всі об'єкти та натисніть Ctrl / Command + 5, щоб перетворити їх у напрямні.
Якщо ви не знали про перетворення об'єктів у напрямні, то це напевно відкриє для вас масу нових можливостей.
Пограйте з інструментом накладання, щоб побачити, що з ним можна зробити, та поекспериментуйте зі створенням власних напрямних.
Приклад: Френсіс МакЛауд
У моєму повідомленні у блозі «Зроби це зараз» минулого тижня тривимірний ефект було зроблено за допомогою інструмента накладання.
Як ви вже здогадалися, зображення заголовка для цього також було зроблено за допомогою інструменту накладання та створення напрямних під кутом.
З нетерпінням чекайте на пост, присвячений створенню посібників спеціально для написів, найближчим часом!
Точно створюйте напрямні у Illustrator «projectwoman.com
31 березня 2014 р., понеділок
Точне створення напрямних в Illustrator
кредит зображення © ezza116, istockphoto.com
Іноді відмінності між Illustrator і Photoshop дійсно дратують. У Photoshop просто розмістити напрямні в тому місці, де ви хочете, щоб вони відображалися, але Illustrator це зовсім непросто.
Я хочу створити квадратний документ із направляючими на півдорозі по вертикалі та горизонталі, тому я почну з нового документа фіксованого та відомого розміру, наприклад 1000 x 1000.
Потім виберіть "Перегляд" > "Лінійки" > "Показати лінійки", щоб ви могли бачити лінійки зверху та зліва. Вибравши інструмент «Виділення», клацніть та перетягніть лінійку, а потім перетягніть напрямну на місце. Швидше за все, у вас не вдасться дізнатися це точно, але поки що це нормально. Також можна перетягнути провідник з іншої лінійки.
За замовчуванням напрямні заблоковані, тому вам потрібно розблокувати їх, щоб перемістити. Виберіть «Перегляд» > «Напрямні» > «Заблокувати напрямні», щоб зняти прапорець. Тепер ви можете перетягнути напрямну на місце. На панелі параметрів інструмента ви побачите значення для X та Y. Для вертикальної напрямної X має бути половиною ширини вашого документа — у моєму випадку 500, а для горизонтальної напрямної значення Y має бути 500.
Якщо ви відкриєте палітру шарів, ви побачите, що напрямні є об'єктами поточного шару. Це означає, що ви можете клацнути напрямну, щоб вибрати її на панелі шарів, і використовувати інструменти у верхній частині екрана для вирівнювання напрямної. Отже, клацнувши по ньому та вибравши Центр горизонтального вирівнювання, ви центруєте вертикальну напрямну, а Центр вертикального вирівнювання центрує горизонтальну напрямну.
Після того, як напрямні зайняли своє місце, виберіть "Перегляд"> "Напрямні"> "Заблокувати напрямні", щоб заблокувати їх і не рухати. У цьому ж підменю ви можете приховати напрямні - це блокує їх, коли вони знову відображаються, або очистити напрямні, щоб видалити їх з документа.
Інші корисні хитрощі включають можливість створити вертикальну напрямну, перетягнувши вниз від верхньої лінійки та утримуючи Alt або Option, щоб змінити положення з горизонтального на вертикальне.
Ви можете зробити нові напрямні (але не існуючі) прив'язаними до роздільників на лінійках, якщо утримуєте Shift під час малювання, перетягуючи їх вниз від лінійки.
Хелен Бредлі
Етикетки: центральна напрямна, чітка напрямна, створення напрямної, напрямні, приховування напрямної, ілюстратор, напрямна блокування, лінійка, напрямна розблокування
Етикетки: Illustrator, iPad, Mac, Windows
відправлено Хелен Бредлі @ понеділок, 31 березня 2014 р. 0 коментарів
Глобальні лінійки та лінійки артбордів
Дізнайтеся про відмінності між лінійками документа та монтажною областю, а також між напрямними документа та напрямними монтажної області.
Випущено
- Огляд інструментів сітки та напрямних
- Використання модуля GuideGuide, що підключається, для Illustrator
- Створення модульних і базових сіток
- Проектування з використанням обмежувальних кутів
- Створення викрійки із сітки
- Створення шрифту із сіткою
- Створення сітки з об'єктної мозаїки
Рівень кваліфікації
Тривалість
Перегляди
Показати більше Показуй менше
Продовжити оцінку
Ви почали це тестування раніше, але не завершили його. Ви можете продовжити з місця, де зупинилися, або почати заново.
Продовжити Почати спочатку.
