perjantai 17. tammikuuta 2020

Practising Illustrator

We did a quick exercise where we had to copy the magazine below with Illustrator. I used a normal ruler to mezure the page, the heading and the text and tried to mimic the distances between with 'align' tool. I also used a 'pen tool' to trace the woman on the picture.


Picture from the web

In another practise I used a 'Pen Tool' to trace the image I wanted.

maanantai 13. tammikuuta 2020

Graafisen maailman väriavaruudet

RGB


Lyhenne päävärien nimistä: red, green, blue.
Tietokoneen värit pohjaavat RGB-värimalliin, eli näitä käytetään digitaalisessa maailmassa.

"RGB-värimallin periaatteena on luoda värit ”mustan päälle”: kun väri ei sisällä yhtään punaista, vihreää tai sinistä, on tuloksena musta. Jos taas jokaista pääväriä on värissä sata prosenttia, saadaan tulokseksi valkoinen väri. " - finink.com


CMYK


Lyhenne neliväripainatuksen osaväreistä: syaani, magenta, keltainen, musta.
Painotuotteissa ja väritulostuksessa käytetään yleensä CMYK-värimallia.

"CMYK-värimallin avulla muodostetaan värejä sen mukaan, kuinka paljon jokainen väri vähentää valkoisen heijastumista. Ajatus on siis päinvastainen kuin RGB-värimallissa: valkoisen päälle lisätään sävyjä, joista jokainen vähentää valkoisen kirkkautta." - finink.com




HEX


HEX-arvolla annetaan väri kuudella heksadesimaaliluvulla.
Voidaan käyttää mm. nettisivujen HTML-koodeissa.


Esimerkki HEX-arvoista / color-hex.com


Khroma.co


"Tekoälyä hyödyntävä ohjelmisto Khroma (vielä tosin Beta-vaiheessa) oppii ymmärtämään käyttäjän värimieltymyksiä ja auttaa luomaan harmonisia väriyhdistelmiä. Värejä voi tarkastella erilaisina kombinaatioina: palettejen muodossa, nimettyinä väripareina, valokuvaan liitettynä jne. Ohjelma kertoo myös kunkin sävyn RGB-arvon ja HEX-arvon." - https://miraaholadesign.blogspot.com

Ensin valitaan 50 lempiväriä, joista Khroma tarjoaa valmiita väriyhdistelmiä ja paletteja. Tässä muutamia omiani:




sunnuntai 12. tammikuuta 2020

A-sarja

Mihin A-sarja perustuu?


"Kansainväliset paperiarkkien koot on määritelty ISO 216 -standardissa. Standardin mukaisia paperikokoja käytetään useissa maissa, merkittävinä poikkeuksina ovat mm. Yhdysvallat ja Kanada. ISO 216 -standardi määrittää yleisesti käytössä olevat A-, B- ja C-sarjat, jotka eroavat toisistaan kokonsa puolesta. Yleisin käytössä oleva sarja on A-sarja, johon kuuluu Suomessa yleisin A4-paperi.
A-sarjan eri kokoja käytetään muun muassa kirjoituspaperina, postikortteina ja käyntikortteina. B-sarjan kokoja käytetään esimerkiksi kirjoissa, piirustuksissa ja esitteissä. C-sarja määrittelee kirjekuorien koot." - graafinen.com

A-sarja:



  • A0 = 841×1189 mm
  • A1 = 594×841 mm
  • A2 = 420×594 mm
  • A3 = 297×420 mm
  • A4 = 210×297 mm
  • A5 = 148×210 mm
  • A6 = 105×148 mm

Mitä eroa on vektori- ja rasterigrafiikalla?


Digitaalista grafiikkaa voi luoda joko rasteri- tai vektorikuvilla. 





Rasterigrafiikka / Raster


  • Koostuu pikseleistä. / Uses a bitmaps to store information that consists of pixels.
  • Pikselitiheys eli resoluutio määrittää kuvan laadun. (Pixels per inch = ppi)
  • Kuva menettää laatunsa skaalattuna ja blurraantuu.
  • Occupy more space depending on image quality.
  • Can be used for more complex, true-to-life graphics. 


Most commonly used raster files:
    • jpg
    • png
    • gif
    • psd


olypress.com



Vektorigrafiikka / Vector


  • Perustuu pistekoordinaatteihin ja matemaattisiin funktioihin. / Made up of paths, each with mathematical formulas that dictate how the image is rendered.
  • Retain their appearance and quality regardless of size.
  • Occupy less space.
  • Best for simple design, with solid colours. 


Most commonly used vector files:
    • eps
    • ai
    • pdf
    • svg


psprint.com






"Kummallakin formaatilla on puolensa ja käyttötarkoituksensa. Vektorigrafiikalla on haastavaa saada aikaan fotorealistista lopputulosta, koska se perustuu matematiikkaan. Rasterimuodossa tallennetut valokuvat ovat siis kevyin ja varmin keino saada todellisuutta vastaava kopio realistisesta maailmasta.

Vektorigrafiikka taas ohittaa rasterimuotoiset kuvat kiitäen kun tarvitaan yksityiskohdiltaan tarkkaa grafiikkaa, joka pysyy yhtä tarkkana niin pienissä kuin isoissakin mitoissa." - robankonna.fi

filecamp.com





tiistai 7. tammikuuta 2020

What is Graphic Design?


The 'organisation' and 'presentation' of 'information' developed through a 'creative process' for a 'particular function'.


GRAPHIC DESIGN


when divided in two parts:





Graphic - 'Visual'

Art, Imagination, Expression

Involving many mediums such as drawing, painting, engraving or lettering giving clear and explicit detail.

Visual elements that combine to create Graphic Design:

              • Line
              • Color
              • Shape
              • Texture
              • Space
              • Form
              • Typography




Design - 'To decide upon to lookand function of something before it's made'

Thinking, Problem solving, Practicality

In graphic design there are rules that can be considered. These rules are called the 'Principals of design'.

Key principles of design:

              • Contrast
              • Hierarchy
              • Alignment
              • Balance
              • Proximity
              • Repetition
              • Simplicity
              • Function







Graphic Design jobs:


              • Advertising
              • Branding
              • Web design
              • Interface design
              • Magazine layout
              • Paper engineering & Packaging
              • TV / Motion graphic
              • Infographics
              • Signage
              • Art & Installations
              • Digital art









2020 Top Graphic Design Trends


            • Bright and Bold, Futuristic Cyberpunk Color Schemes
            • Graffiti and Street Art Techniques with Retro Appeal
            • Ultra Thin Geometry
            • Paper Cut-out Collages 
            • Personalized Touch with Hand Lettering and Brush Fonts
            • Dystopian Aesthetic 
            • Vintage Style with Modern Elements - Hyper-pastiche
            • Continuous Animation Sequences and Better Branded Animations

            • 3D 
            • Minimalism
            • Illustrations
            • Animated posters
            • Retro synthwave
            • Bicolor
            • Large uniterrupted color base
            • Optical perception art
            • Gradients