Tietokonegrafiikan perusteet

Koko: px
Aloita esitys sivulta:

Download "Tietokonegrafiikan perusteet"

Transkriptio

1 Tietokonegrafiikan perusteet Kuvamallit Koordinaattijärjestelmät Ihmisnäön ominaisuudet Grafiikkalaitteisto Abstrakti kangas Piirtäminen Teksti Leikkaaminen Väri Petri Vuorimaa 1

2 Kuvamallit Kuvien esittämiseen on kolme eri perusmallia: + piirto + pikseli +alue Jokaisella mallilla on omat hyvät ja huonot ominaisuutensa Petri Vuorimaa 2

3 Piirtomalli Piirtomallissa kuva koostuu elementeistä, joista jokainen piirretään erikseen Jokaisella piirto-operaatiolla on oma viivan leveytensä, tyylinsä, värinsä jne. Alkuperin näytöt ja tulostimet tukivat suoraan laitteistolla piirtomallia Nykyään mm. Postscript-tulostimet tukevat piirtomallia Myös useimmat graafiset kirjastot tukevat suoraan piirtomallia Petri Vuorimaa 3

4 Pikselimalli Pikselimalli sopii paremmin monimutkaisten ja luonnollisten kuvien esittämiseen Kuva on jaettu yksittäisiin kuva-alkioihin eli pikseleihin Jokaiselle pikselille on määritelty intensiteetti tai väriarvo Grafiikkalaitteisto perustuu nykyään suoraan pikselimalliin Petri Vuorimaa 4

5 Pikselimalli (jatk.) Kuvan koko riippuu sen resoluutiosta (leveys, korkeus ja väriarvo) Pikselikuvia on neljää eri muotoa + bittikartta (mustavalkoinen) + harmaasävyt +värit + värikartta Viimeisessä vaihtoehdossa värejä on rajallinen määrä, mutta jokainen käytössä oleva värisävy voidaan määrittää tarkkaan erillisen hakutaulun avulla Petri Vuorimaa 5

6 Anti-aliasointi Jos resoluutio on pieni, voi piirtoelementtien esittäminen tuottaa ongelmia Tämä voidaan ratkaista harmaasävyjä käyttämällä Menetelmää kutsutaan antialiasoinniksi Petri Vuorimaa 6

7 Aluemalli T Tässä mallissa kuva muodostuu piirtoelementeistä, jotka määrittävät kappaleiden ääriviivat Kappaleet täytetään tämän jälkeen jollain värillä, värisekoituksella ym. Kuvan esittäminen vie vain vähän tilaa Myös teksti voidaan esittää bittikarttana Petri Vuorimaa 7

8 Koordinaattijärjestelmät y Origo keskellä y x x Laitekoordinaateilla tarkoitetaan varsinaisen laitteen koordinaatteja Origo on yleensä vasemmassa alareunassa tai keskipisteessä Origo vasemmassa alareunassa Petri Vuorimaa 8

9 Koordinaattijärjestelmät (jatk.) y x Näyttöpuskureiden, graafisten näyttöjen ja lasertulostimien origo on kuitekin yleensä vasemmassa yläreunassa Tällöin koordinaatit ovat aina positiivisia kokonaislukuja (yksittäisiä pikseleitä) Petri Vuorimaa 9

10 Ikkunointi y x Ikkunointijärjestelmissä yksittäinen ikkuna edustaa näyttöä Myös tällöin koordinaatit ovat yksittäisiä pikseleitä Hiiren sijainti ilmoitetaan kuitenkin näytön koordinaatistojärjestelmässä Eri koordinaatistot pitää siis sovittaa yhteen Petri Vuorimaa 10

11 Ihmisen näön ominaisuudet Liikkeen esittäminen jatkuvana vaatii n kuvaa / sekuntti Jos tietokoneen laskentateho on 300 MIPSiä, tarkoittaa tämä 10 MIPSiä per kuva Jos resoluutio on 640x480, tarkoittaa tämä 32.5 operaatiota per pikseli Petri Vuorimaa 11

12 Ihmisen näön ominaisuudet (jatk.) Vuorovaikutus ei kuitenkaan vaadi kaikkien pikselien operointia joka kuvassa Esim. raahaus vaatii vain n. 5 kuvaa / sekuntti, koska liikkeen ei tarvitse olla jatkuvaa Liikkumattomien elementtien päivittämisessä voi olla jopa 1-2 sekuntin viive Kun siirrytään sovelluksesta (näytöstä) toiseen, voi viive olla jopa sekunttia Petri Vuorimaa 12

13 Grafiikkalaitteisto Tärkein komponentti on näyttöpuskuri CPU suorittaa grafiikkakirjastojen eri operaatioita ja kirjoittaa suoraan näyttöpuskuriin Näytönohjain muuttaa grafiikkamuistin sisällön videosignaaleiksi, jotka ohjaavat näyttöä Näyttö Näytön ohjain Näyttöpuskuri CPU Petri Vuorimaa 13

14 Katodisädeputki Yleisin näyttölaite on katodisädeputki Tällöin grafiikkaohjain skannaa kuvamuistia vasemmalta oikealle ja ylhäältä alas Videosignaali ohjaa suoraan katodisädeputken elektronisuihkua Elektronisuihku valaisee näytön pinnassa olevan fosforikerroksen, joka vastaa yksittäisiä pikseleitä Yleensä elektronisuihkuja on kolme jokaista perusväriä kohden Petri Vuorimaa 14

15 Välkkyminen ja haamut Fosfori lakkaa emitoimasta valoa hyvin nopeasti Jos valo lakkaa liian nopeasti, näkyy kuvassa välkkymistä Liian hitaasti katoava valo aiheuttaa haamuja liikkuvissa kappaleissa Jos kuvataajuus on 30 kuvaa per sekuntti, näkyy osassa näytöistä välkkymistä ja osassa haamuja Tämän takia kuvataajuus on yleensä Hz Petri Vuorimaa 15

16 LCD-näytöt Kannettavissa tietokoneissa käytetään yleensä LCD-näyttöjä Nestekiteen varaaminen jännitteellä muuttaa sen läpi kulkevan valon polarisiteetin Jos nestekiteiden eteen laitetaan polarisoiva suodatin, voidaan nestekiteillä suodattaa tiettyjen pikseleiden valo pois Petri Vuorimaa 16

