Freehand 2006 Multimediatyövälineet Sirpa (Siru) Kauppinen

1. Freehand2006MultimediatyövälineetSirpa (Siru) Kauppinen

2. 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

3. 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.

4. 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.

5. 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.

6. 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.

7. Mieti lopputyöaiheita • Mieti pikkuhiljaa lopputyöaiheita, jotta säästät työmäärää suuntaamalla yksittäisiä harkkatöitä siihen sopivaksi.

8. OHJELMISTA

9. 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.

10. 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.

11. 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

12. Macromedia Freehand MX • www.macromedia.com • Erinomainen Tutorial: http://www.macromedia.com/support/freehand/tutorial_index.html

13. 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.

14. 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.

15. 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ää)

16. Vektori • Millä teollisuudenalalla keskittiin vektorigrafiikka?

17. 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).

18. 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).

19. 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.

20. 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.

21. Yleistä • Asiat voi usein tehdä monella eri tapaa. Samat työkalut vaikuttavat suunnilleen samoihin asioihin, näkökulma, tapa mallintaa on erilainen.

22. 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.

23. 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.

24. 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

25. TYÖKALUT

26. 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

27. 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

28. Työkalun asetukset • Hiiren kaksoisklikkaus työkalun päällä avaa työkalun hallinnan.

29. 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)

30. 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)

31. KELLUVIA PALETTEJA Esimerkiksi ellipsin paikkatiedot ja mitat.

32. 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.

33. Viiva Stroke • Viivan leveys • Viivan väri • Viivalle saa erilaisia päitä kuten nuoli. (Molemmat päät erikseen.)

34. Täyttö (Fill) • Objektin voi täyttää. Vaihtoehtoja mm. tekstuuri tai gradientti. Gradienttityyppi Kulma

35. Teksti Koko Tekstin muotoilua • Kirjasinlaji (fontti) • Tyyppi: Lihavoitu tai kursivoitu tms. • Kirjainvälys • Palstat • Rivinväli • Efektejä kuten varjot ja hehkut. Tasaukset

36. Tekstin voi laittaa kulkemaan myös vektoripolkua pitkin.

37. Dokumentti • Document • Määrittelee • sivumäärän, • sivukoon ja tyypin • sivujen asettelun näkyville työpöydällä • resoluution

38. 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).

39. 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.

41. Kuva: makromedian kotisivut www.makromedia.com

42. 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.

43. JOITAIN TYÖKALUJA

44. Muunna(Transform) • Työkalu monenlaiseen muotoiluun: • Siirrä • Kierrä • Skaalaa • Vinouta • Peilaa

45. Polygon tool • Piirtää voi mm. suorakaiteen, polygonin tai tähden. Piirtoväri Sakaroiden tai sivujen määrä Sakaroiden välien syvyys tähden keskustaan.

46. 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.

47. 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.

48. 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.

49. Värisekoitin Colormixer • Värivalinnat eli • cmyk • rgb • hls • systeemin oma • Lisää Colors-list paneeliin. • Itse väri jota tarkastellaan.

50. 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)