abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
včera 15:44 | Nová verze

Byla vydána verze 2.4 svobodného nelineárního video editoru Flowblade (GitHub, Wikipedie). Přehled novinek v poznámkách k vydání. Zdůraznit lze přechod na Python 3.

Ladislav Hagara | Komentářů: 0
včera 07:00 | Nová verze

Vyšel toolkit Qt verze 5.14. Změny se týkají především Qt Quick, jeho odstínění od konkrétních nízkoúrovňových grafických API a zlepšení výkonu zvláště ve 3D. Začíná tím proces postupných příprav na Qt 6. Příští vydání (5.15) bude s dlouhodobou podporou. Aktuálně také vyšlo vývojové prostředí Qt Creator 4.11 – vedle oprav chyb a řady zjednodušení konfigurace přidává mj. experimentální podporu WebAssembly.

Fluttershy, yay! | Komentářů: 4
včera 06:00 | Nová verze

Byla vydána nová verze 1.41 editoru zdrojových kódů Visual Studio Code (Wikipedie). Přehled novinek i s náhledy a animovanými gify v poznámkách k vydání. Ve verzi 1.41 bylo vydáno také VSCodium, tj. komunitní sestavení Visual Studia Code bez telemetrie a licenčních podmínek Microsoftu.

Ladislav Hagara | Komentářů: 0
12.12. 23:55 | IT novinky

J2EE, nověji Java EE a nejnověji Jakarta EE, tj. Java pro vývoj a provoz podnikových aplikací a informačních systémů (Java Platform, Enterprise Edition), slaví 20 let. První verze J2EE 1.2 byla vydána 12. prosince 1999.

Ladislav Hagara | Komentářů: 0
12.12. 22:00 | Nová verze

V kancelářích společnosti NGINX, tj. společnosti stojící za stejnojmenným webovým serverem a reverzní proxy, v Moskvě proběhla policejní razie. Na NGINX si nárokuje práva společnost Rambler. Igor Sysoev, zakladatel společnosti NGINX, ve společnosti Rambler pracoval v letech 2000 až 2011. V březnu letošního roku byla společnost NGINX prodána společnosti F5 Networks za 670 milionů dolarů.

Ladislav Hagara | Komentářů: 13
12.12. 18:44 | Nová verze

Vyšel Vim 8.2. Jedná se převážně o opravnou verzi tohoto textového editoru, ale mezi několika novými funkcemi je také možnost používat vyskakovací okna v uživatelském rozhraní, což využijí zvláště vývojáři doplňků pro dialogová okna či okna s nápovědou, napovídáním atp. Ukázkou je hra killersheep.

Fluttershy, yay! | Komentářů: 1
12.12. 17:44 | Nová verze

Byla vydána nová verze 19.12.0 KDE Aplikací (KDE Applications). Přehled novinek i s náhledy v oficiálním oznámení, kompletním seznamu změn a na stránce s dalšími informacemi.

Ladislav Hagara | Komentářů: 1
12.12. 15:55 | Zajímavý článek

Nezisková organizace Electronic Frontier Foundation vydala obsáhlý článek vysvětlující plošné techniky online sledování používané k hromadění dat korporacemi, shrnuje další využití těchto dat a naznačuje, jak se tomu bránit: technicky a legislativně.

Fluttershy, yay! | Komentářů: 4
12.12. 14:32 | Pozvánky

Ve středu, 18. prosince od 17:00 do 20:00, se uskuteční šestý Avast C++ Meetup. Přednášet bude Timur Doumler (člen ISO C++ komise) na téma „Type punning in modern C++“ a Chandler Carruth (Google, LLVM, člen ISO C++ komise) na téma „Programming Language Design for Performance Critical Software“. Registrace zdarma na meetup.com. Video stream bude dostupný v YouTube playlistu meetupu.

David Watzke | Komentářů: 2
12.12. 00:11 | Zajímavý článek