17 LCD-näytöt (jatk.) Passiivimatriisinäytöissä ohjauselektroniikka on erillinen ja muuttaa yhden nestekiteen tilaa kerrallaan Tämän takia kuvataajuus on paljon alhaisempi kun 30 Hz Aktiivimatriisinäytöissä ohjauselektroniikka on integroitu nestekiteiden yhteyteen ja jokaisen nestekiteen arvoa voidaan muuttaa erikseen Petri Vuorimaa 17

18 Abstrakti kangas Grafiikkajärjestelmissä abstraktia piirrostilaa kutsutaan yleensä nimellä kangas (canvas) Kyseessä on abstrakti luokka, joka määrittelee eri piirtometodit Kankaalla on yleensä tietty fyysinen (pikseli) resoluutio Sen pohjalta voidaan määritellä aliluokkia ikkunoille, tiedostoille, tulostimille ym. Petri Vuorimaa 18

19 Piirtäminen Kaikille graafisille elementeille on yhteistä: + yleinen geometria + viivan tai reunan paksuus + reunan tai sisällön väri + kuvio tai tekstuuri Esim. suorakulmio voidaan määritellä seuraavasti: void Canvas::Rectangle(X1, Y1, X2, Y2, LineWidth, LineColor, FillColor) Petri Vuorimaa 19

20 Suorakulmioiden piirtäminen Yleensä kaikkia parametreja ei määritellä kerralla Canvas Cnv; Cnv.SetLineWidth(1); Cnv.SetLineColor(Black); Cnv.SetFillColor(White); Cnv.Rectangle(50, 50, 150, 100); Cnv.Rectangle(200, 120, 250, 140); Cnv.SetFillColor(Gray); Cnv.Rectangle(180, 20, 220, 40); Petri Vuorimaa 20

21 Piirtoelementit Viiva Ympyrä Kaari ellipsi ja elliptinen kaari Spline Osista koostuvat piirrokset Suljetut kappaleet Petri Vuorimaa 21

22 Teksti Useimmissa sovelluksissa tarvitaan tekstin piirtoa Usein se on kuitenkin kaikkein vaikein teknisesti toteuttaa Petri Vuorimaa 22

23 Fontin valinta Ensimmäinen tehtävä on valita fontti, jolla teksti esitetään Tätä varten on valittava fonttiperhe, tyyli ja koko Courier (fixed space font) Avant Garde (sans serif) Helvetica (sans serif) Times Roman (serif) Petri Vuorimaa 23

24 Fontin tyyli Fontti voidaan esittää usealla eri tyylillä: Times Times bold Times italic Times bold italic Helvetica Helvetica bold Helvetica italic Helvetica bold italic Petri Vuorimaa 24

25 Fontin koko Fontion koko ilmoitetaan yleensä pistekokona, jossa 1 piste on 1/72 tuuma Yksikkö on peräisin graafisesta teollisuudesta 12 point 14 point 18 point 24 point 32 point 42 point Petri Vuorimaa 25

26 Fontin piirtäminen Fontti voi olla joko ns. ääriviiva (outline) tai bittikartta-fontti Bittikartta-fontti määritellään yksittäisten pikselien avulla Eri fonttikokoja varten tarvitaan omat bittikarttansa, jotka voivat viedä paljon tilaa Petri Vuorimaa 26

27 Fontin piirtäminen (jatk.) Ääriviiva-fontit määritellään yksittäisinä muotoina Muotoa voi helposti skaalata eri fonttikokoihin, jolloin tallennustilaa tarvitaan paljon vähemmän Ennen esittämistä muoto on muutettava bittikartaksi Petri Vuorimaa 27

28 Leikkaaminen Leikkaamista (clipping) tarvitaan silloin kuin kuva halutaan esittää vain tietyllä näytön alueella (esim. ikkunointi) Yksinkertaisin tapa on käyttää suorakuutioleikkausta Petri Vuorimaa 28

29 Leikkaaminen (jatk.) Usein tarvitaan kuitenkin suoraviivaista leikkausta Tässä on jotain tekstiä ja kuvia Näkyvä alue Leikkaamiseen voidaan käyttää myös esim. pikselimaskeja, jolloin voidaan käyttää mitä tahansa muotoja Petri Vuorimaa 29

30 Väri Ihmisen silmässä on kahden tyyppisiä valosensoreja: sauvat (rod) ja keilat (cone) Sauvasolut ovat kattavat koko valoalueen, eivätkä pysty erottelemaan värejä Keilasoluja on kolmea eri perustyyppiä Pigmenttierojen takia ne ovat herkkiä tietyille väreille: punainen, vihreä ja sininen Eri värit ovat näiden perusvärejen yhdistelmiä Petri Vuorimaa 30

31 RGB-värijärjestelmä Ihmisilmä pystyy erottamaan n. 64 värisävyä kustakin perusväristä Yhteensä tarvitaan siis 3 x 6 = 18 bittiä Silmäterä (pupilli) pystyy kuitenkin säätämään silmään tulevaa valon määrää Tämän takia käytetään yleensä 3 x 8 = 24 bittiä värien esittämiseen Petri Vuorimaa 31

32 HVS-värijärjestelmä Värien ilmoittaminen RGB-muodossa ei ole kovin kätevää Tämän takia käytetään usein HVS-järjestelmää: + Hue (värin pääaallonpituus) + Value (värin intensiteetti tai valoisuus) + Saturation (värikylläisyys) Viimeisellä arvolla voidaan säätää sitä, koostuuko väri vain pääväristä vai sisältääkö se myös muita värejä Petri Vuorimaa 32

33 CMY-värijärjestelmä Visuaalisissa taiteissa värejä ei esitetä valon määrinä vaan väripigmenttien määränä + RGB on summaava järjestelmä + CMY on vähentävä järjestelmä CMY vastaa perusvärejä sinivihreä (Cyan), sinipunainen (Magentta) ja Keltainen Petri Vuorimaa 33

Tietokonegrafiikan perusteet

Tietokonegrafiikan perusteet Tietokonegrafiikan perusteet Kuvamallit Koordinaattijärjestelmät Ihmisnäön ominaisuudet Grafiikkalaitteisto Abstrakti kangas Piirtäminen Teksti Leikkaaminen Väri Petri Vuorimaa 1 Kuvamallit Kuvien esittämiseen

Lisätiedot

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. CSS1 CSS (Cascading Style Sheets) CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. Esim.

Lisätiedot

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

SISÄLLYS. Tunnus 3 Värit 5 Typografia 6 Visuaalinen elementti 7 Ilmesovellukset 8 Kuvien käyttö 11. Uusimaa hanke Graafinen ohjeistus

