Graafisen asiakastyön suunnittelu ja toteuttaminen

Graafisen näytön sisältö

Asiakasneuvottelu

Graafisen työn ensimmäinen vaihe on asiakashankinta. Valmistele yhteydenotto ja sovi asiakastapaaminen. Dokumentoi neuvottelu, jotta voit jälkeenpäin tarkistaa mitä on sovittu. 

Toimeksianto sisältää asiakkaan tarpeet ja odotukset ja aikataulun suunnittelun. Aikataulun suunnittelussa tulee ottaa huomioon neuvottelut, tiedonhankinta, luonnostelu, varsinainen suunnittelu ja graafinen työ, väliversiot, tarjouspyynnöt painotalolta ja tarjouksen asiakkaalle sekä deadlinen. Aikataulu vaikuttaa hinnoitteluun, joten hyvä suunnitelma on erittäin tärkeä. 

Suunnittelu

Opiskelija hankkii monipuolisesti tietoa vertailemalla (benchmarking), tutustumalla yrityksen graafiseen ilmeeseen (graafinen ohjeistus), tutkimalla saatavilla olevat ja kustannustehokkaat materiaalivaihtoehdot ja graafisen suunnittelun trendit (google, pinterest) Tiedonhankinnasta tehdään johtopäätökset ja analyysit. 

Tarkoitus on tuottaa korkeatasoisia ideoita ja runsaasti käsintehtyjä luonnoksia ja hahmotelmia. Vaihtoehtoiset luonnokset toimivat työkaluna neuvotteluissa ja johtavat parhaaseen lopputulokseen. Luonnokset analysoidaan ja plussat ja miinukset kirjataan ylös varsinaista Illustrator-työskentelyä varten. Havainnekuvat ovat valokuvia kohteesta, jonne työ on sijoitettuna käyttöympäristöönsä. Tämä helpottaa hahmottamista ja esim. koon, värien ja materiaalien valintaa. Suunnittelussa tulee ottaa huomioon kestävä kehitys (jatkokäyttö, kierrätys) graafisen työn toimivuus sekä tekijänoikeudet (älä koskaan kopioi!)

Valmistaminen ja luovuttaminen

Graafinen suunnittelu tehdään Adobe Illustrator-ohjelmalla. Suunnittele sellaista minkä voit ja osaat varmuudella toteuttaa. Suunnittelu aloitetaan valitsemalla painovalmis tai julkaisuvalmis tiedosto. Näistä termeistä ja työvaiheista löytyy lisää aiemmasta Graafinen Suunnittelu Part 1- blogipostauksesta. 

• väriavaruus
• koko (googleta koot, näitä ei tarvitse muistaa ulkoa)
• bleed (vain painovalmis)
  

Kun työn versio valmistuu: 

• tallennusmuoto (muista aina tallentaa ai.-tiedosto, jotta työtä voi muokata myöhemmin)
• tiedoston nimeäminen
• tiedoston kansiorakenne
• type - create outline: teksti muuttuu vektoriksi/kuvaksi, se säilyttää mittasuhteet ja fontit. Kun teksti on muutettu vektoriksi, sitä ei voi muokata.
  

Valmiin työn viimeistelyssä tulee muistaa myös linjaukset, marginaalit ja eri komponenttien välimatkat (align)

Näytön kooste

Näytössä arvioidaan sekä blogipostaukset että planssi. 

Planssi on suunnitelmaa kuvaava työn esittely julistemuodossa, joka liimataan kapalevylle. Planssi voi olla vaaka- tai pystysuoraan, mitat 1000m X 700mm tai 700mm X 1000mm.

Planssissa tulee näkyä: 

