Pracovať sám pre seba má veľa plusov a ešte viac mínusov. Ale ak sa človek s niečim zmieri a niečo oželie, nie je nad to, byť sám sebe pánom. Môj prerod na plnokrvného živnostníka bol dlhší. Spočiatku som robil grafiku doma, popri normálnom zamestnaní a bez živnosti. A teda aj bez faktúr. Určitú dobu to bolo dobré riešenie. Budoval som si meno v okolí a pritom som každý mesiac mohol kľudne spať, lebo som mal aj výplatu z normálneho zamestnania. Neskôr však začali prichádzať zákazníci, ktorí požadovali prácu na faktúru. A tak som sa rozhodol založiť si živnosť. No stále som bol aj rádovým zamestnancom. Takéto hybridné riešenie malo pre mňa obrovskú výhodu v tom, že odvody za mňa stále platil zamestnávateľ (platí od ale len od určitej výšky mzdy smerom nahor) a ja som mohol bez problémov novým zákazníkom povedať “áno, robím aj na faktúru”. A určitú dobu to bolo tiež dobré riešenie. Človek mal stále istotu mesačnej mzdy a pritom si mohol veselo privyrábať doma. Lenže postupom času sa zákazníci “množili” a práce pribúdalo. Človek sa ráno zobudil, išiel do práce, o 8 hodín neskôr sa z práce vrátil… do práce. Jediné, na čo mi ostával čas, bol spánok. Dá sa to takto vydržať niekoľko mesiacov, ale potom som si už povedal dosť. Buď sa obmedzí práca doma, alebo normálne zamestnanie. Do rozhodnutia mi zasiahla minuloročná kríza, strata zamestnania a tak som mal zrazu jasné. Zostal som pracovať na živnosť.

Aby ten rozbeh nebol až taký ťažký, našiel som si firmu, pre ktorú robím grafiku za mesačný paušál. A toto je to najlepšie, čo ma mohlo stretnúť. Byť sám sebe pánom a pritom mať stále istotu pravidelného príjmu. No istota má aj odvrátenú tvár. Lenivosť :D Koľko krát som si povedal, že toto alebo tamto dnes nespravím, lebo sa mi nechce. Prácu doma som bral ako dovolenku a to rozhodne nebolo dobré riešenie. Práca sa kopila, termíny horeli a zákazníci začínali byť nespokojní. Tak som sa rozhodol zorganizovať si celú prácu a moje začiatky som popísal v tomto článku. Spraviť si týždenný rozvrh, zaviesť si pravidlá, to je základ k udržaniu si pevných nervov. No aj tak to nebolo celkom ono…

1. Keď ťa to nebaví, tak to nerob

Po čase som prišiel na to, čo mi vŕtalo v hlave. Je to práca, ktorú som nemal rád. Nie, nie práca grafika ako taká, ale grafické práce, ktoré ma nebavili, no robil som ich, lebo som ich mal v cenníku. Prvé na odstrel boli flashové bannery. Flash z duše nenávidím a tvorba animácií a bannerov ma ubíjala. Tak som ich jednoducho škrtol z cenníka a zákazníkom som odporučil na tvorbu bannerov kamaráta. A takéto preriedenie pracovných aktivít radím aj tebe. Nerob zbytočne to, čo ťa nebaví. Ak robíš rád web dizajn, ale nemáš rád tvorbu tlačených letákov, posuň to kamarátovi, známemu, alebo kľudne aj konkurencii. Takto môžete profitovať navzájom. Stačí sa len dohodnúť. Možno konkurent nerád robí webdizajn a miluje tvorbu tlačovín. Vymieňajte si zákazníkov, dopĺňajte sa. Jednoducho špecializuj sa na to, čo ťa baví. Ja som sa prednedávnom rozhodol zavesiť na klinec ďalšiu položku v cenníku. Produktovú fotografiu. Fotenie ma síce stále baví, ale nie fotenie produktov. Tak načo to robiť nasilu, keď nemusím? Keď som sám sebe pánom.

2. Vypadni z domu

Už som to raz spomínal, ale aj tak to zopakujem. Vybehni z domu. Každý deň. Postačí malá prechádzka okolo bydliska, prejsť sa peši do obchodu, zbehnúť na pivko s kámošmi, čokoľvek. Len nezostať po celý deň zavretý doma. Prečo? Pretože stereotyp domáceho prostredia je najrýchlejšia cesta ku kreatívnemu bloku. A nie je nič horšie ako keď grafikovi prestane fungovať kreativita. Ešte lepšie je zobrať si nejakú drobnú prácu so sebou, napr. do kaviarne, alebo kľudne aj do lesa ak je pekne.

3. Hýb sa

Seriózne. Trochu pohybu denne nezaškodí. A ak spojíš príjemné s užitočným, zober notebook do tašky, sprav si prechádzku po celom meste a potom zakotvi niekde na občerstvenie, otvor notebook a sprav niečo pre zákazníkov. Ak sa ti nechce vláčiť notebook, obuj si tenisky a zabehni si pár km, zbehni do fitka, alebo si nájdi brigádu. Trebárs aj roznášanie letákov v tvojom okolí. Prípadne ak chceš pomôcť aj niekomu inému, skús napr. zbehnúť do útulku vyvenčiť psov, alebo v zime rozdávať polievku bezdomovcom v charite.