SISÄLLYS. Tunnus 3 Värit 5 Typografia 6 Visuaalinen elementti 7 Ilmesovellukset 8 Kuvien käyttö 11. Uusimaa hanke Graafinen ohjeistus GRAAFINEN OHJEISTUS SISÄLLYS Tunnus 3 Värit 5 Typografia 6 Visuaalinen elementti 7 Ilmesovellukset 8 Kuvien käyttö 11 Uusimaa 2019 -hanke Graafinen ohjeistus TUNNUS Uusimaa 2019 -hankkeen tunnus on kaksikielinen.

Lisätiedot

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön Johdanto sisällysluettelo Logo... 3 Logon käyttö... 4 Logon sovellukset... 5 Väripaletti... 6 Joensuun kaupunginteatteri on saanut uuden visuaalisen

Lisätiedot

Visuaalinen identiteetti. Graafinen ohjeistus

Visuaalinen identiteetti. Graafinen ohjeistus Visuaalinen identiteetti Graafinen ohjeistus MEDRIAN OY SISÄLTÖ 01 VÄRIT 04 02 03 3... CMYK ja RGB 4... HELPien värit TYPOGRAFIA 5... Ensisijainen fontti 6... Toissijainen fontti 7... WWW-sivut LOGO 8...

Lisätiedot

suomen palopäällystöliiton jäsenmatrikkeli

suomen palopäällystöliiton jäsenmatrikkeli gr a a f ine n oh je is t o suomen palopäällystöliiton jäsenmatrikkeli l ogo Suomen Palopäällystöliiton logo on sinetin ja tekstin yhdistelmä. Tässä on esitettynä sen perusversio jota pyritään käyttämään

Lisätiedot

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Graafinen ohjeisto Tunnus Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Visio: Suomi on Euroopan kilpailukykyisin

Lisätiedot

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko Sisällys Sisällys 1. Esipuhe Teksti 2. Liikemerkki ja värit eri käyttötilanteissa 2.1 Esimerkkejä liikemerkin käytöstä eri taustoissa 3. Liikemerkin mitat ja suoja-alue 4. Logo ja liikemerkki 5. Slogan

Lisätiedot

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA Suomen Lions-liitto ry:n GRAAFINEN OHJEISTO SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA 2 3 4 5 6 Suomen Lions-liitto ry:n graafinen ohjeisto on tehty yhtenäistämään järjestön

Lisätiedot

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto 7.3.2017 Tämä on vuonna 2017 uusitun Kauneimpien Joululaulujen visuaalisen ilmeen ohjeisto. Ohjeiston mukana toimitetaan alkuperäiset logotiedostot,

Lisätiedot

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1. 1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo

Lisätiedot

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0 GRAAFINEN OHJEISTO kesä 2017 / v.1.0 JOHDANTO Tämän graafisen ohjeiston tarkoitus on ohjeistaa Eläinterapeutin visuaalisen ilmeen käyttöä ja määritellä ulkoasua, sekä visuaalista viestiä. Graafisen ohjeistoon

Lisätiedot

Esitysgrafiikka (20 pistettä)

Esitysgrafiikka (20 pistettä) Esitysgrafiikka (20 pistettä) Yleistä Tehtävänäsi on rakentaa PowerPoint esitys osavuosikatsauksesta mielikuvituksellista automyyntiä tekevälle yritykselle Skills Car Turku. Käytettävät tiedostot Tiedostot

Lisätiedot

A-KILTOJEN LI TTO RY A-Kiltojen Liitto ry - Graafinen ohjeistus 4/2019

A-KILTOJEN LI TTO RY A-Kiltojen Liitto ry - Graafinen ohjeistus 4/2019 A-KILTOJEN LIITTO RY A-Kiltojen Liitto ry Graafinen ohjeistus Tunnus, käyttö A-Kiltojen Liitto ry:n tunnuksen väri on vihreä. Tunnusta tulee pääasiallisesti käyttää valkoisella tai mahdollisimman vaalealla

Lisätiedot

GRAAFINEN OHJEISTO KEVYT

GRAAFINEN OHJEISTO KEVYT päivitetty 25.6.2015 MESSUJEN GRAAFINEN OHJEISTO KEVYT YLEISET 21 SARKA-MESSUT 4 Messutunnukset 7 Liikemerkki / synty 8 Liikemerkki / ryhmässä 9 Liikemerkki / kuosipinta 1 10 Liikemerkki / kuosipinta 2

Lisätiedot

Johtokunta 2.11.2009 155. Graafinen ohjeistus

Johtokunta 2.11.2009 155. Graafinen ohjeistus Johtokunta 2.11.2009 155 Graafinen ohjeistus Sisällys: 1. Käyttäjälle 3 2. Liikelaitoskuntayhtymän logo ja sen käyttö 4 3. Graafisen ilmeen perusvärit 6 4. Kirjasimet ja tekstityypit 7 5. Liikelaitoskuntayhtymän

Lisätiedot

GRAAFINEN OHJEISTO 2017

GRAAFINEN OHJEISTO 2017 GRAAFINEN OHJEISTO 2017 Graafinen ohjeisto ja sen käyttötarkoitus Sisällys Tullinkulman Työterveys Oy:n uusi aputoiminimi on Pirte ja se otetaan käyttöön vuoden 2018 alusta alkaen markkinoinnissa ja muussa

Lisätiedot

Graafinen ohjeisto. Päivitetty Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1

Graafinen ohjeisto. Päivitetty Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1 Graafinen ohjeisto Päivitetty 4.6.2018 Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1 Tavoitteena yhtenäinen ja tunnistettava järjestöilme Graafinen ohjeisto antaa ohjeet ja mallit siitä,

Lisätiedot

Graafinen. ohjeistus

Graafinen. ohjeistus Graafinen ohjeistus 1/2015 A-Kiltojen Liitto ry Graafinen ohjeistus Tunnus, käyttö A-Kiltojen Liiton tunnuksen väri on vihreä. Tunnusta tulee pääasiallisesti käyttää valkoisella tai mahdollisimman vaalealla

Lisätiedot

SUOMEN JOUSIAMPUJAIN LIITTO RY Graafinen ohjeisto Versio 1, Huhtikuu 2017

SUOMEN JOUSIAMPUJAIN LIITTO RY Graafinen ohjeisto Versio 1, Huhtikuu 2017 GRAAFINEN OHJEISTO Versio 1, Huhtikuu 2017 2 Sisällys: Logo, värit ja typografia Logo... 4 Logon käyttö... 5 Värimaailma... 8 Typografia... 9 3 LOGO & LIIKEMERKKI Suomen Jouosiampujain liiton logo koostuu

