tiistai 6. joulukuuta 2016

NÄYTÖN KERTAUKSEN PALUU - PREMIERE

NAV15AP

2. jakso lukuvuonna 2016-17


ADOBE PREMIERE PRO

Premiere on editointiohjelma, jolla voi editoida näytön intron kasaan. Tässä pikaohje tarvittavista toiminnoista.


Kuvien tai äänien tuominen


Klikkaa projekti-ikkunassa hiiren oikealla, valitse Import, ja valitse haluamasi kuva- tai äänitiedosto.

Kuvat kannattaa tallentaa Animatesta tai Photoshopista numeroituna sequencena, jolloin Premieressä tarvitsee valita vain ensimmäinen kuva ja loput tuodaan automaattisesti.


Kuvien tai äänien vieminen Timelinelle


Kuvat tai äänet raahataan hiiren vasen pohjassa Timelinelle.


Oletuksena Timelinella on kolme videoraitaa (V) ja kolme ääniraitaa (A). Kuvat lisätään tietysti videoraidalle, jossa ne näkyvät värillisenä palkkina, klippinä.

Kuvassa näkyy myös aikakoodi, joka on muotoa 00:00:00:10 (tunnit:minuutit:sekunnit:framet).

Esikatseluikkunassa, jossa kuva näkyy suurena, voi katsella videota.


Keston muuttaminen


Klikkaamalla videoraidalla olevaa klippiä hiiren oikealla, voi esimerkiksi muuttaa klipin nopeutta (Speed/Duration).


Efektit



Effects -välilehdeltä löytyvät erilaiset efektit, joita voi halutessaan käyttää. Esimerkiksi Cross Dissolve (ristikuva), joka leikkaa pehmeästi kuvasta toiseen.

Efekti lisätään raahaamalla se hiiren vasen pohjassa klippien väliin (jotkut efektit raahataan klipin päälle).

Efektin kestoa yms. pääsee muuttamaan tuplaklikkaamalla sitä hiiren vasemmalla.


Valmiin videon tallentaminen


Valitse File > Export > Media.


Formaatiksi kannattaa valita H.264.

Kohdasta Output Name voi valita tallennuspaikan.

Klikkaa Export ja videon tallentaminen alkaa.

NÄYTÖN KERTAUS

NAV15AP 

2. jakso lukuvuonna 2016-2017 

GAME DESIGN DOCUMENT 

Jokainen ryhmä aloittaa näyttönsä tekemällä YHDESSÄ game design documentin. Älkää siis jättäkö yhtä ryhmäläistä yksin suunnittelemaan, vaan osallistukaan kaikki yhdessä. Näin jokainen on perillä, mitä tehdään ja milloin. 

Sieltä pitää löytyä:  

  • lyhyt kuvaus pelin ideasta ja tarinasta  
  • peliin tarvittavat scenet (valikot, intro, peli itsessään yms.) 
  • pelimekaniikan kuvaus (hahmon liikkuminen, mahdollinen interaktiivisuus, valikoissa liikkuminen yms.) 
  • tehtävien jako 
  • kuvaus grafiikoiden ja äänimaailman tyylistä, jotta kaikesta muodostuu yhtenäinen kokonaisuus 
  • tarvittavat grafiikat sekä koko 
  • tarvittavat äänet (ääniefektit ja musiikki) 
  • pelin eteminen flow charttina 
  • AIKATAULU (kuka, milloin, mitä) 

Varmistakaa, että koodaajille jää tarpeeksi aikaa pelin kasaamiseen ja testaamiseen. Torstai olisi hyvä käyttää vain hienosäätöön ja testaamiseen sekä mahdollisten bugien korjaukseen. Olkaa mielummin valmiita ajoissa kuin viime tingassa. 

LUONNOKSET 

Grafiikoista ja kentästä olisi hyvä löytyä luonnokset. Ne ovat osa arviointia. Koittakaa saada ne valmiiksi mahdollisimman nopeasti, jotta olisi enemmän aikaa varsinaisten grafiikoiden tekoon. Hyvä aika käyttää luonnosteluun on max. 2 tuntia. 