Pohyb je pre ľudí ako sme my veľmi dôležitý. Teraz si mladý, nič ťa nebolí. Ale sedavé zamestnanie si vypýta svoju daň až o pár desiatok rokov a to už bude neskoro. Jeden malý tip – skús pred počítačom sedieť na fit-lopte. Pre udržanie stability musíš stále korigovať polohu a tak sa aspoň čiastočne hýbať. A nezabudni na prestávky. Skús skvelú Pomodoro techniku, vďaka ktorej rýchlejšie spravíš to, čo treba a zostane ti viac voľného času.

4. Neodkladaj si prácu na zajtra

Klasická rada, ktorá ma ale vždy pravdu. Neodkladaj prácu. A nielen tú grafickú. Naplánuj si v kalendári opakované úlohy, ako napr. upratanie kancelárie/izby. Alebo skontroluj, či niečo v domácnosti nefunguje tak ako má. Trebárs aj kvapkajúci vodovodný kohútik :)

Pre lepšiu organizáciu práce si zaveď zoznam úloh, ktoré treba spraviť. Mne sa osvedčila GTD technika (Getting Things Done). Na webe je to výborná webka www.nirvanahq.com či http://www.rememberthemilk.com/, pre Linux je tu výborná aplikácia Getting Things Gnome a pokiaľ používaš Gmail, vstavané Úlohy vedia poslúžiť veľmi dobre, vďaka integrácii s e-mailom (stačí stlačiť Shift+T pri otvorenom e-maily od zákazníka).

5. Maj trpezlivosť

Keď som začínal s grafikou, mal som krásne predstavy o rýchlom zbohatnutí a práci maximálne tak raz za týždeň :D Prdlajs :D Prestaň snívať a začni si budovať meno. Zoznám sa s ďalšími grafikmi na internete, buď nápomocný klientom pri rozhodovaní, ale aj v online komunite. Ale samozrejme zas s mierou. Hlavne zákazníkom nedovoľ zasahovať do súkromného života. Stanov si “otváracie hodiny” pre telefón. Napr. ja prijímam telefonáty od zákazníkov (a neznámych čísiel) len cez pracovné dni od 9:00 do 18:00. Potom prepínam mobil na tichý režim.

Tiež never veciam ako “zbohatni písaním blogu” alebo “zo dňa na deň rock-star”. Bullshit :D Písaním blogu nezbohatneš, táto éra už dávno skončila. Ja sám píšem tento blog sám pre seba, bez reklamy. Jednoducho len chcem odovzdávať moje poznatky ďalej. A vedľajším efektom je aj budovanie si mena. A hlavne nezabúdaj, dôvera sa buduje generácie, nedôvera sekundy…

6. Buď skromný

Dôležitá rada na záver. Nesnaž sa mať všetko. Peknú kanceláriu, nadupaný počítač a mobil, reprezentatívne auto a podobne. Dá sa to postupne, ale zároveň sa sám seba spýtaj, či to ozaj potrebuješ. Kedysi som mal 3 mobilné telefóny. Firemný, súkromný a pre istotu jeden záložný. A k tomu 3x paušál. Ani som neuvažoval nad tým, či to potrebujem, proste som to mal. Mesačné výdavky presahovali 80 € a ani som nejak nekontroloval, či to všetko využívam. Už vtedy som väčšinu vecí vybavoval mailom, pripadne cez IM. Jedného dňa som však spravil škrt cez rozpočet, zrušil 2 čísla, na treťom som zrušil paušál a prešiel na platbu len za to, čo prevolám. Výsledok? Mesačne miniem na telefonovanie max. 4 až 5 €. A táto otázka “Skutočne to potrebujem?” sa dá aplikovať na kopec ďalších vecí. Napr. som chcel kúpiť nový fotoaparát. Zrkadlovky nikdy neboli lacná záležitosť, ale jednoducho chcel som niečo nové. No pred samotnou kúpou (už som mal platobnú kartu v ruke :D) som sa sám seba spýtal, ako často fotím pre zákazníkov. Pri odpovedi je podstatné neklamať sám seba :) Ja pre zákazníkov fotím max. 3-4 krát do roka. Z čoho je teda jasné, že fotenie nie je mojím nosným zárobkom a preto by sa mi investícia do nového fotoaparátu neoplatila. A tak som ostal pri starom fotoaparáte a pre istotu som (ako som písal vyššie) vyhodil z cenníka produktovú fotografiu. Namiesto toho som zavolal kamarátovi, ktorý sa fotením živí, či by fotil produkty a iné veci pre zákazníkov, on súhlasil a tak sme spokojní obaja. Kamarátsky outsourcing, ktorý ušetrí kopec peňazí aj nervov :)

Byť freelancerom je úžasná vec, ale len pokiaľ si stanovíš pravidlá. Anarchistické podnikanie ťa môže rýchlo položiť na lopatky a zbytočne ti skomplikovať život. Radšej pomaly a s úsmevom :)