Lisätiedot

KVPS Tukena Oy Graafinen ohjeisto 04/2018

KVPS Tukena Oy Graafinen ohjeisto 04/2018 1 KVPS Tukena Oy Graafinen ohjeisto 04/2018 2 Graafinen ohjeisto Tervetuloa tutustumaan KVPS Tukena Oy:n graafisiin ohjeisiin. Tämä ohjeisto sisältää ohjeita ja vinkkejä brändi-identiteetin käyttöön ja

Lisätiedot

Mainoksen taittaminen Wordilla

Mainoksen taittaminen Wordilla Mainoksen taittaminen Wordilla Word soveltuu parhaiten standardimittaisten (A4 jne) word-tiedostojen (.docx) tai pdf-tiedostojen taittoon, mutta sillä pystyy tallentamaan pienellä kikkailulla myös kuvaformaattiin

Lisätiedot

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Valitsimista valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Muistin virkistykseksi elementtejä http://appro.mit.jyu.fi/doc/www/xhtml/ HTML-elementtien lisäksi valitsimille voidaan luoda

Lisätiedot

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1 Maaseudun Sivistysliiton graafinen ohjeisto 1.1 Hahmo Design Oy 2.3.2018 Sisällysluettelo Ydinilme MSL:n tunnus 3 Tunnuksen käyttö 4 Tunnusoriginaalitiedostot 5 Värit 6 Typografia 7 2 ydinilme > tunnus

Lisätiedot

CSS. Tekstin muotoilua

CSS. Tekstin muotoilua CSS Tekstin muotoilua Tekstin muotoilu Kirjasimen ominaisuudet font-family font initial inherit; font-style normal italic oblique initial inherit; font-variant normal small-caps initial inherit; font-weight

Lisätiedot

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12 Graafinen Ohjeisto Sisältö Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12 Ella Nurminen Työssäoppimisen näyttötyö

Lisätiedot

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Graafiset ohjeet 1 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Tunnus Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus on järjestön nimen alkukirjaimista muodostettu nimilogo,

Lisätiedot

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO 2011 Tämä graafinen ohjeisto esittelee Makulihan logon ja sen sovellukset, sekä antaa ohjeet yritysilmeen käyttöön. Ohjeistoa ja sähköisiä originaaleja käytetään

Lisätiedot

z 1+i (a) f (z) = 3z 4 5z 3 + 2z (b) f (z) = z 4z + 1 f (z) = 12z 3 15z 2 + 2

z 1+i (a) f (z) = 3z 4 5z 3 + 2z (b) f (z) = z 4z + 1 f (z) = 12z 3 15z 2 + 2 BM20A5700 - Integraauunnokset Harjoitus 2 1. Laske seuraavat raja-arvot. -kohta ratkeaa, kun pistät sekä yläkerran että alakerran muotoon (z z 1 )(z z 2 ), missä siis z 1 ja z 2 ovat näiden lausekkeiden

Lisätiedot

Fonttimuotoilut. Fontin tyyppi ja fonttikoko

Fonttimuotoilut. Fontin tyyppi ja fonttikoko Fonttimuotoilut Kun haluat muotoilla jonkin sanan tai osan tekstistä, sinun pitää ensin "maalata" ko. alue. Maalaaminen tapahtuu vetämällä alueen yli hiiren ykköspainike alas painettuna. Maalattu alue

Lisätiedot

GRAAFINEN OHJEISTO Versio 1.0 heinäkuu 2015

GRAAFINEN OHJEISTO Versio 1.0 heinäkuu 2015 GRAAFINEN OHJEISTO Versio 1.0 heinäkuu 2015 2 Sisällys: LOGO, VÄRIT JA TYPOGRAFIA Logo... 4 Logon käyttö... 5 Värimaailma... 6 Typografia... 7 LOMAKKEISTO JA MUU MATERIAALI Käyntikortti... 8 Facebook-materiaalit...

Lisätiedot

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm Graafinen ohje Tunnus Oulu Sinfonian tunnuksena käytetään ensisijaisesti ohessa kuvattua liikemerkin ja nimilogon kiinteää yhdistelmää. Käytössä on huolehdittava, että tunnuksen mittasuhteet sekä nimilogon

Lisätiedot

IIRTÄMINEN. Word Piirtäminen

IIRTÄMINEN. Word Piirtäminen Word 2013 Piirtäminen IIRTÄMINEN PIIRTÄMINEN... 1 Piirto-objektien muotoileminen... 1 Muotoilutyökalut... 2 Tekstin tasaaminen objektin sisään, koko... 4 Objektien järjestyksen muuttaminen... 5 Kuvan osien

Lisätiedot

Arvokas. Graafinen ohjeistus

Arvokas. Graafinen ohjeistus Graafinen ohjeistus Sinä olet arvokas! -ohjelma rakentaa yhdenvertaisempaa Suomea, jossa jokaisella lähtökohdista ja elämäntilanteesta riippumatta on mahdollisuus kokea olevansa merkityksellinen osa yhteisöä

Lisätiedot

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO Selvitystyön raportti Päivitetty 3/2015 GRAAFINEN OHJEISTO TUNNUS 3 TUNNUKSEN VERSIOT JA KÄYTTÖ 4 VÄRIT 5 GRAAFINEN ELEMENTTI

Lisätiedot

JAVA on ohjelmointikieli, mikä on kieliopiltaan hyvin samankaltainen, jopa identtinen mm. C++

JAVA on ohjelmointikieli, mikä on kieliopiltaan hyvin samankaltainen, jopa identtinen mm. C++ JAVA alkeet JAVA on ohjelmointikieli, mikä on kieliopiltaan hyvin samankaltainen, jopa identtinen mm. C++ ja Javascriptin kanssa. Huom! JAVA ja JavaScript eivät silti ole sama asia, eivätkä edes sukulaiskieliä.

Lisätiedot

KOUVOLAN JENKKIPALLO RY. GRAAFINEN OHJEISTO / GRAPHIC MANUAL

KOUVOLAN JENKKIPALLO RY. GRAAFINEN OHJEISTO / GRAPHIC MANUAL KOUVOLAN JENKKIPALLO RY. GRAAFINEN OHJEISTO / GRAPHIC MANUAL JOHDANTO INTRODUCTION Kouvolan Indiansin graafinen ohjeisto antaa ohjeistukset visuaalisen ilmeen kanssa toimimiseen. Ohjeiston on tarkoitus