GRAFIIKAT 

Peligrafiikoiden tulisi olla kaikkien suhteutettu peli screenin kokoon. Päättäkää koko jo heti alussa valmiiksi, jotta kaikille asia on selkeä. HD:n resoluutio on 1920 x 1080.  

Kannattaa aloittaa grafiikoiden suunnittelu niin, että on yhden screenin kokoinen alue esillä Photoshopissa. Siten hahmojen ja muiden objektien suhteuttaminen oikeaan kokoon on helpompaa.  

Tehkää hahmon animaatiot (sekä muut mahdolliset peliin tulevat animaatiot) spritesheeteinä, jotta koodarien on helppo animoida ne Unityssä 

Rajatkaa Photoshopissa tekemänne grafiikat niin, että ympärille ei jää turhaa tyhjää tilaa. Tämä on Unityn kannalta tehokkainta. 

Muistakaa tehdä peliin ikoni. Ikonien koot ovat: 1024x1024, 512x512, 256x256, 128x128, 48x48, 32x32 ja 16x16. Luokaa jokaisesta koosta oma tiedosto, jotta ne voi Unityn player settingeissä liittää oikeaan kohtaan. 

ÄÄNET 

Pelistä tulee löytyä musiikkia ja ääniefektejä. Katsokaan blogin sounds-osio, jos äänien tuominen Unityyn on vielä epäselvää. Hyviä äänitiedostojen muotoja ovat: mp3, wavogg ja aiff 

Äänet ovat tärkeä osa peliä, joten niiden on hyvä sopia pelin muuhun tyyliin. Muistakaa, että alkuvalikossakin on hyvä käyttää ääniä. 

INTRO 

Intron voi tehdä näytössä monella tapaa. Se voi olla vaihtuvia still kuvia tai valmis videotiedosto, jota käytetään Unityssä movie texturenaValitkaa itse omaan peliinne sopivin.  

Ohjeita intron tekemiseen löytyy blogista intro-osion kohdalta. Intro olisi hyvä saada valmiiksi mahdollisimman ajoissa, koska sen tekeminen saattaa olla työlästä ja viedä aikaa. 

KOODAUS 

Miten ikinä koodamisen hoidattekin, niin aloittakaan se heti game design documentin jälkeen. Ilman grafiikoita voi kuitenkin peliin luoda toiminnallisuutta place holderien kanssa, jotka myöhemmin vaihdetaan oikeisiin grafiikoihin. 

Helpointa on aloittaa valikon tekemisestä ja sen jälkeen siirtyä itse peliin. Perusmekaniikat olisi hyvä olla valmiina jo toisena näyttöpäivänä. Muistakaan kiinnittää huomiota animaatioiden toimivuuteen sekä pelin sujuvuuteen. Kauniitkaan grafiikat eivät pelasta mekaniikoiltaan toimimatonta peliä. 

TESTAUS 

Testaus on olennainen osa pelin tekemistä. Viimeisenä päivänä olisi hyvä laittaa jokainen ryhmäläinen testaamaan peliä. Koodaaja tulee usein "sokeaksi" omalle työlleen ja saattaa pelata peliä aina samalla tavalla. Siksi on hyvä saada uutta näkökulmaa testaamiseen, jotta kaikki mahdolliset bugit saadaan poistettua ja lopputulos on toimiva. 

RYHMÄTYÖ JA KOMMUNIKOINTI 

Peliprojekteissa tiimityö on erittäin tärkeää. Hyvin toimiva ryhmä saa yleensä aikaiseksi toivotun kaltaisen lopputuloksen. Keskustelkaa toistenne kanssa mahdollisimman paljon. Kertokaa milloin olette saaneet osioitanne valmiiksi ja infotkaa toisianne jos myöhästytte aikataulusta. Muistakaa, että ryhmätyö on osa arviointia. 

Auttakaa toisianne myös ryhmien yli. Muiden auttaminen ei ole keneltäkään pois vaan päinvastoin. Kyselkää toisiltanne, jos on epäselvää tai kaipaatte neuvoa.  

VIIMEISENÄ 