Samozrejme, správny grafik bude mať zapnutú simuláciu CMYK tlače, ak robí dokumenty pre tlačené médium. A túto simuláciu podporuje Gimp, Inkscape a samozrejme aj Scribus. Výhoda teda je, že nepotrebuješ sa ukracovať o pekné farby konverziou obrázkov do CMYK, postačí ti jeden zdrojový obrázok v RGB, či už bude na tlač, alebo neskôr na web. Nevýhoda je, že nie vo všetkých tlačiarňach podporujú PDF/X-3 (aj keď takých je už málo) a aj v tých, v ktorých to podporujú, nemusia vedieť o tom, že táto konverzia na CMYK je vykonávaná automaticky tesne pred tlačou. A potom sú tu tie výhražné telefonáty či maily od tlačiara, že čo si to za grafika, keď mu posielaš RGB obrázky :D Inu človek sa učí celý život :)

Začíname

Vyber nástroj Kruh [F5] a nakresli tenký ovál, niečo ako cigaru. Konce by mali budiť dojem, že sú ostré:

Ovál preveď na krivky [Ctrl]+[Shift]+[C] a spodný uzol preveď na symetrický (podrž [Ctrl] a klikaj na uzol, kým sa nezmení na štvorec, alebo klikni na 9 ikonu v poradí na hornej kontextovej lište). Potiahni kontrolnú čiaru na spodnom uzle tak, aby spodná polovica oválu bola rovnako široká.

Teraz vyber nástroj Gradient [G] a vytvor lineárny farebný prechod z čiernej do tmavošedej, ako je to na obrázku. Začíname s tieňovaním…

Zduplikuj “cigaru”, daj jej bielu výplň, odsaď (pomocou šípiek na klávesnici) od okraja, znova zduplikuj, daj jej inú farebnú výplň pre lepšiu orientáciu a znova odsaď. Dostaneš niečo takéto.

Vyber bielu cigaru, podrž [Shift] a vyber aj červenú. Následne stlač [Ctrl]+[-] pre booleanovskú operáciu odčítania. Mal by ti zostať len tenký biely prúžok, čo je vlastne odlesk. Horný koniec treba trošku upraviť. Ak ti tam zostali 2 uzly, jeden vymaž a druhý uprav pomocou kontrolných čiar tak, aby bol ostrý a mierne kopíroval čiernu cigaru.

Opäť vyber nástroj Gradient, klikni na ten tenký biely prúžok a potiahni myšou zhora nadol, aby si dostal niečo nasledovné.

Zduplikuj si tento biely prúžok, nastav mu bielu výplň, filter rozostrenia (Blur) nastav na 2 (pre zobrazenie paletky Výplne stlač [Ctrl]+[Shift]+[F]) a priehľadnosť nastav na cca 50%. Následne zduplikuj tento rozmazaný prúžok, prevráť ho horizontálne (v kontextovej lište je to 6 ikona) a šípkami ho presuň na pravú časť cigary. Takto získaš dojem odrazu bielej farby papiera, keď neskôr štetec natočíš. Ak by si mal “papier” alebo podklad inej farby, stačí aj tento rozmazaný prúžok zafarbiť pre väčšiu realistickosť.

Znova zduplikuj čiernu cigaru (ak sa ti ju nedarí vybrať, nezabudni držať [Alt] a klikať na ňu až kým sa nevysvieti). Nástrojom Kruh vytvor ovál, ktorý neskôr odrežeš od zduplikovanej cigary. Treba hlavne prispôsobiť zaoblenie jeho spodnej časti, aby sa približovalo zaobleniu celej cigary. Ak máš hotové, Vyber oba ovály a opäť pomocu [Ctrl]+[-] odčítaj vrchný červený od spodného.

Výslednému objektu nastav bledošedú farbu, zduplikuj, nastav inú farbu a odsaď smerom nadol. Dostaneš niečo takéto.

Opäť vyber oba objekty a odčítaj vrch od spodku. Vyber nástroj Gradient a vytvor lineárny farebný prechod. Vytvárame kovovú špičku štetca, takže tu treba vytvoriť viacero bodov farebného prechodu (stačí dva krát kliknúť na čiaru prechodu, kurzor sa zmení na symbol +) a použi kontrastnejšie farby medzi jednotlivými bodmi. Zaujímavé efekty docieliš, ak priblížiš body veľmi blízko k sebe.

Zduplikuj túto kovovú špičku, pomocou nástroja na úpravu ciest [F2] uprav spodnú časť tak, aby prečnievala cez cigaru. Následne vyber cigaru aj tento nový objekt a odčítaj ich.

Pre vytvorenie “preliačení” na oboch koncoch kovovej špičky použi postup, aký som tu už viac krát opisoval – zduplikovať, odsadiť, zduplikovať, vybrať oba nové objekty a odčítať. Potom stačí nastaviť striedavo tmavú a svetlú výplň a je to. Pre vytvorenie hlavy štetca so štetinami použi ovál, podobne ako to vydíš na tomto obrázku. Pomocou klávesy [Page Down] presuň ovál pod kovovú špičku.

Skonvertuj ovál na krivky, spodný uzol preveď na ostrý pomocou kontextovej lišty a kontrolné čiary uprav tak, aby si dostal niečo podobné:

Radiálnym farebným prechodom zo šedej do čiernej vytieňuj špičku štetca.

Teraz prichádza najzložitejšia časť celého návodu. Nástrojom Cesta [Shift]+[F6] začni kresliť jednotlivé štetiny. Čím ich bude viac, tým bude výsledok realistickejší. Každá štetina má lineárny farebný prechod zo svetlejšej šedej do stratena.

Keď máš štetiny hotové, vyber všetky objekty [Ctrl]+[A] a natoč štetec.

