MoodBoard

 Moodboardit

Harjoiteltiin tekemään illustratorilla mood-

boardeja. Tässä pari mun tekemää.

Aloitin miettimällä väriä, teemaa.

Turkoosi- moodboard

Pinkki- moodboard

Otin kuvat pinterestistä ja taulut ovat tuossa alapuolella.

Raportti ja miten se tehdään?

 Raportti ja sen teko

Kävimme tänään 30.9.2020 läpi mitä tarkoittaa raportti.

Raportti on jatkuvaa kuviota, kuten esimerkiksi:

• teippaukset
• lahjapaperit
• tapetti

Raportti on jatkuvaa kuviota.

Teippien hinnat pohjautuvat teippileikkurin tekemään matkaan. 

Mitä hitaampi työprosessi on sitä kalliimpi.

Mitä pitää miettiä ensin?

• kohderyhmä
• tila

Miten teen tämän illustratorilla?

muistiinpanoni

1. Päätä raportin mitat (mm)

--> piirrä koon mukainen suorakaide

2. Piirrä kuviot / tekstit

3. Ota mustalla nuolella kuvio aktiiviseksi

    Object --> tranform --> move --> copy

!Siirto vain raportin leveyden (w) tai korkeuden (h) verran!

Copy ottaa kopion kuviosta.

muistiinpanoista kuvaa

4. Ota musta nuoli ja aktivoi taustalla oleva

   suorakaide ja siirrä päällimäiseksi

   object --> arrange --> bring to front

  ota suorakaiteesta pois ääriviivan väri ja täyttöväri!

5. 

kuva muistiinpanoista

  ota mustalla nuolella aktiivikseksi kaikki elementit,

  jotka liittyvät raporttiaihioon

6. window --> pathfinder --> crop

    -- haukkaa raportin aihion

7. Raahaa mustalla nuolella aihio 

--> swatches

minun tekemä harjoitus

minun tekemä harjoitus

 Blogikatselmuksen oivalluksia

Meillä oli pari viikkoa sitten ensimmäinen blogikatselmus. 

Silloin sain palautetta fonteistani, että kannattaisi katsella niitä.

Kokeilin erilaisia fontteja, mutta en löytänyt uutta mieleistäni,

joten en vaihtanut fonttia. Tykkäsin fontistani muutenkin.

• Mitä uudistusta olen tehnyt blogiini?
• Missä olen erityisesti onnistunut?
• Mikä vaatii fiilaamista?

Näihin kysymyksiin piti miettiä vastaukset ennen omaa vuoroa.

Olin saanut tehtyä blogiini seuraavia muutoksia:

• sanapilven
• sivuja
• otsikot keskelle
• hakukoneoptimointi

"Välillä on helpompi aloittaa aivan alusta kuin koittaa korjata vanhaa, ei toimi"

Muistiinpanoja ja huomioita blogia varten:

• otsikko 20 - 70 merkkiä
• teksti 300 sanaa
• oikoluku esim. wordissä
• tekstin korostukset (luettelo, ingressi,lihavointi yms)
• kuvaan alt-teksti, otsikko, kuvateksti
• texturi/windows note poistaa muotoilut
• tee aloituskappale -- johdatteleva
• kuvituskuvat -- miten kuvitan postaukset, jos ei ole kuvia aiheeseen?

Mitä uutta haluan blogiini? Uudistuksia:

• Favicon
• sivujen etäisyys
• kuvat kollaaseina

inspiroiva kuva, pixabay

Tarjous eli vastaus tarjouspyyntöön

 Tarjous // vastaus tarjouspyyntöön

- Tämä on velvoittava -

Eli vastaat tarjouspyyntöön,

Kerro, koska olet saanut pyynnön.

" Viitaten tarjouspyyntöönne

päivämäärä"

Tuote

• kappalemäärä
• mustavalkoinen
• kaksipuolinen
• paperi: silky, 420g/ m2