Daniel Vetter se v příspěvku Upstream Graphics: Too Little, Too Late (Grafika v upstreamu: příliš málo, příliš pozdě) na svém blogu věnuje podpoře a problémům grafiky v upstream Linuxu. Jedná se o souhrn jeho stejnojmenné přednášky na Linux Plumbers Conference (videozáznam, pdf).

Ladislav Hagara | Komentářů: 0
Kolik jste vystřídali distribucí Linuxu? (uvažujte distribuce, které jste používali aspoň měsíc)
 (3%)
 (74%)
 (18%)
 (3%)
 (3%)
Celkem 68 hlasů
 Komentářů: 8, poslední dnes 13:16
Rozcestník

www.AutoDoc.Cz

Inkscape - 5 (přechody)

2. 7. 2007 | Vítězslav Válka | Návody | 26551×

Přechody a podobné efekty, které dodávají grafice větší přesvědčivost, jsou velice populární. Předvedeme si tedy, jak nakreslit tabuli s označením ulice.

Výchozí prvky

Základem celé práce je vytvoření podkladového obdélníku červené barvy, což pomocí F4 určitě hravě zvládnete. Optimálně v poměru stran asi 16:10. Druhým základním prvkem je text „LINUXOVÁ“ písmem, které bude odpovídat tomu na pouličních tabulích. Nemělo by jít o nijak náročný úkol. Přesto, pokud si nevíte rady, jak to zvládnout nejlépe, podívejte se na předchozí díl seriálu Inkscape - 4 (text).

Ideálním písmem pro tento typ použití je jakékoliv zúžené a tučné bezpatkové písmo. V našem případě jsem použil naprosto standardní font DejaVu Sans Condensed Bold, které jsem mírně roztáhl na výšku (přestože to odporuje typografickým pravidlům). Když text vystředíte na červený obdélník pomocí Ctrl+Shift+A, tak by výsledkem měl být níže uvedený obrazec.

inkscape - prechody: 1

Pokud budete chtít dosáhnout opravdu věrného vyobrazení, doporučuji některé z písem z databází písem, které uvádím na konci článku.

Ornamentální rámeček

Dalším krokem je klasický rám uliční tabule. Inspiraci najdete kdekoliv na Internetu, já jsem se inspiroval na portálu stock.xchng. Předpokládám, že v tomto případě jde o pražskou variantu.

Ideální postup je rozdělit si grafiku na dílčí prvky a ty pak snadno duplikovat a zrcadlit, abyste dosáhli požadovaného výsledku. Nakreslíme si tedy jednu čtvrtinu rámečku pomocí jednoho obdélníku (F4), který libovolně roztahujeme do délky tak, abychom nezměnili jeho šířku.

V zásadě byste si měli vystačit s natahováním, duplikováním a otočením o 45 stupňů. Chce to trošku zručnosti a odhadu - také se mi to nepodařilo napoprvé. Několik experimentů jistě pomůže.

inkscape - prechody: 2

Tip – šablona pro kresbu v proporcích

Můžete si pomoci vložením obrázku z tohoto návodu, ten bude fungovat jako šablona. Ideálně tak, že si otevřete okno s vrstvami (Ctrl+Shift+L) a vytvoříte si pomocí ikony s obrázkem „+“ novou vrstvu. Do této vrstvy naimportujete obrázek, který jste nejsprve stáhli k sobě. No a pak tuto vrstvu jen posunete dospodu a zamknete. Ideální šablona je hotová, proporce pak snadno „obkreslíte“.

Vytvořené pruhy označíte a pomocí Ctrl++ je spojíte do jedné křivky metodou add/sčítání. Pak už jen pomocí nástroje Editace bodů (F2) jednotlivě odstraníte body, které tvoří přesahy původních pruhů. Celý objekt zduplikujete (Ctrl+D) a o 90 stupňů otočíte doleva. Takto vytvořený objekt pak ještě navíc zrcadlově převrátíte a vznikne vám základní stavební kámen rámování uliční tabule.

