Inkscape v (mojí) praxi. Linux Days 2014



Podobné dokumenty
POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1

Tvorba posterů v PowerPointu a InDesignu

Tvorba posterů prakticky

VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod

je aplikace určená k editaci videozáznamu, funguje v operačních systémech Windows Vista a Windows7

Adobe Photoshop 18. Ukládání dokumentu formáty

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě

Jednoduché stříhání videa

Vektorizace obrázků. Co se naučíte. Vítá vás aplikace CorelDRAW, komplexní profesionální program pro grafický návrh a práci s vektorovou grafikou.

VYUŽITÍ POČÍTAČOVÉ GRAFIKY

InD PS PDF. Vytvoření korektního InD dokumentu

Grafický software ve výuce a pro výuku

SPECIALISTÉ NA REKLAMNÍ PŘEDMĚTY DTP MANUÁL. eshop.silicmedia.cz

Jak namalovat obraz v programu Malování

Modul 2. Druhá sada úkolů:

Místo úvodu. Čeho se vyvarovat. Mazání znaků

Variace. Zoner Callisto

Jak namalovat obraz v programu Malování

Formátování pomocí stylů

Informace o zdroji učebního textu a poučení o jeho užívaní. Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn

Grafický návrh. Co se naučíte. Vítá vás aplikace CorelDRAW, komplexní profesionální program pro grafický návrh a práci s vektorovou grafikou.

METODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

Územní plán Ústí nad Labem

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

Obsah. Úvod Barevná kompozice Světlo Chromatická teplota světla Vyvážení bílé barvy... 20

Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

Výběr výrobku pro branding...2. Otevření nástroje brandingu 3. Výběr barevné varianty loga...4. Otevření editoru brandingu..6

Tisk do souboru se provádí podobně jako tisk na papír, směřování tisku do souboru je dáno nastavením v ovladači tiskárny:

Číslo DUM: VY_32_INOVACE_04_01 Autor: Mgr. Ivana Matyášková Datum vytvoření: březen 2013 Ročník: prima Vzdělávací obor: informační technologie

Hlavní okno aplikace

Jak nastavit export do tiskového PDF z Corel Draw:

METODICKÝ POKYN PRÁCE S MS PowerPoint - POKROČILÍ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

INFORMATIKA. Grafické studio ve škole

1. Začínáme s FrontPage

Jeden z mírně náročnějších příkladů, zaměřený na úpravu formátu buňky a především na detailnější práci s grafem (a jeho modifikacemi).

Úvod do Adobe Illustrator CS 5

ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA STAVEBNÍ OBOR GEODÉZIE A KARTOGRAFIE KATEDRA MAPOVÁNÍ A KARTOGRAFIE. Systém Inkscape.

Formuláře. Téma 3.2. Řešený příklad č Zadání: V databázi formulare_a_sestavy.accdb vytvořte formulář pro tabulku student.

PRÁCE S TEXTOVÝM EDITOREM 6.4 TEXTOVÉ POLE

Téma: Práce se základními objekty, výplní a obrysem

Metodika pro učitele

Předpoklady Instalace programu Obnovení výchozích předvoleb Další zdroje informací

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

František Hudek. říjen 2012

Migrace na aplikaci Outlook 2010

Nastavení stránky : Levým tlačítkem myši kliknete v menu na Soubor a pak na Stránka. Ovládání Open Office.org Draw Ukládání dokumentu :

Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player.

METODICKÝ POKYN PŘIDÁNÍ A PŘEHRÁNÍ VIDEA V PREZENTACI

V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto:

Kapitola Kapitola 2 29

Vektory a web. Základy práce s vektory. Rozvržení dokumentu

Obsah. Kapitola 1 Stažení a instalace Kapitola 2 Orientace v programu a základní nastavení Úvod... 9

Obsah. Zdroj vlastní

Obsah. Úvod 11. Poděkování 9. Použité konvence 12. KAPITOLA 1 Poznáváme Zoner Photo Studio 13