= määrä X € 

Kerro mitä kaikkea sisältyy tuotteeseen

• tarkistetaan työn painovalmius
• ei tarkisteta oikolukua
• lähetämme koevedoksen viikon kuluttua

          tarjouksen hyväksymisestä

• postikulut eivät sisälly tarjoukseen

Sisältääkö tuotteen hinta alv:n?

Toimitusaika, ja -ehto + maksuehto

Tarjouksen voimassaoloaika (päivämäärä) saakka

yhteystiedot

allekirjoitus

liitteet

Miten teet tarjouspyynnön?

 Tarjouspyyntö

Mitä tarjouspyyntöön tulee:

• pyynnön esittäjän tiedot
• tarjouspyyntö
• vastaanottaja
• yhteystiedot
• päivämäärä
• Tarjouspyyntö / tuote 

      --> eli kerro mistä teet tarjouspyynnön.

            Kerro taustatietoja. Esim.

            Olen Viivi Joosela ja olen tehnyt

            Yritykselle X käyntikortin.....

Esittele tuotteen ominaisuudet

• mustavalkoinen
• kaksipuolinen
• paperinpaino vähintään 400 g/ m2
• kappale määrä 

• toimitus --- toimitetaan perille postitse 

           (päivämäärä) mennessä

Ystävällisin terveisin Viivi Joosela

pari juttua mitä kannattaa muistaa:

Pääsääntöisesti tarjouspyyntö

tehdään kirjallisena.

mm. postitse, s-posti,

kaavakkeet

ominaisuudet pilkotaan mahdollisimman

tarkasti ja monipuolisesti.

JOS ET TIEDÄ NIIN SOITA!

Miten sitten kirjoitan sähköpostin?

Aihe    Tarjouspyyntö / Tuote

Hei / tarjouspyyntö

         kerro projektista, mitä teet.

         taustatietoja laajasti.

Tuote

• mustavalkoinen
• kaksipuolinen
• paperipaino
• kappale määrä
• yms.

Toimitusosoite 

Pyydän tarjousta mennessä

Laskutusosoite (yleensä firman)

Yst.terv. Viivi 

Liitteet

Tärkein mitä pitäis muistaa:

Kaikki mitä puhelimitse on 

sovittu, laita kaikki viestillä

asiakkaalle.

--> yhteenveto

Vältytään epäselvyyksiltä!

 Blogi katselmus 

Meillä oli 17.9 blogikatselmus. Jokainen esitteli oman bloginsa.

Muut saivat antaa palautetta ja kommentoida blogiasi.

Blogini ulkoasu

Tälläisiä asioita "varastin " toisilta:

• Onko oikeasti omannäköinen?
• Voisiko kuvia laittaa vierekkäin?
• Kansiot eri osioille?

         --> Eli sivuja blogiin. Esim. portfolio, muistiinpanoille, kuville?

• Näyttökuvia esim. töistä
• Näyttötallennus
• kuvatekstien tekeminen --> miten saan hyvät kuvatekstit
• Sanapilvet
• ulkoasu? Millainen?

Sitten tärkeä kysymys itselleni:

Teenkö yhden ison postauksen vai monta pientä?

• ehkä itselleni on parempi, että pieniä monta

Millaisia kuvia laitan ja mistä?

• Itse ottamia kuvia
• pinterestistä
• näyttökuvia

Miten otsikoin järkevästi postaukset?

Jokaisesta asiakkaasta omat postaukset

--> selvempää

Käytä otsikkona yrityksen nimeä sekä mahdollisesti paikkakuntaa

Mitä kerron yrityksen esittelyssä:

•  Mikä?
• Missä?
• Mitä ME teemme hänelle.

---> faktoja

Kuva blogissa, mitä huomioin?

• kehykset?
• linjaukset?
• kontrasti?
• Jos haluan monta kuvaa vierekkäin, kivasti blogiin: teen illustratorissa pohjan ja asettelen siihen

