přejít na obsah přejít na navigaci

Linux E X P R E S, Inkscape v praxi: Jak vznikala nová hlavička LinuxEXPRESu 2

Inkscape v praxi: Jak vznikala nová hlavička LinuxEXPRESu 2

Inkscape.png

Zkušený grafik, pracující se svobodnými nástroji, se podělí se čtenáři LinuxEXPRESu o své zkušenosti a znalosti. Vytvořit hlavičku webového portálu v Inkscape lze pomocí dvou základních dovedností - musíte umět vytvořit jednoduchý gradient  a stíny. A samozřejmě mít nápad. Pokračování prvního dílu.


Zahajujeme volnou sérii článků, která se bude věnovat svobodným grafickým nástrojům v praxi. Texty na základě svých zkušeností píše zkušený grafik Luděk Janda, který mnoho popsaných postupů používá v denní praxi. Pracuje ve Slackwaru, používá zejména Inkscape, ale cizí mu není žádný grafický program.

Inkscape v praxi: Jak vznikala nová hlavička LinuxEXPRESu 1

9. Umístěte logo tučňáka

Importujte již vytvořené logo tučňáka pomocí funkce Import ([Ctrl+i]). Umístěte ho do levé části obrázku. Táhly upravte velikost. Snažte se zachovat proporce obrázku, a proto při pohybu táhly držte stisknutou klávesu [Ctrl].

10. Stínujeme tučňáka