inkscape - prechody: 3

Aby rámeček respektoval proporce obdélníkové tabule, bude třeba opět pomocí nástroje pro editaci bodů (F2) snížit výšku svislé části rámečku. Dejte si však pozor na to, že pomocí celkové deformace objektu by došlo ke zúžení vodorovných čar a deformaci šikmých, proto taková metoda není vhodná a je lépe použít editaci samotných bodů. Výsledkem pruhů obarvených na bílou barvu a několikrát zduplikovaných a zrcadlených bude obrázek níže.

inkscape - prechody: 4

Přechody a virtuální prostorovost

Teď se konečně můžeme pustit k tomu nejzajímavějšímu. Přechodům a efektní „apple“ grafice. Začínáme vytvořením duplikátu červeného pozadí. Následně snížíte jeho výšku na 50 % (uchopením spodní deformační kotvy/klíče/šipky). Převedete ho z obdélníku na křivku (Ctrl+Shift+C) a přebarvíte na bílo. Nástrojem pro editaci bodů chytnete a natáhnete spodní hranu tak, aby se z ní stal nejprve oblouk a později pomocí referenčních bodů vytvoříte libovolnou vlnovku.

inkscape - prechody: 5

Nakonec už jen nástrojem pro přechod (Ctrl+F1) vhodně táhnete ze spoda nahoru v rámci plochy zvlněného obdélníku. Jistotu, že jde o přesnou svislici, si zajístíte klávesou Ctrl při tažení. Potom spodní část přechodu doladíte tak, že ji stáhnete někde až pod celou tabuli. To aby přechod nebyl tak tvrdý.

Tip – zjemnění přechodu

Zjemnění přechodu můžete dosáhnout ještě jinou cestou - snížením průhlednosti celého objektu s přechodem. Panel s tímto nastavením zobrazíte pomocí kláves Ctrl+Shift+F nebo dvojkliknutím na aktivní barvu objektu (v levém spodním rohu obrazovky, hned nad barvou okrajové linky).

inkscape - prechody: 6

Pro efekt téměř dokonalý doporučuji do pozadí přidat modré orámování pod bílé linky. Toho snadno dosáhnete prořezáváním jednotlivých objektů do sebe a následně jejich vycentrováním.

inkscape - prechody: 7

Tip – vzájemné prořezávání objektů

Vhodnými klávesami jsou zde zejména: Ctrl++ pro sčítání, Ctrl+- pro prořezávání jednoho objektu druhým (ten, který je vidět celý, prořezává do toho pod ním) a Ctrl+* čímž vznikne průsečík objektů.

inkscape - prechody: prorezavani

Výsledek

Myslím, že jste to s přehledem zvládli. Teď můžete zkušenosti snadno uplatnit při vytváření například webových ikon s efektním plastickým vzhledem.

inkscape - prechody: 8

       

Hodnocení: 100 %

        špatnédobré        

Nástroje: Tisk bez diskuse

Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

Komentáře

Vložit další komentář

2.7.2007 07:22 Alcor | skóre: 20
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Super článek ... Díky
xvasek avatar 2.7.2007 08:40 xvasek | skóre: 21 | blog: | Zlín
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Tyjo, tak to je mazec.