Vytvorenie tieňa je už hračka, stačí nakresliť približný tvar štetca, nastaviť mu šedú výplň, nástrojom Gradient upraviť koniec do stratena a nakoniec pridať efekt rozostrenia.

Tak a to je všetko :) Originál si môžeš stiahnuť tu - stetec.svg

1. Úvod

Jednotný vizuálny štýl je dôležitou súčasťou každej firmy na verejnosti v očiach svojich zákazníkov či konkurencie. Podoba vizuálneho štýlu zviditeľňuje základné údaje o firme ako napríklad jej názov, alebo aké je jej zameranie. Základným prvkom každého vizuálneho štýlu je logo.

Logo je základný komunikačný prvok firmy s verejnosťou. Má za úlohu jednoznačne špecifikovať firmu a vytvoriť jej jedinečnosť. Preto je potrebné stanoviť všeobecné pravidlá používania loga. Tieto pravidlá sú vypracované v logomanuáli, prípadne grafickom manuáli.

Logomanuál je teda popis, ako sa má správne používať logo pre vytvorenie jednotného vizuálneho štýlu firmy. Obsahuje v sebe konkrétne príklady použitia loga v praxi, ako napríklad na hlavičkovom papieri, vizitke a pod. Ďalej obsahuje presné tvary loga, proporcie jednotlivých častí, vzdialenosti, farby a používané písma. Logomanuál je iba návodom ako sa má logo ďalej používať v rôznych prípadoch. Sú tu aj vizuálne ukážky nesprávneho používania loga, ktoré ale nevyčerpávajú všetky zakázané spôsoby jeho použitia.

Firma je povinná riadiť sa pravidlami vypísanými v dodanom logomanuáli a to vo všetkých formách vnútornej aj vonkajšej komunikácie firmy s verejnosťou. Ďalšie používanie loga a jednotlivých častí logomanuálu smie iba osoba oprávnená k danej činnosti a to v súlade so všetkými pravidlami logomanuálu.

2. Symbolika, farebnosť, typografia

Symbolika – v tejto časti tvorca loga vysvetlí, pre aké dôvody navrhol dané riešenie loga. Do úvahy treba brať faktory ako napríklad, aké je zameranie firmy, kde bude logo použité, pre akú vekovú kategóriu má byť zamerané atď.

Farebnosť – tvorca loga napíše čo symbolizujú jednotlivé farby v logu a ako pôsobia na človeka. Napríklad použitie červenej farby sa vyznačuje vitalitou, energiou a ľudským teplom. Sama o sebe vyvoláva pocit tepla, energie, priateľstva a pôsobí povzbudzujúco.

Typografia – v tejto časti sa vypíšu základné dôvody, prečo sa tvorca rozhodol pre daný font, na aké účely je najvhodnejší, aký vplyv má tvar fontu na človeka, jeho názov prípadne ešte jeho históriu. V prípade že tvorca nepoužil na vytvorenie loga font, tak sa údaje ako napr. názov vynechávajú.

3. Časti loga

Logo zväčša pozostáva z grafického symbolu a textovej časti. Medzi obidvoma časťami musí byť dodržaná vzdialenosť a percentuálne podiely výšky a šírky v pomere, ako to určí tvorca logomanuálu loga. Príklad je na obrázku 1.

Obrázok 1: Príklad proporčného rozdelenia a vzdialeností jednotlivých častí loga

4. Základné varianty loga

V tejto časti logomanuálu sa ukazujú základné farebné varianty loga. Najčastejšie sú to nasledujúce verzie. Farebná verzia, verzia s odtieňmi šedej, čierno biela verzia a negatív (Obrázok 2). Pri každej je potrebné uviesť hodnoty farieb v paletách CMYK, RGB, HEX a PANTENE. Ďalej treba uviesť ku každej verzii, na ktoré použitia je najvhodnejšia. Napríklad farebná verzia je najvhodnejšia na počítačové aplikácie, ak chceme znížiť náklady, tak šedá na tlač, čierno biela verzia na pečiatky a podobne.

Obrázok 2: Príklady farebných verzií loga. Od ľavého horného obrázku: farebná verzia, šedá verzia, čiernobiela verzia, negatív.

A) Červená: CMYK: 0/100/100/0; RGB: 237/32/36; HEX: ED2024; PANTONE: Pantone 1797 C

B) Čierna: CMYK: 0/0/0/100; RGB: 0/0/0/; HEX: 000000; PANTONE: Pantone Black C

C) Šedá: CMYK: 0/0/0/70; RGB: 110/112/114; HEX: 6e7072; PANTONE: Pantone 424 C

D) Biela: CMYK: 0/0/0/0;RGB: 255/255/255; FFFFFF; PANTONE: 0 %

Obrázok 3: Farby, ktoré sa nachádzajú v logu

5. Ochranná zóna

Podobne ako má človek svoj ochranný priestor, tak ho má aj každý grafický prvok, čiže aj logo. Ochranná zóna je priestor, do ktorého nemôže zasahovať žiaden text ani žiadne iné grafické prvky, fotky atď. Tento ochranný priestor je určovaný rámčekom, ktorého vzdialenosť od konca loga je definovaný niektorým písmenom z loga. V našom prípade je to písmeno „N“. Takto máme zaručené, že logo vynikne. Ochranná zóna definuje minimálnu vzdialenosť. Ak je to možné, odporúča sa ochrannú zónu používať väčšiu, ako je predpísaná v logomanuáli. Príklad je na obrázku 4.

