Grafická prezentace projektu GNUškola Martin Beránek PEDF UK 7. dubna 2014 Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 1 / 27
Gnuškola Tato prezentace je vytvořena pomocí svobodného software v rámci projektu Gnuskola.cz Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 2 / 27
Úvod Inkscape Překreslení Loga do vektorového grafického formátu Kompoziční změny Vytváření plakátů Černobílá verze Vrstvy Text Kompozice Volba barev GIMP Převod na pixelovou grafiku Detaily Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 3 / 27
Inkscape Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 4 / 27
Překreslení loga do vektorového grafického formátu Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 5 / 27
Kompoziční změny Černobílá forma se dá lépe registrovat jako ochranná známka Černobílá forma známky platí pro jakékoliv barevné schéma Logo by mělo být v poměru zlatého řezu (1,6) Černobílá forma se dá lépe tisknout na černobílé tiskárně Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 6 / 27
Vytváření plakátů V Inkscape vybereme Soubor - Nový Záleží na volbě velikosti? A co když budeme obrázek někam exportovat? Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 7 / 27
Vytváření plakátů Volba vhodných log, které by plakát spojovali s cílovou skupinou. Loga jsou otevřená, není nutné přidávat značky R a TM Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 8 / 27
Vrstvy V Inkscape si vytvoříme novou vrstvu a zkusíme udělat kompozici log na plakátě: Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 9 / 27
Vrstvy Stejně tak vytvoříme novou vrstvu a přidáme text: Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 10 / 27
Text Text je bezpatkový a jeho font (Sans) je dobře známý, není nutné jej přenášet s sebou Hodí se text k logu? Nemají jiný styl kaligrafie? V jednoduchosti je síla Vysoký kontrast plakátu a mnoho prvků by moc nekorespondovalo s cílovou skupinou A co teprve obsahová část, dokáže upoutat? Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 11 / 27
Pozadí Je nutné vybrat takové pozadí, které nebude rušit Pozadí přes celý plakát může budit dojem přeplácanosti Co když i pozadí hraje roli A co třeba vybrat bitmapu textu, která obsahuje výsledky cyklu algoritmu SHA1? Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 12 / 27
Pozadı Vloz ı me text forma tovany do velke ho odstavce: Martin Bera nek (PEDF UK) Graficka prezentace projektu GNUs kola 7. dubna 2014 13 / 27
Pozadí Vybereme položku Výplň a obrys: A zkusíme přenastavit parametr a, který slouží k průhlednosti prvku Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 14 / 27
Černobílá verze Pokud zviditelníme všechny vrstvy, výsledek může vypadat takto: Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 15 / 27
Kompozice Je výsledek kompozičně v pořádku? Navnadí loga případného zájemce aby se přečetl menší text? Obsahuje plakát to, co by měl obsahovat? Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 16 / 27
Volba barev Musíme dodržet barevné vzorníky To, co se ĺıbá nám, nemusí se ĺıbit obecně Existují portály zaměřující se jen na barvy Použijeme vzorník z https://kuler.adobe.com/explore/most-popular/ a to specificky Copy-of-light-lm-color-theme-3698751. Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 17 / 27
Volba barev Barvy pokrývají naše schéma obrázků z log a přesně zapadají do koncepce designu projektu GNUškola Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 18 / 27
Volba barev Aplikujeme postupně barvy pomocí Výplně ohraničených oblastí nebo pomocí Výplně a obrysu popsaném v minulých slidech Inkscapu můžeme zadat barvy pomocí hex zápisu, třeba červená v logu Debianu je cc3730ff, kde poslední ff označuje průhlednost, formát je tedy rgba Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 19 / 27
Přidání barevného přechodu Inkscape obsahuje nástroj přímo na nástrojové liště, který nám pomůže Vybereme vrstvu, v tomto případě stačí logo GNUškoly Označíme objekt, v tomto případě jen spodní tři písmena GNU Vybereme barvy ze vzorníku a aplikujeme Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 20 / 27
Přechod Pak už jen musíme označit vedoucími přímkami dráhu gradace barev Poměr barvy se upravuje pomocí přidání zarážek Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 21 / 27
Přechod Barva se dá přecházet až do ztracena, v menu pod tlačítkem Úpravy najdeme možné alternativy Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 22 / 27
Vy sledek Vy sledek by mohl vypadat tr eba takto: Škola Matematika Fyzika Programování Opera ní systémy... a spousty dalších p edm t Nemáš ješt projekt? Chceš se podílet na n em po ádném? Podílej se na n em, co bude nést tvé jméno a n kdo to bude moc použít dál... Zaujal t tento plakát? Podívej se na GNUškola.cz a vytvo vlastní projekt. Zapoj se do možnosti vytvo it n co pro studenty jako student. I tv j nápad m že zm nit to, co se budou u it lidi po tob. Zkuste to jinak, zkuste to otev en Plakát je sou ástí projektu gnuskola gnuskola.cz design vytvo en v InkScape v rámci p edm tu Po íta ová gra ka na PEDF UK Martin Beránek 2014 Martin Bera nek (PEDF UK) Graficka prezentace projektu GNUs kola 7. dubna 2014 23 / 27
GIMP Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 24 / 27
Převod na pixelovou grafiku Má to vůbec smysl? Tiskárny stejně preferují eps a pdf (formátům je jedno, co v nich je) Proč ztrácet, když jsme tak moc získali Jak moc se zvětší výsledná velikost obrázku, když původní byl A1 Můžeme přidat bitmapu a pracovat s ní jinak, než v Inkscape Můžeme se podívat, jak by asi dopadl tisk ve velkém detailu Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 25 / 27
Detaily Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 26 / 27
Zdroje LATEX BEAMER. Beamer [Software]. [přístup 5. dubna 2014]. Dostupné z http://sourceforge.net/projects/latex-beamer/. INKSCAPE. Inkscape [Software]. [přístup 5. dubna 2014]. Dostupné z http://www.inkscape.org/cs/. GIMP. Gimp [Software]. [přístup 5. dubna 2014]. Dostupné z http://www.gimp.org/. ADOBE. Adobe Kuler [Software]. [přístup 5. dubna 2014]. Dostupné z https://kuler.adobe.com/explore/most-popular/ Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna 2014 27 / 27