Lisätiedot

Logo. 2. Toissijainen käyttö. 1. Ensisijainen käyttö. YTN graafinen ohjeisto

Logo. 2. Toissijainen käyttö. 1. Ensisijainen käyttö. YTN graafinen ohjeisto Graafinen ohjeisto Logo YTN:n logosta on kaksi versiota. Ensisijaisesti käytetään logon versiota numero 1. Versiota 2 käytetään erityistilanteissa, kuten erittäin pienessä koossa. 1. Ensisijainen käyttö

Lisätiedot

Harjoitus 7. 1. Olkoon olemassa luokat Lintu ja Pelikaani seuraavasti:

Harjoitus 7. 1. Olkoon olemassa luokat Lintu ja Pelikaani seuraavasti: Harjoitus 7 1. Olkoon olemassa luokat Lintu ja Pelikaani seuraavasti: class Lintu //Kentät private int _siivenpituus; protected double _aivojenkoko; private bool _osaakolentaa; //Ominaisuudet public int

Lisätiedot

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus G R A A FI O HJ E IS Kaarinan Pojat ry:n graafinen ohjeistus N E N T US Logo Kaarinan Pojat ry:n logon tulee näkyä kaikissa KaaPon materiaaleissa, myös joukkueiden tuottamissa materiaaleissa. Logoa käytetään

Lisätiedot

TIVIA GRAAFINEN OHJEISTO LOGO VÄRIT TYPOGRAFIA MUODOT

TIVIA GRAAFINEN OHJEISTO LOGO VÄRIT TYPOGRAFIA MUODOT TIVIA GRAAFINEN OHJEISTO Visuaaliset ydinelementtimme Graafinen ohjeisto antaa tarkat määritelmät Tieto- ja viestintätekniikan ammattilaiset ry:n ilmeen ydinelementeistä. Ohjeiston päämääränä on yhdenmukaistaa

Lisätiedot

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiivinen, tarkka ja käytännöllinen

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiivinen, tarkka ja käytännöllinen Created for design CMYK GUIDE Intuitiivinen, tarkka ja käytännöllinen CMYK GUIDE -kartasta värit löytyvät nopeasti, ja ne ovat painettuina juuri sitä mitä valittiinkin! INTUITIIVINEN Suunnittelijan nopea

Lisätiedot

CSS - tyylit. 13.11.2000 Seppo Räsänen

CSS - tyylit. 13.11.2000 Seppo Räsänen CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot

Lisätiedot

Tasogeometriaa GeoGebran piirtoalue ja työvälineet

Tasogeometriaa GeoGebran piirtoalue ja työvälineet Tasogeometriaa GeoGebran piirtoalue ja työvälineet Näissä harjoituksissa työskennellään näkymässä Näkymät->Geometria PIIRRÄ (ja MITTAA) a) jana toinen jana, jonka pituus on 3 b) kulma toinen kulma, jonka

Lisätiedot

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu KÄYTTÖLIITTYMÄT Visuaalinen suunnittelu MUISTETTAVA Yksinkertaisuus Selkeys Johdonmukaisuus Sommittelutyyli on säilytettävä samankaltaisen koko sivustossa Sivustolle yhtenäinen ulkoasu Miellyttävä ulkonäkö

Lisätiedot

VERKOSTO GRAAFINEN OHJE

VERKOSTO GRAAFINEN OHJE 2018 SISÄLTÖ 3 Pikaohje 4 Tunnus ja suoja-alue 5 Tunnuksen versiot 6 Tunnuksen käyttö 7 Fontit 8 Värit 9 Soveltaminen ----- 10 Verkosto Lapset 2 suoja-alue Tunnuksen suoja-alueen sisäpuolella ei saa olla

Lisätiedot

2018 Käsikirja. Työllisyys, sosiaaliasiat ja osallisuus

2018 Käsikirja. Työllisyys, sosiaaliasiat ja osallisuus 2018 Käsikirja Työllisyys, sosiaaliasiat ja osallisuus 2 E U R O O P A N A M M A T T I T A I T O V I I K K O Väripaletti YKSITTÄINEN CMYK 0 50 100 0 RGB 243 146 0 HEX #f39200 CMYK 100 95 25 13 RGB 41 44

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

KUVAMUOKKAUS HARJOITUS

KUVAMUOKKAUS HARJOITUS KUVAMUOKKAUS HARJOITUS PUNASILMÄISYYS, VÄRI, KUVAKOKO, RAJAUS PUNASILMÄISYYS Kuvien punasilmäisyyden joutuu kohtaamaan usein huolimatta kameroiden hyvistä ominaisuuksista. Ohjelma tarjoaa hyvän työvälineen

Lisätiedot

SMART Board harjoituksia 09 - Notebook 10 Notebookin perustyökalujen käyttäminen 2 Yritä tehdä tehtävät sivulta 1 ilman että katsot vastauksia.

SMART Board harjoituksia 09 - Notebook 10 Notebookin perustyökalujen käyttäminen 2 Yritä tehdä tehtävät sivulta 1 ilman että katsot vastauksia. SMART Board harjoituksia 09 - Notebookin perustyökalujen käyttäminen 2 Yritä tehdä tehtävät sivulta 1 ilman että katsot vastauksia. http://www.kouluon.fi/ Harjoitus 1-09: Taikakynä Avaa edellisessä harjoituksessa

Lisätiedot

g r a a f i n e n o h j e i s t o

g r a a f i n e n o h j e i s t o graafinen ohjeisto TUNNUSVÄRIT Finfoodin tunnusvärit ovat valkoinen ja sininen PMS300. Eri sovelluksissa käytetään teknisten vaatimusten takia eri tyyppisiä värejä, joihin liittyy oma värijärjestelmänsä

Lisätiedot

Luento 3: 3D katselu. Sisältö

Luento 3: 3D katselu. Sisältö Tietokonegrafiikan perusteet T-.43 3 op Luento 3: 3D katselu Lauri Savioja Janne Kontkanen /27 3D katselu / Sisältö Kertaus: koordinaattimuunnokset ja homogeeniset koordinaatit Näkymänmuodostus Kameran

Lisätiedot

Kuvat ovat tärkeä osa Espoon kaupungin viestintää, ja siksi ne on suunnitellaan ja valitaan huolellisesti.

