Graafisen suunnittelun perusteet

Raster vs vektor 

Rasteri

-Painotuotteissa käytetty tekniikka värien esittämiseen pienten rasteripisteiden avulla.

-Suurentuu rakeisesti (esimerkiksi valokuva) 

Vektori

-Vektorigrafiikkaa käytetään esimerkiksi tietokoneavusteisessa suunnittelussa ja piirtografiikan tuottamisessa sekä kolmiuloitteisessa grafiikassa (laatu pysyy, loputtomasti suurennettavissa, selkeämpi kuva)

-Vektorigrafiikalla luodun kuvan kokoa voidaan muuttaa ilman, että kuvasta tulee rakeinen kuten bittikarttakuvasta suurennettaessa

-Kuvan muotoa voidaan muuttaa: esimerkiksi kiertää (rotaatio) koordinaatistossa. 

-Kuvan tallennuskoko riippuu kuvan yksityiskohtien määrästä pikselimäärän sijaan, minkä ansiosta vektorigrafiikka on resoluutioriippumatonta

-Tallennuskoko on yleensä pienempi kuin bittikarttagrafiikkaa sisältävillä tiedostoilla

Pinterest-taulu

-Pinterest-taulu on digitaalinen versio perinteisestä muistitaulusta. Voit lisätä siihen talteen mielenkiintoisia kuvia sekä linkkejä artikkeleihin, joihin haluat palata myöhemmin

Painovalmis tiedosto

käyntikortti, juliste, teippi, logo, brodeeraus yms.

Mittayksikkö mm

Väriavaruus CMYK (ei ole niin paljoa väri vaihtoehtoja)

Bleed (eli värin "ylivuotoalue") 3mm (tai kysy painolta mikä on ok!)

Resoluutio 300px/inch (latausnopeus)

Tallennusmuoto ai. (muokattava) pdf. 

nimeäminen kampaamo_kayntikortti_bleed_3mm_90mm_x_50mm.ai.pdf

CMYK=Cyan, Magenta, Yellow, Kmusta

Julkaisuvalmis tiedosto

Sähköinen ympäristö

joka on mm. Sähköposti, sosiaalinenmedia, Instagram, Facebook, verkkokaupat, logot

Mittayksikkö on PX

Väriavaruus Rpg #000000 #fffff (laaja värivalikoima)

Resoluutio 72pixel/inch (latausnopeus)

Tallennus aina ai. (voi muokata) .jpg (normaali) png. (läpinäkyvä pohja) gif. (liikkuva)

nimetään samallatavalla kuin painovalmistiedosto ks alta.

RPG= Red, Green, Blue

Tiedostokoko

K (Kilot)

-Kuvan tiedostokoko on digitaalinen koko, joka mitataan kilotavuina (kt)

(Tiny Png) Tinypng.com

-Liittyy julkaisuvalmiiseen

-Kuvan tiedostokoko on suoraan verrannollinen kuvan pikselimittoihin. Paljon pikseleitä sisältävät kuvat sisältävät tietyssä tulostuskoossa paljon yksityiskohtia mutta käyttävät myös paljon levytilaa, joten niiden muokkaaminen ja tulostaminen saattaa olla hidasta. Kuvan resoluutio onkin kompromissi kuvan laadun (tarvittavan tiedon määrän) ja tiedostokoon välillä.

-Toinen tiedostokokoon vaikuttava tekijä on tiedostomuoto. GIF-, JPEG-, PNG- ja TIFF-tiedostomuodoissa käytetään eri pakkausmenetelmiä, minkä vuoksi samat pikselimitat sisältävien tiedostojen koot saattavat vaihdella huomattavasti. Vastaavasti kuvan värien bittisyvyys sekä tasojen ja kanavien määrä vaikuttavat tiedostokokoon.

M (Megat)

-Kuvan tiedostokoko on digitaalinen koko, joka mitataan megatavuina (Mt)

(We transferilla saa siirrettyä isoja tiedostoja, wetransfer.com) sekä (FTP toimii tässä myös)

-Liittyy painovalmiiseen

Tiedoston nimeäminen

-Nimessä ei voi käyttää: ä,å,ö,#,?,>,/...(erikoismerkkejä), välilyöntejä

-Alaviivalla erotellaan

-Mallilla 

asiakas_tuote_koko

-Tiedostot tallennetaan eri nimillä, riippuen mihin tiedosto on menossa(nimessä sopivat tiedot) ja ne erotellaan tarkasti

-Niistä selviää esimerkiksi tehdyn "käyntikortin" leveys ja pituus

Width=W

Height=H

kivijalka_oy_kayntikortti_w90_h50mm

Arkkikoot

A-sarja

A0 841 x 1189 mm

A1 594 x 841 mm

A2 420 x 594 mm

A3 297 x 420 mm

A4 210 x 297 mm

A5 148 x 210 mm

A6 105 x 148 mm

A7 74 x 105 mm

Resoluutio

-Resoluutio vaikuttaa bittikarttakuvan yksityiskohtien tarkkuuteen 

-Ilmaistaan pikseleinä(px) tuumalla (inch). Mitä enemmän pikseleitä on tuumalla, sitä suurempi on resoluutio. 

-Yleensä suuremman resoluution kuva on tulostettuna parempilaatuinen.

CMYK + RGB + # (Hex-arvo)

CMYK

-CMYK on yksi kuvatiedostoissa ja painotuotteissa käytettävistä väritiloista. Lyhenne CMYK 

tulee englannin sanoista Cyan (syaani), Magenta (magenta), Yellow (keltainen) ja Key (avainväri eli musta). 

-Väriavaruus tarkoittaa niitä värejä, joita käytetään sekä valokuvia että piirustuksia tallennettaessa, esitettäessä, tulostettaessa ja painettaessa.

-Kuvia tallennetaan CMYK-muodossa yleensä vain tulosteissa ja painotuotteissa käyttämistä varten, koska CMYK- väriavaruus ei sovellu esimerkiksi kuvien näyttämiseen tietokoneen näytöllä.

-CMYK-avaruuden perusvärit on valittu kuvien paperille painamiseen soveltuviksi. Tätä väriavaruutta käytetäänkin pääasiassa painotuotteissa, jolloin puhutaan neliväripainosta.

RGB

-Tietokoneiden näytöt käyttävät yleensä kolmiväristä RGB-värimallia

- väritila, jossa eri värejä muodostetaan sekoittamalla keskenään punaisen, vihreän ja sinisen väristä valoa. 

-Värimallin nimi juontuu näiden päävärien englanninkielisistä nimistä: red, green, ja blue

# HEX

-Sekä HEX- että RGBA-arvoilla voi määrittää värit HTML ja CSS koodissa.

-Yleisesti ottaen HEX on helppokäyttöisempi, sillä se on lyhyempi. 

-Joissakin tapauksissa on kuitenkin parempi käyttää RGBA:ta, sillä sen avulla voi myös määrittää peittävyyden. Tästä voi olla hyötyä, jos taustaväristä halutaan kirkkaampi tai 

huomaamattomampi.

Esimerkiksi

One.comin vihreän HEX-värikoodi on seuraavanlainen: #77a345

Sama väri RGBA:ssa näyttää tältä: (119, 163, 69)

Jos haluat 50 % peittävyyden RGBA-väriin, tulos näyttää tältä: (119, 163, 69, 0.5)