(A nedaly by se obrázky publikovat přímo v svg, když už to většina prohlížečů podporuje? :)
2.7.2007 09:09 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Viz "Odkazy a zdroje" :-)
2.7.2007 09:49 Kris | skóre: 6
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Tak nevím, vytvořil jsem si ty pruhy, všechny označil a po CTRL++ mi zmizely, asi něco dělám blbě :-D
4.7.2007 09:30 Ludek
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Mně taky, nebo když označím několik čar deformují se, mizí ... nejsem schopen je spojit (sjednotit)
4.7.2007 09:37 Ludek
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
No jasně začalo to fungovat až na Ctrl+K tedy Kombinace. Pak teda nevim... no nic...
4.7.2007 16:51 Kris | skóre: 6
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Mě to naCTRL++ už funguje, ale nesmí se to kreslit čárou ale obdélníkem :-)
2.7.2007 09:59 Jan Martinek | skóre: 43 | blog: johny | Brno
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Mě přijde, že v těch ukázkách chybí zapnutá mřížka. Vidím ten příklad čistě geometricky, zvlášť když je v článku uvedený poměr stran (které mu moc nevěřím, ale držel jsem se ho).
Zkusil jsem to doslova naklikat na milimetrový papír. Žádné odhadování, žádné deformace, žádná zručnost, nepoužil jsem ani to prořezávání objektů (jen překrývání). Bylo to razdva hotové:
http://kf.fyz.fce.vutbr.cz/pub/inkscape/mrizkova.png
http://kf.fyz.fce.vutbr.cz/pub/inkscape/mrizkova.svg
Jenže já zas nemám ty umělecké sklony. Neustále narážím na to, že něco v inkscapu nakreslím precizně, ale vypadá to ve výsledku blbě.
Buď jak buď, článek se mi líbí a díky za něj.
8.7.2007 17:48 mmm
Rozbalit Rozbalit vše Umelecke sklony
Vyzera to blbo lebo si to robil analyticky, prilis si sa drzal toho co si myslel, ze je spravne. Aj ked autor tvrdi ze pomer stran je 16 na 10, nie je, je to skor takych 22 na 10, tzn. v tvojom pripade zniz vysku. Po druhe, tebou vytvoreny biely ramcek je prilis hruby, respektive si mal dat viac priestoru medzi bielymi ciarami (uplne splyva). Ak chces aby to posobilo umelecky, naber odvahu a kresli od oka, mozno to nepojde zo zaciatku lahko, ale nakoniec zistis, ze je to najlepsi sposob, ktory ta prinuti k predstavivosti. Teda, ze si predtym nez nieco nakreslis uvedomis ako to bude vyzerat a ci to nechces urobit inak.
zager avatar 10.7.2007 14:55 zager | skóre: 23 | Praha
Rozbalit Rozbalit vše Re: Umelecke sklony
Je to tak jak pise mmm. Vse jsem delal od oka. Presto, ze jsem drive take postupoval matematickou cestou, tak jsem pozdeji prisel na to, ze je lepsi to tam nasekat a pak dopilovat, nez jit cestou konstrukce. Ctenar, tedy v tomto pripade pozorovatel, nikdy nevnima konstrukcni sklatbu, ale celkovy dojem. Tomu je tedy treba podridit celou praci. Prikladem je treba to, ze v typografii maji obla pismena maly presah pres vysku hranatych tvaru. Presto to nikdo, kdo se nezabyva typografii, ani netusi. Opticky by totiz presna pismena vypadala pri kruhovem tvaru mensi.
Webdesign a grafika, to je můj život na vitavalka.cz
4.7.2007 00:10 nejsem | skóre: 14 | blog: nejsem
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
podle me pri zmacknuti ctrl+* nevznikne prusecik (bod), ale prunik (plocha...
------------------------------- A vy snad těm počítačům věříte?
zager avatar 10.7.2007 14:52 zager | skóre: 23 | Praha
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
To mate pravdu. Dekuji za upozorneni :)
Webdesign a grafika, to je můj život na vitavalka.cz
16.7.2007 14:51 cornelius | skóre: 11 | Ostrava
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Chybka se vloudila do věty: "Panel s tímto nastavením zobrazíte pomocí kláves Ctrl+F nebo..."

Dialogové okno pro úpravy výplně a obrysu se nevyvolává Ctrl+F(což je vyhledání objektu) ale pomocí Ctrl+Shift+F
"I'm trying doprdele!"
16.7.2007 15:12 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: Inkscape - 5 (přechody)
Dík, opraveno.

Založit nové vláknoNahoru

ISSN 1214-1267   www.czech-server.cz
© 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.