Obrázok 4: Vymedzenie ochrannej zóny loga

6. Ochranná zóna vo vzťahu k textu alebo grafike

V praxi nastane veľa prípadov, keď potrebujeme umiestniť logo voči inému objektu. Aj na tento prípad sú v logomanuáli zaužívané postupy. Základom je vždy dodržať ochrannú zónu ako je uvedené vyššie. Najpoužívanejšie umiestnenia loga voči inému objektu sú na stred, ľavú a pravú stranu. Príklady sú demonštrované na nižšie uvedenom príklade s troma možnosťami. Pri všetkých troch možnostiach uvažujeme, že rozmery loga sú menšie ako rozmery poľa textu alebo grafiky:

Obrázok 5: Ochranná zóna vo vzťahu k textu alebo grafike

A) Logo zarovnané na ľavo voči textu alebo grafike. Ľavá strana loga sa umiestňuje tak, aby bol na ľavo zarovnaný grafický symbol voči textu alebo grafike, pričom ochranná zóna nemôže vyjsť z pola na ktorom je umiestnené logo s textom alebo grafikou. Horná strana loga sa umiestňuje zarovno s textom alebo grafikou, pričom musí byť dodržaná ochranná zóna.

B) Logo zarovnané na stred voči textu alebo grafike. Logo sa umiestni presne na stred voči textu alebo grafike, pričom musí byť dodržaná ochranná zóna.

C) Logo zarovnané na pravo voči textu alebo grafike. Tento prípad je taký istý ako pri zarovnaní na ľavo s tým, že zarovnávame textovú časť loga na pravo voči textu alebo grafike.

7. Nesprávne umiestenie

V tejto časti sa zobrazuje nesprávne umiestnenia loga voči textu alebo grafike. Robí sa to pomocou názorných ukážok a popisu k nim. Na nižšie uvedenom obrázku je uvedený príklad. Vo všeobecnosti platí, že logo nesmie vôbec zasahovať do textu alebo grafiky žiadnou jeho časťou.

Obrázok 6: Príklad nesprávneho použitia ochrannej zóny vo vzťahu k textu alebo grafike

8. Proporcie – štvorcová sieť

Pomocou štvorcovej siete vidíme presné pomery a vzdialenosti strán medzi jeho jednotlivými časťami. Umožňuje vytvárať presné kópie loga. Pri štvorcovej sieti je dôležité, aby jednotlivé dieliky štvorcov čo najvernejšie zachytávali štruktúru loga, vzdialenosti medzi grafickým symbolom a textovou časťou, pomery výšky a šírky atď. Napríklad na nižšie uvedenom príklade vidíme, že grafický symbol sa skladá na šírku aj výšku z 10 štvorčekov, ďalej že vzdialenosť medzi grafickým symbolom a textovou časťou loga sú tri dieliky a že celá textová časť je tvorená na šírku z 31 štvorčekov. K logomanuálu treba na CD dodať aj zdrojový súbor nákresu štvorcovej siete pre ešte podrobnejšiu analýzu. Podrobnejšiu štvorcovú sieť sa dá zapnúť v každom grafickom programe.

Obrázok 7: Zobrazenie proporcií loga pomocou štvorcovej siete

9. Minimálna veľkosť

Je to veľkosť loga, pri ktorej je zaručená dostatočná čitateľnosť loga. Varianty treba navrhnúť osobitne pre tlač a zobrazenie na monitore. Pre tlač sa navrhuje veľkosť vhodná pre kancelárske tlačiarne. Ak je tlačiareň kvalitnejšia o menšom rozmere môže rozhodovať polygraf. Jednotky v ktorých uvádzame minimálnu veľkosť je pri tlači v milimetroch a pri monitoroch v pixeloch. Maximálna veľkosť loga sa neurčuje. Veľkosť je nekonečná, nakoľko logá sú robené v krivkách. Na obrázku 8 je názorná ukážka definovania rozmerov minimálnej veľkosti loga. Veľkosť nemusí byť vždy definovaná výškou ako je to v tomto príklade.

Obrázok 8: Minimálna veľkosť v mm a px

10. Logo na farebnej podkladovej ploche

Aby bolo logo dobre viditeľné a čitateľné aj nad rôznymi farebnými plochami musíme vždy dodržať správny kontrast. V tejto časti logomanuálu tvorca uvedie vhodné farebné podklady pre základné varianty loga uvedené v bode 1.4. Vo všeobecnosti vždy platí, že medzi logom a podkladovou plochou musí byť dobrý kontrast. Podkladová plocha nie je len fotka, ale napríklad aj grafika alebo animácia. Ak nastane prípad, keď musíme použiť farebnú podkladovú plochu pod ktorou je logo zle čitateľné, tak tvorca loga určí na koľko percent priesvitnosti sa zoslabí farebná plocha a akej farby bude plocha pod zoslabenou plochou. Tým zaručí dostatočný kontrast.

V príkladne na obrázku 9 vidíme vhodné použitie loga na farebnom podklade. Je dodržaný kontrast a logo je čitateľné. Na obrázku 10 je príklad nevhodnej podkladovej plochy.

