tiistai 20. huhtikuuta 2021

Graafisen asiakastyöt

ASIAKAS

Senni Mattila, saksankääntäjä. Hänelle tulee maanläheisiä sävyjä. Hän ajattelee ekologisesti, joten arvomaailmaan käy hyvin luonnonläheiset värit. Senni tykkää myös pukeutua tällaisiin väreihin.

Tässä esimerkki mahdollisesta värikartasta:



TOIMEKSIANTO

Käyntikortti, sekä some-mainos. Käyntikorttiin käytetään selkeitä linjoja koska sen pitää olla asiallinen.

Some-mainoksessa käytetään Sennin nettisivuilla käyttämää kuvitusta.



Äskeisessä käyntikortissa liian hailukat värit, sekä viivat hyvin ohkaisia eroittuakseen. Tähän ei oltu myöskään vielä saatu firman logoa. Tein uuden missä selkeämmät värivalinnat ja muodot. Myös logo pääsi mukaan. Asiakas piti väreistä, tyylistä ja fontista. Hän valitsi sen käyttöönsä.
Tässä uusi versio:




Tein myös vastaavaan Instagram-mainoksen Sennin toiveesta:




ASIAKAS

Sanna Patolinna, terapeuttiopiskelija. Tämä asiakastyö toteutaan kuvitteellisesti, tukeakseen hänen opintoja ja lisätäkseen hänen itsevarmuutta. Hän haluaa värimaailmaansa pinkkiä, mustaa ja kultaista.



TOIMEKSIANTO

Käyntikortti sekä kuvitteelliselle verkkosivulle palvelupakettihinnasto.







ASIAKAS

Boutique Francoise vaateliikettä pitää Sari Snygg. Sarista saa vaikutelman, että hän on melko räiskyvä persoona ja julkaisuissaankin usein esiintyy itse tanssien. Julkaisut sinänsä ovat jo persoonallisia, joten värejä pääsee tässä työssä käyttämään.

TOIMEKSIANTO

Hänelle on tarkoitus tehdä äitienpäiväkampanja -mainos someen. Ollaan mietitty jotain värikästä ja Sarilla oli toiveissa samaa pinkkiä, jota hän käyttää esim. Facebookin julkaisuissa. Saman pinkin olen napannut illustratorin pipetillä. (R 254, G 100, B 197) Tehdessäni tällä pinkillä huomasin, että siitä tulee hieman halvan näköinen. Päätin tehdä hillitymmillä sävyillä. Sari kuitenkin toivoi vähän uutta tuulta ja ideaa some-päivityksiinsä. Tässä muutama luonnos, jotka lähdössä Sarille arvioitavaksi:


Tässä yllä olevassa mahdollinen ongelma voi olla tekstin määrä koska se voi näkyä Instagramissa liian pienenä ja siksi on vaikeasti luettavissa. Eikä alareunassa olevista kynttiläkipoista saa varmaankaan enää selvää mitä ne ovat.






Näihin yllä oleviin olen enemmän tyytyväinen. Näissä on kivemman ja raikkaamman näköinen idea ja on selkeämmin havaittavissa mitä mainostetaan.

Tähän olen koonnut Pinterest -ideoita:


https://fi.pinterest.com/heinosenhenna/sari-snygg/

torstai 15. huhtikuuta 2021

Illustrator kuvien käsittelyä

Kuvan koon muuttaminen:

Kun valokuva on tuotu työskentelyalustalle, klikkaa mustalla nuolella aktiiviseksi-> klikkaa transform paikalle-> munalukko päälle, jotta mittasuhteet säilyy ja laita esim. postikorttikoko 148mm.

Kuvan leikkaus:

Kiikuta suorakaide valokuvan päälle siihen kohtaan mistä haluat, että valokuva leikkaantuu-> klikkaa valokuvaa+shift ja paina molemmat aktiiviseksi-> object valikko-> clipping mask-> make (sama tekstin kanssa)-> ctrl+x-näppäin leikkaa asian pois.

Kuvion tuominen kännykästä illustratoriin:

Piirrä mustalla kynällä paperille-> ota kännykällä kuva tasaisessa valossa-> tallenna tietokoneelle-> file open-> tuo kuva-> klikkaa kuva aktiiviseksi-> image trace-> black and white logo-> valkoinen nuoli-> klikkaa valkoista aluetta-> select-> same-> fill ja stroke-> bacspace-> object ungroup-> valitse poistettavat kohteet mustalla nuolella ja backspace(-> obejct-> group)


Illustrator värikarttaoppia

khroma.co =värikarttasovellus-> valitse värejä-> sovellustekee väripareja, nuolet vaihtaa pareja päittäin-> ota infosta talteen arvot esim. rgb (r=199, g=200, b=211)

adobe color (googlaa)-> poimi teema, voit laittaa valokuvan-> poimii kuvan värikartan-> ota talteen "EEDOF2" -värikoodi


