Näin teet raportin Adobe illustraattorilla

 Raportti/mallikerta illustraattorilla

1. Päätä raportin mitat (Width ja Height)
   --> Piirrä suorakaide
   
   
2. Piirrä kuviot/tekstit
   
   
3. Ota kuvio aktiiviseksi: OBJECT --> TRANSFORM --> MOVE (siirto vain raportin leveyden tai korkeuden verran) --> COPY
   
   
   
4. Aktivoi taustalla oleva suorakaide ja siirrä päällimmäiseksi: OBJECT --> ARRANGE --> BRING TO FRONT. Poista suorakaiteesta ääri- ja täyttövärit.
   
   
5. Ota aktiiviseksi kaikki elementit, jotka liittyvät raporttiaihioon: WINDOW --> PATHFINDER --> CROP
   
   
6. Raahaa aihio Swatcheihin. (SWATCHES)
   
   
   
   

   

   Esimerkkikuva raportista

   

   Esimerkkikuva raportin sisällön liikuttamisesta

Vinkkejä hyvään blogiin

 Näin parannat blogiasi 

Otsikointi

Jos on vaikeuksia keksiä hyvä otsikko, niin hyviä ideoita löytää erilaista artikkeleista, uutisista jne. Esim. Helsingin sanomat, Iltasanomat. Muista kuitenkin, että hakukoneoptimoitu otsikko on 20-70 merkkiä pitkä. Teksti myös n. 300 sanaa pitkä.

Virheiden minimointi

Wordissa kannattaa tarkistaa tekstin oikoluku ja sanamäärä. Näin on helppo korjata virheet ja heittää valmis teksti blogiin. 

Kuvitukset

Kuvitus on tärkeää, kun ei ole paljon tekstiä. Se pitää lukijan mielenkiinnon yllä. Jos on paljon kuvia, järkevintä on laittaa ne yhteen kollaasiin, näin vältytään liialliselta kuvamateriaalilta. Muista jos käytät muiden kuvituksia ja valokuvia, mainitse LÄHTEET! 

Portfolio ja CV

Jos haluaa hyvin ammattimaisen fiiliksen ja tunnelman, kannattaa liittää blogiin portfolio kaikista asiakastöistä ja myös mahdollisesti CV. Näin asiakas voi helposti katsoa mitä kaikkea olet tehnyt vuosien varrella ja karttaa osaamisesi. Nämä kannattaa laittaa alasivuille, helposti näkyville ja löydettäville.

Mikä on raportti?

 Raportti tai mallikerta 

Toistuva kuvio, seamless pattern

Suurin oneglma raportin tekemisessä on sen rajan kadottaminen. Ei mielellään siis selkeää rajaa mistä näkee mikä on sen keskusta.

Esimerkkikuva raportista googlesta

Itsetekemä raportti, jaettuna eri osiin.

Miten tehdä tarjouspyyntö?

 Tarjouspyynnön tekeminen

Pääsääntöisesti tarjouspyyntö tehdään kirjallisena, mm. postitse, sähköposti. Sen ominaisuudet pilkotaan mahdollisimman monipuolisesti ja tarkasti. Jos on epäselvyyksiä kannattaa soittaa! Kaikki puhelimitse sovitut asiat laitetaan viestillä asiakkaalle, tehdään ns. yhteenveto. Näin vältytään epäselvyyksiltä.

Tarjouspyynnön sisältö

Pyynnön esittäjän tiedot, vastaanottaja, yhteystiedot, päivämäärä, toimitustapa, paperilaatu ja itse tarjouspyyntö: mistä teet tarjouspyynnön. Muista kertoa taustatietoja, esim. ketä olet, mitä olet tehnyt ja kenelle. Muista myös pyytää tarjousta johonkin päivämäärään mennessä ja jättää laskutus- ja          toimitusosoite.

Tuotteen ominaisuuksien esitteleminen

• Onko mustavalkoinen vai kolmiväri
• Kappaleiden määrä
• Kaksipuolinen vai yksipuolinen
• Paperinpaino: vähintään 400 g/ m2 ja paperilaatu

Tarjous - vastaus tarjouspyynnöstä

Tämäkin on aina kirjallisesti sekä myös velvoittava eli ehtoja ei voi muuttaa tämän jälkeen. 

Mitä kaikkea sisältyy tuotteeseen, sisältääkö hinta ALV:n, toimitusaika ja -ehto sekä maksuehto.

• Tarkistetaan työn painovalmius
• Ei tarkisteta oikolukua
• Postikulut eivät sisälly tarjoukseen