Obrázok 9: Logo na farebnej podkladovej ploche

Obrázok 10: Neprípustná farebná podkladová plocha

11. Nepovolené zmeny loga

Delia sa na dve základné varianty. Prvá je zmena farby a druhá zmena transformačná. Treba vyzdvihnúť, že akákoľvek zmena loga je zakázaná a že je povolené používať len varianty loga navrhnuté tvorcom loga. Na názorných ukážkach vidíme nesprávne zmeny loga:

Obrázok 11: Nepovolená zmena farby. Na logu sa nesmie zmeniť farba a ani jej odtieň. Taktiež sa nesmú zamieňať farby jednotlivých častí loga, napríklad, grafického symbolu s textom.

Obr.11: Nepovolená zmena farieb

Obrázok 12: Nepovolená zmena šírky. Nesmie sa meniť bez zachovania proporcií s výškou. Obdobne to platí aj pre zmenu výšky.

Obr.12: Nepovolená zmena šírky

Obrázok 13: Nepovolená zmena proporčných častí loga. Je zakázané meniť vzdialenosti a zarovnania medzi grafickým symbolom a textovou časťou inak, ako je to predpísané.

Obr.13: Nepovolená zmena proporčných častí loga

Obrázok 14: Nepovolená zmena pozície častí loga. Nepovoľuje sa zamieňať alebo inak premiestňovať jednotlivé časti loga.

Obr.14: Nepovolená zmena pozície častí loga
Obrázok 15: Nepovolená zmena pridania prvku do loga ako napríklad rámik okolo loga, symbol, grafiku, ikonu, iné logo, text a iné aj keď vyzerajú ako súčasť loga.

Obr.15: Nepovolená zmena pridania prvku do loga

Obrázok 16: Nepovolená zmena odobratia prvku z loga.

Obr.16: Nepovolená zmena odobratia prvku loga

Obrázok 17: Nepovolená zmena transformácie loga pridaním efektu, všetkých druhov transformácie ako napríklad otočenia, roztiahnutia, zošikmenia, menenie perspektívy, vlnenia modelovania do 3D a podobne.

Obr.17: Nepovolená zmena transformácie loga

Pri zmene farby je zakázané meniť farby loga, jeho jednotlivých častí, alebo len odtiene farby. Pri transformačných zmenách ja zakázané meniť šírku a výšku.

12. Písmo

Písmo je základným prvkom vizuálneho štýlu loga. Každé písmo má svoje špecifiká a tým je predurčené na konkrétne použitie. Napríklad Times New Roman na čítanie dlhých vytlačených textov ako sú knihy, články v časopise, písmo verdana je zasa vhodná na použitie na internete a pod. Preto je potrebné v logomanuáli určiť písma ktoré sa najviac hodia na použitie na monitore, webových stránkach, tlači, nadpisoch atď. Ďalej je potrebné uviesť základný a doplnkový font. Základný musí byť vždy uprednostnený. Doplnkový sa používa iba v prípade, kde to nie je možné z technologického alebo estetického dôvodu. V logomanuáli treba spraviť ukážku každého fontu, uviesť či je základný alebo doplnkový a na aké použitie je vhodný. Prípadne ešte aké pocity vyvoláva, stručnú históriu, kto ho navrhol a v ktorom roku. Nie je povolené používať iné fonty ako sú uvedené. Použité písma treba dodať na CD vo verziách pre Windows aj MAC. Pri písmach, ktoré nie sú voľne použiteľné bez súhlasu tvorcu sa prikladá aj licenčná zmluva, ktorá sa dá zaobstarať pri zakúpení fontu. Nižšie je uvedený príklad ukážkového loga z bodu 1.4., kde je ako základný font použitý Myriad Pro a doplnkový Tahoma.

13. Použitie loga na vizitke

Pri navrhovaní vizitky treba dodržať viacero dizajnérskych pravidiel, ktoré nám zaručia že vizitka bude použiteľná, čiže ľudia budú ľahko rozoznávať zameranie firmy, jednotlivé symboly, nadpisy, podnadpisy, použité grafiky a podobne.

Logo je jednou z najdôležitejších častí vizitky, pretože nám hovorí o názve firmy a vo väčšine prípadov aj o jej zameraní. Pri použití loga na vizitke treba dodržať všetky doteraz spomínané pravidlá v grafickom manuáli, ako napríklad ochrannú zónu, proporčné rozdelenia a vzdialenosti jednotlivých častí, farby, písma a podobne. Ak umiestnite do vizitky všetky ostatné prvky ako napríklad meno, priezvisko, pracovnú pozíciu, adresu, kontakt, a podobne s tým, že dodržíte všetky dizajnérske pravidlá, tak máte zaručené že vizitka je použiteľná a logo ste umiestnili správne.

Umiestenie loga do vizitky ale aj celkový dizajn musí vychádzať z jednotnej grafickej úpravy, tak aby sa zachoval jednotný vizuálny štýl firmy predpísaný manuálom.

Pri vizitkách sa uvádza názorný príklad, zdrojové súbory na CD, proporčné rozdelenia vizitky, použité písma, ich veľkosti, typy, farby a parametre písma ku každej zložke vizitky. Štandardný rozmer vizitky je 9×5 cm. Ak sú obojstranné, tvorca logomanuálu vytvorí ukážku a popíše obe strany. Ďalej sa uvádza na aký typ papiera a s akou gramážou sa má vizitka vytlačiť. Najčastejšie na natieraný matný papier s gramážou 300 g.

