Programy pro kreslení diagramů – Blog programátora

Otázka softwaru, který používám ke kreslení grafiky na webu, byla vznesena mnohokrát. A je to tady znovu. Existuje několik programů a jedním z hlavních kritérií byl kdysi multiplatformní. Hodně jsem používal Linux, ale občas jsem byl na Windows a chtěl jsem mít možnost vyladit diagram. Chtěl jsem mít minimální sadu programů, abych si nezacpal hlavu zbytečnými detaily.

Editor UML

Nejprve jsem tedy potřeboval jeden zdarma Analogové aplikace Visio pro kreslení UML diagramů. Nejlepší věc, kterou jsem našel, byl StarUML, mohu vám říci, že je pohodlnější než Visio. Nyní to na Linuxu funguje dobře (dříve to nefungovalo). Mimochodem, není to zadarmo. Zkoušel jsem i UMLet, ArgoUML a spoustu dalších věcí. Žádný program neumí kreslit sekvenční diagramy. Byly programy, které se zhroutily (přišly o veškerou práci). V jiných je to možné, ale je to velmi obtížné. Navíc je v nich stále možné nakreslit něco jednoduchého, například něco takového: Ale pokud je potřeba něco trochu složitějšího, pak se proces kreslení změní v mučení. Můžete tam vidět příklady. Potíže nastanou s následujícím:

• Blok ref je odkazem na jiný precedens. Používá se také k popisu předpokladů. Zde je připojen k záchranné lince pouze jednoho objektu, ale může být připojen k několika. Ne každý výše uvedený software to dokáže, ale pokud ano, budete vyčerpaní jeho tažením po záchranném laně.
• Předměty různých tvarů a barev. Ukazuje se, že standard poskytuje speciální symboly pro prvky rozhraní a entity. Je to velmi pohodlné. A barva se používá různými způsoby Já používám červenou ke zvýraznění objektů souvisejících se zpracováním chyb, ale viděl jsem práci obchodních analytiků, kde se barvy používají jiným způsobem.
• Nejproblematičtějšími bloky jsou alt , par a smyčka pro větvení, paralelní akce a smyčky. Nejen, že jsou umístěny nad několika záchrannými čarami, ale mají také specifické podpisy, zprávy jsou předávány uvnitř nich a bloky alt a par obsahují také sekce. Jeden blok může být vnořen do druhého, například pro ukázku, že smyčka (alt blok) bude provedena v určitém vláknu (v bloku par).
• Na linii života bych chtěl znázornit obdélník – dobu, po kterou je předmět v zásobníku. A spoustu dalších věcí. Objekty nemusí být vytvořeny okamžitě a nesmí být na konci zničeny. Zprávy mohou přicházet „zvenčí“ (nalezené zprávy) a mohou být odeslány nikam (ztracené zprávy). Často je vhodné psát komentáře poblíž diagramu.

To vše poskytuje standard, ale editory určené pro uživatele k vytvoření diagramu přetažením něčeho myší si s úlohami neporadí. Jediným rozumným řešením je plantuml. Obecně se jedná o web, kam můžete zadat diagram (jakýkoli UML a nejenom) ve formě textu a na základě toho vám vytvoří obrázek. Funguje perfektně, ale pomalu (kvůli webu), někdy se nenačte (protože víte proč). Existuje řešení – můžete si stáhnout soubor jar z jejich webu, nainstalovat JVM a snadno generovat diagramy na vašem počítači. Existují také prostředí, která vám nabízejí rozhraní v okně (takže nemusíte zadávat příkazy do konzole). Mimochodem, jedno takové prostředí píšeme také, ale ne jen tak, ale s blackjackem. Dám vám vědět, až to bude hotové.

Jednoduchý editor diagramů

Někdy potřebujete nakreslit obrázek, který není UML. Ve velmi vzácných případech k tomu používám LibreOffice Draw – když potřebuji něco velmi specifického. Program je nepohodlný, složitý, nepříjemný, ale nakreslíte v něm všechno. Dříve jsem ke stejnému účelu používal Macromedia Flash, ale přestal se vyvíjet a pod Linuxem nefunguje. Také v něm můžete kreslit naprosto cokoliv, dokonce i animace. Není však praktické v něm kreslit UML, velmi rychle se unaví.

Na všechno ostatní používám yEd Graph Editor. Tento konkrétní program a ne zbytek jejich zbytečného softwaru. Ve webové verzi je něco zbytečného, ​​jsou tam nějaké placené programy. Ale originál yEd je krásný. Byly s ním nakresleny například tyto obrázky:

yEd nemůže správně zobrazit text. Je obtížné jednoduše zobrazit textový podpis, vytvoříte nějaký druh průhledného obdélníku s textem. S vrstvami to nefunguje dobře. Pokud něco dáte do vrstev, bude velmi obtížné se dostat na dno. Seskupování objektů je špatně implementováno (v Macromedia Flash bylo perfektní), se skupinami se špatně pracuje a hned po vytvoření skupiny se kolem objektů vytvoří velmi specifický rámeček. yEd neumí formátovat text, pracovat s fonty atd. Dává to smysl, vznikl jako grafický editor. Možná to jejich placený software dokáže, nezkontroloval jsem. Pokud potřebuji na výkresu zobrazit kus kódu programu, použiji LibreOffice Draw.

Vytváření animace snímek po snímku

V poslední době se mi na blogu objevilo hodně animací. Všechny jsou krok za krokem, to znamená, že ukazují vývoj nějakého procesu, ilustrují změny v systému na každém kroku. Něco takového:

To vše je také nakresleno v yEd, snímek po snímku. Abych zobrazil textový popis algoritmu, převedl jsem jej na obrázek. Pro zvýraznění aktuálního kroku algoritmu jsem nakreslil obdélník s průhledným pozadím a červeným rámečkem. Kreslím rámečky a ukládám je jako soubory png. K vytvoření animace z jednotlivých snímků jsem nejprve použil utilitu ImageMagick, něco takového:

convert -delay 200 -loop 0 *.png animace.gif

Pokud však provozujete blog, pak je optimalizace obrázků, jako jsem to dělal dříve v ImageMagick, příliš obtížná. K tomu je lepší nainstalovat pohodlný plugin, který automaticky optimalizuje vše, co si stáhnete. To je správná cesta, protože když nahrajete svůj obrázek na stránku, změní se na několik (miniatura, mobilní miniatura atd.) – také je třeba je optimalizovat. Teď to dělám ručně jen kvůli animaci.

Vytvořte animaci snímek po snímku se zachycením obrazovky

K tomu používám vynikající utilitu movavi. Funguje i na Linuxu. Umožňuje nejen zachytit část obrazovky, ale také zpracovat obraz. Dokud jsem se o tom nedozvěděl, pod Linuxem jsem velmi trpěl. A můžete také zobrazit libovolné kruhy, hvězdy a dokonce i text přes film ve správných okamžicích, jako v tomto filmu:

V dolní části je standardním způsobem zobrazen text a klikání uživatele myší je doprovázeno vizuálními efekty.

Závěr

Zdá se, že všechno. Ve skutečnosti všechny tyto movavi, yEd a ezgif byly dříve snadno nahrazeny Flashem, ale z nějakého důvodu to společnost Adobe koupila a všechno rozbila. Vše, co bylo potřeba, bylo přenést jej na Linux. Doufám, že jejich vedení je přiměje používat ImageMagick v pekle.

Pokud kreslíte grafiku pro vědecké články, učební pomůcky, blogy nebo jednoduše dokumentujete kód pomocí jiných programů, určitě se podělte o své zkušenosti v komentářích. Nechcete později skončit vedle správy Adobe :).

V digitální éře mnoho ilustrátorů dává přednost digitální kresbě před analogovou – může napodobovat tradiční techniky nebo být důrazně technologická. K vytvoření digitální kresby ilustrátoři studují a používají speciální grafické editory.

V tomto článku analyzujeme nejoblíbenější z nich a také vám pomůžeme orientovat se v různých profesionálních programech.

Přihlaste se k odběru telegramových kanálů BBE, abyste se jako první dozvěděli o nových školních materiálech – článcích, výběrech a průvodcích!

Jaký software existuje pro digitální kreslení?

Chcete-li se pohybovat v různých programech, vyberte typ digitálních obrázků, které chcete vytvořit. Digitální grafika se dělí na rastrovou, vektorovou a 3D – každý typ má své možnosti, omezení a oblasti použití.

Rastrová grafika se skládá z mnoha pixelů a je nejvhodnější pro kreslení realistických obrázků se spoustou detailů. Při zvětšení však takové obrázky ostře ztrácejí kvalitu – je to všechno o pixelech, které nesnesou změnu měřítka.