Esim. Toimitan paino- ja julkaisuvalmiittiedostot pilvessä. Tarjouksen voimassaolopäivä ja yhteystiedot.

Asiakastyön viimeistely ja luovutus / Perhekoti Arki oy

 C4 Postikuori

Lähetimme luonnokset asiakkaalle, perhekoti arki oy, tänään aamulla ja saimme palautteet hyvin nopeasti heiltä. He tykästyivät minun luonnokseeni, mutta halusivat, että laitan kuvitusta eri paikkoihin vertailun vuoksi. He kuitenkin päättivät valita alkuperäisen. Lähetin heille spostilla PDF painovalmiintiedoston.

Kehitetyt luonnokset

Sama, mutta pienempi ja keltainen raita

Kaksi kuviota

Sama fiilis, mutta eri kuvitus

Valittu teos

He päätyivät valitsemaan hyvin simppelin ja mustavalkoisen kuvituksen. Heidän mielestä tämä viesti parhaiten heidän viestiä, kodinomaista ja turvallista lapsuutta.

Asiakastyön viimeistely ja luovutus / SERAFIINA

 Työn viimeistely ja luovutus 

Lähetimme asiakkaalle viimeiset luonnokset pe 18.9. Asiakas tykästyi niin paljon kahteen ja ei voinut valita niiden välillä, joten valitsi minun ja Maijan teokset. Viimeistelin työni illustraattorilla ja vein oikeisiin muotoihin. Laitoin hänelle julkaisuvalmiin- ja painovalmiinteoksen. Julkaisuvalmis meni muotoon JPG ja painovalmis PDF. Lähetin tiedostot sähköpostilla. Maija lähetti omansa itse. 

Teos, jonka asiakas valitsi

Värit graafisessa suunnittelussa

 Väriohjelmat 

 Khroma 

khroma.co

Khroman kanssa voit valita värejä, joista se yhdistää eri pareja. Näin näät miten tietyt värit menevät yhteen ja ovatko ne hyvät projektiisi. 

Khroman etusivu

Ohjeet miten sivusto toimii

 Coloria 
Coloria.net

 Kaikenlaista tietoa väreistä, esim. niiden symboliikkaa. Jos jossain projektissa tarvitsee miettiä joidenkin värien merkitystä, kannattaa käydä tällä sivustolla tutkimassa.

Kuvakaappaus colorian sivuilta - Keltaisen merkitys ja symboliikka

 Adobe color 

https://color.adobe.com/fi/create/color-wheel

Voit esim. luoda erilaisia väriteemoja, löytää trendejä ja muuntaa teemoja RGB ja CMYK väreiksi.

Kuvakaappaus adobe color sivun väriympyrästä

Graafisen suunnittelun näyttö / Asiakastyön suunnittelu ja toteuttaminen

 Graafisen näyttö
Asiakastyön suunnittelu ja toteuttaminen

1. Neuvottelu asiakkaan kanssa
2. Suunnitella asiakastyö
3. Valmistaa ja luovuttaa työ

1.1 Asiakashankinta

• Valmistelut yhteydenottoa varten/asiakkaan hankinta
• Neuvottelu: mitä sovittu? --> toimeksianto: Kartoita odotukset ja tarpeet ja aikatauluta

2.1 Tiedonhankinta ja luonnostelu

• Hanki monipuolisesti tietoa ---> Kilpailijta, fontit, värit, materiaalit, koot yms.
• Tee johtopäätökset tiedonhankinnasta
• Analysoi myös esim. pinterest taulut
• Havainnekuvat: valokuva kohteesta ja työ sijoitettava (MOCKUP)
• Tuota korkeatasoisia luonnoksia
  - Käsintehdyt luonnokset
  -vaihtoehtoiset luonnokset/ideat
  
  VERTAILE, ANALYSOI JA KARSI
  (Kestävä kehitys, toimivuus, tekijänoikeudet,luettavuus)

3.1 Valmistaminen (Illustrator)

• Painovalmis- ja julkaisuvalmistiedosto: Muista erot!
• Viimeistely: ALIGN - linjaukset, marginaalit, välimatkat
  TYPE --> CREATE OUTLINE

Näytön kooste
Planssi ja blogi

Kuva muistiinpanoista: Näytön planssi