Obrázok 18: Proporčné rozdelenie vizitky (pozn. admina: rozmery majú o jednu nulu naviac :))

14. Použitie loga na hlavičkovom liste

Pri použití loga do hlavičkového papiera platia tie isté pravidlá ako pri vizitkách, s tým že rozmer papiera je 210 x 297 mm a s tým, že sa väčšinou je predtlačený na biely papier kvalitnou ofsetovou alebo digitálnou tlačou s minimálnou gramážou 90 g. Príklad vidíte na obrázku 19.

Obrázok 19: Proporčné rozdelenie hlavičkového papieru a parametre použitého písma

15. Ďalšie príklady použitia loga

Na záver logomanuálu sa uvádzajú ďalšie ukážky použitia loga a to hlavne v reklamných predmetoch ako sú napríklad tričká, tašky, perá, faxový papier, poštová obálka, plagát, e-mailová správa, powerpointové pozadie, CD, samolepky na automobil, billboard, pečiatka, atď. Tieto ukážky nemusia byť podrobne rozpracované, nakoľko sa jedná iba o návrh použitia v budúcnosti. Ak už ale tvorca loga vie, že bude logo použité napríklad ako samolepka na automobil, vypracuje podrobný návrh s rozmermi, proporčnými rozdeleniami a podobne.

Pri každom použití by nemali chýbať informácie o rozmeroch loga a materiálu na ktoré bude použité, informácie o materiáli, vzdialenostiach loga od okrajov materiálu a informácie o použitých farbách a písmach.

Ukážky príkladov použitia loga sú na obrázku 20

Obrázok 20: Ukážky príkladov použitia loga.

Poďakovanie

Článok pripravil Tomáš Janek a patrí mu odo mňa veľká vďaka za takéto komplexné zhrnutie tvorby logomanuálu. Nech ti teda padne na úžitok a nezabudni navštíviť jeho web stránku: http://formag.sk/janek.

Zoznámte sa, moje krivky

Dialóg na úpravu kriviek je jednoduchý. Hore nájdeš uložené predvoľby. Pod nimi je výber kanálov. Štandardne sa upravuje kompozitný, teda všetky farebné zložky naraz. Potom je na výber samostatne každá z RGB farieb a prípadne alfa kanál masky. Vpravo je výber typu histogramu. Pravdupovediac, som zvyknutý na lineárny histogram, keďže tento typ nájdeš takmer všade, aj vo foťákoch.
Najväčšiu časť okna zaberá samotné okno s krivkou a čiarou, ktorá ukazuje akú hodnoty som vybral v obrázku. Ak nevieš, čo mám na mysli, stačí vybehnúť kurzorom na obrázok a kurzor sa zmení na pipetku a môžeš si “nabrať” farbu. Táto čiara reprezentuje jasovú zložku nabranej farby.  Hodí sa to napríklad, keď nechcem prepáliť nejakú špecifickú farbu. Táto čiara mi určí hranicu, pokiaľ môžem bezpečne upravovať.
No a pod krivkou je voľba typu krivky. Krivku môžeš mať plynulú, niečo ako b-spline krivky v Inkscape, alebo si ju nakresliť ručne. Pre prirodzené prechody je lepšie používať plynulú verziu, ale niekedy sa človek nevyhne ostrým prechodom.

Dialóg Krivky (Curves)

Tak, máš pred sebou čarovné okienko s rovnou uhlopriečkou. To znamená, že zatiaľ si nespravil žiadne úprave. No poďme to zmeniť. Ľavý dolný roh reprezentuje čiernu farbu v obrázku, pravý horný zas bielu farbu.  Ak by si ľavý bod posunul úplne vľavo hore, dostaneš biely obrázok. Je to preto, lebo si práve všetky jasové zložky farieb vyburcoval na 100%. Presný opak by nastal, ak by si pravý horný bod posunul vpravo dole. Čistá čierna farba. No a ak by si tieto rohy zamenil, teda ľavý dolný presunul nahor a pravý horný nadol, tak dostaneš inverznú podobu obrázku. Začína nám svitať? OK, poďme ďalej.

Skalpel, prosím

Väčšina ľudí používa krivky len na zvýšenie kontrastu, čo je celkom škoda, pretože krivky toho dokážu omnoho viac. Ale tak dobrý kontrast je základ. Ak napríklad potrebuješ presvetliť tmavé oblasti, klikni a potiahni krivku v jej ľavej časti smerom hore. Ak potrebuješ zvýšiť kontrst, základom je takzvaná S krivka. Tmavé časti, čiže ľavú časť krivky potiahneš dole, pravú časť zas hore. Viď obrázok nižšie:

Sekcie krivky

Červená časť zobrazuje tiene. Oranžová tmavé oblasti, žltá bledšie časti a zelená svetlé časti. Vďaka histogramu hneď aj krásne vidieť, ktoré časti obrázku potrebujú pomôcť. Napríklad na mojej fotografii jasne chýbajú najsvetlejšie časti, takže zdvihnutím krivky v pravej časti presvetlím celú fotografiu:

Úprava svetlej časti fotografie