• otsikko
• lyhyt myyntipuhe / idea, perustelu
• kaikki graafiset työt oikeassa koossa ja mittakaavassa
• värimääritykset (CMYK, RGB, #HEX-väriarvo)
  
• typografiamääritykset kaikista käytetyistä fonteista (fontin nimi, isoit kirjaimet, pienet kirjaimet, numerot, välimerkit)

Työn luovutus asiakkaalle ja asiakkaan palaute

Ennen kuin työ luovutetaan asiakkaalle, tiedoston tallennusmuoto tulee optimoida ja nimetä käyttötarkoituksen mukaan. Painovalmiit tallennetaan .pdf-muotoon, julkaisuvalmiit .jpg tai .png-muotoon. 

Tiedoston nimessä tulee näkyä seuraavat: 

• asiakkaan nimi
• tuote
• koko
• (bleed)
• käytä alaviivaa sanojen välissä!

Esimerkki: promenade_boutique_alennusmyynti_juliste_A4_W210_H97_bleed3mm
Tallennusmuoto käyttötarkoituksen mukaan: .pdf | .jpg | .png

Jos tiedoston kokoa on tarvetta muuttaa esim. latausnopeuden lisäämiseksi, käytä Tiny Png -sovellusta koon optimoimiseksi. WeTransfer - palvelua voi käyttää isojen painovalmiiden tiedostojen pakkaamiseen ja siirtoon. 

Kirjaa aina asiakkaan palaute tulevia projekteja silmällä pitäen.  

Graafinen Suunnittelu: Typografia

Typografia

Typografia on graafisen suunnittelun osa-alue, joka viittaa tekstin ja kirjainten asetteluun eli julkaisun ulkoasuun. Se pitää sisällään kirjasintyypin ja -koon, tekstin värin, rivi- ja sananvälit, sisennykset ja tekstin lihavoinnin. Parhaimmillaan teksti on helposti luettavaa ja se on kauniin näköinen. 

Graafinen ohjeistus kokoaa yrityksen graafisen ilmeen. Ohjeistus jaetaan yrityksen käyttöön, mutta myös usein sidosryhmille ja yhteistyökumppaneille. Ohjeistus määrittelee yrityksen graafisten elementtien käytön yksityiskohtaisesti ja se antaa perustelut graafisen ilmeen käytölle. Graafisen ilmeen tärkeimmät osat ovat logo, värit, typografia ja kuvat. Näitä elementtejä yritys käyttää kaikissa painotuotteissaan, somessa ja www-sivuillaan. Helsingin Kaupungin Visuaalisen Ilmeen Ohjeisto ja Turun Kaupungin Graafinen Ohjeisto ovat mainioita esimerkkejä graafisesta ohjeistuksesta.

Typografian keskeisimmät käsitteet

• fontti = kirjasintyyppi, joka voidaan jakaa päättellisiin ja päätteettömiin ryhmiin: 
  ANTIIKVA = päätteellinen = SERIF esim. courier, times roman, käytetään pääasiassa leipätekstissä
  GROTESKI = päätteetön = SANS SERIF esim. arial, verdana, käytetään lähinnä otsikoissa 
  KALLIGRAAFINEN = käsialaa jäljittelevä 
  FANTASIA = kokeileva
  
  
• kirjainleikkaus = 
  VERSAALI = tasakokoiset suuraakkoset
  gemena = helposti ja nopeasti luettavat pienaakkoset
  Kapiteeli = iso alkukirjain, pienaakkosten kokoiset suuraakkoset
  
  
• kirjasinkoko = arvo esim. 8 pt, suurempi arvo = suurempi kirjasimen koko
  
  
• anfangi = iso useamman rivin kokoinen alkukirjain aloituskappaleessa, parantaa visuaalista kiinnostavuutta
  
  
• kursiivi = muotokontrasti, vinoteksti
  
  
• lihavointi = boldaus, tehotustapa
  
  
• rivivälit = riviväleillä säädellään kuinka tiivis tai väljä on kahden tekstirivin etäisyys toisistaan, arvo esim. 1,5 pt
  
  
• rivin pituus = ihanteellinen rivin pituus on 55-60 merkkiä (kirjaimet, välit, erikoismerkit) 
  
  
• kirjainten anatomia = 
  
  

  

  Kirjaimen anatomia
  Kuva: logotyyppi.fi

• pinnanjako, grid = ruudukko, joka määrittää asettelun. Pinnanjako voidaan määrittää horisontaalisesti, vertikaalisesti tai diagonaalisesti.
  

Pieni Typografiaopas
Typografia: asettelusta ja fonttien valinnasta

Kirjaimet, kirjasinleikkaukset ja kirjasintyypit

Typografia - Mitä, missä ja miksi?

Sommittelu

Graafinen Suunnittelu: lisää termejä

Graafisen suunnittelun termejä

• TAITTO: jonkun julkaisun, kuten nettisivujen tai painotuotteen, tekstin ja visuaalisten elementtien sommittelua mielenkiintoiseen ja helposti luettavaan muotoon. Hyvän taiton tunnusmerkkejä on informatiivisuus ja että lopputulos puhuttelee. Graafinen.com käsittelee artikkelissaan hyvin eri taittomuotoja ja kertoo yhdellä pitkällä lauseella mitä taitto pitää sisällään. 

Taitto muodostuu typografiasta (otsikot, ingressit, leipätekstit, väliotsikot, kuvatekstit, nostot, luettelot jne.), kuvista (valokuvat, kuvitukset, graafit), graafisista elementeistä (värit, väripalkit, viivat, logot jne.) ja erikoistehosteista (preeklaukset, stanssaukset, folioinnit jne.) Lainaus: graafinen.com

•  KONTRASTI: 

Vastakohdat luovat jännitystä. Se on keino saada kuvapintaan tapahtumaa ja eloa. Jännitteetön tasapaino on helppo ja turvallinen, mutta vaikuttaa aikaa myöten yksitoikkoiselta. Jännite siis syntyy rinnastamalla vastakohtia, ja tapahtumat syntyvät jännitteistä.

Kuvapinta alkaa elää vasta silloin, kun sen osien välillä vallitsee vastakkaisia voimavarauksia. Jännite syntyy vastakohtien eri kontrastien rinnastuksesta ja vuorovaikutuksesta. Sommittelussa vastakohtapareja voivat olla esimerkiksi: yksi-monta, pieni-suuri, kevyt-raskas, vaalea-tumma, lepo-liike, avoin-suljettu. Kuvapinnan saa dynaamiseksi näiden vastakohtien avulla. Kun sijoittelua tehdään reunaan, se on voimakkaampi. Yksinäinen muoto on vahvempi kuin ryhmä. Lainaus: graafinen.com

• NEGATIIVINEN TILA: optisen illuusion muoto, jonka Matti Mattilan Blogi  selittää loistavilla esimerkeillä ja kuvilla. 
  

Negatiivinen tila
Kuva: Reno Carillo

• RR-VÄRIKARTTA: lähinnä rakennus- ja metallituoteteollisuuden tarpeisiin. Värimallit ovat niin lähellä alkuperäistä kuin mahdollista. 
  
  
• LINJAUS: graafisessa suunnittelussa on kyse brändin ulkoasun rakentamisesta ja vahvistamisesta. Vaikka suunniteltaisiinkin yksittäistä tuotetta tai materiaalia, lopputuloksen tulee aina sopia yrityksen imagoon, arvoihin ja tavoitteisiin ja sen tulee rakentaa yhtenäistä mielikuvaa.

Graafisen Suunnittelun Trendit 2020

Mitä kuuluu graafisen suunnittelun maailmaan vuonna 2020?

Mikä on vuoden väri 2020?

Pantone Värijärjestelmän mukaan vuoden 2020 väri on sininen: rauhallinen, itsevarma ja yhdistävä. Elegantti kaikessa yksinkertaisuudessaan. Luotettava ja vakaa pohja, jonka varaan on hyvä rakentaa, kun matkaamme kynnyksen yli uuteen aikakauteen.  

Mitkä ovat vuoden 2020 trendit graafisessa suunnittelussa eri toimijoiden mukaan ? 

Raisiolaisen Mainostoimisto Hurraan blogissa käsitellään viittä eri nousevaa trendiä: 

1. Brändi-identiteetti: pelkkä logo ei enää riitä, vaan yritys, tuote tai palvelu tuodaan esiin kokonaisvaltaisella visuaalisella suunnittelulla ja suunnittelun pohjana on käsikirja.
2. Voimakkaat värit ja räväkät väriyhdistelmät. Rikas kuvamaailma ja epäsymmetrisyys.
3. Art Deco- ja Vintage-tyylit
4. Futurismia ja avaruudellisia tyylejä
5. Isot ja raskaat typot

Mitä isompi typo, sen parempi
Kuva: hurraa.fi

Sollertis kertoo blogissaan tämän vuoden trendeistä logomaailmassa. 

99designs.co.uk mukaan graafisen suunnittelun maailmassa on tällä hetkellä tunne, että mitä vaan voi tapahtua. Blogi käsittelee kuvin ja esimerkein trendejä tälle vuodelle, jotka tulevat muuttamaan graafisen suunnittelun luonteen: 

1. Cyperpunk-värit
2. Katutaide-tyylit
3. Paperileikatut kollaasit (arts and crafts)
4. Elämää suuremmat typot
5. Vintage-tyyli modernilla twistillä
6. 3D-efektit

Vuonna 2020 trendeiksi 99designs.co nimeää vastakohdat: menneisyys ja tulevaisuus, geometrinen ja orgaaninen, todellinen ja keinotekoinen.

Venngage.com listaa omat kahdeksan suurinta trendiä:

1. Pehmennetyt väripaletit
2. Häivytetyt värit
3. Abstraktit kuvitukset
4. Raskaat yksinkertaiset fontit
5. Virtaavat viivat ja muodot
6. Aito ja aito arkistovalokuva
7. Minimalistiset aloitussivut
8. Brändätyt animaatiot

Illustrator Create New & Minus Front

 

How to align text

How to Use Pathfinder Minus Front

Graafisen suunnittelun prosessi

Graafisen suunnittelun prosessi

Prosessin eteneminen ja työjärjestys ennen arviointia.

1. ASIAKASHANKINTA JA AIKATAULU
   
2. TIEDON HANKINTA 
3. JOHTOPÄÄTÖKSET
   Asiakkaan tarve
   Genre
   
4. LUONNOSTELU:
   Lyijykynäluonnokset, useita vaihtoehtoja
   Vaihtoehdot / perustele MIKSI?
   Valitse parhaat vaihtoehdot / ideat jatkokehitykseen 3-5 kpl
5. PUHTAAKSI PIIRTÄMINEN KONEELLA
6. ESITTELY ASIAKKAALLE
   Kirjaa palaute ja toiveet
7. TYÖN VALMIIKSI SAATTAMINEN
8. VIIMEISTELY
   Tarjous painotalolta
   Tarjous asiakkaalle 
9. PLANSSAUS + ITSEARVIOINTI

Planssi

Planssi on suunnitelmaa kuvaava työn esittely julistemuodossa, joka liimataan kapalevylle. Planssi voi olla vaaka- tai pystysuoraan, mitat 1000m X 700mm. 

Planssissa tulee näkyä: 

• otsikko
• lyhyt myyntipuhe / idea
• kaikki graafiset työt oikeassa koossa ja mittakaavassa
• värimääritykset (CMYK, RGB, #HEX-väriarvo)
• typografiamääritykset (fontti)

Graafinen Suunnittelu Part 1

Graafisen suunnittelun perusteet ja termejä

Graafinen suunnittelu perustuu tiedonhankintaan Googlesta. Suunnitteluun käytetään ohjelmistona Adobe Illustratoria. Valokuvien käsittelyyn Light Room Classic-ohjelmistoa. Suunnittelussa on tarkoitus luoda painovalmiita aineistoja painotalon käyttöön tai julkaisuvalmiita tiedostoja verkkoon. 

Termejä: 

• RASTERI vs. VEKTORI = Rasterikuva tai grafiikka koostuu pikseleistä: jos kuvaa suurentaa, pikselien määrä ei kasva ja siitä syystä kuva on rakeinen ja epätarkka. Rasteritiedostoja ovat .jpg, .png ja .gif-päätteiset tiedostot. Rasteritiedostoja käytetään lähinnä verkossa. Vektoritiedosto taas muodostuu ns. matemaattisesti määritellyistä ääriviivoista ja näitä tiedostoja voi muokata loputtomiin laadun kärsimättä. Vektoritiedostot ovat .ai-, .eps- tai .pdf-päätteisiä. Vektoritiedostoja käytetään painovalmiisiin aineistoihin.

  

  Rasteri vs. Vektori
  Kuva: marketing.bang.fi
  

  
  
• PAINOVALMIS = Valmis aineisto painotalolle esim. pakkaus, teippaus, etiketti, (esite) flyer, käyntikortti, juliste (poster), tuotetekstit, tapetit, mainoslehdet ym. Mittayksikkönä (unit) käytetään millimetrejä, väriavaruus on CMYK, resoluutio 300 px / inch. Aineistoon lisätään myös BLEED. 
  
  
• JULKAISUVALMIS = Tiedosto verkkokäyttöön, kuten SOME, WEB-sivut, verkkokauppa, sähköposti. Mittayksikkönä pixel (px), väriavaruus RGB, resuluutio enintään 72 px/inch
  
  
• RESOLUUTIO = Rasteritiedostoihin liittyvä kuvan koko, joka kertoo kuvan rakennuspalikoiden määrän. Ilmoitetaan pikseleinä: kuinka monta ruutua on tuuman alueella esim. 72 ruutua / tuuma. Mitä pienempi pixel-luku, sitä nopeammin kuva latautuu verkossa, latausnopeus vähentää kuvan laatua. Verkossa suositeltu koko 72 dpi ja painotuotteissa 300 dpi.
  
  
• DPI = dots per inch (ruutua per tuuma)
  
  
• CMYK = Lyhenne tulee sanoista CYAN (sininen, MAGENTA (punainen) YELLOW (keltainen) ja KEY (avain/musta). Värijärjestelmä, jota käytetään lähinnä painotuotteiden valmistamisessa: tästä voidaan käyttää myös termiä neliväripainatus, jossa kaikki neljä väri painetaan tulosteeseen erikseen. Rasteripisteiden koko ja tiheys vaikuttaa lopulliseen sävyyn. Toisin sanoen rasteripisteillä voidaan luoda neljästä väristä miljoonia sävyjä. 
  
  

  

  CMYK Kuva: graafinen.com
  

• RGB = Värimalli, jossa näkyvä kuva muodostuu kolmen värin valon yhteisvaikutuksesta: Red (punainen), Green (vihreä) ja Blue (sininen). Käytetään lähinnä värien esittämiseen digitaalissa näytöissä. Mitä enemmän valoa, sitä vaaleampi lopputulos.
  
  

  

  RGB Kuva: graafinen.com
  

  
  
  
• VÄRIT = Värit vaikuttavat koko graafisen työn sommitelmaan ,mielialoihin ja tunnelmaan. Päivi Hintsasen Coloria-sivusto  kertoo kattavasti väreistä, niiden historiasta ja käytöstä. Väriopeista tunnetuimmat on Josef Albersin ja Johannes Ittenin väriteoriat.
  
  
• BLEED = Ylivuotoalue, joka jää tulosteesta leikattavan alueen ulkopuolelle, jolloin aineistoon ei tule valkoista kehystä. Bleedin koko yleensä 3mm. 
  
  
  

  

  Bleed
  Kuva: graphicdesign.stackexchange.com

  
  
  
• .JPG ja .PNG -tiedoston eroavaisuus = .jpg-muodossa kuva on pakattavissa pienemmäksi ja laatua voi säätää. .png-muodossa kuvasta voi tehdä osin läpinäkyvän esim. taustan osalta. Jpg sopii valokuvien pakkaamiseen, png taas teksteille, logoille ja kuvakkeille ja grafiikalle. 
  
  

Tallennusmuodot

• .ai = käytetään sekä paino & julkaisuvalmiin aineiston tallentamiseen, voi muokata loputtomiin. SÄILYTÄ AINA .ai-tiedosto !!
• .pdf = kun painovalmis .ai-tiedosto on valmis lähettäväksi painatettavaksi
• .jpg = julkaisuvalmiin kuvan tallennusmuoto verkossa
• .png = julkaisuvalmiin grafiikan tai vastaavan tallennusmuoto verkossa, kun se sisältää läpinäkyviä osia
  
  

Tiedostomuodot

Tiedostomuoto vaikuttaa latausnopeuteen.

• MEGA eli M = painovalmis
• KILO eli K = julkaisuvalmis (koko enint. 150k)

Painovalmiin jakamiseen käytetään VII TRANSFER-pilvipalvelua. 
Julkaisuvalmiin tiedoston kuvakoon optimointiin eli pakkaamiseen käytetään TINY PNG palvelua.

Tiedoston nimeäminen

Tiedoston nimeämisessä EI voi käyttää seuraavia: 

• ä, ö, å
• erikoismerkkejä kuten £ # @ ? / | - €
  
• välilyöntiä

Tiedoston nimessä tulee näkyä seuraavat: 

• asiakkaan nimi
• tuote
• koko
• (bleed)
• käytä alaviivaa sanojen välissä!

Esimerkki: promenade_boutique_alennusmyynti_juliste_A4_W210_H97_bleed3mm
Tallennusmuoto käyttötarkoituksen mukaan: .ai | .pdf | .jpg | .png

Arkkikoot

Painotalot käyttävät yleensä ns. rullatavaraa, josta leikataan painovalmis tuote oikeaan kokoon. Painotaloilla on käytössä Iso216-paperistandardi eli A-sarja, jossa arkin koko merkitään A0-A6 symboolilla. Tämä on yleisin tapa ilmoittaa arkin koko.
B ja Letter-sarjan koot täydentävät A-sarjan kokoja (välikoot) ja C-sarjaa käytetään kirjekuorien painatuksessa. 

A-sarjan koot suhteessa toisiinsa
Kuva: tingstad.com

Paperilaadut

Paperin laatu ilmaistaan merkinnällä g/m2, eli kuinka paljon yksi neliömetri paperia painaa. Paperin paino yleensä viittaa myös paperin paksuuteen: painava = paksu

Tavallinen kopiopaperi on 80 GSM. 

GSM
Kuva: tingstad.com

Tulosteen laatuun vaikuttaa myös paperin tyyppi: normaali tulostuspaperi mustasuihku- tai lasertulostimille, pinnoitettu ink-jet paperi mustesuihkutulostimille, valokuvapaperi, värjätty, kiiltävä, matta, puolikiiltavä.

Tiedoston tallentaminen

Tiedostojen tallentamiseen on järkevää käyttää selkeää kansiorakennetta. Pääkansio nimetään asiakkaan nimen mukaan, jonka alta löytyy kansiopuu, jossa kaikki materiaali on omissa aihepiireissään; Graafiset materiaalit -> yritysilme | kampanjat | logot   

Tallenna myös projektiin liittyvä tiedonkeruu asiakkaan tiedostoihin. 

Suunnittele tallennus huolella jo ennen projektin alkua. Ole johdonmukainen!

 

Linkkejä aiheesta

JPG, PNG, EPS, PDF: Mitä näistä pitäisi tietää?

RGB VS CMYK

Värijärjestelmät

Tuoteopas: paperikoot ja laadut

How much bleed to use?

Sketchup-kurssi osa 2

Sketchup-kurssi jatkuu...

Sketchup-kurssi jatkuu ja toisen päivän tehtävänä oli luoda 3D-mallinnus toisesta kohteesta annetun pohjapiirroksen mukaan. Pohjapiirroksen pohjalta lähdettiinkin tällä kertaa seinien piirtämisestä ja pursottamisesta ja tästä lähtökohdasta aloitettiin myymälätilan suunnittelu. 

Leino Design Shopin kuvitteellinen Pop Up 3D, sisäänkäynti

Leino Design Shopin kuvitteellinen Pop Up 3D, pitkä sivuseinä

Leino Design Shop kuvitteellinen Pop Up 3D, takaovi

Kuvitteellinen Pop Up-kauppa on tällä kertaa Leino Desing Shop Salolainen vuonna 2009 perustettu yritys valmistaa kalusteita, lyhtyjä ja piensisustustuotteita teräksestä ja alumiinista. 

Ensimmäiseen mallinnukseen verrattuna liiketilassa on paremmin otettu huomioon riittävän leveät kulkureitit, pöydät on aseteltu keskelle myymälätilaa. Matalien ikkunoiden edessä on matalammat hyllyt esim. lyhtyjen esillepanoon. Tilaa pehmentää korkeat viheristutukset, seinällä yrityksen logo heti sisäänkäyntiä vastapäätä. Koska myytävät tuotteet ovat metallia, kalusteet ovat ilmavat (Sketchup Warehouse / Ikea-mallisto). Myyntitiski on aseteltu tilaan niin että tiskin takaa on näköyhteys koko tilaan, sisäänkäynnille ja myös ulos ikkunoiden kautta. Kassapiste on sijoitettu myyntitiskin vasempaan reunaan ja pakkaustilaa on tiskillä riittävästi. Myyntitiskin vasemmalla puolella takaseinällä on plasma-tv, jossa voidaan esitellä mainosvideoita tuotteista. Lattiamateriaalina vaalea laatta, tehostevärinä kahdella seinällä on oliivinvihreä. Tässä mallinuksessa on myös ikkunat ja ulko-ovet sekä henkilö, joka antaa paremman vaikutelman mm. kalusteiden ja kulkureittien mittasuhteista. 

Leino Design Shop pohjapiirros ja kalusteiden asettelu

Sivuleikkauskuvat kohteesta seuraavassa järjestyksessä: 

1. Myymälätila etuovien suuntaan
2. Myymälätila sisäänkäynniltä katsottuna
3. Liiketilan julkisivu

Loppulauselma

Sketchup on ohjelma, jonka oppimiseen vaaditaan useita toistoja ja ainoastaan tekemällä mallinnuksia oppii tekniikan ja työskentelyä helpottavat kikat. 3D-kuva helpottaa tilan hahmottamista ja suunnittelun aikana värimaailman ja kalusteiden sijoittelun kanssa voi leikkiä loputtomasti. Ohjelman käytön koen aikaavieväksi, ainakin näin alkumetreillä, mutta harjoittelemalla yksinkertaisten mallinnusten tekemistä, rutiini tekemiseen varmasti helpottuu. Tosin nälkä kasvaa syödessä, onnistumisien myötä ohjelma vie mennessään. 

Sketchup-tutoriaaleja on kuitenkin verkko pullollaan, joten apua ongelmatilanteissa voi hakea vaikka Youtubesta. Sketchup-manuaalista saa hyvinkin yksityiskohtaiset ohjeet, mutta manuaali itsessään on niin laaja, että avun etsiminen sieltä on työlästä.

Tässä postauksessa esiintyvä mallinnus on palautettu arvosteltavaksi, joten odotellaan arvosanaa ja katsotaan miten pärjäsin...

Mallinnus-kuvat LayOutista

Postaus sisältää kaupallisia linkkejä. 

Pop Up-kaupan mallinnus Sketchupilla

Mitkä on tunnelmat?

Hikeä, kyyneleitä, turhautumista, toistoja, epäonnistumisia, vahinkoja, sattumanvaraisia onnistumisia, yrityksiä yrityksen jälkeen... lopputulema omasta mielestä kuitenkin ihan OK ensimmäiseksi mallinnukseksi ikinä. Aikaa tähän meni tunteja, en enää laskenut kuinka monta, mutta monta ! Google-haulla löysin ihan käteviä neuvoja, YouTube-videoista samoin. Ohjekirjasta selailin jotain kikkoja. Huomasin jossain vaiheessa, että puhuin myös koko ajan ääneen... Liekö höpöttäminen auttanut kun sain puserrettua edes tämän näköisen suunnitelman kasaan. 

Tunnelmat tällä hetkellä helpottuneet, mutta likimainkaan valmis ohjelman käyttäjä en ole vielä aikoihin. Olisi ehkä pitänyt aloittaa harjoittelu jollain helpommalla mallinnuksella...
Etänä opiskeltuna tämä oli haasteellista, näytön jaon seuraaminen ja oman pohjan tekeminen samanaikaisesti ei onnistu. 

Hempeä Pop Up Horninkadun kiinteistössä

Tämä mallinnus on Hempeä-yrityksen kuvitteellinen Pop Up-kauppa, jonka pohjana on Horninkadun kiinteistön pohjapiirros. Hempeä valmistaa Suomessa ekologisesta hampusta luotuja tekstiilejä makuuhuoneeseen, keittiöön, kylpyhuoneeseen ja lastenhuoneeseen. 

Valmiissa mallinnuksessa mittasuhteet on oikeat (huonekorkeus, ovien korkeus ja leveys), kalusteet koostuvat kolmen myyntipöydän ryhmästä, kahdesta matalasta hyllystä ja pitkälle seinälle sijoitetuista kuudesta korkeasta hyllystä. Lattiamateriaaliksi valittu puu, seinät on valkoiset, kahdelle seinälle sijoitettu Hempeä-logo tarrana ja kahdella seinällä isot ALE-taulut. Kalusteet Ikean mallistoa ja ne on ladattu 3D-kaupasta. Mittailin myös kalusteiden välin, jotta pop up-myymälän kulkureitit pysyvät riittävän leveinä, väh. 1 metri. Sisäovien kummallakin puolella kulmissa avohyllyt. Oviin asennettu verhot estämään näkyvyys varastotilan puolelle. Myymälätilassa on myös viherkasveja.

Hempeä Pop Up 1

Hempeä Pop Up 2

Tämä postaus sisältää kaupallisia linkkejä.

My God...Sketchup

Sketchup 

Olin henkisesti varautunut tänä keväänä keskittymään sisällöntuottamiseen ja kuvausjärjestelyihin. Kuvausjärjestelyiden yhteydessä jo LightRoom sai hikipisarat nousemaan otsalle, mutta parin päivän treenaamisen jälkeen, homma alkoi luistaa ja kuvan käsittely sujuu jo ihan mallikkaasti. Luulin olevani LightRoomin kanssa epämukavuusalueella, kunnes opintoihin ui yllättäen SketchUp...

Lataus koneelle

Latauksen kanssa oli pieniä ongelmia, mutta Teamsin kautta etänä saatujen ohjeiden pohjalta ja useamman yrityksen jälkeen sain lopulta ladattua oikean Pro - ilmaisversion koneelle. Itselläni käytössä Windows-alusta.

Materiaalit

Sketchup on itselleni täysin vieras ja termistön haltuunotto ja ohjelmiston komennot tulee viemään aikaa. Käsikirja on laaja ja kun itse en ole kyseistä ohjelmaa käyttänyt, tulee tämän kanssa vietettyä tunti jos toinenkin, ellei jopa päiviä. Olen käynyt käsikirjaa sivu sivulta läpi ja hikipisaroita tihkuu otsalle entistä enemmän. Käsikirja antaa todella yksityskohtaiset ohjeet, mutta luulisin että käytännön harjoittelulla ja etäohjauksella pääsee parempiin tuloksiin. Henkilökohtaisesti kolmiuloitteisuus tuntuu hankalalta, olen tehnyt mm. keittiösuunnitelmia, joissa kalusteet tsuunnitellaan ensin pohjapiirrokseen ja vasta sen jälkeen ohjelma antaa mahdollisuuden tutkia suunnitelmaa 3D-mallinnuksella.

Tutustun vielä syvemmin myös Sketchup-akatemian materiaaliin, joka on siis luojan kiitos suomeksi.

YouTube-videoita aiheesta on runsaasti, haasteena se että useimmat on englanniksi:

Pelon sekaisin tuntein kohti ensimmäistä teoriapäivää...

Kuvausjärjestelyt: Lightroom

Lightroom

Lightroom on Adoben ohjelma, jota käytetään raakakuvien käsittelyyn. Kuvia voidaan rajata, värejä ja valotusta voidaan säätää ja elävöittää. Kuvat voidaan tallentaa eri kokoisina käyttötarkoituksen mukaan. Lightroom mahdollistaa useiden kuvien käsittelyn samanaikaisesti. JPG-kuvia on mahdollista muokata Lighroomilla, mutta ehkä rajoitetummin kuin järjestelmäkameralla otettua raakakuvaa.

Photo Shop on ominaisuuksiltaan osin samanlainen kuin Lighroom, mutta photoshoppausta käytetään ennemmin kuvien manipulointiin. 

Kuvien tuonti Lightroomiin

Valitse Library -> Import

Valitse lähde: muistikortti, koneen tiedostot, kameran tieodostot tms.

Valitse Uncheck All

Valitse kuva / kuvat -> Import -> Library Filter

Kuvat on tärkeää merkitä avainsanoilla: avainsanojen käyttö nopeuttaa sisällöntuottamista. Kun kuvia on paljon, avainsanoilla löydät tietyn aihealueen kuvat helpommin kirjastosta. 

Huomio: raakakuvat vievät koneelta merkittävästi levytilaa, joten on järkevää käyttää tallennukseen ulkoista kovalevyä. 

Lightroom Sanastoa

• METADATA: kuvan taustatietoja, jotka kulkevat kuvan mukana. Tiedoista käy ilmi kuvaaja, mitä kameraa ja linssiä on käytetty. Kuvaan voi myös merkitä kenellä on kuvan tekijänoikeudet (copyright)
• CUSTOM FILTER: kuvat voi merkata tähdellä 1-5 kuvan laadun merkiksi ✰✰✰✰✰
• LENS CORRECTIONS: linssin vaihto
• HISTOGRAM -> BASIC: kuvan käsittelyn perustoiminnot kuten valot, varjot, musta, valkoinen, korostukset, yleisvalotus
  Kamerakoulu: Histogrammin käyttäminen Lightroomissa
  Kamerakoulu: Histogram aloittelijalle
• WB - white balance | valkotasapaino: auto, käsinsäädetty, päivänvalo, pilvinen, hehkulamppu, loisteputki, varjo, salamavalo. 
• Kuvan lämpöä säädellään TEMP-asetuksessa, värisävyä TINT-asetuksella (vihreä-punainen). 
• TEXTURE: kuvan kohteen rakenne (karkea-pehmeä)
• CROP: kuvan rajaus noudattaen kolmanneksen sääntöä. Kuvia voidaan rajata eri kuvasuhteisiin, munalukon käyttö säilyttää kuvan mittasuhteen. 
• TRANSFORM -> GUIDED: 4 apulinjaa kuvan perspektiivin suoristamiseen. Huomio että kuvaan ei tule vääristymiä. 
• HSL -> COLOR: kuvan värien hallintaa yksitellen. Kuvassa voidaan säätää saturaatio (värikylläisyys), luminance (valon määrä) ja hue (sävy). Musta-valokuvan tekeminen onnistuu parhaiten HSL-paneelissa B&W-painikkeella.

Kaksi kuvaa

Kuva 1: Honor 8x AI Camera

Kuva 2: käsitelty Light Roomilla Instagram-postaukseen

Kuva 3: Histogram ennen ja jälkeen

Suomenkielisiä Youtube-videoita aiheesta:

Kuvien tallennus Lightroomista käsittelyn jälkeen

Lightroom-käsittelyn jälkeen kuvia voi tallentaa haluttuun kansioon yksitellen tai massana. Kuvan taustatietoja voi muokata ennen tallennusta. Voit nimetä kuvan uudelleen, valita tallennusmuodon, kuvan koon (pixelit ja resoluutio)

Kuvausjärjestelyt: lisää termejä

Valokuvauksen termejä

WB - white balance ja valon lämpötila

Valkotasapaino (white balance) ilmoitetaan kamerassa värilämpötilana, jonka arvona on kelvin. Valkotasapaino vaikuttaa vahvasti miten värit toistuvat kuvassa. Eri valolähteiden valo on eri väristä. Tästä syystä kerrot valkotasapainon avulla kameralle millaisessa valaistuksessa olet kuvaamassa ja tämän perusteella kamera osaa näyttää kohteen värit oikein. (lähde: kamerakoulu.fi)

Kelvin

Valon värilämpötila ilmoitetaan kelvineissä. Kelvin on valon koettu sävy. Värilämpötila vaihtelee punaisen ja sinisen välillä, punaisen ollessa asteikon alapäässä (2000 K) ja sinisen sijoittuessa asteikon yläpäähän (12 000-18 000 K). Yksinkertaistettuna valon värilämpötila kuvaa siis valon värin sävyä. (lähde: ledstore.fi)

Erilaiset ikonit ja Kelvin-luvut

1. Auto White Balance, eli AWB – tässä asetuksessa kamera pyrkii automaattisesti valitsemaan tilanteeseen sopivan valkotasapainon. Kamerasta riippuen tämä lukema tulee olemaan 2000 ja 10 000 kelviniä väliltä.
2. Päivänvalo – kyseinen ikoni vastaa 5000 – 5500 kelviniä, joka sopii täyteen auringonpaisteeseen.
3. Varjo – varjoisassa kohdassa otetut kuvat saattavat helposti jäädä liian kylmiksi. Tätä asetusta käyttämällä varmistat, että värit näyttävät varjoisassa kohdassa luonnollisilta. Kelvin on kamerasta riippuen 7000 – 7500 väliltä.
4. Pilvinen – kun pilvet peittävät taivasta läpi tuleva valo on hyvin neutraalia, jolloin meidän ei tarvitse merkittävästi kompensoida kuvan värejä. Kelvinit ovat 6000 ja 6500 välillä tämän asetuksen kanssa.
5. Hehkulamppu – sopiva asetus tavallisten hehkulamppujen alla kuvaamiseen. Kelvinit ovat 2800 ja 3200 välillä tämän asetuksen kanssa.
6. Loisteputkivalo – loisteputkia on monenlaisia, eikä niiden valon tyypistä voi aina varmasti sanoa. Loisteputken valossa saattaa olla paljon vihreää, jota kamera kompensoi lisäämällä kuvaan magentaa. Kyseinen ikoni vastaa 3400 – 3800 kelviniä. Tämä asetus saattaa toimia myös kellertäville katuvaloille.
7. Salama – salaman valo pyrkii useimmiten imitoimaan päivänvaloa, josta syystä tämä asetus vastaa kelvin arvoltaan päivänvaloa, eli 5000 – 5500 kelviniä. Kamera saattaa itse valita tämän asetuksen, kun se huomaa että salamaa käytetään.
   (lähde: kamerakoulu.fi)

Honor 8X WB-valikko

Diffuusorikalvot ja paperit

Valkoinen kalvo tai paperi jolla hajautetaan valoa, jotta häikäisy ja ankarat varjot vähenee. Kun valo on hajautettu, näyttää siltä että varjolla ei ole reunaa tai sen reuna on erittäin pehmeä. Kalvo tai paperi asennetaan kehyksiin ja sijoitetaan valon ja kohteen väliin. 

Reflektori

Heijastin, jolla saa kevennettyä tulevan valon määrää tai kauniisti pehmennettyä esim. ihon sävyä. Väreinä mm. valkoinen, hopea, kulta, musta ja läpikuultava. Reflektorina voi käyttää kokoontaitettavia ammattilaiskäyttöön tarkoitettuja heijastimia tai sen voi myös tehdä kotistudioon itse. Ohjeet täältä.

Kuvausjärjestelyt: suljinaika ja ISO-arvo

Miten suljinaika ja ISO-arvo vaikuttaa kuvaan?

Valokuvauksen pyhän kolminaisuuden muodostaa aukko, suljinaika ja ISO-arvo. Aukko on jo käsitelty aikaisemmassa postauksessa. Kaikki kolme säädintä vaikuttaa kuvaan omalta osaltaan.

Suljinaika (Shutter speed)

Suljinaika eli valoitusaika on se aika, kuinka kauan valoa pääsee kameran kennolle tai filmille. Aika ilmaistaan sekunteina tai murtoluvulla kuten 1/50 tai 1/500. Suljinaika ilmaistaan kirjaimella S. Honor- kamerassa oletusarvona on 1/50, mutta enimmillään luku on 1/4000. Mitä suurempi jakajan luku on, sitä vähemmän kuvaan tulee valoa. Yli 1/50 lukua käytettäessä jalusta ei ole välttämätön, kuitenkin alle 1/50 arvoa käytettäessä kuva tulee ottaa jalustan kanssa, jotta vältytään tärähtäneiltä kuvilta. 

Suljinaikaa säätämällä kuvan liikkeen voi pysäyttää kokonaan (nopea suljinaika) tai antaa liikkeen näkyä (pitkä suljinaika). 

Suljinaikaa tulee hyödyntää aina kun kuvassa on liikettä.

• kokkaus ja leipomiskuvat: sirottelu, jauhopölyt, nesteen valuminen
• sisustuskuva: ohi kävelevä ihminen
• luontokuvat: valuva/ liikkuva vesi, tuuli, liikkuva eläin tai ihminen
• kaupunkikuvat: liikenne, yökuvat

ISO-arvo

ISO-arvon avulla säädellään kameran valoherkkyyttä. Arvoa kasvattamalla saadaan suljinaikaa nopeammaksi. Kuvissa näkyy Honor-kameralla otetut kolme kuvakaappausta, joissa näkyy arvojen vaihtelu ja niiden vaikutus kuvaan. Galleriasta saa kuvan tekniset tiedot i-ikonin alta. 

Miten kuva eroaa eri S ja ISO-arvoilla ? 

Aukon, suljinajan ja ISO-arvon muutoksia voi testailla Valotussimulaattorissa. 

Vastauksia kysymyksiin: 

• Vaikuttaako ISO-arvo terävyyteen?
  Vaikuttaa, mitä isompi arvo, sitä rakeisempi kuva
• Vähentääkö ISO-arvo heijastuksia?
  Testin jälkeen ei huomattavaa eroa
• Muuttuuko värit ISO-arvon muuttuessa?
  Kyllä muuttuu
• Auttaako ISO-arvo siihen, että lisä/studiovalaistusta ei tarvita?
  Eipä oikeastaan, ainoastaan kuvan kokonaisvaloisuus  ja vaaleus lisääntyy.
• Mikä on S-tila ? Mikä on TV-tila?
  Kameran kuvaustilat

Oivalluksia: 

• Pitkä suljinaika jättää liikkuvaan kuvaan liikkeen, jota silmä ei ehdi havaita. 
• Nopea suljinaika pysäyttää liikkeen. 
• ISO-arvo vaikuttaa kuvan väreihin, valoitukseen ja tunnelmaaan.
• Kuvaustiloja muokkaamalla saadaan aikaan kuva, jota voi käsitellä vähemmän kuvanmuokkausohjelmilla.