• Värimääritykset planssiin: Oleellisimmat värit ja niiden CMYK, RGB ja HEX arvot
• Fonttimääritykset: esim. Jokaisesta käytetystä fontista suur- ja pienaakkoset, erikoismerkit ja numerot 1-0
  -Jos fontin väri oleellinen, se lisätään värimäärityksiin

3.2 Työn luovutus

• Kaikki työt tallennetaan moniin käyttötarkoituksiin (julkaisuvalmis- ja painovalmistiedostomuodot)
  - Esim. A4 juliste --> A4_juliste_verkkosivuille_kampanjanimi.jpg
  tai A4_juliste_kauppaan.jpg
• TINY PNG: tiedostojen pienentäminen nettiin < 200 Kt (pienempi kuin)
• WE TRANSFER: tiedoston pienentäminen, jotta voi lähettää esim. spostilla
• Asiakkaan palaute on viimeinen vaihe 

Asiakastyö / Perhekoti Arki Oy

 Perhekoti Arki Oy

Perhekoti Arki Oy toivoi meiltä kuvitusta c4 kokoisiin postikuoriin. He antoivat kanssa meille aikalailla vapaat kädet suunnitteluun. Ainut toive oli, että heidän logonsa otetaan mukaan. He haluavat viestiä kuvituksilla kodinomaista ja turvallista lapsuutta.

Otin logosta värimaailmaksi sinisen, ruskean, keltaisen ja mustan sekä myös samantyylisen fontin. Yritän saada siis yhteneväisen fiiliksen kuoreen, ettei logo ja muut kuvitukset ole täysin päinvastaisia. Lempeillä väreillä yritän tuoda esiin heidän toivomaa viestiä.

Luonnokset

Postikuori luonnos

Postikuori luonnos 

Postikuori luonnos 

Postikuori luonnos 

Postikuori luonnos 

Postikuori luonnos 

Postikuori luonnos 

Asiakastyön eteneminen / SERAFIINA

 Albumin kansi

Jatkokehittelyä

• Näytimme asiakkaalle luonnokset ja pyysimme palautetta. Hän innostui minun tyylistäni ja valitsi 2 esimerkkiluonnosta mitä voi alkaa kehittelemään paremmiksi. Hän valitsi yhden minun ja yhden Maijan tekemän luonnoksen.
  
  
• 11.9 Pe aloimme luonnostelemaan uusia ja nyt kun tiedämme mistä asiakas tykkää, on tämä helpompaa. Olemme lähellä valmiita ehdotuksia, jotka esittelemme asiakkaalle 18.9.

Asiakas tykästyi tähän luonnokseen - Minun tekemä

Asiakas tykästyi tähän luonnokseen - Maijan tekemä.

Uudet luonnokset

Kehitetty versio - sama tyyli ja värimaailma

Kehitetty versio - sama tyyli ja värimaailma

Kehitetty versio - sama, mutta eri värit

Kehitetty versio - sama, mutta eri värit

Graafinen suunnittelu / Typografia

TYPOGRAFIA

Typografia: tekstin ja kirjainten asettelua. Tarkoituksena helpottaa viestin perillemenoa antamalla sille oikeanlainen visuaalinen muoto.

Keskeisimmät käsitteet

• Antikva: Päätteellinen (serif)
• Kalligrafinen: Käsialaa jäljittelevä
• Fantasia: Kokeileva kirjasintyyppi
• Groteski: Päätteetön (sans serif)
• Versaali: Suuraakkoset
• Gemena: Pienaakkoset
• Kapiteeli: Pienaakkosten kokoiset suuraakkoset
• Anfangi: Useamman rivin korkuinen alkukirjain aloituskappaleessa
• Fontti: Kirjasin
  
  
  

Fontti

Tärkeää fontin valinnassa on miettiä, että millaisia tunteita tekstin fontti aiheuttaa ja millaisen asian yhteyteen ne sopii. Fonttitesti on hyvä tapa selvittää, onko fontti sopiva: Peitä puolet arkilla olevasta tekstistä, jos pystyy selkeästi lukemaan tekstin peitettynä, on fontti sopiva.

• Kursiivi: kursiivissa kirjainten muoto on erilainen kuin pystyssä kirjainlajissa.
• Lihavointi: on kursiivia näkyvämpi tehostustapa

 

Muista nämä ennen kirjasintyypin valintaa

• kuka on asiakas?
• millainen kohderyhmä?
• mikä on painotuotteen tavoite?
• mikä on asiakkaan toimiala?
  
  
  
  

Typograafinen kontrasti 

• kokokontrasti
• muotokontrasti
• vahvuuskontrasti
• värikontrasti
• pintakontrasti
• tyhjän ja täyden tilan kontrasti

 