Microsoft Publisher 2013 vypadá jinak než ve starších verzích, proto jsme vytvořili tuto příručku, která vám pomůže se s ním rychle seznámit.

Scribus základní kurz

Sestavy. Téma 3.3. Řešený příklad č Zadání: V databázi zkevidence.accdb vytvořte sestavu, odpovídající níže uvedenému obrázku.

OmniTouch 8400 Instant Communications Suite. Aplikace My Instant Communicator Desktop. Aplikace My Instant Communicator pro počítač.

Závěrečná práce. AutoCAD Inventor (Zadání D1)

Pracovat budeme se sestavou Finanční tok. S ostatními se pracuje obdobně. Objeví se předdefinovaná sestava. Obrázek 1

Výukový manuál 1 /64

Vytvoření pozvánky. Michaela Maginot. O autorovi

Systém GIMP - tvorba jednoduchých animací a grafiky pro web

Jak se orientovat ve světě ESTOFANu verze 3.0.3?

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch

PDF Creator. Instalace tiskárny pro převod dokumentů do PDF

Co je to DTP. Albrechtova střední škola, Český Těšín, p.o. Označení materiálu (přílohy):

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě

1. Nastavení dokumentu

Názvy objektů na paletě Layers (Vrstvy)

Úvod do počítačové grafiky

OBSAH. ÚVOD...5 O Advance CADu...5 Kde nalézt informace...5 Použitím Online nápovědy...5. INSTALACE...6 Systémové požadavky...6 Začátek instalace...

Word Lekce III. a IV.

Programové vybavení počítačů operační systémy

742 Jak prohlížet seznam dat pomocí formuláře. další záznamy pomocí formuláře

Nastavení dokumentu. Do dokumentu nastavujeme vždy čistý formát dokumentu! Zvolíme typ dokumentu (tisk, Web, Interaktivní...

Ukázka knihy z internetového knihkupectví

Informační a komunikační technologie Inovace výuky prostřednictvím šablon pro SŠ

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako.

Odpadové hospodářství v ORP Ústí nad Labem

Praktická cvičení v grafickém editoru GIMP. březen 2012

Rollei DF-S 240 SE.

Instalace a nastavení PDFCreatoru

Úvod do Adobe Photoshopu CS5

Uživatelská dokumentace

Osnova, hlavní a vnořené dokumenty

Windows - základy. Hlavním vypínačem na základní jednotce. K datům uloženým do výchozí složky.

Bloky, atributy, knihovny

CADKON/TZB verze

Sociomap Viewer Uživatelský manuál. Verze 3

Grafy. 268 Vložení grafu rychlou analýzou Excel disponuje funkcí Rychlá analýza; již jsme se s ní v této knize seznámili.

8. Formátování. Úprava vzhledu tabulky

Veškeré formátovací úpravy buněk vždy platí pouze pro buňky, které si označíte.

pro začátečníky pro pokročilé na místě (dle požadavků zákazníka)

Návod pro LG E430 Optimus L3 II

Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice

Transkript:

Inkscape v (mojí) praxi Linux Days 2014

Inkscape v (mojí) praxi Používám ho cca 8 let Identity loga, jejich varianty, použití, manuály, QR Pro web ikony, celé www, nestandardní tvary + WF Pro tisk Letáky, plakáty Ilustrace Pro tisk, root (i jiný) komiks, web UI ikony vektory, SVG, font ikony Prezentace jessyink

Výhody Rychlost práce Intuitivní pro začátečníky Filtry prakticky neomezené možnosti Formát SVG Cena

Nevýhody Pomalé při velkých kresbách Havárie programu Nekompatibilita (nezaviněná) Postrádá CMYK

A teď už ta praxe Identita 1.Jednoduše se ovládá, tvorba log a kretivních prvků je radost 2.Velmi dobrá vektorizace starých log. (hlavně černobílých) 3.Maskoti patří do ilustrací. 4.Potisky aut apod. Manuály.

Tvorba Vektorizace z fotky

Logo 1. úkol 1.Vektorizace starého loga 2.Začištění 3.Barevná varianta

Logo 1. Staré logo 1. Najdeme co největší kvalitu. Vektorizace v Inkscape je poměrně dobrá, ale má své limity. 2. Ne vše jde (jednouše) vektorizovat

Logo 2. úprava 1. Trasujeme pomocí Křívka >>Trasovat bitmapu (Shift + Alt + B ) 2. Opravy a úpravy pomocí objektů systémem vyříznout a vložit. Většina log je tvořena základními geometrickými objekty. 3. U malých nezachránitelných textů najdeme podobný font. Vytrasujeme a uzpůsobíme co nejblíže původnímu vzhledu.

Logo 3. finalizace + barvy 1. Skvělými pomocníky jsou vodítka. I ta šikmá.

Pro web Používám kombinaci Inkscape + Illustrator + Photoshop (Schránka systému) Pouze Inkscape (PDF) + Photoshop (ztratím možnost vložit cestu) Pouze Inkscape (SVG) informaci + cesty zvlášť) + Gimp (ztratím vektorovou

Inkscape pro web 1.Weby pixelperfect nebude rozostřený 2.Efekty Filtrů = jako Photoshop :) 3.Import PNG (je třeba nastavit kvalitu) 4.WireFramy (šablona) 5.Slicer