Vytvořte duplikát loga ([Ctrl+d]). V dialogu Výplň a obrys ([Shift+Ctrl+f]) nastavte parametry pro výplň. Obarvěte duplikát černou barvou (#000000ff), rozostření (blur) nastavte na 2 a průhlednost (opacity) na 60 %. Horním táhlem logo trochu zdeformujte - neproporcionálně snižte jeho výšku. Vytvořený stín nakonec přesuňte mírně doprava a pod původní bílé logo ([Page Down]).

Obrázek:  10a.jpg

 

Obrázek:  10b.jpg

 

11. Břicho tučňáka

Pomocí nástroje Kresba Bezierových křivek a přímých čar ([Ctrl+F9]) nakreslete nahrubo, jak bude vypadat bílá část bříška tučňáka. Jednoduchým kliknutím vytvořte přímou linii, pokud podržíte tlačítko a táhnete dál, linie se zakulatí. Na závěr spojte linii s počátečním bodem, tím se objekt uzavře.

Obrázek:  11a.jpg

 

Obrázek:  11b.jpg

 

Pravděpodobně se vám na první pokus nepodaří ideální obrázek. Upravte jej posléze pomocí nástroje Edit paths by nodes ([F2]), kterým nastavíte sklon čar a druhy bodů.

12. Šijeme frak

Vytvořte duplikát bílého tučňáka. Obarvěte jej do černa (#000000ff) a posuňte pod výplň břicha ([Page Down]). Vyberte oba objekty a v menu Křivka zvolte Non-Ekvivalence ([Ctrl+^]).

Obrázek:  12.jpg

 

13. Odstraňte černé kolo kolem tučňáka

Zbavíte se ho stejně, jako jste vytvořili bříško pro tučňáka. Tentokrát velmi nahrubo nakreslete pomocí nástroje Kresba od ruky ([F6]) obrys kolem části, kterou chcete zachovat (tučňák). Vyberte zároveň ([Shift]) černého tučňáka a nový objekt. Zvolte Průnik ([Ctrl+*]) z menu Křivka.

Obrázek:  13a.jpg

 

Obrázek:  13b.jpg

 

14. Přesuňte tučňáka a stín pod spodní část hlavičky

Nejjednodušší způsob je vybrat oba objekty ve spodní části (gradient a barevný podklad) a oba přesunout nahoru ([Page Up]), aby překrývaly spodek tučňáka.

Obrázek:  14.jpg

 

Pro manipulaci jednotlivých částí lze snadněji využít vrstvy. Projděte si přiložený soubor s výslednou hlavičkou. Jsou tam vytvořeny vrstvy. Přehled vrstev si zobrazíte pomocí [Shift+Ctrl+l].

15. Elegantní přesah křídla

Duplikujte černého tučňáka a jeho stín a oba nově vytvořené objekty přesuňte nahoru tak, aby překrývaly spodek křídla. Na místě, kde chcete vytvořit přesah, nakreslete čtverec pomocí nástroje Tvorba obdélníků a čtverců ([F4]). Vyberte společně s černým křídlem a zvolte Průnik ([Ctrl+*]). Obdobně vytvořte přesah stínu. Po jeho vytvoření si zkontrolujte správně nastavené rozostření (blur) výplně a případně vraťte zpět na hodnotu 2. Průhlednost (opacity) výplně nastavte na 10 %. Také pozor, že stín se vrhá i mírně nahoru do oblasti původního stínu a tím dochází k jeho násobení. Je proto lépe vyříznout stín trochu nižší než křídlo.

Obrázek:  15a.jpg

 

Obrázek:  15b.jpg

 

16. Text LinuxEXPRES

Nástrojem Tvorba a úprava textových objektů ([F8]) vytvořte obdélník, do kterého napište „Linux‟. Text upravte v dialogu Text a písmo ([Shift+Ctrl+t]), ve kterém zvolte písmo Lucida Grande, styl Normal a velikost 60pt.

Rozpal mezi písmeny je příliš velký. Lze jej snadno zmenšit pomocí kombinace [Shift+Alt+<]. Rozpal se zvětšuje klávesami [Shift+Alt+>].

Vytvořte duplikát k nápisu Linux ([Ctrl+d]) a posuňte jej za něj jako pokračování textu. Přepište jej na EXPRES, kde všechna písmena budou napsána kapitálkami. Zmenšete velikost nového nápisu tak, aby u něj výška velkých písmen byla shodná s výškou písmen malých nápisu Linux. Upravte rozpal ([Shift+Alt+>]) a případně i velikost bloku bez zachování proporcí. Nakonec nápis obarvěte na bílo (#ffffffff). Barvu obrysu nastavte na #501616ff a v kartě pro Styl čáry zvolte šířku 1 px. Oba nápisy vyberte (Shift), převeďte na křivku ([Shift+Ctrl+c]) a na závěr sjednoďte ([Ctrl++]).

Obrázek:  16a.jpg

 

Obrázek:  16b.jpg

 

Obrázek:  16c.jpg

 

Obrázek:  16d.jpg

 

17. Vystínovaný text

Vytvořte duplikát nápisu ([Ctrl+d]). Přebarvěte výplň na černou (#000000ff) a rozostřete (blur na hodnotu 2) . Zrušte vykreslení obrysu. Vytvořený stín posuňte pod bílý text ([Page down]) a šipkami kurzoru mírně doprava a dolů.

Obrázek:  17.jpg

 

18. Hlavička magazínu LinuxEXPRES je hotová

Ještě se podívejte na výsledek. Pomocí nástroje Přiblížení/oddálení obrázku ([F3]) zvětšete kresbu na 1:1 a skryjte vodítka (|). Voilà.

Obrázek:  18.jpg

Výslednou hlavičku i s vrstvami si můžete stáhnout.

Nahoru

Příspěvky

Inkscape v praxi: Jak vznikala nová hlavička LinuxEXPRESu 2
martin 8. 09. 2008, 09:52:52
Odpovědět  Odkaz 
Nasiel som jednu chybu v texte "Přehled vrstev si zobrazíte pomocí [Ctrl+i]." - tato klavesova skratka je na import, na zobrazenie vrstiev treba pouzit Shift+Ctrl+L. Diky za pekny clanok.
Vlastimil Ott Re:Inkscape v praxi: Jak vznikala nová hlavička LinuxEXPRESu 2
Vlastimil Ott 8. 09. 2008, 12:57:25
Odpovědět  Odkaz 
Moje chyba, děkuji za upozornění, opraveno.

Přidat názor

Nejsou podporovány žádné značky, komentáře jsou jen čistě textové. Více o diskuzích a pravidlech najdete v nápovědě.
Diskuzi můžete sledovat pomocí RSS kanálu rss



 
 

Top články z OpenOffice.cz

Luděk Janda


  • Distribuce: macos x, slackware



Public Relations

Synology TechDays 2023

AppDynamicsSpolečnost Synology, světový lídr v oblasti NAS řešení, srdečně zve na setkání se svými specialisty. Synology TechDays 2023 jsou ur­če­ny koncovým podnikovým uživa­te­lům a nabízejí perfektní prostor pro sdílení názorů, odpovědi na vaše otázky a výměnu zkušeností.

Pokračování ...



Public Relations

Synology High Availability

Pro mnoho podniků a organizací je dnes životně důležitá nepřetržitá dostupnost jejich IT systémů. Výpadky a odstávky totiž způsobují stále větší škody, což vyvíjí tlak na IT oddělení, aby zajistila maximální dostupnost dat a klíčových aplikací.

Pokračování ...



Public Relations

Linux a poker aneb Jde to dohromady?

Dávno jsou pryč doby, kdy se uživatelé Windows smáli těm, kteří preferují jiný operační systém. Dřív bylo samozřejmě náročnější především na Linuxu spustit jakékoliv hry, nicméně v dnešní době to už takový problém není.

Pokračování ...