freehand 2006 multimediaty v lineet sirpa siru kauppinen l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Freehand 2006 Multimediatyövälineet Sirpa (Siru) Kauppinen PowerPoint Presentation
Download Presentation
Freehand 2006 Multimediatyövälineet Sirpa (Siru) Kauppinen

Loading in 2 Seconds...

play fullscreen
1 / 75

Freehand 2006 Multimediatyövälineet Sirpa (Siru) Kauppinen - PowerPoint PPT Presentation


  • 154 Views
  • Uploaded on

Freehand 2006 Multimediatyövälineet Sirpa (Siru) Kauppinen. Tällä tunnilla. Piirto-ohjelmien, kuvankäsittelyohjelmien ja taitto-ohjelmien ero. Vektori Freehand perustyökalut Kelluvat paletit Polut ja pisteet Tasot ja tyylit Monisivuisuus Muotojen luominen, sulauttaminen

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Freehand 2006 Multimediatyövälineet Sirpa (Siru) Kauppinen' - ford


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
t ll tunnilla
Tällä tunnilla
  • Piirto-ohjelmien, kuvankäsittelyohjelmien ja taitto-ohjelmien ero.
  • Vektori
  • Freehand perustyökalut
  • Kelluvat paletit
  • Polut ja pisteet
  • Tasot ja tyylit
  • Monisivuisuus
  • Muotojen luominen, sulauttaminen
  • Typografiatauludemo
  • Pohjaa harjoitustyölle (animaatoin sommittelu, ymmärrettävyys)
  • Muutama hahmotusasia
kurssin freehand ty t
Kurssin Freehand-työt

Freehandillä harjoitellaan sekä printtiin että sähköiseen mediaan:

  • Harjoitus 2 on animoitavat palikat Fash-ympäristöön.
  • Freehandilla myös Synopsiksen taitto.
harjoitus 2
Harjoitus 2
  • Piirrä animoitava hahmo/hahmoja/elementtejä Flash harjoitusta varten.
  • Mieti miten hahmo kääntyy ja liikkuu.
  • Mieti tarvittavat kuvakulmat ja piirrä ne.
  • Hahmolla voi olla luonne.
  • Voit piirtää käsin, skannata ja vektoroida sen, tai vain piirtää kökköanimaatiota tietokoneella.
  • Palautus eps-muodossa ja työtiedosto jälleen mukaan.
arvosteluperusteet
Arvosteluperusteet
  • Hahmon toimivuus. Myös animaation taustaa tai muita objekteja voi olla mukana.
  • Huolellisuus
  • Plussaa mutta ei vaatimuksena käsinpiirroksen skannaus ja sen vektorointi.
  • Mahdollisen animaation käsikirjoitusta ei tarvitse palauttaa mutta pieni etukäteissuunnittelu auttaa kun tietää mitä palikoita ylipäätään tarinaan tarvitaan. Käsiksenä toimii parhaiten sarjakuvamainen storyboard.