Mitä voisin harkita omaan blogiini:

• havainnekuvia
• erilaisia värejä postauksessa
• lyhyitä ja pitkiä lauseita sekaisin otsikkoina

Näin en nimeä postausta

• asiakastyö pelkästään
• harjoitustyö
• työharjoittelu viikko 1
• opintomatka

Miten saada Salon seudun ammattiopiston ruokalaa viihtyisäksi?

 Salon seudun Ammattiopiston ruokala viihtyisäksi

Me visualistit saimme tehtäväksi suunnitella koulumme ruokalaan

jotain millä sitä saisi viihtyisäksi ja porukka tulisi sinne sekä

söisi hyvin.

Meidän tiimimme

Me kolme otimme aiheeksi yhteisöllisyyden. No aluksi se oli niiin 

iso aihe, että päätimme rajata sitä pienemmäksi.

Päätimme ajatella pohjaratkaisua sinne ja 

mitä siellä pitäisi tehdä, että olisi viihtyisä.

Me olemme ideoineet jokainen, että

sinne voisi tulla tilanjakajia, kasveja

ja pyöreitä pöytiä enemmän.

Tilanjakajat

Ajattelimme, että jakajina voisi toimia

muiden tekemät julisteet/mainokset.

Kasvit

• toisi tunnelmaa
• raikkautta
• viihtyvyyttä
• tilaa
• valoa

pöydät

pyöreät pöydät

+ näet muut

+ kuulet muut

- koko luokka ei mahdu

- vähäinen tila

pitkät pöydät

+ koko luokka mahtuu

- et kuule kaikkia

- et pysty luoda katsekontaktia kaikkiin

minun suunnitelmani ruokalaan

Graafisen suunnittelun asiakas esittely // Hotel Salora

 Hotel Salora

Hotel Salora on Salon keskustassa

Astrumkeskuksessa toimiva hotelli.

Heille teemme sähköisen mainoksen.

Saimme heiltä tarvittavat tiedot ja

väri-ideoita, mitkä olivat:

tummansininen, kultainen,

punainen sekä valkoinen.

logo

Tiedonhankinta

Aloitin tutustumalla Hotel Saloran nettisivuille ja keräsin sieltä ideoita. 

Etsin erilaisia sähköisiä mainoksia.

Käytin pinterestiä ja googlea.

Luonnostelu

Tein monia käsintehtyjä luonnoksia.

Koitin monia sommitteluja, koska tekstiä oli paljon.

 

Illustrator vaihe

Tämä vaihe oli haastavin minulle.

Sommittelu oli vaikeampaa koneella.

Tein tässäkin vaiheessa monia luonnoksia.

Kokeilin monia värejä.

Tämän tein ensimmäisenä

Tämä heille lähetin

Asiakkaalle esittely

Jaoimme heille Google Drive- kansion, jossa oli

meidän kaikkien kolmen tekemät versiot.

He tekivät päätöksen nopeasti, siihen

minkä he valitsivat piti tehdä korjauksia.

Tämä on saatu siis kunnialla loppuun.

Fontit sinisellä pohjalla olevalla:

• Minion Variable concept regular
• Myrid Pro

Fonttien koot:

• 11
• 14
• 26

värimääritykset

Graafisen suunnittelun asiakas esittely // Black Diamond Beauty

 Black Diamond Beauty

Black Diamond Beauty on Somerolla toimiva kynsistudio. 

Kirsi Halttunen on yrittäjänä.

Teemme hänelle mainoksen, jouluisen mainoksen.

Värimaailmana olisi musta-valkoinen.

Siinä pitää olla logo, yhteystiedot

sekä joulutervehdys / tonttu

Black Diamond Beauty- logo

Tiedonhankinta

Aloitin etsimään erilaisten mainosten kokoa ja sommittelua.

Ja katsoimme yhdessä Ainon kanssa erilaisia tonttuja, 