Kuvat ovat tärkeä osa Espoon kaupungin viestintää, ja siksi ne on suunnitellaan ja valitaan huolellisesti. -verkkosivuston KUVAMAAILMAn ohjeistus JOHDANTO Kuvat ovat tärkeä osa Espoon kaupungin viestintää, ja siksi ne on suunnitellaan ja valitaan huolellisesti. Espoo.fi-sivuston kuvat tukevat kaupungin visuaalista

Lisätiedot

Graafinen ohjeisto 1

Graafinen ohjeisto 1 Graafinen ohjeisto 1 Sisältö Tunnuksista yleisesti... 3 Tunnuksen versiot ja rakenne.... 4 Merkin värit.... 5 Tunnuksen värivaihtoehtoja... 7 Tunnuksen suoja-alue.... 8 Tunnuksen sijoittelu.... 9 Pienen

Lisätiedot

KUVAMUOKKAUS HARJOITUS

KUVAMUOKKAUS HARJOITUS KUVAMUOKKAUS HARJOITUS VÄRI, PARANNUS, KUVAKOKO, KEHYKSET Kuvan väri- ja valoisuusarvot ovat sidoksissa kuvanottohetken valaistukseen. Harjoituksen kuva on kuvattu loistevaloissa ja värisävy ei ole kohdallaan.

Lisätiedot

Graafisen käyttöliittymän ohjelmointi Syksy 2013

Graafisen käyttöliittymän ohjelmointi Syksy 2013 TIE-11300 Tietotekniikan vaihtuva-alainen kurssi Graafisen käyttöliittymän ohjelmointi Syksy 2013 Luento 5 Qt: Grafiikan piirto Juha-Matti Vanhatupa Sisältö GDI Qt paint system Koordinaatisto-operaatioita

Lisätiedot

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019 VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019 YKSINKERTAINEN ON KAUNISTA Väylän liikemerkki koostuu sanasta VÄYLÄ ja sinisen sävyisestä tunnuksesta. Tunnuksessa on V-kirjain, jonka negatiivisesta tilasta muodostuu

Lisätiedot

Esipuhe. 1. Tunnus A. Suoja-alue ja mittasuhteet... 5 B. Värit (määritykset)...6 C. Värien käyttö...7

Esipuhe. 1. Tunnus A. Suoja-alue ja mittasuhteet... 5 B. Värit (määritykset)...6 C. Värien käyttö...7 Esipuhe 1. Tunnus A. Suoja-alue ja mittasuhteet... 5 B. Värit (määritykset)...6 C. Värien käyttö...7 2.Typografia...8 A. Käyntikortti...8 B. Fontit...9 3.Visuaalinen ilme...10 Käyntikortti...11 Ilmoituspohja...12

Lisätiedot

Ulkopuolisen tyylitiedoston käyttö

Ulkopuolisen tyylitiedoston käyttö 1 CSS - aloitus Sisältö: s. 2. Ulkopuolisen tyylitiedoston käyttö s. 3. Tyyliohjeen kirjoittaminen s. 4. style-elementti s. 5. style-attribuutti s. 6. class-attribuutti s. 7. id-attribuutti s. 8. Fontit

Lisätiedot

ViNOn graafinen ohjeisto, alpha 22.1.2013

ViNOn graafinen ohjeisto, alpha 22.1.2013 ViNOn graafinen ohjeisto, alpha 22.1.2013 Johdanto Graafiset ohjeistot ovat viestinnän alan yleinen käytäntö. Kaikessa järjestöviestinnässä käytetään organisaatiokohtaisia graafisia ohjeistuksia, jotta

Lisätiedot

Sisällysluettelo. s.1(14) CRA Computer & Robot applications Oy. v.1.2 ESITTELY TOIMINNALLISUUS... CRA-TV HALLINTA-OHJELMA...

Sisällysluettelo. s.1(14) CRA Computer & Robot applications Oy. v.1.2 ESITTELY TOIMINNALLISUUS... CRA-TV HALLINTA-OHJELMA... s.1(14) CRA Computer & Robot applications Oy v.1.2 Sisällysluettelo ESITTELY......2 TOIMINNALLISUUS......2 CRA-TV HALLINTA-OHJELMA......3 Ohjelman pääikkuna:...3 Kirjautuminen:...3 Rekisteröityminen:...4

Lisätiedot

Symmetrioiden tutkiminen GeoGebran avulla

Symmetrioiden tutkiminen GeoGebran avulla Symmetrioiden tutkiminen GeoGebran avulla Tutustutaan esimerkkien kautta siihen, miten geometrista symmetriaa voidaan tutkia ja havainnollistaa GeoGebran avulla: peilisymmetria: peilaus pisteen ja suoran

Lisätiedot

Muuta pohjan väri [ ffffff ] valkoinen Näytä suuri risti

Muuta pohjan väri [ ffffff ] valkoinen Näytä suuri risti 1. Qcad. Aloitusohjeita. Asenna ohjelma pakettien hallinasta. Tämä vapaa ohjelma on 2D. 3D ohjelma on maksullinen. Qcad piirustusohjelma avautuu kuvakkeesta. Oletuksena, musta pohja. On kuitenkin luontevaa

Lisätiedot

Kirjasinleikkaukset ja fontit

Kirjasinleikkaukset ja fontit Kirjasinleikkaukset ja fontit 1 Fontti on merkki- ja symbolijoukko, jolla on erityinen malli. Tätä erityistä mallia kutsutaan kirjasinleikkaukseksi. Valitsemasi kirjasinleikkaukset lisäävät asiakirjaan

Lisätiedot

Sanasto Ry Graafinen ohjeisto 2 / 14. Sisällys

Sanasto Ry Graafinen ohjeisto 2 / 14. Sisällys Graafinen ohjeisto Sanasto Ry Graafinen ohjeisto 2 / 14 Sisällys 3 Sanaston ilme 4 Logo 5 Logon käyttö 6 Värit 7 Värien käyttö 8 Typografia 10 Typografian käyttö 11 Graafiset elementit 12 Graafisten elementtien

Lisätiedot

Tietosuoja-portaali. päivittäjän ohje

Tietosuoja-portaali. päivittäjän ohje Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan

Lisätiedot

Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2016

Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2016 Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2016 1. Tunnus 1.1 Markkinointitunnus Käytetään esimerkiksi TYYn viestinnässä, esitteissä, oppaissa, julisteissa, markkinointitavaroissa, sosiaalisessa

Lisätiedot

esittely Tunnusta ei saa skaalata eikä mittasuhteita vääristää.

