keskiviikko 11. maaliskuuta 2015

Silhouette cameo - Inkscape apuvälineenä kuvien muokkauksessa leikkuukuntoon

Inkscape ja Silhouette Studio Designer edition ne yhteen soppii

Olipa kerran helposti innostuva ompelija joka kuuli Silhouette Cameosta. Innostus vain kasvoi kun näki mitä kaikkea upeaa sillä voi tehdä. Ja eipä aikaakaan kun sellaisen sai paketista avata.

Allekirjoittanut innostui leikkaamaan erityisesti silityskalvo-arkkeja, joista leikatut kuvat siis voidaan silittämällä kiinnittää kankaaseen, vaikka paidan etumustaan.

Noh, tuttavuus alkoi pian syventyä ja halut tehdä monimutkaisempaa kasvoivat. Trace, eli kuvan jäljittäminen toimii kivasti yksinkertaisiin kuviin, mutta allekirjoittanut tuskaili moniväristen kanssa, käytti kuvankäsittelyohjelmaa ja studiota ja yritti saada hommaa toimimaan. Eikö ole helpompaa ratkaisua? Ehkä. Päivitin Silhouette Studion maksulliseen Designer Editioniinjoka tukee svg-tiedosto muotoa, eli vektorigrafiikkaiset kuvat ovat suoraan leikkuuvalmiita kun ne sinne saa importattua. Mutta alkuinnostuksen jälkeen törmäsin ongelmaan - ne kivat ja erityiset kuvat joita halusin käyttää  löytyivät enimmäkseen bittikarttoina (esim. jpg, png) jolloin vektorigrafiikan ilot jäävät hyödyntämättä.

Yrityksen ja erehdyksen kautta opin kuitenkin Inkscapea apuna käyttäen löysin nopean ja helpon tavan muuntaa kuvia. Ja siitä sai alkunsa tämä tutoriaali.

Huom! Olen harrastelija joten parempia tapoja ja menetelmiä varmasti löytyy, tässä ohjeessa on minun tapani käsitellä kuvaa. Vinkkejä ja parannusehdotuksia ohjeeseen otetaan ilolla vastaan!

Värillisestä bittikartasta leikkuukelpoiseksi svg:ksi


