Как да разположите артбордове в Illustrator CC

В рамките на платното на Adobe Illustrator CC монтажните табла са дискретни пространства с размери, които улесняват експортирането, споделянето или отпечатването на секции от платното. На платното е областта на Illustrator работното пространство, където можете да създадете графика. Платното е основно всичко, което виждате на екрана, с изключение на интерфейса (като менюто, контролния панел и други панели).

Артбордовете са както последователни, така и дискретни. Твърде философски? Добре, тук е въпросът: Artboards наследяват и споделят много свойства на документа, в който се намират, като цветен режим или разделителна способност на растерния ефект. И това е хубаво, защото означава, че можете да работите върху различни графики, включително графики с различен размер, със споделени свойства.

Например, може да имате проект, в който проектирате печатен плакат, палмова карта и пластмасов банер за събитие. Въпреки че те ще бъдат различни по размер, те вероятно ще използват същия набор от цветове и може би други функции като символи.

Или можете да използвате множество монтажни табла с един и същи размер, за да подготвите прототип на мобилно приложение, което показва различни състояния на потребителско взаимодействие. Тук десетки артбордове може да са полезни. Отново този проект има общи свойства на документа, които се прилагат за всички монтажни табла, като RGB цвят и пиксели като мерна единица.

За да ви помогна да извлечете парите си от артбордове, първо прегледам някои основни правила за създаването и използването им. След това ви превеждам през двата сценария, които току-що идентифицирах — проект за печат и прототип на приложение — за да ви помогна да разберете ефикасността на монтажните табла и да ви изложа на ключови техники за разполагане на монтажни табла.

Какво представляват артбордовете?

Можете да имате от 1 до 1000 монтажни табла на документ. Никога не съм използвал 1000 артборда в проект, но е хубаво да знам, че са там, ако имам нужда от тях. Както обясних в началото на тази глава, можете да зададете броя на монтажните табла за документ, когато го създадете за първи път, но можете също да добавяте и премахвате монтажни табла, след като започнете работа по документ.

Инструментът Artboard е част от основния набор от инструменти. Създавате монтажни табла в документ, като изберете инструмента Artboard и рисувате интерактивно върху платното, както е показано.

Как да разположите артбордове в Illustrator CC

Рисуване на арт табло.

Или можете да генерирате монтажна област, като щракнете върху иконата New Artboard в панела Artboard или панела Control (или Properties). Отваря се диалоговият прозорец Опции на Artboard, показан тук.

Как да разположите артбордове в Illustrator CC

Генериране на монтажна област с диалоговия прозорец Опции за монтажна област.

Генерирането на монтажна област ви позволява да наименувате монтажната област, докато я създавате, заедно с дефинирането на размерите и местоположението цифрово.

Можете да управлявате артбордове по много начини. Следното ви показва как да дефинирате и да се възползвате от опциите на монтажната табла. Мисля, че ще ви бъде полезно при организирането и споделянето на проекти.

За да промените размерите на монтажната област в Illustrator или да преместите интерактивно артборд, изпълнете следните стъпки:

1. С инструмента Artboard щракнете веднъж вътре в монтажната област.

2. Плъзнете, за да преместите монтажната област, както е показано.

Как да разположите артбордове в Illustrator CC

Преместване на монтажна област.

3. Щракнете и плъзнете върху странична или ъглова (с квадратна форма) ограничаваща кутия, за да промените размера на монтажната област, както е показано.

Как да разположите артбордове в Illustrator CC

Преоразмеряване на монтажна област.

Можете да промените всяко свойство на монтажната област, като използвате панела Control или Properties:

  • Падащото меню Предварителни настройки осигурява бърз достъп до често използвани размери. Любимата ми функция тук е опцията Fit to Artwork Bounds, която преоразмерява избраната монтажна област, за да се свие по размер до мястото, където просто се побира около всички произведения на изкуството в него. Чрез оразмеряването на монтажната област така, че да пасне точно около съдържанието й, вие избягвате експортирането или отпечатването на празно пространство във вашата графика.
  • Полето Име е най-лесният начин да промените избраното име на монтажна област.
  • Опцията Преместване/Копиране на илюстрация с Artboard е включена по подразбиране, но може да бъде изключена, ако искате да преместите монтажна област, като оставите съдържанието там, където е.
  • Полето Опции на монтажната област отваря диалогов прозорец с опции, които се прилагат към всички избрани монтажни табла в документ. Намирам, че Show Center Mark е полезен при центриране на съдържание в монтажна област. Можете да използвате този диалогов прозорец и за преименуване на няколко избрани монтажни табла с последователно номериране. Например, ако преименувам куп избрани артбордове на DK, в крайна сметка получавам DK-1, DK-2, DK-3 и т.н.
  • Стойността X в контролния панел определя вертикалното местоположение; стойността Y определя хоризонталното местоположение.
  • Стойностите за ширина и височина променят размера на монтажната област. Използвайте иконата за заключване, за да заключите съотношението височина към ширина, докато преоразмерявате.
  • Иконата Rearrange All отваря панел с различни опции за подреждане на вашите артбордове по подреден начин върху платното.