esittely Tunnusta ei saa skaalata eikä mittasuhteita vääristää. GRAAFINEN OHJEISTO Päivitys: maaliskuu 2017 TUNNUS esittely Muistiliiton tunnus muodostuu punaisesta ympyrä- ja kaari-teemasta (liikemerkki) sekä Muistiliittotekstiosuudesta (logo) täydennettynä ruotsinkielisellä

Lisätiedot

GRAAFINEN OHJEISTO versio 1.0

GRAAFINEN OHJEISTO versio 1.0 03.11.2017 GRAAFINEN OHJEISTO versio 1.0 SISÄLLYS Graafisen ohjeiston tarkoitus on nimensä mukaisesti ohjeistaa, selkeyttää ja yhdenmukaistaa Vierailu- ja innovaatiokeskus Joen yhteydessä tapahtuvaa viestintää.

Lisätiedot

Graafinen ohjeisto Santa s United ry 2015

Graafinen ohjeisto Santa s United ry 2015 Graafinen ohjeisto Santa s United ry 2015 Sisällysluettelo Värit... 1 Logon värimäärittelyt....1 Logo, liikemerkki ja tunnus... 2 Yleistä...2 Santa s United tunnus...2 Tunnuksen käyttö...3 Suoja-alueet...4

Lisätiedot

OPISKELIJOIDEN LÄHETYSLIITON GRAAFINEN OHJE

OPISKELIJOIDEN LÄHETYSLIITON GRAAFINEN OHJE OPISKELIJOIDEN LÄHETYSLIITON GRAAFINEN OHJE Opiskelijoiden Lähetysliiton uudistetun graafisen ilmeen suunnittelun taustalla vaikuttavat organisaation brandi-identiteetin keskeisimmät kulmakivet, jotka

Lisätiedot

HEIKKINEN YHTIÖT YRITYSILME 071212

HEIKKINEN YHTIÖT YRITYSILME 071212 LOGON PERUSVERSIO PERUSVERSIO Ensisijaisesti käytettävä versio logosta. Käytetään valkoisella tai hyvin vaalealla pinnalla. PERUSVERSIO PUNAINEN NEGA Käytetään tässä ohjeistossa määritellyllä punaisella

Lisätiedot

Yhtenäinen ja johdonmukainen visuaalinen ilme heijastaa Fennovoiman toiminnan laatua, luotettavuutta ja pitkäjänteisyyttä.

Yhtenäinen ja johdonmukainen visuaalinen ilme heijastaa Fennovoiman toiminnan laatua, luotettavuutta ja pitkäjänteisyyttä. Graafinen ohjeisto 2 Johdanto Sisältö Graafinen ohjeisto on apuväline, jota noudattamalla Fennovoiman visuaalisesta ilmeestä rakentuu tunnistettava ja laadullisesti yhtenäinen kokonaisuus. Yhtenäinen ja

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 3/8: Visuaalinen suunnittelu

Lisätiedot

Logon perusmuoto ja käyttö

Logon perusmuoto ja käyttö Logon perusmuoto ja käyttö 100% musta 80% musta Ensisijaisesti pyritään aina käyttämään tällä sivulla esitettyä vihreän väristä logon perusmuotoa. Sivun oikealla puolella on esiteltynä logon toimivuus

Lisätiedot

Taulukot. 1. Taulukon rakenne: ICT01D Elina Ulpovaara

Taulukot. 1. Taulukon rakenne: ICT01D Elina Ulpovaara Taulukot Taulukoita käytetään XHTML:ssä taulukkomuotoisen tiedon esittämiseen esim. tilastot, hinnastot jne sivun ulkoasun muotoiluun eli taittoon - voidaan korvata CSS:n asemointia käyttäen ICT01D 28.11.2005

Lisätiedot

Tehtävä 3 ja 4. 3. aikakausilehden kansi pastissi 4. runokirjan kansi

Tehtävä 3 ja 4. 3. aikakausilehden kansi pastissi 4. runokirjan kansi Tehtävä 3 ja 4 3. aikakausilehden kansi pastissi 4. runokirjan kansi 3. Valitse esim. Opettaja-lehti ja tee sille uusi kansi lehden tyyliin samoilla fonteilla ym. (ohje sille), NYT-liite, tms. käy myös

Lisätiedot

GRAAFINEN OHJEISTO VERSIO 2018/1

GRAAFINEN OHJEISTO VERSIO 2018/1 GRAAFINEN OHJEISTO VERSIO 2018/1 1 1.2 Sisällysluettelo 1 Tunnus... 3 1.1 Tunnusversiot... 4 Adiciumqui quamusae non pos sanis excea volupti doluptam, as ut aut aut optas et fugia nonsed explitas eos et

Lisätiedot

Luento 2: Tulostusprimitiivit

Luento 2: Tulostusprimitiivit Tietokonegrafiikan perusteet T-111.4300 3 op Luento : Tulostusprimitiivit Lauri Savioja 11/06 D primitiivit / 1 Sisältö Mallintamisen alkeita Perusprimitiivit (GKS) attribuutteineen Näyttömuisti D primitiivit

Lisätiedot

Graafinen ohjeistus Taidekaupunki-logo

Graafinen ohjeistus Taidekaupunki-logo Graafinen ohjeistus Taidekaupunki-logo Ohjeistuksessa määriteltyjä raja-arvoja ja värejä tulee noudattaa aina mahdollisuuksien mukaan ellei toisin sovita. SUOJA-ALUE Suoja-alue määräytyy merkissä olevan

Lisätiedot

Graafinen ohjeisto 3.2. Tunnus (ilman koulutus-sanaa) ja tunnuksen suoja-alue Tunnuksen muotoilu perustuu sanaan FINVA, erillistä liikemerkkiä ei käytetä. Tunnuksessa yhteen sulautuvat Finanssi ja vakuutus.

Lisätiedot

2. Aloitus -välilehti, leikepöytä- ja fontti -ryhmät

2. Aloitus -välilehti, leikepöytä- ja fontti -ryhmät 2. Aloitus -välilehti, leikepöytä- ja fontti -ryhmät Aloitus -välilehdelle on sijoitettu eniten käytetyt muotoiluihin liittyvät komennot. Välilehti sisältää viisi eri ryhmää, johon komennot on sijoitettu

Lisätiedot

GRAAFINEN OHJEISTO

GRAAFINEN OHJEISTO GRAAFINEN OHJEISTO 8..06 Sisältö Merkki ja tekstiosa 3 Suoja-alue 4 Tunnuksen värit (värillinen tunnus) 5 Tunnuksen värit (harmaasävyinen tunnus) 6 Tunnuksen sähköiset originaalit toimisto-ohjelmiin 7

