Grafick´a prezentace projektu GNUˇskola Martin Ber´anek PEDF UK
7. dubna 2014
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
1 / 27
Gnuˇskola
Tato prezentace je vytvoˇrena pomoc´ı svobodn´eho software v r´amci projektu Gnuskola.cz
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
2 / 27
´ Uvod
Inkscape I
Pˇrekreslen´ı Loga do vektorov´eho grafick´eho form´atu F
I I
Vytv´aˇren´ı plak´at˚ u ˇ Cernob´ ıl´a verze F F F
I
Kompoziˇcn´ı zmˇeny
Vrstvy Text Kompozice
Volba barev
GIMP I I
Pˇrevod na pixelovou grafiku Detaily
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
3 / 27
Inkscape
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
4 / 27
Pˇrekreslen´ı loga do vektorov´eho grafick´eho form´atu
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
5 / 27
Kompoziˇcn´ı zmˇeny
ˇ Cernob´ ıl´a forma se d´a l´epe registrovat jako ochrann´a zn´amka I
ˇ Cernob´ ıl´a forma zn´amky plat´ı pro jak´ekoliv barevn´e sch´ema
Logo by mˇelo b´yt v pomˇeru zlat´eho ˇrezu (1,6) ˇ Cernob´ ıl´a forma se d´a l´epe tisknout na ˇcernob´ıl´e tisk´arnˇe
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
6 / 27
Vytv´aˇren´ı plak´at˚ u
V Inkscape vybereme Soubor - Nov´y Z´aleˇz´ı na volbˇe velikosti? A co kdyˇz budeme obr´azek nˇekam exportovat?
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
7 / 27
Vytv´aˇren´ı plak´at˚ u Volba vhodn´ych log, kter´e by plak´at spojovali s c´ılovou skupinou.
R Loga jsou otevˇren´a, nen´ı nutn´e pˇrid´avat znaˇcky a
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
TM
7. dubna 2014
8 / 27
Vrstvy V Inkscape si vytvoˇr´ıme novou vrstvu a zkus´ıme udˇelat kompozici log na plak´atˇe:
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
9 / 27
Vrstvy Stejnˇe tak vytvoˇr´ıme novou vrstvu a pˇrid´ame text:
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
10 / 27
Text
Text je bezpatkov´y a jeho font (Sans) je dobˇre zn´am´y, nen´ı nutn´e jej pˇren´aˇset s sebou Hod´ı se text k logu? Nemaj´ı jin´y styl kaligrafie? V jednoduchosti je s´ıla Vysok´y kontrast plak´atu a mnoho prvk˚ u by moc nekorespondovalo s c´ılovou skupinou A co teprve obsahov´a ˇc´ast, dok´aˇze upoutat?
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
11 / 27
Pozad´ı
Je nutn´e vybrat takov´e pozad´ı, kter´e nebude ruˇsit Pozad´ı pˇres cel´y plak´at m˚ uˇze budit dojem pˇrepl´acanosti Co kdyˇz i pozad´ı hraje roli A co tˇreba vybrat bitmapu textu, kter´a obsahuje v´ysledky cyklu algoritmu SHA1?
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
12 / 27
Pozad´ı Vloˇz´ıme text form´atovan´y do velk´eho odstavce:
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
13 / 27
Pozad´ı Vybereme poloˇzku V´yplˇ n a obrys:
A zkus´ıme pˇrenastavit parametr a, kter´y slouˇz´ı k pr˚ uhlednosti prvku Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
14 / 27
ˇ Cernob´ ıl´a verze Pokud zviditeln´ıme vˇsechny vrstvy, v´ysledek m˚ uˇze vypadat takto:
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
15 / 27
Kompozice
Je v´ysledek kompoziˇcnˇe v poˇr´adku? Navnad´ı loga pˇr´ıpadn´eho z´ajemce aby se pˇreˇcetl menˇs´ı text? Obsahuje plak´at to, co by mˇel obsahovat?
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
16 / 27
Volba barev
Mus´ıme dodrˇzet barevn´e vzorn´ıky To, co se l´ıb´a n´am, nemus´ı se l´ıbit obecnˇe Existuj´ı port´aly zamˇeˇruj´ıc´ı se jen na barvy Pouˇzijeme vzorn´ık z https://kuler.adobe.com/explore/most-popular/ a to specificky Copy-of-light-lm-color-theme-3698751.
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
17 / 27
Volba barev
Barvy pokr´yvaj´ı naˇse sch´ema obr´azk˚ u z log a pˇresnˇe zapadaj´ı do koncepce designu projektu GNUˇskola
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
18 / 27
Volba barev Aplikujeme postupnˇe barvy pomoc´ı V´yplnˇe ohraniˇcen´ych oblast´ı nebo pomoc´ı V´yplnˇe a obrysu popsan´em v minul´ych slidech Inkscapu m˚ uˇzeme zadat barvy pomoc´ı hex z´apisu, tˇreba ˇcerven´a v logu Debianu je cc3730ff, kde posledn´ı ff oznaˇcuje pr˚ uhlednost, form´at je tedy rgba
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
19 / 27
Pˇrid´an´ı barevn´eho pˇrechodu
Inkscape obsahuje n´astroj pˇr´ımo na n´astrojov´e liˇstˇe, kter´y n´am pom˚ uˇze Vybereme vrstvu, v tomto pˇr´ıpadˇe staˇc´ı logo GNUˇskoly Oznaˇc´ıme objekt, v tomto pˇr´ıpadˇe jen spodn´ı tˇri p´ısmena GNU Vybereme barvy ze vzorn´ıku a aplikujeme
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
20 / 27
Pˇrechod
Pak uˇz jen mus´ıme oznaˇcit vedouc´ımi pˇr´ımkami dr´ahu gradace barev Pomˇer barvy se upravuje pomoc´ı pˇrid´an´ı zar´aˇzek Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
21 / 27
Pˇrechod ´ Barva se d´a pˇrech´azet aˇz do ztracena, v menu pod tlaˇc´ıtkem Upravy najdeme moˇzn´e alternativy
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
22 / 27
V´ysledek V´ysledek by mohl vypadat tˇreba 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 Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
23 / 27
GIMP
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
24 / 27
Pˇrevod na pixelovou grafiku
M´a to v˚ ubec smysl? Tisk´arny stejnˇe preferuj´ı eps a pdf (form´at˚ um je jedno, co v nich je) Proˇc ztr´acet, kdyˇz jsme tak moc z´ıskali Jak moc se zvˇetˇs´ı v´ysledn´a velikost obr´azku, kdyˇz p˚ uvodn´ı byl A1 M˚ uˇzeme pˇridat bitmapu a pracovat s n´ı jinak, neˇz v Inkscape M˚ uˇzeme se pod´ıvat, jak by asi dopadl tisk ve velk´em detailu
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
25 / 27
Detaily
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
26 / 27
Zdroje
LATEX BEAMER. Beamer [Software]. [pˇr´ıstup 5. dubna 2014]. Dostupn´e z http://sourceforge.net/projects/latex-beamer/. INKSCAPE. Inkscape [Software]. [pˇr´ıstup 5. dubna 2014]. Dostupn´e z http://www.inkscape.org/cs/. GIMP. Gimp [Software]. [pˇr´ıstup 5. dubna 2014]. Dostupn´e z http://www.gimp.org/. ADOBE. Adobe Kuler [Software]. [pˇr´ıstup 5. dubna 2014]. Dostupn´e z https://kuler.adobe.com/explore/most-popular/
Martin Ber´ anek (PEDF UK)
Grafick´ a prezentace projektu GNUˇskola
7. dubna 2014
27 / 27