Co to je SVG!? Pošli mi PSDéčko!!!

Inkscape pro web 2. Nástroj Slicer Hodí se hlavně pro komplet weby, ne jen prvky. 1.Vytvoření ořezové masky. 2.Vytvoření všech masek 3.Uložení ořezů

Nástroj Slicer 1. ořezová maska 1. Otevřete soubor web.svg. Je v něm jednoduchý design dětského webu, který budete mít za úkol rozřezat pro potřeby kodéra. 2. Celý proces, který jste prošli v předchozím příkladu, můžete vylepšit rozšířením Slicer. Prohlédněte si nabídky v Extensions >> Web >> Slicer. První možnost otevře dialog, který vám vytvoří speciální řezací čtverce. Ty si můžete pojmenovat a manipulovat jimi. Nastavit si rozlišení exportu a existuje i příslib nastavení formátu. Prozatím ale vyexportujete při kterémkoli nastavení PNG. 3. Po klepnutí na tlačítko Použít Inkscape vytvoří čtverec / obdélník v nové vrstvě Web slicer. Lze s nim běžně manipulovat a použít ho jako obyčejný objekt. 4. Lze ho kopírovat a měnit mu možnosti exportu dle dialogu vlastnosti. 5. Jednotlivé řezy také můžete pojmenovat.

Nástroj Slicer 2. více masek 1. Lze ho kopírovat a měnit mu možnosti exportu dle dialogu vlastnosti. 2. Jednotlivé řezy také můžete pojmenovat a zvolit jim cestu, kam se vyexportují.

Nástroj Slicer 3. uložení (pouze PNG) 1. Slicer tvrdí, že nabízí export HTML a CSS tato fukce je ale zatím v plenkách. Každopádně tímto exportem vyexportujete všechny řezy v PNG. (Popisky Gif a JPG neberte vážně. )

Pro tisk Neumí CMYK Neumí EPS průhlednost Pro Scribus je nutné tisk připravit (nebo se modlit) Mějte svého tiskaře

Inkscape! Ale...

Scribus 1. Příprava v Inkscape 1. Otevřete v Inkscape soubor plakat.svg. Jde o plakát, který tiskárna požaduje v barvách CMYK. 2. Vytvořte si rámeček kolem plátna nástrojem Tvorba obdélníků a čtverců, jedno jakou barvou, jde o to, aby se vám kresba lehce pozicovala ve Scribusu. 3. Pro tisk budete potřebovat ořezové značky. Otevřete si Extensions>>Vykreslit>>Printing Marks. V kartě Marks zaškrtněte pouze první možnost, Crop Marks. V druhé kartě Positioning nechte vše ve výchozím stavu. Klepněte na tlačítko Použít. 4. Převeďte text na křivky. (Tady je hotovo) 5. Otevřete program Scribus a v dialogu Nový dokument nastavte velikost dokumentu A4, pozici na výšku a spadávku na 30pt. Spadávka určuje, jak velký bude přesah plátna nad jeho normální velikost.