jotka saimme tietää vähän jälkeen päin.

Luonnostelu

Kun olin saanut kerättyä tietoa, aloin tekemään luonnoksia käsin.

Tein niitä jotain 5 mutta yksikään ei ollut "wau"- idea. 

Tässäkin yhdistin pari ideaa lopuksi.

Illustrator vaihe 

Koneella yhdistin tosiaan pari luonnosta. 

Tein koneella kolme versiota ja kahteen olin tyytyväinen.

Sommittelu oli vähän vaikeaa, kun asiaa oli paljon.

tykkäsin tästä

tämä oli ensimmäinen illuversio

Harjoittelin tekemään joulupalloja/tonttuja

Asiakkaalle

asiakkaalle

Asiakkaalle esittely

Lähetimme Ainon kanssa drive kansion asiakkaalle. 

Teimme tämän työn siis kaksin. 

Molemmat teimme kaksi versiota ja lähetimme hänelle.

Asiakas teki päätöksen, minkä pohjan haluaa.

Sitten aloimme miettimään tonttuja ja palloja.

Saimme työn valmiiksi ja lähetimme

asiakkaalle parikin eri mainosta, mitkä halusi.

Lähetetyissä mainokissa oli toisessa jouluisia koristeita

ja toisessa vain tekstiä.

Fontit:

• Apple Chancery
• Snell Roundhand regular
• Myrid Pro

Fonttien koko

• 16
• 26
• 47

Graafisen suunnittelun asiakas esittely // Hegen Salonki

Hegen Salonki

Hegen Salonki on Somerolla toimiva parturi-kampaamo.

Salongissa työskentelee yrittäjä Heidi Mäkinen. 

Teemme hänelle hinnaston liikkeeseen sekä facebookkiin. 

Häneltä saimme aika vapaat kädet, lempeitä värejä,

kuten vaaleanpunaista. Ja samat tiedot.

Hegen Salongin logo

Tiedonhankinta

Aloitin selvittämällä millaisia hinnastoja on tehty. 

Sain paljon ideoita. Katselin millaisia kokoja on käytettty, 

millaisia fontteja yms. 

Etsin tietoa netistä ja eniten pinterestistä.

Luonnostelu

Kun olin hankkinut tietoa, aloin tekemään lyijykynällä luonnoksia.

Niistä yksikään ei ollut minun makuuni. Kokeilin niissä monia eri sommitteluja.

Koneelle yhdistin kolme lyijykynä luonnosta.

Illustrator vaihe

Eli kone vaihe, missä jatkokehittelin piirtämiäni luonnoksiani. 

Yhdistin tässä kohtaa kolme eri käsintehtyä luonnosta.

Tykkäsin tästä vaiheesta, kun pääsin vaikeuksien yli.

Asiakkaalle esittely

Lähetimme asiakkaalle drive-kansion, jossa oli meidän kaikkien tekemät vaihtoehdot. Saimme asiakkaalta palautteen ja muutostoiveen. Ja hän myös valitsi loppukehittelyyn menevän työn.

Fontit:

• Minion variable concept regular
• Minion variable concept bold
• Minion variable semibold italic

Fonttien koot:

• 11
• 14
• 15
• 20
• 51

Taustaväri: 

Miten tehdään Graafisen näyttö?

Graafisen näyttö

asiakastyön suunnittelu ja toteuttaminen

Sinulla on kolme vaihetta, jotka ovat:

1. Neuvotella asiakkaan kanssa
2. Suunnitella ammattialan työ
3. Valmistaa ja luovuttaa ammattialan työ 

Asiakashankinta

• Valmistelet yhteydenottoa ja hankit asiakkaan
• neuvottelet -- mitä on sovittu? --> toimeksianto <--- deadlinet: sinä ja asiakas
• karkoitat odotukset ja tarpeet

Aikataulu

