Jak použít průhlednost na SVG
Naučte se, jak aplikovat průhlednost na grafiku SVG v Illustratoru. Prozkoumejte, jak vytisknout SVG s průhledným pozadím a použít efekty průhlednosti.
V rámci plátna Adobe Illustrator CC jsou kreslicí plátna diskrétní prostory o velikosti, které usnadňují export, sdílení nebo tisk částí plátna. Plátno je plocha Illustratoru prostoru, kde můžete vytvořit grafiku. Plátno je v podstatě vše, co vidíte na obrazovce, kromě rozhraní (jako je nabídka, ovládací panel a další panely).
Artboardy jsou koherentní a diskrétní. Příliš filozofické? Dobře, tady je pointa: Kreslicí plátna dědí a sdílejí mnoho vlastností dokumentu, v němž leží, jako je barevný režim nebo rozlišení rastrových efektů. A to je hezké, protože to znamená, že můžete pracovat na různých grafikách, včetně různě velkých grafik, se sdílenými vlastnostmi.
Můžete mít například projekt, ve kterém navrhujete tiskový plakát, dlaňovou kartu a plastový banner pro událost. Ačkoli se budou lišit velikostí, pravděpodobně budou používat stejnou sadu barev a možná i další funkce, jako jsou symboly.
Nebo můžete použít více kreslicích pláten stejné velikosti k přípravě prototypu mobilní aplikace, která ukazuje různé stavy interakce uživatele. Zde mohou být užitečné desítky kreslicích pláten. Tento projekt má opět společné vlastnosti dokumentu, které platí pro všechna kreslicí plátna, jako je barva RGB a pixely jako měrná jednotka.
Abychom vám pomohli vydělat peníze na kreslicích plátnech, nejprve zopakuji některá základní pravidla pro jejich vytváření a používání. Poté vás provedu dvěma scénáři, které jsem právě identifikoval – tiskový projekt a prototyp aplikace – abych vám pomohl porozumět účinnosti kreslicích pláten a ukázal vám klíčové techniky nasazování kreslicích pláten.
V jednom dokumentu můžete mít 1 až 1 000 kreslicích pláten. Nikdy jsem v projektu nepoužil 1000 artboardů, ale je příjemné vědět, že tam jsou, když je potřebuji. Jak vysvětluji na začátku této kapitoly, můžete nastavit počet kreslicích pláten pro dokument, když jej poprvé vytváříte, ale můžete také přidávat a odebírat kreslicí plátna poté, co začnete na dokumentu pracovat.
Nástroj Artboard je součástí základní sady nástrojů. Kreslicí plátna v dokumentu vytvoříte výběrem nástroje Kreslicí plátno a interaktivním kreslením na plátno, jak je znázorněno na obrázku.
Kreslení uměleckého plátna.
Nebo můžete kreslicí plátno vygenerovat kliknutím na ikonu Nové kreslicí plátno v podokně Kreslicí plátno nebo na panelu Ovládací (nebo Vlastnosti). Otevře se zde zobrazené dialogové okno Možnosti kreslicího plátna.
Generování kreslicího plátna pomocí dialogu Možnosti kreslicího plátna.
Generování kreslicího plátna vám umožňuje pojmenovat kreslicí plátno při jeho vytváření spolu s digitálním definováním rozměrů a umístění.
Artboardy můžete spravovat mnoha způsoby. Následující text vám ukáže, jak definovat a využívat možnosti kreslicího plátna, o kterých si myslím, že se vám budou hodit při organizování a sdílení projektů.
Chcete-li změnit velikosti kreslicího plátna v Illustratoru nebo kreslicí plátno interaktivně přesunout, postupujte takto:
1. Pomocí nástroje Kreslicí plátno klikněte jednou dovnitř kreslicího plátna.
2. Tažením přesuňte kreslicí plátno, jak je znázorněno.
Přesouvání kreslicího plátna.
3. Kliknutím a tažením na boční nebo rohový (čtvercový) ohraničovací rámeček změňte velikost kreslicího plátna, jak je znázorněno.
Změna velikosti kreslicího plátna.
Libovolnou vlastnost kreslicího plátna můžete změnit pomocí ovládacího panelu nebo panelu Vlastnosti:
Několik dalších základních tipů pro kreslicí plátno:
Dovolte mi ilustrovat základní, ale typický pracovní postup s více kreslicími plátny: takový, kde vytváříte různé verze stejné grafiky, ale s různými rozměry. Při tom sdílím některé techniky a přístupy, které můžete použít pro své vlastní konkrétní potřeby.
Předpokládejme, že máte za úkol navrhnout reklamu, která se bude zobrazovat na různých platformách sociálních médií a v různých orientacích: čtvercová, horizontální (na šířku) a na výšku (vertikální). Reklama musí mít stejný základní obsah, ale musí odpovídat následujícím specifikacím velikosti:
Následující kroky představují efektivní způsob, jak nastavit kreslicí plátna pro tento projekt:
1. Vytvořte nový dokument s jedním čtvercovým kreslicím plátnem o velikosti 1080 px, jak je znázorněno .
A. Vyberte Soubor→Nový a přeskočte dialogové okno Nový dokument kliknutím na Další nastavení. Zobrazí se dialogové okno Další nastavení.
b. Název projektu Reklamy.
C. V rozevíracím seznamu Profil vyberte možnost Web.
d. Do pole Počet kreslicích pláten zadejte 3.
E. Nastavte uspořádání kreslicího plátna na Uspořádat podle řádku (třetí ikona).
F. Do polí Výška a Šířka zadejte 1080. Výchozí nastavení Jednotky budou Pixely a Režim barev na RGB. Tyto a další výchozí hodnoty jsou v pořádku.
g. Klepněte na Vytvořit nový dokument.
Definování dokumentu se třemi kreslicími plátny.
2. Pojmenujte tři kreslicí plátna Čtvercová, Svislá a Vodorovná:
A. Pokud se panel Kreslicí plátna nezobrazuje, zvolte Okno→ Kreslicí plátna.
b. Poklepejte na název Artboard 1 a zadejte Square . Stejným způsobem přejmenujte druhé kreslicí plátno Vertikální a třetí kreslicí plátno Horizontální .
C. Chcete-li zobrazit všechna tři kreslicí plátna, jak je znázorněno, zvolte Zobrazit→ Přizpůsobit vše do okna.
Pojmenování artboardů.
3. Změňte velikost vertikálních a horizontálních kreslicích pláten:
A. Na panelu Kreslicí plátno poklepejte na ikonu napravo od kreslicího plátna s názvem Vertikální. V ovládacím panelu, který se zobrazí, změňte výšku na 1350 px a klikněte na OK.
b. Podobným způsobem změňte rozměry horizontální kreslicí plochy na šířku 1200 pixelů a výšku 628 pixelů.
4. Uspořádejte kreslicí plátna tak, abyste vytvořili koherentnější zobrazení:
A. Klikněte na Přeuspořádat všechna kreslicí plátna na ovládacím panelu. Otevře se dialogové okno Přeuspořádat všechna kreslicí plátna.
b. Zachovejte nastavení Uspořádat podle řádku a Pořadí rozvržení zleva doprava, které jste definovali při vytváření dokumentu. Nechte rozestupy nastavené na 20 pixelů a ponechte vybranou možnost Přesunout kresbu s kreslicími plátny, jak je znázorněno, a klepněte na OK.
Tento krok zachová základní strukturu rozvržení na místě, ale obnoví mezery mezi kreslicími plátny se změněnou velikostí, aby se nepřekrývala.
Aranžování uměleckých pláten.
5. Navrhněte svou reklamu na jednom z kreslicích pláten.
Navrhování jednoho uměleckého plátna.
6. Zkopírujte obsah první reklamy na ostatní kreslicí plátna:
A. Pomocí nástroje pro výběr nebo přímý výběr vyberte veškerý obsah na prvním kreslicím plátně, na tom s obsahem.
b. Vyberte Upravit → Vyjmout.
C. Vyberte Upravit → Vložit na všechna kreslicí plátna.
Technika Vložit na všechna kreslicí plátna se vyplatí, když pracujete s desítkami nebo dokonce stovkami kreslicích pláten! Vložená kresba se samozřejmě správně nevejde na různě velká kreslicí plátna. Oprava je posledním krokem.
7. Upravte design vodorovných a svislých kreslicích pláten, aby se obsah čtverce vešel, jak je znázorněno.
Přizpůsobení návrhů pro různá umělecká plátna.
Co děláte se sadou artboardů? Automaticky se uloží jako součást vašeho dokumentu aplikace Illustrator. Poté můžete jeden, některé nebo všechny exportovat pro výstup na obrazovku nebo tisk.
Naučte se, jak aplikovat průhlednost na grafiku SVG v Illustratoru. Prozkoumejte, jak vytisknout SVG s průhledným pozadím a použít efekty průhlednosti.
Po importu obrázků do Adobe XD nemáte velkou kontrolu nad úpravami, ale můžete měnit velikost a otáčet obrázky stejně jako jakýkoli jiný tvar. Rohy importovaného obrázku můžete také snadno zaoblit pomocí rohových widgetů. Maskování obrázků Definováním uzavřeného tvaru […]
Když máte v projektu Adobe XD text, můžete začít měnit vlastnosti textu. Mezi tyto vlastnosti patří rodina písem, velikost písma, tloušťka písma, zarovnání, mezera mezi znaky (vyrovnání párů a sledování), řádkování (proklad), výplň, ohraničení (tah), stín (vržený stín) a rozostření pozadí. Pojďme se tedy podívat, jak jsou tyto vlastnosti aplikovány. O čitelnosti a písmu […]
Stejně jako v Adobe Illustratoru poskytují kreslicí plátna Photoshopu možnost vytvářet samostatné stránky nebo obrazovky v rámci jednoho dokumentu. To může být zvláště užitečné, pokud vytváříte obrazovky pro mobilní aplikaci nebo malou brožuru. Kreslicí plátno si můžete představit jako zvláštní typ skupiny vrstev vytvořené pomocí panelu Vrstvy. Své […]
Mnoho nástrojů, které najdete na panelu Nástroje InDesignu, se používá pro kreslení čar a tvarů na stránku, takže máte několik různých způsobů, jak vytvářet zajímavé kresby pro vaše publikace. V InDesignu můžete vytvářet cokoli od základních tvarů po složité kresby, místo abyste museli používat kreslicí program, jako je […]
Zabalení textu v aplikaci Adobe Illustrator CC není úplně stejné jako zabalení dárku – je to jednodušší! Obtékání textu vynutí obtékání textu kolem grafiky, jak je znázorněno na tomto obrázku. Tato funkce může přidat trochu kreativity do každého kusu. Grafika nutí text, aby se kolem ní obtékal. Nejprve vytvořte […]
Při navrhování v aplikaci Adobe Illustrator CC často potřebujete, aby tvar měl přesnou velikost (například 2 x 3 palce). Po vytvoření tvaru je nejlepším způsobem, jak změnit jeho velikost na přesné rozměry, pomocí panelu Transformace, který je znázorněn na tomto obrázku. Nechte si vybrat objekt a poté zvolte Okno→Transformovat na […]
InDesign můžete použít k vytváření a úpravě grafiky kódu QR. QR kódy jsou formou čárového kódu, který může ukládat informace, jako jsou slova, čísla, adresy URL nebo jiné formy dat. Uživatelka naskenuje QR kód pomocí svého fotoaparátu a softwaru na zařízení, jako je chytrý telefon, a software využívá […]
Může nastat chvíle, kdy budete potřebovat novou fotku, aby vypadala staře. Photoshop CS6 vám pomůže. Černobílá fotografie je novější fenomén, než byste si mysleli. Daguerrotypie a další rané fotografie měly často nahnědlý nebo namodralý odstín. Můžete si vytvořit vlastní mistrovská díla v sépiovém odstínu. Tónované obrázky mohou vytvářet […]
Pomocí funkce Živé malování v Adobe Creative Suite 5 (Adobe CS5) Illustrator můžete vytvořit požadovaný obrázek a vyplnit oblasti barvou. Kbelík živé malby automaticky detekuje oblasti složené z nezávislých protínajících se cest a podle toho je vyplní. Barva v dané oblasti zůstává živá a teče automaticky, pokud existuje […]