Graafisen trendit 2020 videoita

 Graafisen trendit 2020

• värejä paljon
• erilaisia fontteja
• retro- tyylisyys
• "Acid trip"

Veturitallin taidenäyttelyn top 4 taiteet

 Veturitallin taidenäyttelyn top 4

Kävimme alauttamispäivänä myös Salon Veturitallin taidenäyttelyssä, jonka nimi oli Yhdessä.

Mun top 4 taideteokset olivat:

Tarja Seewald

'OBSERVER'

Hannu Nikander

'NÖYRÄSTI ... PYYDÄN'

Liisa Huotari

'SURU'

Arja Pykäri

'TOIVOON TARTTUJAT'

Melkein kaikki taideteokset olivat kyllä sellaisia, jotka olisin voinut laittaa tähän postaukseen, mutta niitä tulisi niin paljon, joten tässä top 4 :)

Oli kyllä mielenkiintoisia kannatti mennä:)

Kuvat: Viivi Joosela

Alauttamispäivän esillepano

 Alauttamispäivän esillepano harjoitus

Meidän tiimin teemana oli piknik, kesäinen piknik. Idea syntyi yht`äkkiä :) Se oli kaikkien mielestä kiva idea. Meillä oli tarjottavana sipsiä, karkkia, lihapasteijoita, keksejä sekä limsaa.

Pöydällä oli koristeina pinkki radio, "timantteja" ja pulloja. Yritimme löytää kivoja astioita ja löysimmekin:)

Piknik pöytämme

"timantit & radio"

Kuvat: Viivi Joosela

Turkoosi ja punainen Graafisessa suunnittelussa

Turkoosi & Punainen Graafisessa suunnittelussa

Turkoosi

Turkoosia esiintyy pohjavärinä sekä tehosteena. Turkoosi on voimakas pohjaväri. 

Mielestäni se on parempi koroste/tehostevärinä. 

Haaleampaa turkoosia käytetään paljon juuri teksteissä ja tummempaa pohjana. 

Turkoosin kanssa käytetään paljon mm. valkoista ja kultaista väriä.

Taidealat sekä kauneusalat käyttävät turkoosia suht paljon.

Turkoosi auttaa, jos haluat vaikkapa viestittää:

• merellisyyttä
• rauhallisuutta
• hentoisuutta
• puhtautta
• raikkaus

Punainen

Punaista käytetään pohjavärinä, mutta toimii hyvin korostusvärinä.

Sitä käytetään paljon mustan, valkoisen, sinisen ja harmaan kanssa yhdistettynä. 

Punaista käytetään muun muassa mainoksissa, kirjankansissa, julisteissa.

Punaista kannattaa käyttää, kun haluat viestittää värillä:

• huomiota
• jännitystä
• kieltoja
• tietynlaista romantiikkaa
• tärkeyttä
• lämpöä/tulisuutta

Adobe illustrator

Adobe Illustrator ensi askeleet

Adobe Illustrator, create cloud asioita. 

Tänään latasimme koneisiin Creative cloudin, Adobe Illustratorin koneille. Ja kirjauduimme niihin. 

Kun kirjauduimme sisään:

Cloudin merkki on pilvi, joka on musta, kun olet aktiivinen ja vaalean harmaa, kun et ole.

Meille myös opettiin, että jos käytämme koulun koneita, niin ei saa jäädä sisäänkirjautuneena sisälle!

Sitten palasimme vanhaan asiaan: teetkö painovalmiin- vai julkaisuvalmiintiedoston?

Jos teet painovalmiintiedoston:

• muuta mittayksiköt mm
• muistä jättää bleed (3mm)
• väriavaruutena käytetään CMYK

Painovalmiita tiedostoja on esimerkiksi:

• esitteet
• käyntikortit
• julisteet
• flyerit
• taulut
• postikortit
• pakkaukset

Jos teet julkaisuvalmiin tiedoston:

• käytä pixeleitä
• Väriavaruutena RGB

Julkaisuvalmiita tiedostoja on esimerkiksi:

• somet
• blogit
• nettiin tulevat mainokset
• firmojen logot

Illustratorin käyttö:

1. Create new

2. valitse ylälaidasta työn muoto: web, print, mobile yms. --> tarkista tiedot!

2.1 Valitse mittayksiköt

2.2 Määrittele työn koko 

2.3 Määrittele Bleed, jos tarvitsee

2.4 Aukaise advanced options, värikoodit sekä resoluutio

2.5 Todella tärkeä työkalu on Art boards - monia vaihtoehtoja, pystyy lisäämään koska vain - voi kokeilla eri juttuja ku  teet suunnitelmia <-- värit

3. Create - Bleedin raja näkyy punaisena viivana artboardin ulkopuolella --> työ suunnitellaan punaisiin rajoihin asti.

4. Retangle tool- piirretään peruskappaleita - pidä hiiri pohjassa --> taustaväri --> tee nelikulmio

5. Ellipce -- ympyrät

6. Polygon tool --> kolmio

7. Start tool

8. Musta nuoli -- selection tool -- valinta

8.1 Valkoinen nuoli -- Direct selection tool

9. Värit, musta neliö = täyttöväri -- bleedin päälle

9.1 Värit, valkoinen neliö = ääriviivaväri

10. Kun haluat kopioida, "liimaa" sormi Alt-näppäimen päälle

11. "Haukkaa" mustalla nuolella alue muutoksia varten -- hiiri pitää olla alas painettuna

- Vaikka artboards on valkoisen värinen, se ei tarkoita, että tausta olisi valkoinen vaan valkoinen paperi! -- muista muuttaa tausta!

Stroke = Viiva

Pentool = Painike, mikä näyttää mustekynältä. Tarkoitettu piirtämiseen --- menee 40h harjoitteluun

Miten kirjoitat tekstiä?

• Tekstin merkki on T ja se löytyy vasemmalta sivusta
• Ensin pitää klikata pohjaa, sitten yliviivata ja sitten voit kirjoittaa
• Essential classic
• Tekstin koon ja fontin vaihto --> Character työkalu
• TEKSTIÄ EI SAA VENYTELLÄ!
• Jos haluat siirtää tekstiä, käytä mustaa nuolta
• Elementit ovat irto osia (tekstit)
• Jos haluat vaihtaa/muuttaa kappaletta: musta nuoli, hiiren 2.painike
• Arrange = back, front

Tekstin keskitys:

1. valitse musta nuoli

2. Shift pohjaan ja valitse kappaleet, jotka haluat keskittää

3. Ylälaidassa on Window & align

   - aukeaa laatikko

   - työkaluja

   - align to alareunassa

   - anna komento mihin keskität

4. Klik -- superaktiivisuus -- paksumpi sininen reunus

5. Group

   - valitse musta nuoli

   - paina shift

   - Valitse object ---> group

Väri

• valitse musta nuoli
• valitse väri laatikko/painike
• RGB tai CMYK tai #- jos tiedät värikoodin

Tekstin Viimeistely

• tarkista ja oikolue huolelle!
• Vektorointi : ennen painoon lähettämistä, teksti muuttuu --> kaikki pitää erikseen kappaleet ja tekstit.
• --> view --> outline + effect --> view- outline <-- näet polun
• object ---> apperance !!

Pikakomennot

• shift: kun teet neliön / ympyrän niin säilyttää mittasuhteet
• Alt/option: suurennuslasi, kopiointi -/+
• command
• control

Näin teet porkkanan:

• ellipsi, pidä valkoinen nuoli pohjassa
• ota musta nuoli ja aktivoi tai ota aktiivisuus pois
• Etsi valkoisella nuolella ankkuripiste kappaleesta
• pidä valkoinen nuoli pohjassa ja venytä

Tuotesuunnittelu ja Luonnostelu

 Tuotesuunnittelu

Tässä tuotesuunnittelussa on tehtävänä luoda asiakkaalle "tarve" tuotteeseen.

Kuten olen aiemminkin kertonut, tuote voi olla painovalmis tai julkaisuvalmis.

Tuotetta ei välttämättä tarvitse kokonaan tehdä vaan se voi olla tuote, mikä vaatii päivitystä tai sitten kokonaan "uusi" tuote.

Tärkeitä sanoja on ideointi sekä kehittely. 

Tiedonkeruu

• keskustelemalla asiakkaan kanssa
• Google
• sosiaaliset mediat
• pinterest

Alkuideointi

"Aivot Narikkaan" vaihe

• Nopea hahmottelu//Luonnostelu
• Valitaan parhaimmat "jatkokehittelyyn"
• Niistä tehdään uudet luonnostelut
• Valitaan timantti 

Tässä kuvia luonnostelusta. Aiheena oli vihannekset, hedelmät yms.

Kuvat: Viivi Joosela

Asiakashankinta Graafinen suunnittelu

 Asiakashankinta graafiseen suunnitteluun

Ensimmäisenä kannattaa miettiä tiimin verkostoa, tunteeko joku jonkun kenelle voisi tehdä. Tiimissä pitää aina miettiä työnjako sekä päivän tavoite. 

1. Asiakkaan hankinta

Kun on saatu asiakas, asiakkaan kanssa pitää jutella ja keskustella. Hänen toiveista ja tarpeista. Tässä kohtaa pitää sopia myös aikataulu. 

2. Tiedonhankinta

tässä kohtaa pitää etsiä tietoa. Pitää miettiä myös kenelle ja millaista tehdään? Millainen on kohderyhmä? logo, slogan? Tietoa löydät esim. Instagram, Facebook, Pinterest sekä yrityksen sivut.

3. Johtopäätökset sekä valinnat

Pitää päättää esimerkiksi värimaailma, typografiat sekä linjaukset ja paljon muuta.

4. Luonnostelu

Luonnostellaan lyijykynällä luonnoksia. Luonnokset nopeita---> valitaan vaihtoehtoja jatkokehittelyyn.

 Ja pitää myös olla perustelut miksi juuri ne.

5. Puhtaaksi piirtäminen

Luonnokset, jotka valittiin jatkoon piirretään puhtaaksi Illustratorilla eli koneella. 

6. Esittely asiakkaalle

Kun esittelet työtä asiakkaalle, sinun pitää kirjata ylös palaute sekä muutostoiveet.

7. Työn valmiiksi saattaminen

--> VIIMEISTELY!

--> tiedostot oikeaan tarkoituksiin

--> painovalmistiedosto .pdf

--> julkaisuvalmis .jpg tai .png 

* TARJOUS

8. Planssaus 

planssi:

1. otsikko

2. lyhyt myyntipuhe

3. kaikki graafiset työt "oikeassa koossa" 

4. värimääritykset

5. typografia määritykset.

Neuvottelut voidaan käydä puhelimitse tai paikan päällä

Mitä jos pitäisi hankkia "tuntematon" asiakas?

1. Ensiksi kävisimme läpi vaihtoehtoja.

2. Kun löytyy, soitamme heille

3. Sovimme asioista, keskustelu, aikatauluista sopiminen, toiveet yms.

4. Työn suunnittelu & toteutus

5. Luonnostelu

6. Valinta

7. Asiakkaalle esittely

8. Viimeistely // muutosten tekeminen

9. Tarjouksen teko

Näin teet hyvän blogipostauksen

 Hyvä blogipostaus eli seo

Hyvä blogipostaus koostuu monista tärkeistä elementeistä. Rakenteen pitää olla selkeä, jotta siitä saa lukija selvää. 

Otsikko

Tärkeimpänä pidän itse otsikoita, niistä yleensä saa sen tärkeimmän ilmi. Siinä kannattaa miettiä, miten saat ihmiset lukemaan blogiasi. Yleensä käytetään sanan perusmuotoa tai yksikkömuotoa. 

Keywords = avainsana, jota käytetään

Tätä avainsanaa käytetään mm.:

• otsikko
• alaotsikoissa
• leipäteksteissä
• kuvateksteissä
• alt-teksteissä
• tunnisteessa

Leipätekstissä kerrotaan asiasta. Se on vain pari riviä. Leipäteksti aloitetaan otsikon pääsanalla.

Alaotsikot tulevat pääotsikon jälkeen. 

Sitten loput leipätekstit.

Sitten muistilista/lista

Linkitys

• sisäinen linkki
• ulkoinen linkki

Sisäiset linkit menevät esim. eri kategorioihin.

Ulkoiset linkit voivat johtaa vaikkapa yrityksen facebookkiin.

Valokuvat, piirrokset sekä havainnekuvia

Niiden pitää olla esteettisesti ja teknisesti korkeatasoisia. 

• niiden pitää liittyä aiheeseen
• sopivia kohderyhmälle
• kun nimeät kuvaa, älä käytä erikoismerkkejä tai ä,ö,å
• blogikuvan koko max 1200px, kuvan optimointi
• Alt-teksti kuvalle, eli lyhyt teksti
• Title, eli otsikkoteksti

Muista aina käyttää vain sen ohjelman tarjoamia asetuksia, älä itse virittele mitään, kuten suurentele tai lihavoittele otsikkoa.

Lorem Ipsut = tekstille tilavaraus

Eri "fontteja" kokoja

• pääotsikko (H1)
• otsikko (H2)
• alaotsikko (H3)
• pienempi otsikko (H4)
• normaali (p)

Näin tekisin uuden postauksen lyhyesti:

otsikko

- mikä noista otsikoista?

Anna komento otsikosta --> google "rakastaa" (H1)

Lista = luettelo

numerollinen vai numeroimaton?

<li>__</li>

kuvien lisääminen

- kuvien optimointi

max 1200 px

liitetään teksti oheen

Aktivoi kuva siniseksi

--> muokkaa kuvaa

--> vaihtoehtoinen teksti = alt-teksti

--> otsikkoteksti

= kuvateksti

inspiraatiokuva

Top 5 kiinnostavat blogit

Itseä kiinnostavat top 5 blogit

Tehtävämme oli etsiä blogeja, mitkä oli itseä kiinnostavia.Olen itse lukenut muotiblogeja, eläinaiheisia blogeja, sisustukseen liittyviä blogeja ja lifestyle blogeja.

1. Saraparikka.com

Kirjoittajana toimii Sara Parikka. Hän kertoo ihan kaikesta perhe-elämästään ja arjesta. Sara kirjoittaa todella hienosti hänen blogiaan. Hänellä on tietty tyyli blogissaan. Ulkoasultaan blogi on todella hieno ja selkeä. Sara kirjoittaa myös avoimesti äitiyteen liittyvistä asioista ja onkin jakanut raskaustensa somessa, mitä olen lukenut. 

Tykkään seurata juuri julkkisten elämää ja muitten ihmisten elämiä, joten pidän tästä Saran blogista.

Sara Parikan banneri

2. Jasukuvaa.blogspot

Eli kirjoittajana toimii 20-vuotias Jasmin. Hänen blogi on valokuvaus- ja lifestyle blogi. Jasmin julkaisee todella upeita kuvia. Hän myös kirjoittaa blogiinsa paljon ja kirjoitukset ovat todella hyviä sekä selkeitä!

Jasminin blogia olen seuraillut jo jonkin aikaa, koska pidän hänen bloginsa sisällöstä. Jasminilla on myös koira, joka esiintyy hänen blogissaan ja tämän vuoksi olen alkanut silloin seurailemaan blogia:)

Pidän hänen blogistaan myös sen vuoksi, kun siellä niin monipuolista sisältöä.

Jasukuvaa blogi

3. Oma koti valkoinen

Kirjoittajana toimii Miia Helsingistä. Tämä blogi on sisustusblogi. Tässä blogissa suositaan valkoista ja innostutaan mm. Pohjoismaisesta designista. 

Tämä blogi on todella inspiroiva ainakin mulle. Olen saanut täältä monia ideoita. Rakenteeltaan tämä on selkeä ja mukava luettava. 

Seurailen tätä kyseistä blogia, koska olen kiinnostunut sisustuksesta ja saan täältä ideoita ja täältä kautta voin ihailla sisustusideoita vaikken niitä toteuttaisikaan:)

Oma koti valkoinen

4. Heeled Adventures

Tämä blogi oli mulle tuntematon, kun tuli vastaan selatessa erilaisia blogeja läpi, mutta innostuin hänen erikoisesta nimestä ja siitä että hän kirjoittaa myös englanniksi. Mutta lyhyesti tämä blogi on suurimmaksi osaksi muotiblogi. Sisältö on selkeää ja kaunista. 

Alan seuraamaan tätä blogia! 

Heeled Adventures

5. Koiramaisia juttuja

Tämä blogi on omistettu koirille. Siellä esiintyy kolme koiraa. Ja kirjoittaja kirjoittaa mitä on tehnyt koirien kanssa. 

Ulkoasultaan blogi on aika yksinkertainen ja selkeä. Tekstit olivat kivan mittaisia ja selkeitä. Löysin tämän blogin, koska olen kiinnostunut eläimistä.

Graafinen suunnittelu: sommittelua ja muita perusjuttuja

 Graafinen suunnittelu perusjuttuja 

Kävimme läpi graafisen suunnittelun perusjuttuja, kuten esimerkiksi:

RR- Ryhmitä ja Rytmitä

Asioilla on järjestys eikä niitä ripotella mihin sattuu. 

Eli tässä sinun pitää luoda järjestys.

Kun käytät julisteita sillä saat korkeutta.

Jos myymälässä on jokin teema, niin kaikki ikkunat on samaa teemaa.

Kuvissa ei ole mitään ns. ylimääräistä.

Tässä muutamia aiheeseen kuuluvia kuvia::

   

kuvat on pinterestistä

 

Tilat

White space ja Negative Space :

Tässä on alussa pari kuvaa havannoillistamaan asiaa:

kuvat ovat pinterestistä

Eli sillä tilalla halutaan korostaa sitä esitettyä asiaa.  Eli kun siinä kuvassa on tilaa niin näet sen oleellisen asian paremmin.

Linjaukset G;R, D :

Eli Alignment

Tässä aiheessa kannattaa välttää kaikkea keinuttelua. 

Tässä pitää olla myös tarkkana, että millaiset linjaukset tehdään. Että mistä kulmasta lähdet, oikealta vai vasemmasta kulmasta yms.

  

Kontrasti:

Tässä aiheessa tulee ilmi tarvittavan suuret kokoerot, värierot yms.

Voidaan käyttää myös sanaa vastakohta sekä jyrkkä erilaisuus.

Esimerkiksi kuvassa voi olla punainen sekä musta väri tai isoja fontteja otsikossa ja selvästi pienempiä muuten.  

       

Esitystapa -- fokus -- repertition

Esitystavan avulla saadaan asiakkaan huomio kiinnitettyä työn oleellisimpaan asiaan heti alussa. 

Jos itse aloittaisin suunnittelemaan jotain työtä, miettisin heti ensimmäisenä työtavan. Esitystavan pitäisi olla sellainen, mikä kiinnostaisi kohderyhmää.

Ensin pitäisi pohtia yrityksen tärkeimpiä arvoja ja sen sellaisia <--- saa apua vaikkapa logosta.

Tämän jälkeen rupean miettimään alustavasti tähän työhön: värejä, fontteja (typografiaa) sekä muuta mitä haluaisin siitä työstä nousevan ihmisten silmille.

 

 

Graafisen suunnittelun perusteet 

Tänään 11.8.2020 meillä oli teoriapäivä. Kävimme läpi graafisen suunnittelun peruskäsitteitä.

Meillä oli aiheina mm. adobe, painovalmistiedosto, julkaisuvalmistiedosto, tallennusmuodoista, tiedostojen nimeämisestä sekä tiedoston koosta.

Tuli paljon uusia asioita, mutta monet oli osittain tuttuja. 

Käytämme pääsääntöisesti Adobe illustratoria ja light room classicia.

Mutta Raster vs. Vector? Mitä ne sitten on:

Rasteri koostuu monista pienistä pikseleistä ja sitä ei voi suurentaa loputtomiin eikä pienentää toisin ,kuin vektoria voi laajemmin. 

Vektori on myös selvempää kuin rasteri. Vektorilla tehtyä voi suurennella sekä pienellä miltein loputtomiin. Vektori koostuu pisteistä, viivoista sekä käyristä.

vektori vs rasteri

Itse ymmärsin siis: käytä ennemmin vektoria, jos pitää suurennella/pienenellä.

Resoluutio= Pixel/inch. Kertoo siis pixelien tiheyden.  Sitä parempi laatuisempi mitä enemmän pixeleitä.

Inch=tuuma

Tämä voi ilmestyä myös nimellä dpi.  Sitten pari pixel/inch juttua:

72 pixel/ inch: on epätarkka kuva, mikä soveltuu internet käyttöön, vaikkapa nettisivuille.

300 pixel/inch: on taas tarkka kuva, mikä soveltuu käytettäksi painotuotteissa.

Sitten olisi vuorossa ns väriavaruus, joka oli mulle ainakin uutta. Ensimmäisenä voisin mainita RGB.

RGB-väri on tila, jossa värejä muodostuu sekoittamalla punaisen, vihreän sekä sinisen väristä valoa.

Nimi tulee englanninsanoista red, green sekä blue.

RGB vs CMYK

CMYK tulee myös englanninkielisistä sanoista cyan, magenta, yellow ja key. Ja key on avainväri eli musta.

Sitten kävimme myös hex-värit läpi.

Painovalmistiedosto

Eli sellainen asia, esine, minkä voit ottaa käteesi. Painovalmistiedosto tehdään painotalossa.  Muun muassa pakkaukset, teippaukset, esitteet, käyntikortit sekä julisteet.

Kun tehdään tälläistä työtä niin käytetään mittayksikkönä millimetriä. Muistiin laitoin, että 10cm on 100mm.

Väriavaruutena on CMYK.

Bleed=ylivuoto, tämän takia pitää muistaa leikata 3mm yli arvioidun kohdan.

Tallennusmuodot:

- AI työstö/työversio

- voi tehdä loputtomiin muutoksia

- pdf

Resoluutio: 300 pixel/inch

Julkaisuvalmistiedosto

On sellaista mitä voit julkaista esim. instagramissa. Näissä on yleensä väriavaruutena RGB.

Ja mittayksikkönä on pikselit. Näitä on sähköisessä ympäristössä.

Resoluutiona käytetään 72 pixel/inch (latautuu nopeasti)

Tämän tallennusmuodot:

- AI työstö/työversio

- Jpg, Png

julkaisuvalmiit 

Tiedostokoko

Tiedostojen kokoja on Megat (M) ja Kilot (K).  Megat ovat todella suuria tiedostoja, mutta taas Kilot ovat pienempiä. Painovalmiissa tiedostossa on megoina ja niille tiedostoissa käytetään We Transfer-ohjelmaa, kun ne lähetään eteenpäin.

Julkaisuvalmeissa tiedostoissa on kiloina ja niissä käytetään Tiny png-ohjelmaa.

Tiedoston nimeäminen

Ensiksi, nimessä ei voi käyttää:

- ä, ö, å

- erikoismerkkejä

- eikä välilyöntiä

Nimen muotona kannattaa käyttää tälläistä:

kivijalka_oy_kayntikortti_w90mm_h50mm.ai

Eli lyhyesti:

asiakas_tuote_w_h_tiedostomuoto

Tiedoston tallentaminen

Kansiorakenne

Oppisin, että on monia kansioita. Kansion sisällä on vielä lisää kansioita.

yritys--materiaalit-->yritysilme--> logot--> käyntikortit-->mainokset-->sosiaaliset mediat

Arkkikoot ja laadut

Paperin laatuun vaikuttaa paperin paksuus g/m´2

Tässä on kuva A- sarjasta

A-sarja

Graafinen suunnittelu

1. mieti, onko painovalmis- vai julkaisuvalmis?

2. mittayksiköt 1cm on 100mm

3. väriavaruus

Työvaiheita on seuraavasti:

1. Asiakkaan hankinta

   - neuvottelu

   - keskustelu

   - asiakkaan tarpeet

   - aikatauluista sopiminen

2. Tiedonhankinta

- "Genre"

 - värit

 - pinterest

 - typografit

3. Johtopäätökset ja valinnat

4. Luonnostelu -- lyijykynällä tehdään (10sek.)

 Vaihtoehdot <-- useita, sekä perustelut miksi? <-- näistä valitaan parhaat jatkokehittelyyn (3-5kpl)

5. Puhtaaksi piirtäminen --- Illustrator

6. Esittely asiakkaalle

- Kirjaa ylös palaute // muutostoiveet

7. Työn valmiiksi saattaminen --- viimeistely

---> tiedostot eri tarkoituksiin

* TARJOUS

8. Planssaus + itsearviointi

Planssi koostuu seuraavalla tavalla:

1. otsikko

2. lyhyt myyntipuhe/kuvaus ideasta

3. kaikki graafiset työt oikeassa koossa'

4. värimääritykset

5. typografia märäykset