Scribus 2. úprava ve Scribusu 1. Spusťte Scribus.Otevřete okno Soubor >> Import >> Vložit vektorový soubor. Vyberte váš SVG soubor. Jakmile se kurzor změní na papír se znaménkem plus, klepněte kamkoli na plátno. Je možné, že při importu uvidíte výpis chyb, většinou se netýkají zpracování v PDF, a proto můžete bez obav pokračovat. 2. Abyste viděli orámování souboru, je třeba použít Soubor >> Nastavení dokumentu. V dialogu Nastavení dokumentu zvolte možnost Vodítka a v oblasti Zobrazení v dokumentech přepněte na možnost Nad objekty. 3. Dále zvolte možnost Správa barev, kterou najdete v nabídce úplně dole. A zaškrtněte políčko Aktivovat správu barev. Veškerá výchozí nastavení by vám měla postačovat. Pokud po vás chce některý konkrétní profil, můžete ho nastavit v rozevíracím seznamu Tiskárna. 4. Vše označte. Posuňte a zmenšete vložený soubor tak, aby orámování stánky souhlasilo s rámem, který jste si nakreslili v Inkscape. Změna velikosti funguje ve Scribusu stejným způsobem jako v Inkscape. Soubor je orámován červeně. Vše co je za červeným orámováním je spadávka. Modrého orámování si nevšímejte. 5. Klepněte na kresbu pravým tlačítkem myši a z kontextové nabídky zvolte možnost Rozdělit seskupení. Vyberte pomocné orámování a vymažte ho klávesou Delete.

Scribus 3. uložení (PDF pro tisk) 1. Nyní vyexportujete vaši kresbu jako PDF v barvách CMYK. Klepněte na ikonu Uložit jako PDF. 2. V dialogu Uložit jako PDF vás bude zajímat karta Předtisková kontrola. Pokud jste nevytvářeli ořezové značky, zaškrtněte příslušné políčko a Scribus je za vás vytvoří. Ostatní značky většinou nejsou potřeba, proto je nyní vynechejte. Ještě nastavte spadávku. Stačí, když zaškrtnete políčko Použít spadávku dokumentu. 3. Přejděte do karty Barva a zde vyberte Plánovaný výstup na Tiskárna. 4. Ještě přejděte do první karty Všeobecné a v rámečku Volby souboru nastavte kompatibilitu PDF 1.5. Nyní můžete klepnout na tlačítko Uložit.

Scribus 4. Možné problémy Chyba obrázek png nemá rozlišení 300dpi 1. Řešení Nastavení Inkscape >> Bitmapy >> 300dpi při generování bitmap 2. Chyba Objekt obsahuje průhlednost (postscript) 3. Řešení 4. a) V Inkscape udělat z objektu bitmapovou kopii, zvlášť, obsahuje-li filtr. (Neřeší fotobanky) 5. b) V Inkscape udělat objekt neprůhledný a průhlednost nastavit až ve Scribusu (Neřeší rozostření) 6. c) Průhlednost nasimulovat barevností objektu a rozdělením na více částí (Zdlouhavé) Tip: Druhá chyba v zásadě nevadí pokud vám jde čistě o tisk. Kde může nastat problém je zveřejnění kreseb ve fotobankách a poskytnutí zdroje. Inkscape k tomuto samozřejmě můžete také využít, ale smiřte se s tím, že průhlednost generovaná Inkscape nedělá v souborech EPS pro fotobanky dobrotu. Tip: k hledání objektů pomocí id, můžete v Inkscape použít klasickou zkratku CTL + F

Jessyink SVG prezentace pro každý webový prohlížeč Umí zajímavé animace Ovládání klávesami - nenahrajete ji na Slideshare

Díky za pozornost