Rivivälit, rivit ja niiden pituudet 

Rivivälillä määritellään kuinka tiiviiltä tai väljältä teksti näyttää. Rivivälin olisi hyvä olla n. 2-4 pt suurempi kuin itse kirjasinkoko.

• Ihanteellinen rivin pituus: 55-60 merkkiä
• Minimi: 35-45 merkkiä
• Maksimi: 90 merkkiä
• HUOM! Merkkeihin lasketaan välimerkit.

 

Luettavuus 

• fontin luonne
• fontin pistekoko
• riviväli
• kirjainvälitys

 

Palsta

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

 

Illustrator : WINDOW > TYPE > PARAGRAPH

 

Otsikot

• Pienaakkosin
• Rivitys
• Vältä tavutusta!
• Pikkusanat uuden rivin alkuun  (esim. ja)
• Rivitys: vaikuttaa ajatussisältöön ja ulkonäköön
• Rivittäminen tasapainoiseksi 

 

 

Otsikkohierarkia

• Laadi kokonaisuus, hillitty muutos
• Maksimissaan 3 väliotsikkotasoa
• Sijoitus: tasaus vasemmalle tai keskitetty
• Tyhjä tila ylä ja alapuolelle -- ei rivinvaihdolla
• Ei saa tavuttaa
• 1-2 riviä pitkä
• Tila ei ole tasamitallinen, väliotsikko lähempänä alkavaa kappaletta

 

Asiakastyön eteneminen / Serafiina - Albumin kansi

 SERAFIINA

Olemme tiimin kanssa luonnostelleet artistille Serafiina albumin kantta. Serafiinan musiikkigenre on enimmäkseen FRESH/CONTEMPORARY R&B, mutta kuulemma hänen musiikissaan on myös paljon poppia ja latinaviboja. Jatkamme luonnosten parissa ensi tiistaina ja se on eka kerta kun näytämme artistille luonnokset. Haluamme siis jotain suuntaviivaa häneltä, että menemmekö me oikeaan suuntaan, sillä hänellä ei ollut mitään toiveita alussa. 

LUONNOKSET

Olen luonnostellut illustraattorilla ja paperilla erilaisia kuvituksia. Olen laidasta laitaan kokeillut erilaisia teemoja ja viboja mitkä sopisivat hänelle, hentoa/vaaleaa ja myös tummaa/raskasta.

Tässä kuvia illustraattorilla tehdyistä luonnoksista. 

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Albumin kansi - luonnos

Graafinen suunnittelu / Luonnokset ruokalaan

 LAUTASMALLIT JA RUOKASUOSITUKSET

Asiakastöiden ohessa suunnittelemme koko luokka omaan ruokalaan graafista materiaalia. Eri tiimeillä on eri aiheet ja meillä on ruokasuositukset ja lautasmalli. Jaettiin oma aiheemme kolmeen osaan, yksi tiimiläisistä tekee kasvisruokavalioon sopivaa lautasmallia, toinen ruokasuosituksista infografiikkaa ja minä suunnittelen normaalia lautasmallia. 

Olemme suunnittelleet näitä nyt 2 viikkoa ja olen päässyt hyvin pitkälle projektissa. Olen jo aikalailla viimeistelyvaiheessa. Vielä kuitenkin kutsumme ruokalan edustajat katsomaan ja valitsemaan luonnoksista parhaat, jotka viedään sitten jatkokäsittelyyn. 

Luonnos lautasmallista, eri värit

Luonnos lautasmallista, eri värit

Luonnos lautasmallista, eri värit

Näyttökuva illustraattorista, jossa luonnos lautasmallistani.

Näyttökuva illustraattorista, jossa luonnos piirroshahmoistani.

Asiakastyön eteneminen / Kiskon saneeraus

 Kiskon saneeraus

Tiistaina 1.9 aloitimme suunnittelemaan ja luonnostelemaan käyntikorttia toiselle asiakkaallemme, Kiskon saneeraukselle. Yrityksen omistaja ei antanut paljon toiveita kortin ulkonäöstä, kuin vain että kortti on mustavalkoinen ja siinä on vasara ja/tai jonkinlainen rakennus. 

Ohessa luonnokseni, jotka tein illustraattorilla.

Näyttökuva luonnostelmistani illustraattorissa.

Näyttökuva luonnostelmistani illustraattorissa.

Käyntikortti luonnoksia

Käyntikortti luonnoksia