Všimni si, ako som si pomocnými kontrolnými bodmi “pridržal” tmavé časti fotografie a vyzdvihol len svetlé. Podľa histogramu by síce moja fotografia mala byť OK, ale jasne vidieť, že zelená farba je prehnaná. Čo teraz? V dialógu vľavo hore vyberiem zelený kanál a poďho upraviť len zelenú zložku fotografie:

Úprava zeleného kanála

Tmavšiu zelenú som si podržal kontrolným bodom približne v strede krivky. Zato svetlejšiu zelenú som plynule stmavil stiahnutím pravej časti krivky. Všimni si hlavne zvýraznené kvapky vody na liste. Pre porovnanie pred samotnou úpravou a po nej (vrchná čast je upravená):

Porovnanie

Vysoký tón

Krivky sú výborným nástrojom aj na tónovanie fotografie (Split toning z angličtiny). Všetko čaro spočíva v hraní sa s jednotlivými kanálmi. Chceš spraviť pôsobivý portrét s divokými farbami?

Portrét - porovnanie

Na dosiahnutie takéhoto výsledku sa stačilo s jednotlivými kanálmi pohrať nasledovne:

Nastavenie kanálov pre split toning

V podstate sa stále jedná o S krivky, len pre každý kanál s inými nastaveniami. Výsledok však dodá dramatickosť nielen portrétom. Split toning je dosť o experimentovaní. A potom si nezabudni každý experiment uložiť ako predvoľbu ;)

Tak čo? Pomohlo? Tip na záver: krivky sa dajú použiť aj pri úprave masiek. Takto sa dajú napr. rýchlo upraviť komplexné výbery ;)

Ďalšou zaujímavosťou je náhľad separácií, vhodný pred tlačou. Bohužiaľ zatiaľ nefunguje pre obrázky a farebné prechody.

Keď som pri obrázkoch, po novom sa už Inkscape pýta, či sa má obrázok nalinkovať (vloží sa len odkaz na umiestnenie obrázku), alebo sa má “na tvrdo” vložiť do SVG súboru. V prípade, že obrázok vkladáš cez schránku, obrazové dáta sa do SVG vložia automaticky a už sa nevytvárajú nové PNG súbory v adresári s SVG súborom.
Kompletne prepracovaný je aj nástroj na úpravu bodov. Teraz už dokáže upravovať body vo viacerých nezávislých krivkách naraz, spájať ich, myšou transformovať samotné uzly a kopec ďalšieho. Pre mňa ako používateľa Illustratora aj Inkscape je práve tento nástroj dôvodom, prečo mám Inkscape omnoho radšej než Illustrator.
Textový nástroj doznal tiež úprav – väčšina klávesových skratiek pre úpravu riadkovania či medzier medzi písmenami a slovami bola doplnená o možnosti nastavenia v nástrojovej lište. Pribudlo aj jedno rozšírenie pre text (Extensions » Text » Split text), ktoré rozdelí odstavcový text na riadky alebo rovno samostatné slová.
Veľký šetrič času pri tvorbe web dizajnu je rozšírenie Pixelsnap (Extensions » Modify Path » Pixelsnap), ktoré prichytí grafiku k pixelovej mriežke, aby po exporte do bitmapy boli všetky čiary ostré.
Celkovo je zmien dosť. Vidno zameranie sa aj na tlačovú oblasť a to je len dobre. Už len viac možností exportu do PDF a konverzia obrázkov do CMYK a je z Inkscape dokonalý nástroj na kompletnú komerčnú tvorbu.

Začíname

Vytvor si nový obrázok o rozmeroch tvojho monitora.

Hneď nabehni do menu Filters » Render » Fractal Explorer (teraz fakt neviem, ako to je po slovensky – mea culpa :))

Tu sa treba pohrať s nastaveniami ako uznáš za vhodné. Na farbách nezáleží a podľa vygenerovaného obrazu sa bude odvíjať zbytok tvorby. Takže zakaždým dostaneš iný výsledok. TIP: V okne vľavo sa dá vybrať časť fraktálu, kde sa po kliknutí priblíži.

Po aplikácii filtra prevedieme obrázok do čiernobielej podoby (Colors » Desaturate). Teraz ideme do menu Filters » Blur » Motion Blur (rozmazanie pohybom) a nastavíme poriadne veľkú hodnotu rozmazania a uhol podľa chuti.

Tak a do tretice všetko dobré, posledný filter je vo Filters » Map » Fractal Trace (a zas som zo slovenského prekladu mimo). Tu sa zas treba pohrať s nastaveniami tak, aby bol výsledok potechou pre oko. Netreba sa báť škaredších okrajov. Podstatný je väčšinový stred obrázku.

Po aplikácii filtra môžeme vrstvu zväčšiť a natočiť tak, ako nám to bude vyhovovať. Teraz si vytvoríme novú vrstvu a nastavíme jej režim prelínania na Color (Farba). Vyberieme nástroj Gradient (Farebný prechod) a ako typ prechodu zvolíme “Foreground to Transparent” (Z farby popredia do priehľadna). Vyberieme si nejakú peknú farbu a potiahneme z jedného kúta obrázku do druhého. Toto opakujeme pre ďalšie farby a rôzne smery ťahania. Výsledok bude možno aj niečo takéto:

Tak a teraz rovno uložiť, alebo sa pohrať a doplniť nejaký pekný text:

A to je všetko :)

www.cmykconverter.com