synopsis dl 17 10
Synopsis (DL 17.10)
  • Myös lopputöiden synopsikset tehdään ”esitteinä” Freehandilla tai jollain vapaavalintaisella ammattimaisella taitto-ohjelmalla (joka eisiis ole MSWord).
  • Esitteiden ei tarvitse olla laajoja (tavaraa n. A4:n verran.
  • Esitteellä voi myydä lopputyöidea jos haluaa.
  • Synopsiksen DL on 17.10.
mieti lopputy aiheita
Mieti lopputyöaiheita
  • Mieti pikkuhiljaa lopputyöaiheita, jotta säästät työmäärää suuntaamalla yksittäisiä harkkatöitä siihen sopivaksi.
freehand versus photoshop
Freehand versus Photoshop
  • Photoshop on tarkoitettu bittikarttakuvan käsittelyyn
    • Valokuvan korjailu ja muuntelu mainiosti
    • Valmiiden kuvien yhdistely
    • Photoshop on siirtynyt kohti yleiskäyttöistä grafiikkaohjelmaa.
  • Freehand kuvittajan työkalu, alusta saakka vektorikuvien tekemiseen tarkoitettu väline.
  • Molemmilla voi olla samannäköinen lopputulos, toisella vektorigrafiikkaa, toisella bittikarttaa.
freehandin k ytt tarkoitukset
Freehandin käyttötarkoitukset
  • Piirrosohjelma (kuvitus)
  • Repro- ja painotalot (esitteet)
  • Monimuotojulkaiseminen (multi-publishing)

=Julkaiseminen niin painotuotteena kuin sähköisessä muodossa. Painopuolella tärkeä trendi.

  • Grafiikka sähköiseen mediaan.
eli k yt nn ss
Eli käytännössä
  • Painotalot
  • Graafiset suunnittelutoimistot
  • Mainostoimistot: julkaisut, logot, käyntikortit, pakkaukset
  • Multimediayritykset: Web-grafiikka ja Flash
  • Leimasinteollisuus
  • Tarralaitokset
  • Liikelahjayritykset: rintanapit, viirit ja brodeeraukset
macromedia freehand mx
Macromedia Freehand MX
  • www.macromedia.com
  • Erinomainen Tutorial:

http://www.macromedia.com/support/freehand/tutorial_index.html

muita taitto ohjelmia
Muita taitto-ohjelmia
  • Page Maker
    • Sopii monisivuiseen julkaisuun helpommin.
    • Tavutus
    • Muotojen tekeminen vaikeampaa kuin Freehandillä.
  • QuarkX-Press
    • Sopii monisivuiseen julkaisuun helpommin.
    • Tavutus
    • Muotojen tekeminen jäykempää.
  • InDesign
    • Hyvä taitto-ominaisuudet (tavutus jen)
    • Vaikeiden muotojken tekeminen onnistuu
    • Syväys ja varjot
    • Myös kuvankäsittelyä ja vektorigrafiikkaa.
muita piirto ohjelmia
Muita piirto-ohjelmia
  • Freehand on Suomen eniten käytetty piirto-ohjelma. (Photoshop on kuvankäsittelyyn, ei piirtoon).
  • Corel Draw (ei Mac-markkinoilla).
    • Vektorinpiirto-ohjelma (Corel Draw)
    • Flash animaattori Corel R.A.V.E
    • Kuvankäsittely Corel Photopaint
  • Illustrator, avaa myös Freehand tiedostoja.
    • Samaan käyttöön kuin Freehand
    • Muistuttaa Freehandia paljon
    • Ero: Freehandissä yhteen dokumenttiin voi tallentaan useita erikokoisia sivuja, missä Illustratorissa monisivuset dokumentit tulee avata ja tallentaan sivu kerrallaan.
yhteensopivuus
Yhteensopivuus
  • Photoshopista voi tuoda Freehandiin
  • Freehandistä voi suoraan viedä vektoripolkuja
    • Photosopiin
    • Illustratoriin
    • InDesigniin
  • Helppo siirtyä Macromedian Flashiin (viivapiirrokset muuttuvat swf-muotoon).
  • HTML-tiedostoiksi (ei järkevää)
vektori
Vektori
  • Millä teollisuudenalalla keskittiin vektorigrafiikka?
vektori17
Vektori
  • Myös taitto-ohjelmat käsittelevät vektoreina.
  • Pierre Bezier kehitti vektorigrafiikkaa kaarien esittämiseen autonkorien mallinnuksessa Renaultin autotehtaalla.
  • Vektori- eli oliografiikan soveltaminen tietokonegrafiikkaan:
    • Fontteja suunniteltiin ja piirrettiin vektoreina, ääriviivakuvauksina.
    • Adoben PostScript -ohjelmointikieli

Mahdollistivat painotöiden tekemisen pöytätietokoneilla (DTP l. desktop publishing).

kevytt kamaa
Kevyttä kamaa
  • Vektorit vievät bittikarttaa vähemmän tilaa, joten kaikki muut paitsi valokuvat kannattanee vektoroida.
  • Vektorit ovat polkuja, joille voi antaa ominaisuudeksi linjavahvuuden, ja suljetut polut voi myös täyttää.
  • Täyttö voi olla myös kuviotäyttö tai esim. liukuväri (gradient).
vektoreiden muokkaaminen
Vektoreiden muokkaaminen
  • Polkuja voi muokata kulmapisteillä, kaaripisteillä ja yhdistelmäpisteillä.
  • Polkuja voi yhdistää ja niillä voi tehdä myös reiän.
  • Tangentteihin voi tarttua kiinni ja kääntää.
  • Polkuja yhdistellessä (Combine) ja väliin syntyy askeleita (Steps). Blend yhdistää polut luomalla niiden välille muotoja jotka sopivat varhaisempiin polkuihin.
hyvi puolia
Hyviä puolia
  • Monikanavajulkaisuun erinomainen.
  • Sopii hyvin yhteen muiden Macromedian tuotteiden kanssa.
  • Online ohjeet hyvät.
  • Vektorityökalut monipuolisia.
  • Valmispohjat.
  • Voi tehdä monisivuisia julkaisuja.
  • Clipart-kuvia reilusti.
yleist
Yleistä
  • Asiat voi usein tehdä monella eri tapaa. Samat työkalut vaikuttavat suunnilleen samoihin asioihin, näkökulma, tapa mallintaa on erilainen.
miksi ohjelma ei sovi oikeaan taittoon tai kuvank sittelyyn
Miksi ohjelma ei sovi ”oikeaan” taittoon tai kuvankäsittelyyn
  • Ei sivunumerointia
  • Ei kunnon tavutusta
  • Kuvankäsittely kömpelöä eli parempi tehdä Photoshopissa.
  • Ei juurikaan efektejä, filttereitä tai pensselityökauluja.
  • Kannattaa siirtää Freehandillä tehtyä grafiikkaa Photoshopiin lisäkäsittelyyn.
tiedostomuodot
Tiedostomuodot
  • PDF
    • Hyvä, erittäin nopea sisäänrakennettu PDF-tulostin.
    • Helpot säädöt väreille ja kuvien tallennukseen.
    • Muistilaput ja linkit mahdollisia.
    • Läpinäkyvyys ja jotkin muut vastaavat ominaisuudet eivät silti aina tulostu oikein.
    • PDF:n avaaminen Freehandissa voi aiheuttaa ongelmia puuttuvien fonttien vuoksi, jonka takia kannattaa katsoa sitä myös PDF:n katseluohjelmalla (Adobe Acrobat) jotta voi verrata valittavat fontit samanlaisiksi.
    • Tulostetaan virtuaalikirjoittemn avulla Distilleriin Post.Script-muotoon, ja Distilleristä tulostetaan PDF.
slide24
EPS
    • Voi tuoda suoraan taitto-ohjelmiin tai kuvankäsittelyohjelmiin.
    • Ehkä yleisin muoto.
    • Mahdollistaa läpinäkyvyyden -> käyttökelpoinen myös sähköisessä mediassa.
  • GIF
  • JPG
  • PNG
  • TIFF
  • Flash
    • Voi tallentaa suoraan swf-muotoon.
    • Jos animoidaan, niin kätevä lähinnä lähdetiedostona (lähdegrafiikkana).
    • Animointi paras Flashilla tai esim. Adoben LiveMotionilla.
  • HTML
    • Velhon avulla sivupohja muutuu kuvaruutumuotoon.
    • HTML-sivut kuitenkin järkevä tehdä eteenpäin muulla tavoin.
    • Mitoittaminen tarkasti.

Vanhat Freehandit 8.0:sta ylöspäin

ty kalut26
TYÖKALUT
  • Samantyyppinen kuin Photosopissa, jopa ärsyttävässä määrin, kun joku ei toimi täsmälleen samoin.
  • Kaksoisklikkaus hiirellä avaa työkalun ominaisuudet. (Kaikissa ei niitä ole).

Kertoo, että on ominaisuuksia

slide27

Osoitin

  • Lasso
  • Teksti
  • Bezigon
  • Viiva
  • Polygon
  • Spiraali
  • ”Tökintä”
  • Kierrä
  • Vinous (skew)
  • Veitsi (knife)
  • Suurennuslasi
  • Viivan väri
  • Osoitin (pointer)
  • Koko paperin siirto
  • Pipetti (värin otto)
  • Kynä (pen)
  • Pencil
  • Suorakaide
  • Ellipsi
  • Perspektiivi
  • Skaalaus (Skale)
  • Peilaus
  • Trace
  • Käsi (tarttuu, hand)
  • Täytön väri
ty kalun asetukset
Työkalun asetukset
  • Hiiren kaksoisklikkaus työkalun päällä avaa työkalun hallinnan.
yl palkki
YLÄPALKKI
  • Voit muokata näkyviin eri pikanäkkäimiä.
  • Tässä mm. kelluvia paletteja kuten

Stransform (muunna)

Kirjasto (library)

Object

Swatches

Värisekoitin (Color Mixer)

Tasot (layers)

valinta
VALINTA
  • Valinta tapahtuu hiirellä klikkaamalla.
  • Shift – näppäin alhaalla saa samaan valintaan useamman.
  • Kun kappaleen ympärillä on tarttumakahvat, voit esim. skaalata.
  • Kaksoisklikkaus hiirellä saa aikaan kappaleen muokkaustilaan, jossa sitä voi kääntää, sen pisteet ja tangentit ovat esillä jne. Klikkaus ulkopuolella lopettaa muokkaustilan.
  • Kappaleen tangentteja ja pisteitä saa esille klikkaamalla vektoria.
  • Valitse koko taso Alt + hiiri. (Mac: Option + hiiri)
kelluvia paletteja
KELLUVIA PALETTEJA

Esimerkiksi ellipsin paikkatiedot ja mitat.

object kappale objekti
Object (kappale, objekti)

Object

  • Näkymisen, käsittelyn, järjestelyn ja viivojen ja täytteiden hallinta
  • Osoitustyökalulla (pointer-tool) voi valita käsiteltävän osan.
    • Stroke = viiva
    • Fill = täyte
  • Objektin ominaisuuksia (Attribute) voi vaihtaa.
viiva
Viiva

Stroke

  • Viivan leveys
  • Viivan väri
  • Viivalle saa erilaisia päitä kuten nuoli. (Molemmat päät erikseen.)
t ytt fill
Täyttö (Fill)
  • Objektin voi täyttää. Vaihtoehtoja mm. tekstuuri tai gradientti.

Gradienttityyppi

Kulma

teksti
Teksti

Koko

Tekstin muotoilua

  • Kirjasinlaji (fontti)
  • Tyyppi: Lihavoitu tai kursivoitu tms.
  • Kirjainvälys
  • Palstat
  • Rivinväli
  • Efektejä kuten varjot ja hehkut.

Tasaukset

dokumentti
Dokumentti
  • Document
  • Määrittelee
    • sivumäärän,
    • sivukoon ja tyypin
    • sivujen asettelun näkyville työpöydällä
    • resoluution
layerit
Layerit
  • Kuten photoshopissä, on tasoja.
  • Lukittu taso
  • Tulostettavat tasot
  • Ei-printattavat tasot
  • Piilottaa tasoja (pieni ympyrä vaaleana).
  • Samoja komentoja kuin Photoshopissa (kuten Uusi taso, Dublicate layer jne.
  • Voit samoin järjestellä ja yhdistää tasoja. Opastasot eivät tulostu (Guides).
tyylit
Tyylit
  • Tyylit voivat näkyä tekstinä ja ikonina tai sitten pieninä esikatselu-kuvina (Hide names).
  • Niitä voi luoda, käsitellä, tuoda ja viedä.
  • Yksi tyyli voi omata paljon alatyylejä (lapsityylejä) eli tyylit voivat perustua toisiinsa.
  • Tyyleillä voit valita ja muokata usean objektin ominaisuuksia samalla vaivalla.
guides
Guides
  • Oppaat ovat tulostumattomia, oletusarvoisesti vaaleansinisiä.
  • View - Guides - Edit
  • Niitä voi käsitellä kuten muitakin objekteja, ja niiden väriä voi muuttaa, niitä voi lukita jne.
  • Voit myös muuntaa opas-kappaleen (Guide object) näkyväksi kappaleeksi: Kaksoisklikkaa opas-kappaletta. Guides dialog –laatikossa valitse Release. Kappale päätyy normaalille tasolle.
  • Opastasoja ja kappaleita voi siirtää myös toisiin dokumentteihin.
muunna transform
Muunna(Transform)
  • Työkalu monenlaiseen muotoiluun:
    • Siirrä
    • Kierrä
    • Skaalaa
    • Vinouta
    • Peilaa
polygon tool
Polygon tool
  • Piirtää voi mm. suorakaiteen, polygonin tai tähden.

Piirtoväri

Sakaroiden tai sivujen määrä

Sakaroiden välien syvyys tähden keskustaan.

polku
Polku

Polun voi luoda esim. pikanäppäimillä.

Sovittaa polun sisäpuolelle (Flow inside path)

Liittää polkuun (Attach to path)

Irroittaa alustasta

Muuntaa poluksi

Polkuja voi yhdistää, erottaa, irroittaa, rajata, saattaa läpinäkyviksi jne.

autotrace
Autotrace
  • Käytä useita layereita (Trace layers), niin pääset helpommalla.
  • Kaksoiklikkaamalla työkaulua voit valita asetuksista mm. resoluutiota, siitä mihin luodaan polkuja (path conversation) ja hälinän sietoa.
  • Modify – Group -komennolla saat viivoista yhden hahmon.
  • Voit tuoda esim. Piirretyn ja skannatun animaatiohahmon ja vektoroida sen.
v rien hallinta
VÄRIEN HALLINTA
  • Kun väriä halutaan etsi oikea värisävy, mene paina add watshes ja kirjoita sävylle nimi.
  • Objektin täyttö tai viivan värin valitseminen: Tartu halutusta väristä hiirellä kiinni ja vedä objektin päälle tai viivan päälle.
v risekoitin
Värisekoitin

Colormixer

  • Värivalinnat eli
    • cmyk
    • rgb
    • hls
    • systeemin oma
  • Lisää Colors-list paneeliin.
  • Itse väri jota tarkastellaan.
slide50
hls väri tarkemmin myös:
    • Väriympyrän kulma eli värisävy
    • Vaaleus eli valkoisesta värin kautta mustaan.
    • Värin kylläisyys (harmaasta voimakkaaseen väriin)
v rin lis ys
Värin lisäys

Lisävärin lisäys

  • Valittava joko pisteväri tai prosessiväri.
  • Värille voi kirjoittaa nimen.
tints paneeli
Tints-paneeli

Tints

  • Perusväri
  • Sävyohjain
  • Värinäyte, jonka voi

esim. vietää hiirellä ja

pudottaa objektiin.

  • Värikartta (Color Well)

Esittää joukon värisävyjä (swats l. värinäytteet). Perusvärin voi valita color-list väripaneelista.

t rke v reist
Tärkeää väreistä
  • Päätä kumpia käytät: prosessivärejä vai pistevärejä.
  • Freehandissä useita kirjastoja sekä piste- että prosessiväreille.
prosessiv rit
Prosessivärit

Process colors

  • Jos työssä paljon eri värejä, tulee halvemmaksi käyttää prosessivärejä.
  • Kirkkaita värejä eikä tietenkään erikoispainovärejä (kuten metallivärit) ei cmyk-järjestelmä voi tuottaa.
  • Esimerkiksi prosessivärein painetaan usein sellaiset dokumentit, joissa useita värejä, kuten valokuvia osanaan pitävät esitteet.
pistev rit
Pistevärit

Spot colors

  • Pistevärit sopivat yhteen tietyn painovärin kanssa.
  • Värit voi valita laajemmasta avaruudesta kuin cmyk voi tuottaa.
  • Esim. käytät vihreää ja punaista niin paino käyttää vihreää ja punaista. Tällöin ei tarvitse cmyk-värejä joissa neljää ”väriä”.
  • Spottivärit sopivat kun värejä on vähän.
v riavaruuksista
Väriavaruuksista

Ote:Makromdian www-sivut www.makromedia.com

ty p yd n hallintaa
TYÖPÖYDÄN HALLINTAA
  • Window - Toos kelluvien palettien ja työkalurivien ym hallintaan.
  • Valitse työn alussa myös sopivat mittayksiköt
  • Apuviivat kuten Photosopissa (vedetään sivusta).
  • Myös grid jne. asetuksia
collect for output
Collect for Output
  • Kerää kaikki eri osat kuten kuvat tallennettavaan tiedostoon!
  • File – Collect for Output
  • Saattaa vinkua esimerkiksi fonttien oikeuksista.
  • Raportoitavat asiat.
elokuva animaatio
Elokuva/animaatio

on kuvien ja usein äänen sommittelua.

  • Hyvässä sommittelussa kuvakoot vaihtelevat enemmän kuin yhden portaan, mutta liian suurissa hyppäyksissä jatkuvuus katkeaa.
  • Rajaus vaikuttaa tunnelmaan.
  • Suojaviivaa ei kannata ylittää.
  • Erilaiset kuvakulmat elävöittävät ja luovat tunteita.
rajaus
Rajaus
  • Ahdistus: Ei tilaa katseen suunnassa.
rajaus63
Rajaus
  • Katseella on tilaa.
kuvakoot
Kuvakoot
  • Yleiskuva
kuvakoot65
Kuvakoot
  • Laaja kokokuva
kuvakoot66
Kuvakoot
  • Kokokuva
kuvakoot67
Kuvakoot
  • Laaja puolikuva
kuvakoot68
Kuvakoot
  • Puolikuva
kuvakoot69
Kuvakoot
  • Puolikähikuva
kuvakoot70
Kuvakoot
  • Lähikuva
kuvakoot71
Kuvakoot
  • Erikoislähikuva
typografia
Typografia
  • Tauludemo