Lisätiedot

TEHOKAS HIILENHARMAA DYNAAMINEN MAGENTA

TEHOKAS HIILENHARMAA DYNAAMINEN MAGENTA GRAAFINEN OHJEISTO TUNNUS 25 mm Tunnuksesta on myös nega-versio, jota käytetään värillisten taustojen sekä kuvataustojen kanssa. Tunnuksen suoja-alue määräytyy tunnuksen i-kirjaimen koon mukaan. Tunnuksen

Lisätiedot

1/2016 GRAAFINEN OHJEISTO

1/2016 GRAAFINEN OHJEISTO GRAAFINEN OHJEISTO 1.1.2016 1 Sisällys 1. Tunnus... 4 2. Värit... 5 3. Suoja-alue... 6 4. Typografia... 6 5. Käyntikortti... 7 6. Lomakkeisto... 8 7. Kirjekuoret... 9 8. PowerPoint... 10 9. Ilmoittelu...

Lisätiedot

Kuvankäsittelyohjelma GIMP

Kuvankäsittelyohjelma GIMP Kuvankäsittelyohjelma GIMP GIMP on ilmainen kuvankäsittelyohjelma, jonka voi ladata internetistä. Silti siitä löytyy toimintoja ihan tarpeeksi. Käynnistetään GIMP Gimp-ohjelman käynnistyttyä ilmestyy kolme

Lisätiedot

Opinnäytetyön mallipohjan ohje

Opinnäytetyön mallipohjan ohje Opinnäytetyön mallipohjan ohje Sisällys 1 Johdanto 1 2 Mallin käyttöönotto 1 3 Otsikot 2 3.1 Luvun otsikko 3 3.2 Alalukujen otsikot 5 4 Tekstikappaleet 5 5 Kuvat ja kuviot 6 6 Taulukot 6 7 Lainaus 7 8

Lisätiedot

Suupohjan koulutuskuntayhtymä. Graafinen ohjeisto

Suupohjan koulutuskuntayhtymä. Graafinen ohjeisto Suupohjan koulutuskuntayhtymä Graafinen ohjeisto Graafinen ohjeisto Tämä graafinen ohjeisto antaa perusohjeet Vuoksin visuaalisen ilmeen käytöstä markkinointiviestinnässä. Graafisen ohjeiston noudattamisella

Lisätiedot

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Graafiset ohjeet Päivitetty 27.5.2013 I LVI-TU LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Sisältö Tunnus...3 Typografia...4 Värit...5 Käyntikortit ja sähköinen allekirjoitus...6 Lomakkeet

Lisätiedot

Ohjeissa pyydetään toisinaan katsomaan koodia esimerkkiprojekteista (esim. Liikkuva_Tausta1). Saat esimerkkiprojektit opettajalta.

Ohjeissa pyydetään toisinaan katsomaan koodia esimerkkiprojekteista (esim. Liikkuva_Tausta1). Saat esimerkkiprojektit opettajalta. Ohjeissa pyydetään toisinaan katsomaan koodia esimerkkiprojekteista (esim. Liikkuva_Tausta1). Saat esimerkkiprojektit opettajalta. Vastauksia kysymyksiin Miten hahmon saa hyppäämään? Yksinkertaisen hypyn

Lisätiedot

Graafinen ohjeistus. 3. versio / 2019

Graafinen ohjeistus. 3. versio / 2019 Graafinen ohjeistus 3. versio / 2019 Alkusanat Helmet-logo on pääkaupunkiseudun Helmet-kirjastojen logo. Helmet-kirjasto on Espoon, Helsingin, Kauniaisten ja Vantaan kaupunginkirjastojen kirjastoverkko.

Lisätiedot

2 Pistejoukko koordinaatistossa

2 Pistejoukko koordinaatistossa Pistejoukko koordinaatistossa Ennakkotehtävät 1. a) Esimerkiksi: b) Pisteet sijaitsevat pystysuoralla suoralla, joka leikkaa x-akselin kohdassa x =. c) Yhtälö on x =. d) Sijoitetaan joitain ehdon toteuttavia

Lisätiedot

TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016

TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016 TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016 TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT 2 SISÄLTÖ Saatteeksi... 3 Tullin tunnus... 4 Tullin tunnusvaihtoehdot... 5 Tullin

Lisätiedot

Tunnus. Typografia. Värit. Kuvamaailma. Sovellukset. päävärit lisävärit. värivariaatiot koko käyttö suoja-alue. internet Office

Tunnus. Typografia. Värit. Kuvamaailma. Sovellukset. päävärit lisävärit. värivariaatiot koko käyttö suoja-alue. internet Office graafinen ohjeisto Tunnus värivariaatiot koko käyttö suoja-alue Typografia internet Office Värit päävärit lisävärit Kuvamaailma valokuvat graafiset elementit kuvituskuvat Sovellukset PowerPoint Mikä on

Lisätiedot

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT VÄRIT 12.2.2015 Väri on silmään saapuvan valon aistittava ominaisuus, joka havaitaan näkö- ja väriaistilla. Värin aistiminen riippuu silmään saapuvan valon sisältämistä aallonpituuksista ja niiden voimakkuuksista.

Lisätiedot

Kanta-palvelut graafinen ohje , versio 6.0

Kanta-palvelut graafinen ohje , versio 6.0 Kanta-palvelut graafinen ohje 18.9.2017, versio 6.0 Sisältö Kirjoitusasu Palvelut, taivutus, kieliversiot Tunnus Värillinen, musta valkoinen, värillisellä taustalla ja pohjalla sekä suoja-alue, mittasuhteet

Lisätiedot

Vapo: Turveauman laskenta 1. Asennusohje

Vapo: Turveauman laskenta 1. Asennusohje Turveauman mittaus 3D-system Oy 3D-Win ohjelman lisätoiminto, jolla lasketaan turveaumasta tilaajan haluamat arvot ja piirretään aumasta kuva. Laskentatoiminto löytyy kohdasta Työkalut/Lisätoiminnot. Valitse

Lisätiedot

2 reserviläisliitto.fi

2 reserviläisliitto.fi GRAAFINEN OHJEISTO 2 reserviläisliitto.fi RESERVILÄISLIITON GRAAFINEN OHJEISTO Uudistetun graafisen ilmeen ja logon tarkoituksena on helpottaa yhdistyksen tunnistettavuutta, erottuvuutta ja omalta osaltaan

Lisätiedot