Няколко други основни съвета за артборд:

  • За да скриете всички обекти, които не са в рамките на монтажна област, изберете Изглед –> Изрязване.
  • За да изтриете монтажна област, изберете я с инструмента Artboard и щракнете върху Изтриване.

Използване на монтажни табла за многоизмерен проект

Позволете ми да илюстрирам един основен, но типичен работен процес с няколко артборда: такъв, при който създавате различни версии на една и съща графика, но с различни измерения. Правейки това, споделям някои техники и подходи, които можете да приложите към вашите собствени конкретни нужди.

Да предположим, че имате задача да проектирате реклама, която ще се показва в различни платформи за социални медии и в различни ориентации: квадратна, хоризонтална (пейзажна) и портретна (вертикална). Рекламата трябва да има същото основно съдържание, но да отговаря на следните размери:

  • Квадрат: 1080 пиксела
  • Вертикално: 1080 пиксела ширина и 1350 пиксела височина
  • Хоризонтално: 1200 пиксела на 628 пиксела

Следните стъпки са ефикасен начин за настройка на монтажните табла за този проект:

1. Създайте нов документ с една 1080 px квадратна монтажна област, както е показано .

а. Изберете Файл→Нов и заобиколете диалоговия прозорец Нов документ, като щракнете върху Още настройки. Появява се диалоговият прозорец Още настройки.

б. Наименувайте проекта Реклами.

° С. В падащото меню Профил изберете Уеб.

д. В полето Брой монтажни табла въведете 3.

д. Задайте подредбата на монтажната област на Подреждане по ред (третата икона).

е. В полетата Височина и Ширина въведете 1080. Настройката за единици по подразбиране ще бъде Пиксели, а Цветовият режим на RGB. Тези и други настройки по подразбиране са добре.

g. Щракнете върху Създаване на нов документ.

Как да разположите артбордове в Illustrator CC

Дефиниране на документ с три части.

2. Наименувайте трите монтажни табла Square, Vertical и Horizontal:

а. Ако панелът Artboards не се показва, изберете Window→Arts.

б. Щракнете двукратно върху името на Artboard 1 и въведете Square . По същия начин преименувайте втория монтажен панел Vertical и третия монтажен панел Horizontal .

° С. Изберете View→Fit All In Window, за да видите и трите монтажни табла, както е показано.

Как да разположите артбордове в Illustrator CC

Именуване на монтажни табла.

3. Преоразмерете вертикалните и хоризонталните монтажни табла:

а. В панела Artboard щракнете двукратно върху иконата вдясно от монтажната област с име Vertical. В контролния панел, който се показва, променете височината на 1350 px и щракнете върху OK.

б. По подобен начин променете размерите на хоризонталната монтажна област на 1200 пиксела ширина и 628 пиксела височина.

4. Подредете монтажните табла, за да създадете по-последователен дисплей:

а. Щракнете върху Пренареждане на всички монтажни области в контролния панел. Отваря се диалоговият прозорец Пренареждане на всички монтажни табла.

б. Запазете оформлението Подреждане по ред и настройките за реда на оформлението отляво надясно, които сте дефинирали при създаването на документа. Оставете разстоянието, зададено на 20 пиксела, и оставете Преместване на произведения на изкуството с избрани монтажни табла, както е показано, след което щракнете върху OK.

Тази стъпка запазва основната структура на оформлението на място, но нулира разстоянието между преоразмерените монтажни табла, така че да не се припокриват.

Как да разположите артбордове в Illustrator CC

Подреждане на монтажни табла.

5. Проектирайте рекламата си на една от монтажните табла.

Как да разположите артбордове в Illustrator CC

Проектиране на един артборд.

6. Копирайте първото рекламно съдържание в другите монтажни табла:

а. Използвайте инструмента Selection или Direct Selection, за да изберете цялото съдържание в първата монтажна област, тази със съдържанието.

б. Изберете Редактиране→ Изрязване.

° С. Изберете Редактиране→Поставяне на всички монтажни табла.

Техниката Paste on All Artboards се изплаща, когато работите с десетки или дори стотици артбордове! Разбира се, поставените илюстрации не се вписват правилно в различни по размер монтажни табла. Поправянето на това е последната стъпка.

