Logon / merkin tallennusmuodot (Pacman)

28.1.2008 klo 12:13 | Vektorit TYPOGRAFIA JA GRAAFINEN SUUNNITTELU Verkkosivujen ulkoasu

Kuvassa vasemmalla .gif-tallenteita: kaksi ylintä Save for Webin kautta, alimmainen CompuserveGif. Oikealla ylempi .jpg ja alempi png24.

_____________________________________________________

Painotöihin (PMS & CMYK)

Tarkista että sinulla on oikea värijärjestelmä valittuna!

Save as...
Illustrator eps: Yleinen, korkealaatuinen vektoreiden siirtomuoto. vektorit säilyvät, voidaan skaalta vapaasti. Kun olet valinnut .epsin, aukeaa ikkuna, jonka tärkein kohta on Preview Format. Valitse Tiff 8 bit ja ruksaa Transparency. Vektoritallenteet sisältävät kaksi tiedostoa, vektorit tulostusta varten ja näytölle sopivan pikselitiedoston. Tulostin käyttää aina vektoritiedostoa riippumatta siitä, miltä kohde näytöllä näyttää. Vektoritiedosto tallentaa aina vain vektorielementit eikä lisää "taustavalkoista" joka saattaa joskus ilmaantua näytölle.
Adobe PDF: Illustratorin perus-pdf käy logoille, jotka on tarkoitus siirtää toiseen ohjelmaan, esim. Adoben InDesigniin. Vektorit säilyvät.

Nettiin (RGB & Websafe colors)

Merkkaa tallennusalue: tee suorakaide jonka alle jää koko merkki. Valitse Object-valikosta Crop Area - Make. Saat näkyviin leikkausmerkit jotka kertovat tallennus-/tulostusalueen.

Save for Web & Devices...
Logojen ja merkkien perustallennusmuodot nettiin ovat .gif ja .png. .jpg tallentaa aina suorakaiteenmuotoisen alueen, joten valkoinen tausta häiritsee, jos pohja ei ole valkoinen. Nettiin tallennus tuhoaa vektorit ja muuttaa tallenteen pikseleiksi, joten tallennettavan merkin / logon koko on tärkeä. Sitä ei voi laatua heikentämättä enää tallennuksen jälkeen suurentaa.
huom. SVG (Scalable Vector Graphics) sisältää vektorit ja on muokattava mutta tämä tallennusmuoto ei toistaiseksi toimi kaikkialla. Myös Flash-muoto tallentaa vektorit mutta on tarkoitettu muihin töihin. Nämä muodot tarvitsevat oman tulkkiohjelman toimiakseen.

Perinteisin ja varmin tallennusmuoto on .gif. Siihen voidaan sisällyttää logon/merkin vaatima läpinäkyvyys, ja se toimii kaikissa selaimissa, vanhoissakin. .gif-tallenne voi sisältää useita kuvia - animaatio http://bestsmileys.com/hugging/4.gif
Save for Web -toiminnon .PNG-tallenne (.png24) tuottaa kauneimman lopputuloksen mutta se ei välttämättä toimi hyvin kaikissa selaimissa, etenkään muutaman vuoden takaisissa.
Tarkista aina miltä tallenne näyttä värilliselle pohjalle tuotaessa!!!!!

Save for Web ei osaa tuottaa parasta mahdollista .GIFiä vaan reunoihin jää helposti valkoista hötöä (jota ehdottomasti ei saa olla!) Katso yllä olevaa esimerkkikuvaa.. Varmin keino tallentaa siisti läpinäkyvyys, on tehdä se PhotoShopissa CompuServen omana alkuperäisenää .gif-tallenteena.

Toimi näin:

Kopioi (Edit - Copy) logo/merkki Illustratorissa (tarpeeksi suurena!)
Aloita uusi työ PhotoShopissa (esim. 600 x 600 pixeliä)
Sijoita (Edit - Paste) merkki pikseleinä. Voit skaalta tarvittaessa (älä kuitenkaan suurenna ylettömästi). Paina Enteriä että saat muokkaustilan pois.
- tai avaa Illustrator-tiedosto (.ai) suoraan PhotoShoppiin.
Poista silmänkuva Layers-paletin mahdollisesta Background-tasosta.Näkyvissä pitää olla pelkkä merkki ja shakkiruudullinen tausta.
Valitse Image - Color Mode - Indexed Color (hyväksy "flatten")
Merkkaa Transparency. Hyväksy.
Valitse Save as... CompuServe GIF. Hyväksy.