<aid="bitmap-vector"name="bitmap-vector">Bitmapové ikony BeOS vs. vektorové ikony Haiku</a></h2>
<p>Na rozdiel od BeOS, Haiku používa vektorové ikony namiesto bitmapových. Špeciálny formát pre vektorové ikony v Haiku (HVIF) bol vyvinutý tak, aby bola veľkosť súboru ikony malá a aby bolo vykresľovanie rýchle. Preto sú naše ikony väčšinou <i>oveľa</i> menšie ako bitové mapy alebo veľmi rozšírený formát SVG. Taktiež, na rozdiel od bitmapových ikon BeOS, nie sú ikony v Haiku obmedzené 8-bitovou paletou (256 farieb).<br/>Pozrite sa napríklad na túto ikonu Terminálu:</p>
<p>Všimnite si, že BeOS používa dve verzie tej istej ikony, jednu 16x16 a druhú 32x32, na dosiahnutie výsledku v režime zoznamu a v režime zobrazenia ikon.</p>
<p>Vektorové ikony tento trik nepotrebujú. Nielenže zaberajú iba pár stoviek bajtov, ale ich veľkosť je oveľa lepšie prispôsobiteľná ako veľkosť bitmapových ikon. (Poznámka: BeOS ponúklo iba veľkosti 16x16 a 32x32.)</p>
<aid="icons-attributes"name="icons-attributes">Ikony sú atribúty</a></h2>
<p>Ikony sú v súboroch uložené ako ich atribúty. To ale neznamená, že je nutné, aby každý súbor mal tento atribút na to, aby mal zobrazenú ikonu v okne Trackera: dátové súbory dedia svoje ikony podľa typu súboru. Globálne sa dá zmeniť ikona typu súboru v nastaveniach <spanclass="app">Typov súborov</span>
Ak chcete iba pridať špeciálnu ikonu individuálnemu súboru, môžete použiť <spanclass="app">doplnok FileType</span>. Ďalšie informácie nájdete v téme <ahref="../filetypes.html">Typy súborov</a>.</p>
<divclass="box-info">Pretože je ikona atribútom, iba súborové systémy s podporou metadát môžu uchovať individuálnu ikonu súboru. Takže ak budete presúvať vaše súbory zo zväzku BFS, odporúčame vám zabaliť ich do archívu zip, aby ste sa vyhli strate ikon alebo iných atribútov.</div>
<aid="i-o-m"name="i-o-m">Tvorenie ikon v Icon-O-Matic</a></h2>
<p>Icon-O-Matic je editor ikon Haiku, ktorý dokáže uložiť vašu prácu vo formátoch HVIF, SVG alebo PNG. Ikona tiež môže byť priamo pripojená ako atribút existujúcemu súboru alebo ako zdroj alebo zdrojový kód pre vývojárov. Keďže aplikácia bola ušitá na mieru optimalizovanému formátu HVIF, jej používanie odráža vnútorné fungovanie tohto formátu.</p>
<p>Na rozdiel od bežného softvéru na tvorbu vektorovej grafiky tu nebudete pracovať so samostatnými objektmi s konkrétnymi vlastnosťami ako cesta, šírka ťahu, farba ťahu a výplne atď. Namiesto toho budete skladať objekty („tvary“) zo zdieľaných ciest a farieb („štýly“) a nastavovať určité vlastnosti. Opätovné použitie prvkov je jedným z tajomstiev efektivity HVIF. Napriek tomu, že táto metóda predstavuje pre používateľa niekoľko obmedzení, má aj svoje výhody. Napríklad opätovným použitím cesty možno modifikovať niekoľko objektov upravením tejto jednej cesty. Dá sa to prirovnať k objektu a jeho tieňu. Úprava zdieľanej cesty zmení samotný objekt a automaticky (hoci možno skreslene) aj jeho tieň.
<p>Aby ste mohli na plátne vytvoriť viditeľný objekt, potrebujete tvar s jeho cestou a štýlom. Pohodlne môžete vytvoriť jeden, dva alebo všetky 3 z menu <spanclass="menu">Tvarov</span>. Každý druh objektu (cesta, tvar, transformátor a štýl) má svoj vlastný zoznam prvkov, ktoré ponúkajú rôzne príkazy. Každý prvok má určité možnosti, ktoré sa nastavujú v <spanclass="menu">Nastaveniach</span>. </p>
<p>Cesta pozostáva z niekoľkých bodov spojených čiarami alebo Bézierovými krivkami. Ak chcete pridávať alebo meniť body, uistite sa, že daná cesta je vybraná v zozname ciest.</p>
<p>Jednoduché kliknutie na plátno nastaví prvý bod. Počas nastavovania bodu rozhodujete, či bude výsledná čiara rovná alebo krivá: jednoduché kliknutie a pustenie vyprodukuje rovnú čiaru, podržanie tlačidla a posunutie myši vysunie úchopy Bézierovej krivky. Samozrejme, všetko môžete neskôr zmeniť.</p>
<p>Aby ste sa dostali z obrázka „A“ do „B“, musíte transformovať niektoré body z rohových na krivkové. To sa robí držaním klávesu <spanclass="key">ALT</span> počas kliknutia na bod, čím sa vysunú úchopy. Takto vznikne symetrický Bézier: prvý úchop kopíruje pohyb druhej. Ak chcete, aby sa úchopy hýbali nezávisle, znovu kliknite a pretiahnite úchop Béziera počas držania klávesu <spanclass="key">ALT</span>.<br/> Zmeniť riadiaci bod Bézierovej krivky na rohový bod môžete znova držaním klávesu <spanclass="key">ALT</span> počas kliknutia na bod.</p>
<p>Ak chcete presunúť bod, jednoducho naň kliknite a pretiahnite ho myšou. Viac bodov sa dá vybrať držaním kĺavesu <spanclass="key">SHIFT</span>, čím natiahnete obdĺžnik výberu. Označené body sa líšia od neoznačených červeným okrajom namiesto čierneho.<br/>
Ak chcete do existujúcej cesty pridať bod, kliknite na čiaru medzi bodmi, ktoré ju určujú. Označené body môžete odstrániť stlačením <spanclass="key">DEL</span> alebo kliknutím na bod počas držania klávesu <spanclass="key">CTRL</span>.</p>
<tr><tdclass="onelinetop"><spanclass="menu">Vybrať všetky</span></td><tdstyle="width:70px"><spanclass="key">ALT</span><spanclass="key">A</span></td><td>Vyberie všetky body aktuálnej cesty.</td></tr>
<tr><td><spanclass="menu">Transformovať</span></td><td><spanclass="key">T</span></td><td>Vloží všetky vybrané body do transformačného boxu, čo vám umožňuje hýbať, meniť veľkosť a otáčať všetky body spolu. Funguje to presne ako s tvarmi (popísané nižšie).</td></tr>
<tr><td><spanclass="menu">Rozdeliť</span></td><td></td><td>Rozdelí vybrané body na dva na sebe ležiace.</td></tr>
<tr><td><spanclass="menu">Prevrátiť</span></td><td></td><td>Otočí vybrané body o 180°. Ovplyvňuje iba Bézierove body.</td></tr>
<tr><td><spanclass="menu">Odstrániť</span></td><td><spanclass="key">DEL</span></td><td>Odstráni všetky vybrané body.
<p>Menu <spanclass="menu">Cesty</span> ponúka niekoľko samozrejmých položiek, ako <spanclass="menu">Pridať obdĺžnik</span> a <spanclass="menu">Pridať kružnicu</span> alebo <spanclass="menu">Duplikovať</span> či <spanclass="menu">Odstrániť</span> cestu. Tu sú tie, ktoré možno treba trochu objasniť:</p>
<tr><td><spanclass="menu">Obrátiť</span></td><tdstyle="width:15px;"></td><td>Ak vaša cesta nie je „uzavrená“ (pozrite Vlastnosti cesty nižšie), kliknutie na plátno vždy vytvorí nový bod, ktorý sa spojí s posledným. Možnosť „Obrátiť“ prevráti toto poradie a váš nový bod bude pripojený k pôvodnému začiatočnému bodu.</td></tr>
<tr><td><spanclass="menu">Vyčistiť</span></td><td></td><td>Užitočné pri importe SVG, táto funkcia odstráni nadbytočné body.</td></tr>
<tr><tdclass="onelinetop"><spanclass="menu">Otočiť indexy vpred</span></td><td><spanclass="key">ALT</span><spanclass="key">R</span></td><td>Táto funkcia otočí otvor cesty. Najlepšie je to vidieť na neuzavretej ceste so štýlom a transformátorom ťahu. Ak vaša cesta vyzerá ako ⊂, bude sa otáčať takto: ⊂ ∩ ⊃ ∪ (v smere hodinových ručičiek).</td></tr>
<tr><tdclass="onelinetop"><spanclass="menu">Otočiť indexy opačne</span></td><td><spanclass="key">ALT</span><spanclass="key">SHIFT</span><spanclass="key">R</span></td><td>Robí to isté v opačnom smere.</td></tr>
<p><spanclass="menu">Vlastnosti</span> v dolnej časti okna vľavo ponúkajú všetky dostupné nastavenia aktuálne vybraných objektov. Cesta má iba dve: <spanclass="menu">Názov</span> a či je <spanclass="menu">Zatvorená</span> alebo nie.</p>
<p>Tvar zlučuje jednu alebo viac ciest so štýlom. V podstate je to objekt, ktorý bude na plátne viditeľný. Zlučovanie sa robí zaškrtávacími políčkami, ktoré sú pred cestami a štýlmi: Jednoducho vyberte váš tvar a zaškrtnite cesty a štýl, ktoré požadujete.</p>
<p>Tvar udáva, ako budú cesta a štýl aplikované, napr. či má byť objekt vyplnený alebo iba načrtnutý (čo sa robí pomocou Transformátorov, k tomu sa dostaneme neskôr). Tvar môžete tiež presúvať, otáčať alebo meniť jeho veľkosť bez akejkoľvek manipulácie s použitými cestami. Týmto spôsobom môžete viackrát použiť tú istú cestu a dostať tak rôzne, ale príbuzné tvary.</p>
<p>Okolo označeného tvaru sa zobrazí obdĺžnik. Podľa toho, kde ho uchopíte ním môžete hýbať, meniť jeho veľkosť alebo otáčať ho okolo bodu v strede tvaru, ktorý tiež môžete presunúť. Držaním klávesu <spanclass="key">SHIFT</span> uzamknete smer hýbania, obmedzíte otáčanie na 45° a zachováte pomer strán pri zmene veľkosti. Kurzor myši znova indikuje aktuálny režim:</p>
<p>Tvary na sebe ležia, dalo by sa povedať, že každý vo svojej vlastnej vrstve. Ak chcete zmeniť poradie týchto vrstiev, môžete tak urobiť jednoduchým uchopením a pretiahnutím na inú pozíciu v zozname tvarov.</p>
<p>Menu <spanclass="menu">Tvaru</span> ponúka už spomenutú možnosť <spanclass="menu">Pridať prázdny, s cestou/štýlom/cestou a štýlom</span> a <spanclass="menu">Duplikovať</span> alebo <spanclass="menu">Odstrániť</span> tvar. Ďalej sú tu možnosti:</p>
<tr><td><spanclass="menu">Obnoviť transformáciu</span></td><tdstyle="width:15px;"></td><td>Vráti späť všetky presuny, zmeny veľkosti a rotácie, ktoré ste aplikovali na daný tvar.</td></tr>
<tr><tdclass="onelinetop"><spanclass="menu">Zmraziť transformáciu</span></td><td></td><td>Keď transformujete tvar, jeho pridelené cesty zostanú v pôvodnej pozícii. Je to tak úmyselne; možno viac ako jeden tvar používa danú cestu, možno ste úmyselne použili <spanclass="menu">Možnosti | Prichytávať k mriežke</span> aby ste umiestnili body na presných okrajoch. <br/>
Ak nie, „Zmraziť transformáciu“ aplikuje aktuálnu transformáciu tvaru na cesty, ktoré mu patria. Následná funkcia „Obnoviť transformáciu“ potom vráti tvar do tohto nového stavu.
<p>Všimli ste si, že na 16-pixlovej verzii ikony BeVexed nie sú žiadne čísla? To sa robí pomocou nastavenia detailov vo vlastnostiach tvarov.<br/>
S touto funkciou môžete kontrolovať viditeľnosť tvaru v závislosti od veľkosti ikony. Týmto spôsobom môžete vynechať detaily, ktoré vyzerajú dobre na väčšej ikone, no zle na menšej verzii.</p>
<p>Funguje to takto: úroveň detailu 1,0 je definovaná ako ikona o veľkosti 64 px. Úroveň detailu ikony vypočítate tak, že veľkosť ikony jednoducho vydelíte číslom 64, napr. ikona veľká 16 px má úroveň detailov 16/64 = 0,25. Tvar nebude viditeľný pod svojím <spanclass="menu">Min. detailom</span> a nad svojím <spanclass="menu">Max. detailom</span>.</p>
<p>Takže ak nastavíte tvaru <spanclass="menu">Min. detail</span> 0,0 a <spanclass="menu">Max. detail</span> 0,5, znamená to, že tvar bude viditeľný iba v ikonách s veľkosťou <i>rovnou</i> alebo menšou ako 32 px. Aj chcete vynechať veľkosť 32 px, musí byť úroveň detailov nižšia ako 0,5, teda napr. 0,49. </p>
<p>Úroveň detailov neslúži iba na vynechávanie detailných tvarov, ale napríklad aj na zmenu hrúbky ťahu v iných veľkostiach ikony. Jednoducho duplikujte tvar, urobte vami požadované zmeny a nastavte úroveň detailov tak, aby sa zobrazoval buď jeden, alebo druhý tvar. Toto môže potenciálne spôsobiť zmätok, keď nevedomky prekryjete úroveň detailu a neviete, prečo sa na jednej veľkosti zobrazujú oba tvary...<br/>
Napríklad, ak Tvar 1 má byť zobrazený pod veľkosťou 48px a Tvar 2 nad veľkosťou 48px (Úroveň detailov: 48/64 = 0.75):</p>
<p>Štýl môže byť buď pevne daná farba alebo nejaký druh farebného prechodu. <br/>
Okrem preddefinovaných farieb pod <spanclass="menu">Paletou</span> si môžete namiešať vašu vlastnú kliknutím na aktuálnu farbu. Tiež si všimnite posuvník pod farebným spektrom, ktorým sa nastavuje alfa kanál. </p>
<p>Takto môžete rýchlo vytvoriť nový štýl namiešaním vašej vlastnej farby a jednoduchým uchopením a pretiahnutím myšou do zoznamu štýlov.</p>
<p>Ak si vyberiete farebný prechod, najprv nastavte jeho typ (<spanclass="menu">Lineárny</span>, <spanclass="menu">Radiálny</span>, <spanclass="menu">Diamant</span>, <spanclass="menu">Kužeľ</span>) a potom vyberte začiatočnú a konečnú farbu. To sa robí pretiahnutím farby myšou z farebného segmentu do indikátorov farieb pod farebným prechodom. <br/>
Samozrejme, tieto indikátory môžete presúvať a meniť tak farebný prechod podľa vášho vkusu. Ak chcete mať vo farebnom prechode viac farieb, môžete dvojklikom na farebný prechod pridať nové indikátory. Stlačenie klávesu <spanclass="key">DEL</span> odstráni vybraný indikátor.</p>
<p>Obdĺžnik predstavujúci farebný prechod môžete presúvať, otáčať a meniť jeho veľkosť. Funguje to presne tak, ako pri tvaroch.</p>
<p>Menu <spanclass="menu">Štýlu</span> ponúka známe nastavenia <spanclass="menu">Pridať</span>, <spanclass="menu">Duplikovať</span> alebo <spanclass="menu">Odstrániť</span> štýl a <spanclass="menu">Obnoviť transformáciu</span>.</p>
<p>Okrem <spanclass="menu">Názvu</span> a <spanclass="menu">Šírky</span> ponúka okno <spanclass="menu">Vlastností</span> transformátora (v závislosti od typu mierne odlišné) možnosti:</p>
<tr><td><spanclass="menu">Zakončenia</span></td><tdstyle="width:15px;"></td><td><i>Stroke only</i>. Defines the end caps of a line: <spanclass="menu">Butt</span>, <spanclass="menu">Square</span> or <spanclass="menu">Round</span>.</td></tr>
<tr><td><spanclass="menu">Detegovať orient.</span></td><td></td><td><i>Iba pre Obrys</i>. Určuje, či sa obrys nachádza vo vnútornej alebo vonkajšej strane cesty.</td></tr>
<tr><td><spanclass="menu">Spoje</span></td><td></td><td>Defines how lines are joint at a point: <spanclass="menu">Miter</span>, <spanclass="menu">Round</span> or <spanclass="menu">Bevel</span>.</td></tr>
<tr><td><spanclass="menu">Limit ostrého spoja</span></td><td></td><td>Only when the above <spanclass="menu">Joins</span> is set to "Miter" this setting influences the looks of the miter joint. </td></tr>
<p>V hornej časti okna sa nachádza typická menu lišta, ktorá obsahuje možnosti <spanclass="menu">Súbor</span>, <spanclass="menu">Upraviť</span>, <spanclass="menu">Možnosti</span>. Z názvov je jasné, akú majú funkciu, takže bližšie si popíšeme iba ukladanie.</p>
<p><spanclass="menu">Súbor | Uložiť ako...</span> uloží ikonu v špecialnom formáte Icon-O-Matic, ktorý uchováva informácie ako názvy ciest, tvarov a štýlov. Tieto informácie budú odstránené potom, ako ikonu exportujete, aby sa ušetrilo miesto. Týmto spôsobom je dobré zálohovať vašu prácu, pretože bez pomenovaných objektov sa všetkému priradí názov „<path>/<shape>/<style>“, kvôli čomu môže byť ďalšia práca s ikonou únavná.</p>
<li><p>Prečítajte si <ahref="http://svn.haiku-os.org/haiku/haiku/trunk/docs/icon_guidelines/index.html">Pokyny</a> o tvorbe ikon, aby ste sa oboznámili s dôležitými charakteristikami ikon Haiku ako napr. perspektíva, farby a tiene.</p></li>
<li><p>Vždy by ste sa mali snažiť minimalizovať počet použitých ciest, lebo tie najviac zväčšujú výslednú veľkosť súboru. Cesty používajte opätovne tam, kde je to možné a pracujte s manipulovanými tvarmi a ich transformátormi. Šikovné použitie farebných prechodov vám tiež môže ušetriť miesto.</p></li>
<li><p>Tam, kde je to možné, by ste mali aktivovať možnosť Prichytávať k mriežke v <spanclass="menu">Možnostiach</span> počas práce s cestami. Body cesty zarovnané so sieťou 64x64 pixlov zaberajú menej miesta. Ak body nastavíte presne do rohov siete, dostanete najostrejší výsledok. Napríklad je dôležité zarovnať najvýraznejšie obrysy so sieťou 16x16 pixlov.</p></li>
<li><p>V náhľade zistite, či vaša ikona vyzerá dobre vo veľkosti 16x16. Možno sa vám zíde nastavenie <ahref="#i-o-m-shape-lod">Úroveň detailov</a> popísané v sekcii Tvary.</p></li>
<li><p>Napriek tomu, že Icon-O-Matic nemá funkciu na vkladanie znakov, dá sa to urobiť ľahkým spôsobom. Jednoducho otvorte textový editor ako napr. StyledEdit, prispôsobte si typ štýl písma a myšou pretiahnite alebo skopírujte a vložte text do Icon-O-Matic. Všetky cesty a tvary sa vytvoria automaticky.</p></li>
<li><p>Ak jednému tvaru priradíte viac ako jednu cestu, ich prekrývajúce sa časti sa navzájom vymažú. Keď sa jedna cesta celá nachádza v druhej, vytvorí tak vo výslednom tvare dieru.</p></li>
<li><p>Plátno môžete pomocou kolieska myši priblížiť. Posúvať sa po plátne môžete buď držaním stredného tlačidla myši alebo ľavým tlačidlom počas držania klávesu <spanclass="key">SPACE</span>.</p></li>
<p>The above is of course quite theoretical. The best way to learn using Icon-O-Matic is by experimenting. To get you started and once more show the basics, have a look at these short clips:</p>