Vektorová grafika tuto nevýhodu nemá, protože se skládá z matematických vzorců. Vektor se často používá pro minimalistické kresby – vytvoření detailních prací ve vektoru vyžaduje více úsilí než v rastru.

3D grafika jsou trojrozměrné obrázky vytvořené ze speciálních tvarů. Ve 3D můžete kreslit jednotlivé objekty, postavy a vytvářet celé vesmíry v požadované estetice. Velkolepé XNUMXD vizuální prvky jsou běžné v médiích, reklamě, kinech a vývoji her.

Poté, co jsme se rozhodli pro typ grafiky, zvažte 10 nejlepších kreslicích programů.

Adobe Photoshop, Procreate

Adobe Illustrator, Adobe Photoshop, Figma, CorelDRAW, Affinity Designer, Linearity Curve

Blender, Autodesk 3ds Max, Cinema 4D

Programy pro kreslení v rastru

Adobe Photoshop

Populární grafický editor je určen především pro rastrové obrázky. Pracovní plocha je digitální vrstva a obrázky se kreslí virtuálními štětci a tužkami. Můžete vytvářet vlastní nástroje, ovládat průhlednost a hladkost čar, míchat barvy a vyplňovat prvky kreslení – program otevírá spoustu možností pro kreativitu.

Většina vrstev Adobe Photoshopu je vytvořena z pixelů, i když software umožňuje několik výjimek: jeho textové a tvarové vrstvy jsou tvořeny cestami, a proto jsou považovány za vektorové vrstvy. Pro práci s nimi má program nástroje jako „Pero“, které tvoří obrysy, a také „Obdélník“ a „Mnohoúhelník“, které vám umožňují vytvářet tvary.

Software je vhodný pro počítače a tablety iPad, je placený a je neustále aktualizován. Například nyní obsahuje vestavěného asistenta umělé inteligence pro generování obrázků a přidávání, rozšiřování nebo odebírání obsahu obrázků pomocí textových výzev.

Prvních 30 dní je zdarma. Další – 20.99 $ ze zahraniční karty.

Plodit

Aplikace Procreate je dostupná pouze pro uživatele iPadu a iPhonu za poplatek. Mobilita tabletu a telefonu přibližuje kreslení v Procreate analogu. Digitální bonusy zahrnují schopnost vrátit zpět své akce, rychleji vytvářet a měnit měřítko obrazu jediným pohybem ruky. Pro práci na tabletu a telefonu budete potřebovat stylus – plastovou nebo kovovou tyč se speciální špičkou.

Stejně jako Adobe Photoshop i Procreate organizuje a ukládá vaši práci ve formátu galerie, což vám umožňuje importovat soubory z jiných zařízení a vytvářet vlastní nástroje. Samotný program má již více než 200 štětců s různými texturami a knihovnu efektů pro umělecké manipulace a nedávno se objevil asistent pro animaci obrázků. V nastavení můžete ovládat způsoby a rychlost přehrávání animací, ale pro přidání zvuku budete muset použít externí programy.

Všechny funkce – 999 rublů.

Programy pro vektorové kreslení

Adobe Illustrator

Adobe Illustrator jako přední vektorový program nabízí promyšlené a rozmanité nástroje: sady digitálních štětců pro kreslení od ruky, jednoduché a rychlé nástroje pro vytváření geometrických tvarů, sbírku písem, paletu s barevnými efekty a cloudovou knihovnu, kde můžete sbírat a uložte všechna aktiva projektu.

To, co program odlišuje od ostatních, je jeho přehledné uživatelské rozhraní a možnost přizpůsobení pracovního prostoru. Adobe Illustrator má také mobilní aplikaci Adobe Illustrator Draw, což je možnost pro kreslení na cestách a rychlé zachycení nápadů.

Prvních 30 dní je zdarma. Další – 20.99 $ ze zahraniční karty.

Obr

Webová aplikace s širokou funkcionalitou: Figmu lze použít pro ilustraci, vývoj webových stránek a rozhraní mobilních aplikací, tvorbu log a grafický design. Na rozdíl od jiných programů je Figma vhodná pro online spolupráci, zjednodušuje schvalovací proces a provádí úpravy.

Figma má nástroje Shape, Text a Pen a Pencil, které jsou dostatečné pro kreslení jednoduché vektorové grafiky. Pro rozšíření funkčnosti můžete připojit speciální pluginy: například Vectary 3D udělá z dvourozměrné grafiky trojrozměrnou a Figmotion ji rozpohybuje.