Muistakaa, että jokainen arvioidaan yksilönä. Oma panoksesi vaikuttaa lopulliseen arvosanaan, joten olet siitä itse vastuussa. Ota itsellesi jo alkuvaiheesa tarpeeksi tehtäviä ja pyydä lisää, jos tekeminen loppuu. Peliin voi aina lisätä jotain extraa, vaikka se perusrakenteeltaan olisikin valmis. 

GOOD LUCK AND HAVE FUN! :)

Photoshop - Matte painting

NAV15AP

2. jakso lukuvuonna 2016-2017

BRIEF HISTORY OF MATTE PAINTING

Matte painting is a way to create image that combines different image elements into a one final piece. It has been used in the film industry since late 1800s. Back then they used cut-out cards to create back grounds for live action. The technique was revolutionized when Norman Dawn started using painted glass placed between the camera and live action. It was then possible to add things into the scene that did not belong there.  Matte shot was used in films like King Kong (1933), Cleopatra (1963) and Indiana Jones: Raiders of the Lost Ark (1981).

Today matte painting is alive and well but uses digital images instead of painting on glass. In the 1990s the first film to use digitally composited live-action footage was Die Hard 2 (1990) in which the traditional glass matte painted picture was photographed and scanned to computer.

Now digital images are created with 3D models and environments with matte painted textures to allow camera movement in the scene. Still simplest matte paintings are 2D digitally created images in which the camera is stationary during the sequence.

WHAT IS MATTE PAINTING

Matte painting is easy to understand but hard to master. Basically it’s tricking the viewer believing he or she is seeing the real thing when actually most parts are created digitally. It’s important that the created image is as realistic as possible. For example, almost everything you see in The Lord of the Rings movie is created digitally but the viewer rarely questions the authenticity of the scenes in the movie.

Matte painting is also used in video games but mostly for the cinematics or posters/marketing material. Sometimes it can be used for day and night cycle or as backdrops.

Matte painting is not simply joining few photos together. It’s an intricate piece in which the artist has well though depth of field, lightning, scale and composition. Every piece in the final must work together seamlessly and this is a challenge for even the most experienced artist.

TIPS AND TRICKS

SIZE

First you’ll need to decide the size of your matte painting. It’s wise to work on a file that is 150%/200% of the final size. In that way the imperfections will get minimized and it will be easier to get rid of hand painted look when the final image is sized down.

GRAIN

Most hand painted pieces will stand out from the original photo used because it lacks the grain of the original image. In Photoshop this can be added later to the hand painted parts by using filters. From the filter gallery you can use either film grain or grain. Also add noise will work on some cases. Apply the grain effect to a layer filled 50% gray and set the blending mode to overlay. Test with the layers opacity to get desired effect.

CLONE STAMP

Clone stamp tool is an effective way to remove unwanted things in a picture. Select the tool and then select area you want to use as stamp by holding alt and clicking the area. You can also change the size of your stamp when needed. Then simply click the area you want to add the stamp to.

PATCH TOOL

Another tool that works in a similar way is the patch tool. Select the area you want to change and drag the patch to an area you want to appear in the patched selection. You can also use this effectively when combined with clone stamp, some hand painting and mixing brush.



REFERENCES

It’s important to have as many references as possible. So take photos whenever you can in different places, perspectives and lighting. Remember when later combining different pictures not to force two images together although you might have a great idea in real not all photos fit and you must recognize which will go together and which won’t.

LAYER MASK AND CLIPPING MASK

Layer mask can be created by clicking the mask on from the lower right corner. It is the most convenient way to erase something you don’t want in a picture without erasing it straight from the picture. If you have the layer mask and remove it then the original picture is still intact.

Clipping mask only affects the layer it’s clipped on to. This will be useful when working with multiple layers and only wanting to change specific things in each layer separately. Clipping mask can be created by right clicking the layer you want to use as clipping mask and then choosing the option create clipping mask.




TASK:

Create matte painting landscape in Photoshop by using at least two different photos and hand painting. You can draw some inspiration from other talented matte painters such as David Luong who has done matte painting for several different Blizzard Entertainment games. Browse his work: http://www.davidluong.net/art-portfolio/