Tarvitset:
  • Silhouette Studio Designer Editionin (ilmainen ei tue svg:tä joten ohjeesta ei ole järin paljon hyötyä)
  • Inkscape ohjelman (ilmainen, kts. https://inkscape.org/en/ - ohjeen kuvissa suomenkielinen v.0.91)

Ensin pari sanaa vektorikuvista: bittikartasta muunnettu kuva ei ole koskaan tismalleen samanlainen kuin siitä lähdetään liikkeelle, johtuen siitä että toisin kuin bittikartassa, vektorissa jokaista pistettä ei tallenneta vaan kuva tallentuu funktioina ja koordinaatisto pisteinä. Suomeksi tämä tarkoittaa että  mitä kompleksisempi ja monitahoisempi kuva on, sitä enemmän menetetään yksityiskohtia muunnoksessa. Vektorigraafikan etuja taas on vapaa skaalattavuus, voit muuttaa kuvan kuinka pieneksi tai isoksi tahdot menettämättä kuvanlaatua. Tässä ohjeessa tavoitteena on leikkuukelpoinen grafiikka.

Eli ensimmäiseksi valitaan sopiva kuva, koska teen omaan käyttöön valitsin vain sattumanvaraisen kuvan googlella.

Vaihe 1: avaa kuvasi inkscapessa



Vaihe 2: Polun jäljittäminen bittikartasta
On syytä huomata, että kuva ei ole vektorigrafiikkaa vain koska se on tallennettu svg-muodossa. Siksi kuvaa täytyy käsitellä hieman polut, eli missä kuvan rajat menevät.

Valitse kuva (ympärille ilmestyvät pienet mustat nuolet) ja sitten yläreunasta Polku - Jäljitä Bittikartta.

Valittuasi kuvan avaa bittikartan jäljitysnäkymä

Vaihe 3: monivärisen kuvan asetusten asetus

Esikatselu käyttöön: Klikkaa alareunasta Live Preview, niin näet miltä vektoriksi muutettu kuva näyttää. Mikäli koneesi puhti ei tahdo riittää vaan toiminta hidastuu Live Previewiä käyttäessä, jätä täppä pois - tässä tapauksessa voit katsoa esikatselukuvaa klikkaamalla pykälän vieressä olevaa Update ikkunaa. Jos kuvaan ei ilmesty mitään tai asetuksia muuttamalla mitään ei tapahdu, varmista että olet ennen ikkunan avaamista klikannut kuvan valituksi

Polun jäljitys: Valitse Useita läpikäyntejä: luo ryhmän polkuja alta Colors.
Leikekuvissa ja muissa selkeärajaisissa kuvissa Smooth kannattaa ottaa pois, sillä se pehmentää rajoja ja sävyeroja. Ota pois täppä myös Stack scans kohdalta jollet halua päällekäin aseteltavia kuvia jolloin silityskalvoa kuluu paljon enemmän (ja lopputuloksesta tulee paksumpi, hyviä puolia on taas helpompi aseteltavuus). Käytännössä "stack scans" toiminto tekee erottelee värivektorit siten että kuva kootaan asettelemalla värit päällekäin oikeassa järjestyksessä. Kun täppä otetaan pois, kuva-alueet rajautuvat tismalleen kuten sen näet kuvassa, eli palat laitetaan vierekkäin. (katso kuva menetelmien erosta ohjeen lopusta) 


Bittikartan jäljitysnäkymä

Omissa kokeilujen perusteella sanoisin, että jos yksittäistä väriä on rajatuilla alueilla ja värejä on paljon Stack scans kannattaa ottaa pois. Mikäli taas värejä on vähän ja ne toistuvat useilla alueilla (vaikkapa punalehtinen kukkanen mustilla rajauksilla) saattaa olla helpompaa jättää stack scans päälle. Huomioi kuitenkin että pinottuna lopputuloksesta tulee paksumpi ja kalvoa kuluu enemmän. 
Esimerkkinä erosta vasemmalla kuva jossa Stack scans asetus ei ole päällä, ja oikealla kuva niin että se on päällä.




Kun esikatselu kuva on hyvä, paina ok. Huomaa että käsittelyllä menee jonkin aikaa eikä se varsinaisesti kerro koska on valmis muuten kuin siten että Pysäytä painike muuttuu harmaaksi. Kun vektorikuva on muodostettu, voit sulkea bittikartan jäljitysikkunan.

Nopea tapa varmistaa että vektorikuva on muodostunut on valita kuva uudelleen ja vetää sivuun - päällimmäisenä pitäisi olla vektorikuva ja alla alkuperäinen kuva josta kuvaa lähdit muodostamaan. Jos kuvassa on puutteita, voit yksinkertaisesti deletellä poistaa vektorikuvan ja luoda uudestaan korjatuilla asetuksilla. Alla olevassa esimerkkikuvassa esimerkiksi punainen väritaso jäi pois - mutta muuten kuva on jo tällaisenaan aika hyvä



Vaihe 4: Värialueiden irrottaminen toisistaan
Valitse ensin kuva, sitten Kohde - Pura ryhmitys (ungroup) niin kuvan värit ovat irrallisia ja jatko käsiteltävissä. Tämän voi toki tehdä myös jatkokäsittelyohjelmien, kuten Silhouette studion puolella, mutta itse haluan tehdä sen jo tässä vaiheessa.

Vaihe 5: Tallenna Svg-muotoon
Valitse Tiedosto - Tallenna nimellä - ja valitse tiedosto muodoksi SVG

Valitse SVG tallennusmuodoksi, ei Inscape svg!

Tarkalleen ottaen oletusmuoto Inkscape-SVG SAATTAA toimia, mutta jos tiedostoon on tallentunut softan omia ominaisuuksia, Silhouette Studio ei osaa tulkita niitä ja herjaa. Saman virheilmoituksen voit itse asiassa saada liian vanhan version svg-tiedostosta, tähänkin lääke on siis avaaminen Inkscapessa ja tallentaminen uudestaan SVG-muotoon.

Voilaa, nyt kuvasi on valmis Silhouette Studio Designer editionia varten!

tiistai 3. helmikuuta 2015

Kangaskissan kootut kohellukset -blogin avaus

Voihan viiksi, nyt se tuli tehtyä - blogi avattu!

Blogin ulkoasu tulee päivittymään allekirjoittaneen ehtiessä suunnitella grafiikat kuntoon. Tällä hetkellä on kutina että ensimmäiset päivitykset tulevat koskemaan Silhouette Cameota, mutta mistäpä sitä tietää mitä tassun alle seuraavaksi sujahtaa!