Základní funkce jsou zdarma. Tarif s neomezeným počtem souborů – 12 USD ze zahraniční karty.

CorelDRAW

Software CorelDRAW zahrnuje sadu CorelDRAW Graphics Suite, CorelDRAW Standard 2021 a CorelDRAW Essentials 2021. CorelDRAW Graphics Suite je nejkomplexnější sada nástrojů pro vektorové ilustrace, úpravy fotografií a typografii. Je to také jediná verze kompatibilní s Mac – ostatní fungují pouze na Windows.

Funkčnost CorelDRAW Standard 2021 je omezenější, ale pro kreslení vektorů, vytváření koláží a materiálů pro rozvržení to stačí. Toto je verze s nejmenší sadou nástrojů a bude užitečná pro ty, kteří používají grafické editory situačně a pro základní operace.

Všechny funkce: CorelDRAW Graphics Suite – 439 USD, CorelDRAW Standard 2021 – 419 USD, CorelDRAW Essentials 2021 – 155 USD.

Affinity Designer

Další kvalitní a multifunkční alternativa pro tvorbu ilustrací. Aplikace je zaměřena na práci ve vektoru, ale rozšíření Pixel Persona umožňuje pracovat v rastru. Affinity Designer poskytuje velkorysý výběr štětců a také vám umožňuje ovládat nuance obrazu, jako jsou maskování vrstev, režimy prolnutí a barevné profily.

Mobilní aplikace Affinity Designer funguje pouze na iPadu, ale verze pro počítače je kompatibilní s Mac i Windows.

Všechny funkce – 19.99 $.

Křivka linearity

Aplikace vektorové grafiky pro Mac, iPhone a iPad. Snadno se integruje do ekosystému Apple a má intuitivní rozhraní. Aplikace nabízí klasické nástroje pro vytváření tvarů, šablony grafického designu a asistenta AI.

Všechny soubory, se kterými pracujete, se ukládají do Linearity Cloud. Je to také dobrý program pro spolupráci – umožňuje více uživatelům pracovat na projektu současně.

Základní tarif je zdarma. Pokročilý plán – 10 $ při platbě měsíčně.

3D kreslící programy

Mixér

Jedná se o bezplatný a otevřený 3D balíček s nástroji pro modelování, sochařství, animaci, úpravy a vykreslování. Blender má dva hlavní režimy kreslení: Grease Pencil, známý také jako skicovací tužka, umožňuje pohodlně vytvářet práce v trojrozměrném prostoru a Annotate, tedy volné kreslení, je určen pro skicování a poznámky. Kromě nástrojů pro malování má Blender vestavěné nástroje pro jednoduchou 2D grafiku a malování textur.

Všechny funkce jsou k dispozici zdarma.

Autodesk 3ds Max

Program se používá k navrhování postav, prostředí a herních prostředků v herním průmyslu, stejně jako k vytváření vizuálních speciálních efektů a všech druhů komerční grafiky. Software je skvělý pro práci s fotorealistickými obrázky, mistrně napodobuje přírodní textury a materiály a také zahrnuje všechny důležité fáze pipeline – od předběžné vizualizace a modelování až po texturování, rigging a rendering.

Profesionální software – 235 $ měsíčně, 1875 XNUMX $ ročně.

Kino 4D

Další software pro kreslení, 3D modelování, pohyblivou grafiku a digitální umění. Ve srovnání s Autodesk 3ds Max je rozhraní Cinema 4D jednodušší a intuitivnější. Pokud hledáte jednoduché 3D modely a animace, Cinema 4D je skvělá volba. Program se také snadno synchronizuje s After Effects a SketchUp.

Všechny funkce jsou 149 $, pokud se platí měsíčně, a 999 $, pokud se platí ročně.

Jak si vybrat

Při výběru kreslicího programu byste se měli řídit typem grafiky a úkoly, které chcete řešit. Dalšími důležitými kritérii mohou být možnosti a použitelnost rozhraní, stejně jako jeho cena, kompatibilita s jinými programy a výkon vašich zařízení.

Pro hodnocení softwaru můžete využít bezplatnou zkušební dobu, prostudovat si práci ilustrátorů, kteří svá díla tvoří v editoru, který vás zajímá, a sledovat výukové programy na dané téma. Lze je snadno najít na oficiálních stránkách Adobe a na specializovaných kanálech YouTube.

Chcete-li se dozvědět více o programu Illustrator, zanechte žádost o konzultaci

Editor kategorií Illustrator a Interior Designer