Grafická prezentace projektu GNUškola

Transkript

1 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 / 27

2 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 / 27

3 Ú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 / 27

4 Inkscape Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27

5 Překreslení loga do vektorového grafického formátu Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27

6 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 / 27

7 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 / 27

8 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 / 27

9 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 / 27

10 Vrstvy Stejně tak vytvoříme novou vrstvu a přidáme text: Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27

11 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 / 27

12 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 / 27

13 Pozadı Vloz ı me text forma tovany do velke ho odstavce: Martin Bera nek (PEDF UK) Graficka prezentace projektu GNUs kola 7. dubna / 27

14 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 / 27

15 Č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 / 27

16 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 / 27

17 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 a to specificky Copy-of-light-lm-color-theme Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27

18 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 / 27

19 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 / 27

20 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 / 27

21 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 / 27

22 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 / 27

23 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 / 27

24 GIMP Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27

25 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 / 27

26 Detaily Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27

27 Zdroje LATEX BEAMER. Beamer [Software]. [přístup 5. dubna 2014]. Dostupné z INKSCAPE. Inkscape [Software]. [přístup 5. dubna 2014]. Dostupné z GIMP. Gimp [Software]. [přístup 5. dubna 2014]. Dostupné z ADOBE. Adobe Kuler [Software]. [přístup 5. dubna 2014]. Dostupné z Martin Beránek (PEDF UK) Grafická prezentace projektu GNUškola 7. dubna / 27