7. Редактирайте дизайна на хоризонталните и вертикалните монтажни табла, за да пасне съдържанието на квадрата, както е показано.

Как да разположите артбордове в Illustrator CC

Персонализиране на дизайни за различни артбордове.

Какво правите с набор от артбордове? Те се записват автоматично като част от вашия Illustrator документ. След това можете да експортирате един, някои или всички от тях за екран или печат.


Как да приложите прозрачност към SVG

Как да приложите прозрачност към SVG

Научете как да приложите прозрачност към SVG графики в Illustrator. Разгледайте как да извеждате SVG с прозрачен фон и да прилагате ефекти на прозрачност.

Работа с изображения в Adobe XD

Работа с изображения в Adobe XD

След като импортирате изображенията си в Adobe XD, нямате голям контрол за редактиране, но можете да преоразмерявате и завъртате изображенията точно както бихте направили всяка друга форма. Можете също така лесно да закръглите ъглите на импортирано изображение с помощта на ъгловите приспособления. Маскиране на вашите изображения Чрез дефиниране на затворена форма […]

Как да коригирате свойствата на текста в Adobe XD

Как да коригирате свойствата на текста в Adobe XD

Когато имате текст във вашия Adobe XD проект, можете да започнете да променяте свойствата на текста. Тези свойства включват семейство шрифтове, размер на шрифта, тегло на шрифта, подравняване, разстояние между символите (кернинг и проследяване), разстояние между редовете (водещо), запълване, граница (черта), сянка (падаща сянка) и размазване на фона. Така че нека разгледаме как се прилагат тези свойства. Относно четливостта и шрифта […]

Работа с Artboards във Photoshop CC

Работа с Artboards във Photoshop CC

Точно както в Adobe Illustrator, монтажните табла на Photoshop предоставят възможност за изграждане на отделни страници или екрани в рамките на един документ. Това може да бъде особено полезно, ако създавате екрани за мобилно приложение или малка брошура. Можете да мислите за монтажна област като специален тип група слоеве, създадена с помощта на панела Слоеве. Неговото […]

Фигури и многоъгълници в InDesign

Фигури и многоъгълници в InDesign

Много от инструментите, които намирате в панела InDesign Tools, се използват за рисуване на линии и форми на страница, така че имате няколко различни начина за създаване на интересни чертежи за вашите публикации. Можете да създавате всичко от основни форми до сложни чертежи в InDesign, вместо да се налага да използвате програма за рисуване като […]

Обвиване на текст в Adobe Illustrator CC

Обвиване на текст в Adobe Illustrator CC

Опаковането на текст в Adobe Illustrator CC не е същото като опаковането на подарък – по-лесно е! Обвиването на текст принуждава текста да се обвива около графика, както е показано на тази фигура. Тази функция може да добави малко креативност към всяко парче. Графиката принуждава текста да се обвие около нея. Първо, създайте […]

Как да преоразмерите фигури в Illustrator

Как да преоразмерите фигури в Illustrator

Когато проектирате в Adobe Illustrator CC, често се нуждаете от форма с точен размер (например 2 x 3 инча). След като създадете форма, най-добрият начин да я преоразмерите до точни измервания е да използвате панела Transform, показан на тази фигура. Изберете обекта и след това изберете Window→Transform to […]

Как да създадете QR кодове в InDesign CC

Как да създадете QR кодове в InDesign CC

Можете да използвате InDesign за създаване и модифициране на графики с QR код. QR кодовете са форма на баркод, който може да съхранява информация като думи, числа, URL адреси или други форми на данни. Потребителят сканира QR кода, използвайки своята камера и софтуер на устройство, като смартфон, и софтуерът използва […]

Как да накарате нова снимка да изглежда стара във Photoshop CS6

Как да накарате нова снимка да изглежда стара във Photoshop CS6

Може да има момент, когато имате нужда от нова снимка, за да изглеждате стара. Photoshop CS6 ви покрие. Черно-бялата фотография е по-ново явление, отколкото си мислите. Дагеротипите и други ранни снимки често имат кафеникав или синкав оттенък. Можете да създавате свои собствени шедьоври в тон на сепия. Тонизираните снимки могат да създадат […]

Функцията Live Paint в Adobe CS5 Illustrator

Функцията Live Paint в Adobe CS5 Illustrator

Използвайки функцията Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, можете да създадете желаното от вас изображение и да запълните региони с цвят. Кофата на Live Paint автоматично открива региони, съставени от независими пресичащи се пътеки, и ги запълва съответно. Боята в даден регион остава жива и тече автоматично, ако има […]