356 lines
33 KiB
HTML
356 lines
33 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
|
||
<head>
|
||
<!--
|
||
*
|
||
* Copyright 2009-2013, Haiku. All rights reserved.
|
||
* Distributed under the terms of the MIT License.
|
||
*
|
||
* Authors:
|
||
* Humdinger <humdingerb@gmail.com>
|
||
* Translators:
|
||
* Karvjorm
|
||
* Humdinger
|
||
*
|
||
-->
|
||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||
<meta name="robots" content="all" />
|
||
<title>Kuvakemaatti</title>
|
||
<link rel="stylesheet" type="text/css" href="../../Haiku-doc.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<div id="banner">
|
||
<div><span>Käyttäjäopas</span></div>
|
||
</div>
|
||
|
||
<div class="nav">
|
||
<div class="inner">
|
||
<ul class="lang-menu">
|
||
<li class="now"><img src="../../images/flags/fi.png" alt="" /> Suomi</li>
|
||
<li><a href="../../fr/applications/icon-o-matic.html"><img src="../../images/flags/fr.png" alt="" />Français</a></li>
|
||
<li><a href="../../de/applications/icon-o-matic.html"><img src="../../images/flags/de.png" alt="" />Deutsch</a></li>
|
||
<li><a href="../../it/applications/icon-o-matic.html"><img src="../../images/flags/it.png" alt="" />Italiano</a></li>
|
||
<li><a href="../../ru/applications/icon-o-matic.html"><img src="../../images/flags/ru.png" alt="" />Русский</a></li>
|
||
<li><a href="../../es/applications/icon-o-matic.html"><img src="../../images/flags/es.png" alt="" />Español</a></li>
|
||
<li><a href="../../sv_SE/applications/icon-o-matic.html"><img src="../../images/flags/sv_SE.png" alt="" />Svenska</a></li>
|
||
<li><a href="../../jp/applications/icon-o-matic.html"><img src="../../images/flags/jp.png" alt="" />日本語</a></li>
|
||
<li><a href="../../uk/applications/icon-o-matic.html"><img src="../../images/flags/uk.png" alt="" />Українська</a></li>
|
||
<li><a href="../../zh_CN/applications/icon-o-matic.html"><img src="../../images/flags/zh_CN.png" alt="" /> 中文 ［中文］</a></li>
|
||
<li><a href="../../pt_PT/applications/icon-o-matic.html"><img src="../../images/flags/pt_PT.png" alt="" />Português</a></li>
|
||
<li><a href="../../sk/applications/icon-o-matic.html"><img src="../../images/flags/sk.png" alt="" />Slovenčina</a></li>
|
||
<li><a href="../../hu/applications/icon-o-matic.html"><img src="../../images/flags/hu.png" alt="" />Magyar</a></li>
|
||
<li><a href="../../pt_BR/applications/icon-o-matic.html"><img src="../../images/flags/pt_BR.png" alt="" />Português (Brazil)</a></li>
|
||
<li><a href="../../ca/applications/icon-o-matic.html"><img src="../../images/flags/ca.png" alt="" />Català</a></li>
|
||
<li><a href="../../pl/applications/icon-o-matic.html"><img src="../../images/flags/pl.png" alt="" />Polski</a></li>
|
||
<li><a href="../../ro/applications/icon-o-matic.html"><img src="../../images/flags/ro.png" alt="" />Română</a></li>
|
||
<li><a href="../../en/applications/icon-o-matic.html"><img src="../../images/flags/gb.png" alt="" />English</a></li>
|
||
</ul>
|
||
<span>
|
||
« <a href="haikudepot.html">HaikuVarasto</a>
|
||
:: <a href="../applications.html#list-of-apps" class="uplink">Sovellukset</a>
|
||
:: <a href="installer.html">Asennusohjelma</a> »
|
||
</span></div>
|
||
</div>
|
||
|
||
<div id="content">
|
||
<div>
|
||
|
||
<table class="index" id="index" summary="index">
|
||
<tr class="heading"><td>Hakemisto</td></tr>
|
||
<tr class="index"><td><a href="#bitmap-vector">BeOS-bittikartta vs. Haiku-vektorikuvakkeet</a><br />
|
||
<a href="#icons-attributes">Kuvakkeet ovat attribuutteja</a><br />
|
||
<a href="#i-o-m">Kuvakkeiden luominen Kuvakemaatilla</a><br />
|
||
<a href="#i-o-m-path">Polku</a><br />
|
||
<a href="#i-o-m-shape">Hahmo</a><br />
|
||
<a href="#i-o-m-style">Tyyli</a><br />
|
||
<a href="#i-o-m-transformer">Tiedostomuuntimet</a><br />
|
||
<a href="#i-o-m-save">Kuvakkeen tallentaminen</a><br />
|
||
<a href="#i-o-m-tips">Vihjeet ja niksit</a></td></tr>
|
||
</table>
|
||
|
||
<h2><img src="../../images/apps-images/icon-o-matic-icon_64.png" alt="icon-o-matic-icon_64.png" width="64" height="64" />Kuvakemaatti</h2>
|
||
|
||
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td>Työpöytäpalkki:</td><td style="width:15px;"></td><td><span class="menu">Sovellukset</span></td></tr>
|
||
<tr><td>Sijainti:</td><td></td><td><span class="path">/boot/system/apps/Icon-O-Matic</span></td></tr>
|
||
<tr><td>Asetukset:</td><td></td><td><span class="path">~/config/settings/Icon-O-Matic</span></td></tr>
|
||
</table>
|
||
|
||
<p><br /></p>
|
||
|
||
<p>Ennen kuin todella aloitamme kuvakkeiden luomisen Kuvakemaatissa, muutama sana Haikun kuvakkeista yleensä.</p>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="bitmap-vector" name="bitmap-vector">BeOS-bittikartta vs. Haikun-vektorikuvakkeet</a></h2>
|
||
<p>Päinvastoin kuin BeOS, Haiku käyttää vektorikuvakkeita bittikarttakuvakkeiden sijasta. Kehitettiin erityinen Haiku-vektorikuvakemuoto (HVIF), joka on hyvin optimoitu pieneen tiedostokokoon ja nopeaan renderointiin. Tästä syystä kuvakkeemme ovat enimmäkseen <i>paljon</i> pienempiä kuin bittikartat tai laajalti käytetty SVG-muoto. Myös toisin kuin BeOS:n bittikarttakuvakkeissa, Haiku ei ole rajoittunut 8-bittiseen palettiin (256 väriä).<br />
|
||
Ota esimerkiksi tämä Pääteikkunakuvake:</p>
|
||
<table border="0" cellpadding="10">
|
||
<tr align="center"><td><b>Bittikartta</b></td><td><b>SVG</b></td><td><b>HVIF</b></td></tr>
|
||
<tr align="center"><td><img src="../../images/apps-images/i-o-m-terminal-bitmap32.png" alt="i-o-m-terminal-bitmap32" width="32" height="32" /> <img src="../../images/apps-images/i-o-m-terminal-bitmap16.png" alt="i-o-m-terminal-bitmap16" width="16" height="16" /></td><td style="width:100px"><img src="../../images/apps-images/terminal-icon_32.png" alt="terminal-icon_32" width="32" height="32" /></td><td><img src="../../images/apps-images/terminal-icon_32.png" alt="terminal-icon_32" width="32" height="32" /></td></tr>
|
||
<tr align="center"><td>1,024 tavua<br />+ 256 tavua</td><td> 7,192 tavua </td><td> 768 tavua </td></tr>
|
||
</table>
|
||
<p>Huomaa, että BeOS käytti kahta kuvakeversiota, yksi 16x16 ja toinen 32x32 saavuttaakseen hyvän visuaalisen asun luetteloissa ja kuvakenäkymätilassa.</p>
|
||
<p>Tätä temppua ei tarvita vektorikuvakkeissa. Paitsi että koko on vain muutamia satoja tavuja, vektorikuvakkeet skaalautuvat myös paljon paremmin kuin bittikarttatiedostot. (Huomaa: BeOS tarjosi ainoastaan 16x16 ja 32x32 näytöt.)</p>
|
||
<table border="0" cellpadding="10">
|
||
<tr align="center"><td> </td><td><b>16x16</b></td><td><b>32x32</b></td><td><b>64x64</b></td><td><b>128x128</b></td></tr>
|
||
<tr align="center"><td><b>Bittikartta</b></td>
|
||
<td><img src="../../images/apps-images/i-o-m-bitmap16.png" alt="i-o-m-bitmap16" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-bitmap32.png" alt="i-o-m-bitmap32" width="32" height="32" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-bitmap64.png" alt="i-o-m-bitmap64" width="64" height="64" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-bitmap128.png" alt="i-o-m-bitmap128" width="128" height="128" /></td></tr>
|
||
<tr align="center"><td><b>Vektori</b></td>
|
||
<td><img src="../../images/apps-images/i-o-m-vector16.png" alt="i-o-m-vector16" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-vector32.png" alt="i-o-m-vector32" width="32" height="32" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-vector64.png" alt="i-o-m-vector64" width="64" height="64" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-vector128.png" alt="i-o-m-vector128" width="128" height="128" /></td></tr>
|
||
|
||
</table>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="icons-attributes" name="icons-attributes">Kuvakkeet ovat attribuutteja</a></h2>
|
||
<p>Kuvakkeet tallennetaan tiedoston attribuuttina. Se ei kuitenkaan tarkoita, että jokaisella tiedostolla on tämä attribuutti, joka näkyy Seuraajan ikkunassa: datatiedostot perivät kuvakkeensa tiedostotyypistään. Yleisesti käytettyä tiedostotyypin kuvaketta voi muuttaa <span class="app">Tiedostotyypit</span>-asetuksista. Jos haluat vain lisätä tietyn kuvakkeen yksittäiseen tiedostoon, käytä siihen sen sijaan <span class="app">Tiedostotyyppilisäosaa</span>. Katso lisätietoja aiheesta <a href="../filetypes.html">Tiedostotyypit</a>.</p>
|
||
<div class="box-info">Kun kyse on attribuutista, siitä seuraa, että vain metatietoja tukeva tiedostojärjestelmä voi säilyttää tiedoston yksilöllisen kuvakkeen. Joten jos siirrät tiedostoja pois BFS-taltiolta, harkitse niiden tiivistämistä arkistoksi niin että et kadota kuvakkeita tai muita attribuutteja.</div>
|
||
|
||
<h2>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m" name="i-o-m">Kuvakkeiden luominen Kuvakemaatilla</a></h2>
|
||
<p>Kuvakemaatti on Haikun kuvake-editori, joka voi tallentaa työsi HVIF-, SVG- tai PNG-tiedostona. Kuvake voidaan myös suoraan liittää olemassa olevan tiedoston attribuutiksi tai viedä kehittäjien käyttämäksi resurssiksi tai lähdetiedostoksi. Koska sovellus räätälöitiin optimoituun HVIF-muotoon, sen käyttö heijastaa tämän muodon sisäistä toimintaa.</p>
|
||
<p>Toisin kun tavalliset vektorigrafiikkaohjelmistot, et jaa erillisiä objekteja, joista jokainen sisällyttää kaikki tietyt ominaisuutensa, kuten polku, viivaleveys, viiva ja täyttöväri, jne. Pikemminkin asennat objekti("hahmosi") jaetuista poluista ja väreistä ("tyylit") ja asetat tiettyjä ominaisuuksia. Tämä elementtien uudelleenkäyttö on yksi HVIF-muodon tehokkuuden salaisuuksista. Vaikka se määrää joitakin rajoituksia kuvakesuunnittelijalle, siitä on myös muutamia etuja.<br />Esimerkiksi polkua uudelleenkäytettäessä useita objekteja voidaan muokata yhdessä manipuloimalla tätä yhtä polkua. Ajattele objektia ja sen varjoa. Niiden jaetun polkun muokkaaminen muuttaa itse objektia ja automaattisesti sen (ehkä hiukan vääristynyttä/kääntynyttä) varjoa.</p>
|
||
|
||
<p>Tässä on Kuvakemaatti-ikkunan pikayleiskuva:</p>
|
||
<img src="../images/apps-images/i-o-m-overview.png" alt="i-o-m-overview.png" />
|
||
|
||
<p>Tarvitset kaikkien näkyvien objektien luominen kankaalle hahmoa polulla ja tyylillä. Kätevästi voit luoda yhden, kaksi tai kaikki kolme yhdessä <span class="menu">Hahmo</span>-valikosta. Jokaisella objektityyppillä (polut, hahmot, tiedostomuuntimet, ja tyylit) on valikko sen elementtiluettelon yläpuolella tarjoten eri komentoja. Jokaisella elementillä on tiettyjä valitsimia, jotka asetetaan <span class="menu">Ominaisuudet</span>-näkymässä.</p>
|
||
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-path" name="i-o-m-path">Polku</a></h3>
|
||
<p>Polku koostuu useista pisteistä, jotka yhdistetään viivoilla tai Bezier-kaarilla. Pisteiden lisäämiseksi tai muuttamiseksi varmista, että polku on valittu polkuluettelossa.</p>
|
||
|
||
<p>Kankaan napsauttaminen asettaa yksinkertaisesti ensimmäisen pisteen. Pisteitä asetettaessa päätät, jos tuloksena oleva viiva on suora tai kaareva: yksinkertainen napsautus ja vapautus tuottaa suoran viivan, hiiren painikkeen pitäminen alhaalla ja hiiren siirtäminen raahaa Bezier-kaaren kahvan. Tietysti voit myös muuttaa sen kaiken myöhemmin.</p>
|
||
|
||
<img src="../../images/apps-images/i-o-m-path-ab.png" alt="i-o-m-path-ab" />
|
||
|
||
<p>Päästäksesi pisteestä "A" pisteeseen "B", sinun on muunnettava joitakin pisteitä kulmapisteistä kaaripisteiksi. Se tehdään pitämällä <span class="key">ALT</span>-näppäin alhaalla samalla kun napsautetaan pistettä ja raahataan sitä kahvoista. Tästä on seurauksena symmetrinen Bezier-kaari: toinen kahva seuraa ensimmäisen liikettä. Jos sinulla on tarve siirtää kahvoja toisistaan riippumatta, napsauta ja rahaa taas Bezier-kahvasta samalla kun pidät alhaalla <span class="key">ALT</span>-näppäintä.<br />Päinvastaisessa tapauksessa, mentäessä Bezier-kaaresta kulmapisteeseen, pidä alhaalla <span class="key">ALT</span>-näppäintä ja napsauta pistettä.</p>
|
||
|
||
<p>Pisteen siirtämiseksi yksinkertaisesti napsauta ja raahaa sitä. Useamman kuin yhden pisteen valitsemiseksi pidä alhaalla <span class="key">VAIHTO</span>-näppäin ja piirrä valintanelikulmio. Valitut pisteet merkitään punaisella reunalla eikä tavallisella mustalla.<br />Pisteen lisäämiseksi polkuun napsauta yhdysviivaa kahden pisteen välillä.<br />Valitut pisteet poistetaan painamalla <span class="key">DEL</span>-näppäintä tai napsauttamalla mitä tahansa pistettä samalla kun pidetään alhaalla <span class="key">CTRL</span>-näppäintä.</p>
|
||
|
||
<p>Hiiren osoitin osoittaa nykyisen tilan:</p>
|
||
<table summary="Mouse pointer states, Path" border="0" cellpadding="10">
|
||
<tr align="center">
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-move-path.png" alt="i-o-m-pointer-move-path" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-insert.png" alt="i-o-m-pointer-insert" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-add.png" alt="i-o-m-pointer-add" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-delete.png" alt="i-o-m-pointer-delete" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-bezier.png" alt="i-o-m-pointer-bezier" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-select.png" alt="i-o-m-pointer-select" width="16" height="16" /></td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>Siirrä pisteet</td>
|
||
<td>Lisäpiste</td>
|
||
<td>Lisää piste</td>
|
||
<td>Poista piste<br /><span class="key">CTRL</span></td>
|
||
<td>Kulma↔Bezier<br /><span class="key">ALT</span></td>
|
||
<td>Valitse pisteet<br /><span class="key">VAIHTO</span></td>
|
||
</tr>
|
||
</table>
|
||
<p>Voit kutsua asiayhteysvalikkoa napsauttamalla pistettä tai pisteiden valintaa hiiren kakkospainikkeella:</p>
|
||
<table summary="Path context" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td class="onelinetop"><span class="menu">Valitse kaikki</span></td><td style="width:70px"><span class="key">ALT</span> <span class="key">A</span></td><td>Valitsee nykyisen polun kaikki pisteet.</td></tr>
|
||
<tr><td><span class="menu">Muunna</span></td><td><span class="key">T</span></td><td>Laittaa kaikki valitut pisteet muunnosikkunaan, joten voit siirtää, muuttaa niiden kokoa ja pyörittää niitä ympäri yhdessä. Se toimii aivan samoin kuin muodoilla, kuten kuvataan myöhemmin tässä asikirjassa.</td></tr>
|
||
<tr><td><span class="menu">Jaa kahtia</span></td><td></td><td>Jakka valitut pisteet kahtia, toinen sijaiten toisen päällä.</td></tr>
|
||
<tr><td><span class="menu">Käännä ylösalaisin</span></td><td></td><td>Pyörittää valittuja pisteitä 180°. Tällä on vaikutusta vain Bezier-pisteisiin.</td></tr>
|
||
<tr><td><span class="menu">Poista</span></td><td><span class="key">DEL</span></td><td>Poistaa valitut pisteet.</td></tr>
|
||
</table>
|
||
|
||
<h4><a id="i-o-m-path-menu" name="i-o-m-path-menu">Polkuvalikko</a></h4>
|
||
<p>Valikko <span class="menu">Polku</span> tarjoaa muutamia ilmeisiä rivejä <span class="menu">Lisää nelikulmio</span> and <span class="menu">Lisää ympyrä</span> tai polulle <span class="menu">Tee kaksoiskappale</span> tai <span class="menu">Poista</span>. Tässä on muutamia, jotka vaatinevat lisäselitystä:</p>
|
||
|
||
<table summary="Path menu" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="menu">Käännä päinvastaiseksi</span></td><td style="width:15px;"></td><td>Jos polkusi ei ole "suljettu" (katso Polkuominaisuuksia alla), napsautus canvas-komponenttiin luo aina uuden pisteen, joka yhdistyy edelliseen. "Käännä päinvastaiseksi" muuttaa tämän järjestyksen ja uusi piste yhdistetään sen sijaan alkuperäiseen aloituspisteeseen.</td></tr>
|
||
<tr><td><span class="menu">Siivoa</span></td><td></td><td>Kaikkein hyödyllisin tuoduille SVG-tiedostoille, tämä toiminto poistaa kaksoiskappalepisteet.</td></tr>
|
||
<tr><td class="onelinetop"><span class="menu">Pyöritä indeksejä oikealle</span></td><td><span class="key">ALT</span> <span class="key">R</span></td><td>Käytännössä tämä pyörittää polun avausta. Se nähdään parhaiten, kun käytetään ei-suljettua tyylillä varustettua polkua ja hahmoa viivamuuntimella. Nyt, jos polku näyttää kuten ⊂ se pyörii kuin tämä: ⊂ ∩ ⊃ ∪.</td></tr>
|
||
<tr><td class="onelinetop"><span class="menu">Pyöritä indeksejä vasemmalle</span></td><td><span class="key">ALT</span> <span class="key">VAIHTO</span> <span class="key">R</span></td><td>Tekee saman toiseen suuntaan.</td></tr>
|
||
</table>
|
||
|
||
<h4><a id="i-o-m-path-properties" name="i-o-m-path-properties">Polkuominaisuudet</a></h4>
|
||
<p><span class="menu">Ominaisuudet</span> ikkunan vasemmassa alakulmassa tarjoaa kaikki käytettävissä olevat nykyisin valitun objektin asetukset. Polulla on vain kaksi: a <span class="menu">Nimi</span> ja onko se <span class="menu">Suljettu</span> vai ei.</p>
|
||
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-shape" name="i-o-m-shape">Hahmo</a></h3>
|
||
<p>Hahmo ryhmittää yhteen yhden tai useampia polkuja, joilla on tyyli. Käytännössä se on objekti, jonka todellisuudessa näkee canvas-komponentissa. Ryhmitys tehdään valintaruuduilla polkujen ja tyylien edessä: valitse vain hahmosi ja rasti halutut polut ja tyyli.</p>
|
||
<p>Hahmo määrittää, kuinka polku ja tyyli toteutetaan, esimerkiksi sen, että onko objekti täytetty vai vain raidoitettu (mikä tehdään käyttämällä muunninta hahmossa, tulemme siihen myöhemmin). Myös hahmoa voidaan siirtää, pyörittää ja sen kokoa voidaan muuttaa koskettamatta käytettyä polkua. Tällä tavalla voit käyttää uudelleen yksittäistä polkua ja saada erilaisen, mutta sukua olevat muodot.</p>
|
||
|
||
<img src="../../images/apps-images/i-o-m-shape.png" alt="i-o-m-shape" />
|
||
|
||
<p>Kun hahmo valitaan luettelosta, sen ympärille piirretään nelikulmio. Riippuen siitä, mistä tartut siihen, hahmoa siirretään, sen kokoa muutetaan tai sitä pyöritetään keskipisteen ympäri, mitä itseäkin voidaan siirtää. Pitämällä <span class="key">VAIHTO</span>-näppäimen alhaalla lukitaan siirtosuunta, rajoitetaan pyörittäminen 45°:een ja rajoitetaan kuvasuhdetta kokoa muutettaessa. Hiiren osoitin kertoo taas nykyisen tilan:</p>
|
||
<table summary="Mouse pointer states, Shape" border="0" cellpadding="10">
|
||
<tr align="center">
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-move-shape.png" alt="i-o-m- move-shape" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-resize.png" alt="i-o-m-pointer-resize" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-rotate.png" alt="i-o-m-pointer-rotate" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-pointer-move-path.png" alt="i-o-m-pointer-move-rotation" width="16" height="16" /></td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td>Siirrä</td>
|
||
<td>Muuta kokoa</td>
|
||
<td>Pyöritä</td>
|
||
<td>Siirrä<br />pyörityspistettä</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p>Hahmot sijaitsevat toistensa päällä, jokainen omassa kerroksessaan, jos niin halutaan. Ne voi järjestää uudelleen rahaamalla ja pudottamalla komponenttirivin eri kohtaan luettelossa.</p>
|
||
|
||
<h4><a id="i-o-m-shape-menu" name="i-o-m-path-menu">Hahmovalikko</a></h4>
|
||
<p><span class="menu">Hahmo</span>-valikko tarjoaa aiemmin mainitut mahdollisuudet <span class="menu">Lisää tyhjä, path/style/path-polku ja tyyli</span> ja hahmolle <span class="menu">Tee kaksoiskappale</span> tai <span class="menu">Poista</span>. Sitten on myös:</p>
|
||
<table summary="Shape menu" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="menu">Nollaa muunnos</span></td><td style="width:15px;"></td><td>Palauttaa kaikki hahmon siirrot, koon muuttamiset ja pyörittämiset, joita olet toteuttanut hahmoon.</td></tr>
|
||
<tr><td class="onelinetop"><span class="menu">Jäädytä muunnos</span></td><td></td><td>Kun muunnat hahmoa, siihen liitetyt polut pysyvät alkuperäisillä paikoillaan. Tämä voi olla tarkoituksellista; ehkä useampi hahmo käyttää tuota polkua, ehkä tarkoituksellisesti käytit <span class="menu">Valitsimet | Napsauta rasteriin</span> pisteiden asettamiseksi tarkkoihin pikselirajoihin.<br />
|
||
Jos näin ei ole, "Jäädytä muunnos" soveltaa nykyistä hahmomuunnosta liitettyihin polkuihin. Tuleva "Nollaa muunnos" palauttaa sitten tähän uuteen tilaan.</td></tr>
|
||
</table>
|
||
|
||
<h4><a id="i-o-m-shape-properties" name="i-o-m-shape-properties">Hahmo-ominaisuudet</a></h4>
|
||
<p>Paitsi <span class="menu">Nimi</span>, hahmon <span class="menu">Ominaisuudet</span>-näkymällä on nämä valitsimet:</p>
|
||
|
||
<table summary="Shape properties" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="menu">Minimi-LOD</span></td><td></td><td>Yksityiskohtatason minimi</td></tr>
|
||
<tr><td><span class="menu">Maksimi-LOD</span></td><td></td><td>Yksityiskohtatason maksimi</td></tr>
|
||
</table>
|
||
|
||
<h5><a id="i-o-m-shape-lod" name="i-o-m-shape-lod">Yksityiskohtataso (LOD)</a></h5>
|
||
<table summary="LOD example" border="0" cellpadding="10">
|
||
<tr align="center"><td><b>16x16</b></td><td><b>32x32</b></td><td><b>64x64</b></td></tr>
|
||
<tr align="center">
|
||
<td><img src="../../images/apps-images/i-o-m-lod-icon_16.png" alt="i-o-m-lod-icon_16" width="16" height="16" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-lod-icon_32.png" alt="i-o-m-lod-icon_32" width="32" height="32" /></td>
|
||
<td><img src="../../images/apps-images/i-o-m-lod-icon_64.png" alt="i-o-m-lod-icon_64" width="64" height="64" /></td></tr>
|
||
</table>
|
||
<p>Katso, onko BeVexed-kuvakkeen 16 pikseliversiossa numeroita? Se tehdään niiden hahmojen "Yksityiskohtataso"-asetuksella.<br />
|
||
LOD-asetuksella ohjaat hahmon näkyvyyttä sen koosta riippuen. Sillä tavalla voit jättää pois kuvakkeesta yksityiskohdat, jotka näyttävät hyvältä isommassa kuvakkeessa, mutta eivät niin paljoa pienemmässä versiossa.</p>
|
||
<p>Näin se toimii: 1.0 LOD on määritelty 64 pikselin kuvakekoko. Jotta saataisiin tietty LOD-kuvakekoko, se on yksinkertaisesti jaettava 64:lla, esimerkiksi 16 pikselin kuvakkeella on 16/64 LOD = 0.25. Hahmo ei ole näkyvä sen <span class="menu">Minimi LOD</span>-arvon alla ja sen <span class="menu">Maksimi LOD</span>-arvon yläpuolella.</p>
|
||
<p>Joten, jos asetat hahmon <span class="menu">Minimi LOD</span>-arvoksi 0.0 ja <span class="menu">Maksimi LOD</span>-arvoksi 0.5, tämä tarkoittaa, että hahmo on näkyvä ainoastaan kuvakekkoina, jotka ovat pienempiä tai <i>yhtäsuuria</i> kuin 32 pikseliä. Jos haluat sulkea pois 32 pikselin kuvakekoon, sinun on jäätävä arvon 0.5 alapuolelle, sanotaan vaikka 0.49.</p>
|
||
<p>LOD ei ole vain hahmon yksityiskohtien jättämistä varten, mutta myös esim.: piirrosviivan leveyden vaihtamiseksi erikokoiseksi, jos sinusta tuntuu, että sitä tarvitaan. Kopioi hahmosta kaksoiskappale ja tee muutoksesi sekä aseta sen molemmat LOD-asetukset näyttämään joko yhtä tai toista. Tässä on yksi hämmennyksen lähde, kun vahingossa kirjoitat hahmon LOD-arvojen päälle, ja ihmettelet, että miksei jotkut kokoarvot ole näkyvissä...<br />
|
||
Esimerkiksi, jos Hahmo 1 näytettiin alle 48 pikselin kokoisena ja Hahmo 2 arvosta 48 pikseliä ylöspäin (LOD: 48/64 = 0.75):</p>
|
||
|
||
<table summary="LOD values example" border="0" cellpadding="5">
|
||
<tr align="center"><td></td><td colspan="2"><b>Hyvä</b></td><td style="width:25px" rowspan="6"></td><td colspan="2"><b>Ei hyvä!</b></td></tr>
|
||
<tr style="background-color:#F1F1F1"><td rowspan="2" style="vertical-align:middle ; background-color:#FFFFFF"><b>Hahmo 1</b></td><td>Minimi-LOD</td><td>0.00</td><td>Minimi-LOD</td><td>0.00</td></tr>
|
||
<tr style="background-color:#F1F1F1"><td>Maksim-LOD</td><td><span style="background-color:#33FF33">0.74</span></td><td>Maksim-LOD</td><td><span style="background-color:#FF9977">0.75</span></td></tr>
|
||
<tr><td colspan="6"></td></tr>
|
||
<tr style="background-color:#F8F8F8"><td rowspan="2" style="vertical-align:middle ; background-color:#FFFFFF"><b>Hahmo 2</b></td><td>Minimi-LOD</td><td>0.75</td><td>Minimi-LOD</td><td>0.75</td></tr>
|
||
<tr style="background-color:#F8F8F8"><td>Maksim-LOD</td><td>4.00</td><td>Maksim-LOD</td><td>4.00</td></tr>
|
||
</table>
|
||
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-style" name="i-o-m-style">Tyyli</a></h3>
|
||
<p>Tyyli voi olla joko täysivärinen tai jonkuntyyppinen liukuväri.<br />
|
||
Paitsi ennakolta määriteltyjä värejä <span class="menu">Palaset</span>-valikossa, voit sekoittaa värejä napsauttamalla nykyistä väriä. Huomaa myös liukukytkin värispektrin alla, mikä asettaa alfakanavan (läpinäkyvyys).</p>
|
||
<img src="../images/apps-images/i-o-m-gradients.png" alt="i-o-m-gradients" />
|
||
<p>Luot uuden tyylin nopeasti sekoittamalla värisi ja yksinkertaisesti raahaamalla ja pudottamalla sen tyylien luetteloon.</p>
|
||
<p>Jos siirryt liukuväriin, aseta tyypiksi (<span class="menu">Lineaarinen</span>, <span class="menu">Säteettäinen</span>, <span class="menu">Vinoneliö</span>, <span class="menu">Kartio</span>) ja määrittele sitten alku- ja loppuvärit. Tämä tehdään raahaamalla ja pudottamalla värisanko vastaavaan väri-indikaattoriin liukuvärin alla.<br />
|
||
Voit tietysti siirtää nämä indikaattorit vaihtamaan liukuväriä halusi mukaan. Voit myös lisätä lisää värejä kaksoisnapsauttamalla liukuväriin. Painikkeen <span class="key">DEL</span> painaminen poistaa valitun indikaattorin.</p>
|
||
<p>Voit siirtää, muuttaa kokoa ja kääntää liukuvärin esittelyikkunaa piirtoalueella kunnes se sopii tarkoituksiisi. Tämä toimii kuten hahmoilla.</p>
|
||
|
||
<h4><a id="i-o-m-style-menu" name="i-o-m-style-menu">Tyylivalikko</a></h4>
|
||
<p><span class="menu">Tyyli</span>-valikko tarjoaa tavallisia valikkorivejä <span class="menu">Lisää</span>, <span class="menu">Tee kaksoiskappale</span> tai <span class="menu">Poista</span> tyyli ja <span class="menu">Nollaa muunnos</span>.</p>
|
||
|
||
<h4><a id="i-o-m-style-properties" name="i-o-m-style-properties">Tyyliominaisuudet</a></h4>
|
||
<p><span class="menu">Nimi</span> on tyylin ainoa <span class="menu">Ominaisuus</span>.</p>
|
||
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-transformer" name="i-o-m-transformer">Muunnin</a></h3>
|
||
<p>Hahmolla voi olla Muuntimia, jotka vaihtavat sen ulkoasun. Tehosteet ovat kuitenkin hienovaraisempia kuin kuorma-auton muuntuminen taistelurobotiksi...</p>
|
||
|
||
<h4><a id="i-o-m-transformer-menu" name="i-o-m-transformer-menu">Muuntimen Lisää-valikko</a></h4>
|
||
<table summary=" Transformer Add menu" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="menu">Ääriviiva</span></td><td></td><td>Lisää ääriviivan hahmoon.</td></tr>
|
||
<tr><td><span class="menu">Viiva</span></td><td></td><td>Viivoittaa hahmon polun eikä täytä sitä tyylillä.</td></tr>
|
||
</table>
|
||
|
||
<p>Muuntimen tyypistä riippuen saat erilaisia ominaisjoukkoja.</p>
|
||
|
||
<h4><a id="i-o-m-transformer-properties" name="i-o-m-transformer-properties">Muunninominaisuudet</a></h4>
|
||
<p>Paitsi Muuntimen <span class="menu">Nimi</span> ja todellinen <span class="menu">Leveys</span>, <span class="menu">Ominaisuudet</span>-valikkonäkymällä on nämä (riippuen lievästi sen tyyppieroista) valitsimet:</p>
|
||
<table summary="Transformer properties" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td><span class="menu">Pääteholkit</span></td><td style="width:15px;"></td><td><i>Vain piirrosviiva</i>. Määrittää viivan suojaholkit: <span class="menu">Nuppi</span>, <span class="menu">Neliö</span> tai <span class="menu">Pyöreä</span>.</td></tr>
|
||
<tr><td><span class="menu">Havaitse suunta</span></td><td></td><td><i>Vain ääriiva</i>. Määrittää, onko ääriviiva polun sisäpuolella vai ulkopuolella.</td></tr>
|
||
<tr><td><span class="menu">Liitokset</span></td><td></td><td>Määrittää, kuinka viivat yhdistetään pisteessä: <span class="menu">Viistekulma</span>, <span class="menu">Pyöreä</span> tai <span class="menu">Särmä</span>.</td></tr>
|
||
<tr><td><span class="menu">Viistekulmaraja</span></td><td></td><td>Vain kun yläpuolella oleva <span class="menu">Liitokset</span> on asetettu arvoon "Viistekulma" tämä asetus vaikuttaa viistoliitoksen ulkonäköön. </td></tr>
|
||
</table>
|
||
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-save" name="i-o-m-save">Kuvakkeen tallentaminen</a></h3>
|
||
<p>Ylimpänä on tavallinen valikkopalkki, <span class="menu">Tiedosto</span>, <span class="menu">Muokkaa</span>, <span class="menu">Valitsimet</span>. Käyttö on paljolti itsestäänselvää, joten katsomme vain, kuinka työ tallennetaan.</p>
|
||
<p><span class="menu">Tiedosto | Tallenna nimellä...</span> tallentaa erikoisessa Kuvakemaatti-muodossa, joka säilyttää lisätiedot, kuten polkujen nimet, hahmot ja tyylit. Nämä riisutaan todellisesta kuvakkeesta heti kun viet sen tallennustilaan. On hyvä ajatus varmuuskopioida työsi tällä tavoin, koska ilman nimettyjä objekteja kaikki nimetään "<polku>/<hahmo>/<tyyli>" mikä tekee tietyt vaihdot hankaliksi.</p>
|
||
|
||
<p><span class="menu">Tiedosto | Vie nimellä...</span> avaa tutun tallennuspaneelin, jonka pohjalla on tiedostonmuodon ponnahdusvalikko, joka tarjoaa nämä valinnat:</p>
|
||
<table summary="file formats" border="0" cellspacing="0" cellpadding="2">
|
||
<tr><td>HVIF</td><td style="width:15px;"></td><td>Haiku-vektorikuvakemuoto</td></tr>
|
||
<tr><td>HVIF RDef</td><td></td><td>Tallentaa ohjelmoijien käyttämänä resurssina</td></tr>
|
||
<tr><td>HVIF-lähdekoodi</td><td></td><td>Tallentaa ohjelmoijien käyttämänä lähdekoodina</td></tr>
|
||
<tr><td>SVG</td><td></td><td>Tallentaa SVG-tiedostona</td></tr>
|
||
<tr><td>PNG</td><td></td><td>Tallentaa 64px -kokoisena PNG-tiedostona</td></tr>
|
||
<tr><td>PNG set</td><td></td><td>Tallentaa 16-, 32- ja 64px -kokoisina PNG-tiedostoina</td></tr>
|
||
<tr><td>BEOS:ICON-attribuutti</td><td></td><td>Valitse tiedosto ja aseta kuvakeattribuutti suoraan</td></tr>
|
||
<tr><td>META:ICON-attribuutti</td><td></td><td>Valitse tiedosto ja liitä kuvake pelkkänä meta-tietona</td></tr>
|
||
</table>
|
||
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-tips" name="i-o-m-tips">Vihjeet ja niksit</a></h3>
|
||
<p>Muutamia asioita tulisi pitää mielessä, kun työskennellään Kuvakemaatilla ja joitakin yleisiä vihjeitä sen käytöstä:</p>
|
||
<ul>
|
||
<li><p>Lue <a href="http://cgit.haiku-os.org/haiku/plain/docs/icon_guidelines/index.html">Kuvakeohjeet</a> oppiaksesi Haiku-kuvakkeiden tärkeät ominaisuudet, esim.: perspektiivi, värit ja varjot.</p></li>
|
||
<li><p>Polkujen käyttöä tulisia aina yrittää minimoida, koska ne ovat kalliimpia tiedoston koon kannalta. Yritä käyttää polkuja uudelleen aina kun mahdollista ja työskentele sen sijaan manipuloitujen hahmojen ja niiden muunnosten kanssa. Liukuvärien älykäs käyttö voi myös säästää tilaa.</p></li>
|
||
<li><p>Pitäisi milloin vain mahdollista aktivoida Kiinnitä-rasteriin <span class="menu">Valitsimet</span>-valikosta kun muokataan polkuja. Polkupisteet, jotka tasaavat 64x64 pikselin rasterikäyttöön käyttävät vähemmän tallennustila. Saat myös teräväpiirteisemmän näkymän, jos pisteet on asetettu tarkalleen pikselirajoille. Esimerkiksi, on tärkeää tasata silmiinpistävimmät ääriviivat 16x16-rasteriin.</p></li>
|
||
<li><p>Tarkista esikatselu nähdäksesi, näyttääkö kuvake yhä hyvältä 16x16-koossa. Haluat ehkä käyttää Hahmo-kappaleessa kuvailtuja <a href="#i-o-m-shape-lod">Yksityiskohtataso</a>-asetuksia.</p></li>
|
||
<li><p>Kirjainten tuottamien on helppoa, vaikka Kuvakemaatti ei tarjoa sellaista työkalua. Kirjoita vain teksti sellaisessa tekstieditorissa kuin StyleEdit, säädä kirjasintyyppi ja -tyyli sekä raahaa ja pudota tai kopioi-liitä valittu teksti Kuvakemaattiin. Tämä luo vastaavat polut ja hahmot.</p></li>
|
||
<li><p>Jos liität useamman kuin yhden polun hahmoon, päällekkäiset alueet peruvat toisensa. Kun yksi polku on kokonaan toisen sisällä, se luo käytännössä reiän tuloksena olevaan hahmoon.</p></li>
|
||
<li><p>Voit lähentää ja loitontaa piirrosaluetta hiiren rullalla. Vieritys tehdään joko napsauttamalla ja raahaamalla hiiren keskimmäisellä painikkeella tai normaalilla napsauta hiiren vasemmalla painikkeella ja raahaa samalla kun <span class="key">VÄLI</span>-painiketta pidetään alhaalla.</p></li>
|
||
</ul>
|
||
|
||
|
||
<!--
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
<a id="i-o-m-workshops" name="i-o-m-workshops">Workshops</a></h3>
|
||
<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>
|
||
<ul>
|
||
<li><a href="">Paths</a></li>
|
||
<li><a href="">Shapes</a></li>
|
||
<li><a href="">Styles</a></li>
|
||
<li><a href="">Transformers</a></li>
|
||
<li><a href="">Optimizing icons</a></li>
|
||
<li><a href=""></a></li>
|
||
</ul>
|
||
-->
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nav">
|
||
<div class="inner"><span>
|
||
« <a href="haikudepot.html">HaikuVarasto</a>
|
||
:: <a href="../applications.html#list-of-apps" class="uplink">Sovellukset</a>
|
||
:: <a href="installer.html">Asennusohjelma</a> »
|
||
</span></div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|