• oman työskentelyn aikataulutus
• riittävästi aikaa kaikkiin hommiin!
• pilko työtehtäviä osiin
• aikatauluta erikseen: neuvottelu, tiedonhankinta, luonnostelu

Tarjouksen tekeminen / pyytäminen

Suunnittelu

Hanki monipuolisesti tietoa:

• kilpailijoista
• fonteista
• väreistä
• taitosta
• materiaaleista
• koot

---> Johtopäätökset tiedonhankinnasta

---> Analysoi pinterest- taulusi

• Tuotat korkeatasoisia ideoita  -->

• käsintehdyt luonnokset
• vaihtoehtoiset ideat / luonnokset

Vertaile ja analysoi luonnoksiasi ja mieti kehitettäviä asioita ja hyviä asioita.

• Havainnekuvat

- Valokuva kohteesta ja työ sijoitettuna

- Mock up

Kestävä kehitys / toimivuus / tekijän oikeudet

• toimiiko siinä käyttötarkoituksessa?
• egolokisuus
• luettavuus
• värit
• koot
• pystytkö helposti muokkaamaan?
• eettisyys

Valmistaminen

Julkaisuvalmis

• RGB
• px
• .ai
• .jpg
• .png
• tiedoston nimeäminen
• kansiorakenne <-- kansiot kaikelle
• type --> create outline

Painovalmis

• CMYK
• mm
• bleed
• .ai
• .pdf
• tiedoston nimeäminen
• kansiorakenne <-- kansiot kaikelle 
• type --> create outline

Kun laitat type creative outline niin vektoroit tekstin eli sen jälkeen tekstiä ei voi enää muuttaa.

Viimeistely --> Align

• linjaukset
• marginaalit
• välimatkat

Näytön kooste (planssi)

Esittelet työsi planssilla. 

Planssin mitat 700 mm x 1000 mm tai 1000 mm x 700 mm

Kerrot myös blogissasi työprosessi. 

Planssissa täytyy olla:

• otsikko
• värimääräykset
• typografia eli fontit, isot aakkoset, pienet aakkoset, erikoismerkit sekä numerot
• myyntipuhe
• banneri A4/A3
• marginaalit

Työn luovutus --> tiedoston optimointi

A4

A3

facebanneri

instamainos

Tiny Png pienentää tiedostot sähköiseen ympäristöön.

We transfer lähettää isot tiedostot

File --> Document setup -- muuttaa bleedejä

File document color made -- väriavaruutta voi vaihtaa

työympäristö voi näyttää tältä

Värit graafisessa suunnittelussa sekä väriohjelmia

 Adobe Color

color.adobe.com

• Color adobessa pystyt tutustumaa väreihin ja värimaailmoihin
• Löydät värien arvot, CMYK, RGB, Heks
• Voit luoda "omia" väriyhdistelmiä
• tallentaa omaan kirjastoosi kivoja värejä
• Näet värimaailman trendit
• Hakemaan eri värejä tunnesanalla tai avainsanoilla

Hain sanalla summer:

Khroma.co

• eri "kategorioita"
• selkeä
• sait valita 40-50 väriä ja sivusto tallensi ne kokonaisuudeksi ja kertoo niistä kaikista väreistä

Jos haluat tehdä tuon niin

1. Mene sivun alalaitaan ja paina Make colors work for you alta

2. Pääset valitsemaan värit

3. Odota, että sivusto latautuu

4. Näet värit ja niiden selitykset

Omat tulokseni

Coloria.net

• löytyy hyvät selitykset
• helppoa luettavaa
• selkeästi kerrottu

Itten-väriharmonia

• Olen lukenut monia kertoja tätä
• selkeästi kerrottu

Tässä on esimerkkejä, nämä on auttanut mua ymmärtämään.

Värisymboliikalla kerrotaan mitä värillä halutaan sanoa, mitä väri tarkoittaa.

Esimerkkejä:

musta = suomalaiset pitävät sitä surun värinä.

punainen = intohimon ja rakkauden väri.

