Как да приложите прозрачност към SVG
Научете как да приложите прозрачност към SVG графики в Illustrator. Разгледайте как да извеждате SVG с прозрачен фон и да прилагате ефекти на прозрачност.
В рамките на платното на Adobe Illustrator CC монтажните табла са дискретни пространства с размери, които улесняват експортирането, споделянето или отпечатването на секции от платното. На платното е областта на Illustrator работното пространство, където можете да създадете графика. Платното е основно всичко, което виждате на екрана, с изключение на интерфейса (като менюто, контролния панел и други панели).
Артбордовете са както последователни, така и дискретни. Твърде философски? Добре, тук е въпросът: Artboards наследяват и споделят много свойства на документа, в който се намират, като цветен режим или разделителна способност на растерния ефект. И това е хубаво, защото означава, че можете да работите върху различни графики, включително графики с различен размер, със споделени свойства.
Например, може да имате проект, в който проектирате печатен плакат, палмова карта и пластмасов банер за събитие. Въпреки че те ще бъдат различни по размер, те вероятно ще използват същия набор от цветове и може би други функции като символи.
Или можете да използвате множество монтажни табла с един и същи размер, за да подготвите прототип на мобилно приложение, което показва различни състояния на потребителско взаимодействие. Тук десетки артбордове може да са полезни. Отново този проект има общи свойства на документа, които се прилагат за всички монтажни табла, като RGB цвят и пиксели като мерна единица.
За да ви помогна да извлечете парите си от артбордове, първо прегледам някои основни правила за създаването и използването им. След това ви превеждам през двата сценария, които току-що идентифицирах — проект за печат и прототип на приложение — за да ви помогна да разберете ефикасността на монтажните табла и да ви изложа на ключови техники за разполагане на монтажни табла.
Можете да имате от 1 до 1000 монтажни табла на документ. Никога не съм използвал 1000 артборда в проект, но е хубаво да знам, че са там, ако имам нужда от тях. Както обясних в началото на тази глава, можете да зададете броя на монтажните табла за документ, когато го създадете за първи път, но можете също да добавяте и премахвате монтажни табла, след като започнете работа по документ.
Инструментът Artboard е част от основния набор от инструменти. Създавате монтажни табла в документ, като изберете инструмента Artboard и рисувате интерактивно върху платното, както е показано.
Рисуване на арт табло.
Или можете да генерирате монтажна област, като щракнете върху иконата New Artboard в панела Artboard или панела Control (или Properties). Отваря се диалоговият прозорец Опции на Artboard, показан тук.
Генериране на монтажна област с диалоговия прозорец Опции за монтажна област.
Генерирането на монтажна област ви позволява да наименувате монтажната област, докато я създавате, заедно с дефинирането на размерите и местоположението цифрово.
Можете да управлявате артбордове по много начини. Следното ви показва как да дефинирате и да се възползвате от опциите на монтажната табла. Мисля, че ще ви бъде полезно при организирането и споделянето на проекти.
За да промените размерите на монтажната област в Illustrator или да преместите интерактивно артборд, изпълнете следните стъпки:
1. С инструмента Artboard щракнете веднъж вътре в монтажната област.
2. Плъзнете, за да преместите монтажната област, както е показано.
Преместване на монтажна област.
3. Щракнете и плъзнете върху странична или ъглова (с квадратна форма) ограничаваща кутия, за да промените размера на монтажната област, както е показано.
Преоразмеряване на монтажна област.
Можете да промените всяко свойство на монтажната област, като използвате панела Control или Properties:
Няколко други основни съвета за артборд:
Позволете ми да илюстрирам един основен, но типичен работен процес с няколко артборда: такъв, при който създавате различни версии на една и съща графика, но с различни измерения. Правейки това, споделям някои техники и подходи, които можете да приложите към вашите собствени конкретни нужди.
Да предположим, че имате задача да проектирате реклама, която ще се показва в различни платформи за социални медии и в различни ориентации: квадратна, хоризонтална (пейзажна) и портретна (вертикална). Рекламата трябва да има същото основно съдържание, но да отговаря на следните размери:
Следните стъпки са ефикасен начин за настройка на монтажните табла за този проект:
1. Създайте нов документ с една 1080 px квадратна монтажна област, както е показано .
а. Изберете Файл→Нов и заобиколете диалоговия прозорец Нов документ, като щракнете върху Още настройки. Появява се диалоговият прозорец Още настройки.
б. Наименувайте проекта Реклами.
° С. В падащото меню Профил изберете Уеб.
д. В полето Брой монтажни табла въведете 3.
д. Задайте подредбата на монтажната област на Подреждане по ред (третата икона).
е. В полетата Височина и Ширина въведете 1080. Настройката за единици по подразбиране ще бъде Пиксели, а Цветовият режим на RGB. Тези и други настройки по подразбиране са добре.
g. Щракнете върху Създаване на нов документ.
Дефиниране на документ с три части.
2. Наименувайте трите монтажни табла Square, Vertical и Horizontal:
а. Ако панелът Artboards не се показва, изберете Window→Arts.
б. Щракнете двукратно върху името на Artboard 1 и въведете Square . По същия начин преименувайте втория монтажен панел Vertical и третия монтажен панел Horizontal .
° С. Изберете View→Fit All In Window, за да видите и трите монтажни табла, както е показано.
Именуване на монтажни табла.
3. Преоразмерете вертикалните и хоризонталните монтажни табла:
а. В панела Artboard щракнете двукратно върху иконата вдясно от монтажната област с име Vertical. В контролния панел, който се показва, променете височината на 1350 px и щракнете върху OK.
б. По подобен начин променете размерите на хоризонталната монтажна област на 1200 пиксела ширина и 628 пиксела височина.
4. Подредете монтажните табла, за да създадете по-последователен дисплей:
а. Щракнете върху Пренареждане на всички монтажни области в контролния панел. Отваря се диалоговият прозорец Пренареждане на всички монтажни табла.
б. Запазете оформлението Подреждане по ред и настройките за реда на оформлението отляво надясно, които сте дефинирали при създаването на документа. Оставете разстоянието, зададено на 20 пиксела, и оставете Преместване на произведения на изкуството с избрани монтажни табла, както е показано, след което щракнете върху OK.
Тази стъпка запазва основната структура на оформлението на място, но нулира разстоянието между преоразмерените монтажни табла, така че да не се припокриват.
Подреждане на монтажни табла.
5. Проектирайте рекламата си на една от монтажните табла.
Проектиране на един артборд.
6. Копирайте първото рекламно съдържание в другите монтажни табла:
а. Използвайте инструмента Selection или Direct Selection, за да изберете цялото съдържание в първата монтажна област, тази със съдържанието.
б. Изберете Редактиране→ Изрязване.
° С. Изберете Редактиране→Поставяне на всички монтажни табла.
Техниката Paste on All Artboards се изплаща, когато работите с десетки или дори стотици артбордове! Разбира се, поставените илюстрации не се вписват правилно в различни по размер монтажни табла. Поправянето на това е последната стъпка.
7. Редактирайте дизайна на хоризонталните и вертикалните монтажни табла, за да пасне съдържанието на квадрата, както е показано.
Персонализиране на дизайни за различни артбордове.
Какво правите с набор от артбордове? Те се записват автоматично като част от вашия Illustrator документ. След това можете да експортирате един, някои или всички от тях за екран или печат.
Научете как да приложите прозрачност към SVG графики в Illustrator. Разгледайте как да извеждате SVG с прозрачен фон и да прилагате ефекти на прозрачност.
След като импортирате изображенията си в Adobe XD, нямате голям контрол за редактиране, но можете да преоразмерявате и завъртате изображенията точно както бихте направили всяка друга форма. Можете също така лесно да закръглите ъглите на импортирано изображение с помощта на ъгловите приспособления. Маскиране на вашите изображения Чрез дефиниране на затворена форма […]
Когато имате текст във вашия Adobe XD проект, можете да започнете да променяте свойствата на текста. Тези свойства включват семейство шрифтове, размер на шрифта, тегло на шрифта, подравняване, разстояние между символите (кернинг и проследяване), разстояние между редовете (водещо), запълване, граница (черта), сянка (падаща сянка) и размазване на фона. Така че нека разгледаме как се прилагат тези свойства. Относно четливостта и шрифта […]
Точно както в Adobe Illustrator, монтажните табла на Photoshop предоставят възможност за изграждане на отделни страници или екрани в рамките на един документ. Това може да бъде особено полезно, ако създавате екрани за мобилно приложение или малка брошура. Можете да мислите за монтажна област като специален тип група слоеве, създадена с помощта на панела Слоеве. Неговото […]
Много от инструментите, които намирате в панела InDesign Tools, се използват за рисуване на линии и форми на страница, така че имате няколко различни начина за създаване на интересни чертежи за вашите публикации. Можете да създавате всичко от основни форми до сложни чертежи в InDesign, вместо да се налага да използвате програма за рисуване като […]
Опаковането на текст в Adobe Illustrator CC не е същото като опаковането на подарък – по-лесно е! Обвиването на текст принуждава текста да се обвива около графика, както е показано на тази фигура. Тази функция може да добави малко креативност към всяко парче. Графиката принуждава текста да се обвие около нея. Първо, създайте […]
Когато проектирате в Adobe Illustrator CC, често се нуждаете от форма с точен размер (например 2 x 3 инча). След като създадете форма, най-добрият начин да я преоразмерите до точни измервания е да използвате панела Transform, показан на тази фигура. Изберете обекта и след това изберете Window→Transform to […]
Можете да използвате InDesign за създаване и модифициране на графики с QR код. QR кодовете са форма на баркод, който може да съхранява информация като думи, числа, URL адреси или други форми на данни. Потребителят сканира QR кода, използвайки своята камера и софтуер на устройство, като смартфон, и софтуерът използва […]
Може да има момент, когато имате нужда от нова снимка, за да изглеждате стара. Photoshop CS6 ви покрие. Черно-бялата фотография е по-ново явление, отколкото си мислите. Дагеротипите и други ранни снимки често имат кафеникав или синкав оттенък. Можете да създавате свои собствени шедьоври в тон на сепия. Тонизираните снимки могат да създадат […]
Използвайки функцията Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, можете да създадете желаното от вас изображение и да запълните региони с цвят. Кофата на Live Paint автоматично открива региони, съставени от независими пресичащи се пътеки, и ги запълва съответно. Боята в даден регион остава жива и тече автоматично, ако има […]