Illustratorissa kaksoisklikkaa väriruutupainiketta ja aseta arvot niille kuuluviin paikkoihin.


Värit valokuvasta:

File-> Open-> Valitse kuva

Tuo kuva työskentelysivulle (valitse aktiiviseksi ja ctrl+c=copy-> ctrl+v=paste)

Valitse kuvasta pipetillä kuvaan sointuvat värit

Graafisen asiakastöiden tehtävänanto

  1. Muodostetaan tiimit 3hlö/tiimi
  2. Tiimi hankkii 3-4 asiakasta
  3. Asiakkaalle tarjotaan sekä painovalmis, että julkaisuvalmis tiedosto
  4. Laatikaa huolellinen suunnitelma (kehen, kuka, minne, milloin on yhteydessä, mitä tarjotaan ym.)
  5. Aikataulutus
  6. Perehdytään, hankitaa tietoa, asiakkaan toimiala, pinterest, kohderyhmä
  7. Ideointi, luonnostelu (pinterest, moodboard, käsintehdyt luonnokset 40kpl per työ)
  8. Luonnosten tarkastelu, mitkä lähtevät jatkokehittelyyn
  9. Työskentely illun kanssa
  10. Välivaiheiden esittely asiakkaalle-> jatkokehittely
  11. Idean ja työn jatkojalostaminen
  12. Valmiit työt lähetetään asiakkaalle
  13. Prosessin yksityiskohtainen kuvaus blogiin+välivaiheet
Asiakkaat tähän mennessä:
  • Sanna Patolinna, terapeuttiopiskelija
  • Senni Mattila, kieltenkääntäjä
  • Sari Snygg, vaatekaupan omistaja
  • Lasten ja nuorten taidekeskus Hyvinkäällä, Villa Arttu
Hennan näyttöasiakas
  • Daddy Greens Pizzabar, David Smith, Helsinki

Illustrator mitat, väriavaruus

Mihin ympäristöön tiedosto tulee? 

  • painovalmis mm
  • julkaisuvalmis px

Päätä, määritä työn mitat

  • viivotin käteen, mittaa leveys (width) ja korkeus (height) millimetreinä
  • tee väljäkätisesti paperille luonnoksia, mittaa myös kuvituksen mm.
Bleed=ylimenevä väri leikkauksen takia (painotuote) eli leikkuuvara, yleensä 3mm.
(Kysy painofirmasta onko bleed ok tai tutki nettisivuilta aineistonsiirto/-ohje)

CMYK (väriavaruus)/painojulkaisu, painotuotteet
RGB (väriavaruus)/julkaisuvalmiit, sähköinen ympäristö

Hopea ja kulta=foliopainatus, ei saa CMYK eikä RGB. Ole yhteydessä painofirmaan!

Illustratorin perusasioita

Perusasioita:

  1. Create new tai file-> new.
  2. Painovalmis tiedosto tehdään millimetreinä ja julkaisuvalmis pikseleinä.
  3. Type tool-> voi kirjoittaa suoraan tai piirtää laatikon, jonka sisään kirjoittaa tai liittää.
  4. Poista valitsemalla asia aktiiviseksi, sen jälkeen backspace näppäin.
  5. Ei enterin kanssa välejä, vaan erillinen teksti joka välissä.
  6. Valitse mustalla nuolella teksti aktiiviseksi ja säädä fontti, siirrä tekstiä tai muuta tekstin kokoa ym.
  7. Musta nuoli-> Alt pohjassa-> kopioi hiirellä viereen saman tekstin, voi esim. vertailla fontteja.
  8. Pentool-> vedä viiva-> shift tekee suoraa-> viiva poikki P-näppäimellä näppäimistöstä.
  9. Viiva paksummaksi-> valitse aktiiviseksi-> säädä pt esim. 3pt.
  10. Valitse kohde, jonka haluat saman fonttiseksi kuin toinen teksti-> pipetti-> klikkaa sitä tekstiä, jonka fonttiseksi tekstin haluaa.
  11. Shape builder-> ympyrä.
  12. File-> Open-> Valitse kuva. Tuo kuva työskentelysivulle (valitse aktiiviseksi ja ctrl+c=copy-> ctrl+v=paste)
  13. Ympyrä tai neliö ym.-> object-> path-> add anchorpoints-> valkoinen nuoli-> valitse pisteet ja backspace kun haluat leikata osan kuviosta

  • Tallennus: file-> save as-> tallenna nimellä _ai päätteellä, jotta voi muokata myöhemmin-tallenna-> OK
  • Blogiin tallennus-> file-> export->save for web-> valitse pikselikoko-> vas. alakulma, näkee minkä kokoinen tiedosto on-> oikea alakulma SAVE-> tallenna nimellä, mihin tallennat-> tallenna
Fonttiasiaa:




Graafisen näyttö

  Asiakas: Daddy Greens Pizzabar/Helsinki Perustajat Eero Kokkonen ja kummitätini amerikkalainen puoliso David Smith. He avaavat kolmannen r...