keltainen = ilonväri

Graafinen suunnittelu / typografia

 Typografian peruskäsitteet

"Oppiminen on hitaampaa kuin nopeampaa."

Typografia on kokonaisuus, johon kuuluu muun muassa: rivivälit, fontit, palstat sekä tehosteet.

Ennen kirjasintyypin valintaa pohdi;

• Kuka on asiakas?
• Mikä on asiakkaan toimiala?
• Millainen on kohderyhmä?
• Mikä on painovalmiin tavoite?

• Mitä leikkaus tarkoittaa? Kursivointia, lihavointia yms. 

Fontin esittely esim. näytössä:

• Fontin nimi
• suuraakkoset (A,B,C....Ö)
• pienaakkoset (a,b,c...ö)
• numerot (1,2,3,4,5,6,7,8,9,0)
• erikoismerkit

Tekstihierarkia --> mikä on oleellista mikä ei?

Muistiin myös sanat: logo+suoja-alue, marginaalit sekä grid system.

Typografian keskeisemmät käsitteet:

•  Fontti = kirjasin
• Antiikva = päätteellinen kirjasin (serif)
• Groteski = päätteetön kirjasin (sans serif)
• Kalligrafinen = käsialaa jäljittelevä
• Fantasia = kokeilevat kirjasintyypit

• VERSAALI = suuraakkonen, tasakorkuisia ja vievät paljon tilaa

  

  Kuva kirjasta

  
  
• gemena = pienaakkonen, helpompi ja nopeampi lukea kuin suuraakkosia, koska kirjaimet poikkeavat enemmän toisistaan kuin suuraakkosissa
• kapiteeli = pienaakkosten kokoiset suuraakkoset, iso alkukirjain

• Anfangi = Iso, useamman rivin korkuinen alkukirjain aloituskappaleessa. Parantaa tekstin visuaalista kiinnostavuutta, tekee lukemisen  houkuttelevammaksi
• Kursiivi = Kursiivissa kirjainten muoto on erilainen kuin pystyssä kirjainlajissa. Näin syntyy riittävä muotokontrasti
• Lihavointi = voin kursiivia tehokkaampi tehostekeino.  Toimii tieto- ja oppikirjoissa sekä aikakausilehdissä ja esitteissä

• Riviväli: suositellaan, että on 2-4 pistekokoa isompi kuin fontti

Mitkä asiat vaikuttavat luettavuuteen?

• Fontin luonne
• Fontin pistekoko
• Riviväli
• Kirjainvälitys

Rivi ja rivin pituus

• Ihanteellinen rivin pituus on 55-60 merkkiä
• Rivin minimi merkkimäärä on 35-45 merkkiä
• Rivin maksimi merkkimäärä on 90 merkkiä

Palsta vaihtoehdot:

• oikean reunan liehu
• vasemman reunan liehu
• tasapalsta
• keskitetty palsta

Otsikot ja otsikkohierarkia

• mieluiten käytetään pienaakkosia, koska suuraakkoset vievät paljon tilaa ja ovat "rumia"
• rivitys > siihen vaikuttaa ajatussisältö ja ulkonäkö
• rivittäminen tasapainoiseksi (3.riviä --> keskimmäinen pisin)
• pikkusanat uuden rivin alkuun
• vältä tavutusta
• riviväli hieman pienempi kuin leipätekstissä > 10% suurempi kuin pistekoko

Otsikkohierarkia:

• laadi kokonaisuus, hillityt muutokset
• max 3 väliotsikkoa
• sijoitus: tasaus vasemmalle tai keskitetty
• tyhjä tila ylä- ja alapuolella > ei rivinvaihdolla
• tila ei ole tasamittainen, väliotsikko lähempänä alkavaa kappaletta, 2:1
• ei saa tavuttaa
• 1-2 riviä pitkä

Typografinen kontrasti

• kokokonrasti
• muotokontrasti
• vahvuuskontarsti