Page 1 of 2

Grafiikan teko ja kuvankäsittely

Posted: Thu May 10, 2012 11:34 pm
by Sami The Great
Tällaista aihealuetta ei vielä näköjään ollut foorumilla, joten aloitin nyt uuden ketjun sitä varten.
Keskustele täällä kaikesta kuvankäsittelystä ja grafiikan tekemiseen liittyvistä asioista. Täällä voi esitellä töitänsä, kysyä muilta apua peligrafiikan kanssa ja keskustella yleensä grafiikan tekemisestä.

<----------------------------------------------->
Yhden projektin saatuani valmiiksi, alkoi mieli alkaa jo suunnitella seuraavaa :D Päätin aloittaa ihan paperille piirrustamalla ja miettimällä minkä tyylistä grafiikkaa haluan siihen jne. Päädyin sitten tekemään pienen demo-scenen aiheesta, jota ehkä voisi alkaa työstämään. Työ on tehty vektorigrafiikkatekniikalla ja se on vain nopea demovedos, jotta saisin vähän suuntaa ja ideoita. Ollappa hyvä:
Image

Re: Grafiikan teko ja kuvankäsittely

Posted: Sat May 12, 2012 6:19 pm
by Sami The Great
Tein tänään pelihahmon, joka istuu kärryssä:
Image

Re: Grafiikan teko ja kuvankäsittely

Posted: Mon May 28, 2012 5:31 pm
by Sami The Great
Uusi peli on nyt edennyt suunnitteluasteelta eteenpäin ja tekemäni karttamoottorin testailujen jälkeen aloin nyt tekemään grafiikkaa peliin. Tarkoitus olisi tehdä mahdollisimman monipuolisia "palikoita", joista pelimaailma kootaan arpomalla aina uusia osia. Jännitykseksi jää se, että pystyykö nykyajan puhelimet pyörittämään suuria määriä isoja kuvia. Jotain tämän tyylisiä palikoita olen tähän asti saanut aikaan:
Image

Re: Grafiikan teko ja kuvankäsittely

Posted: Mon May 28, 2012 10:40 pm
by legend
Todella hienolta näyttää! Toivottavasti valmistuu lähiaikoina ;)
EDIT:

Eikö olisi helpompaa, jos kaikilla palikoilla olisi samanlainen alku ja loppu?


Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 2:24 pm
by Sami The Great
Harjoittelin tänään valonsäteiden tekoa (ns. godrays) ja syntyi tälläinen kuva:
Image

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 3:32 pm
by Konstaduck
Sinustahan voisi sami tulla hyvä graafikko johonkin pelitiimiin :)

Millä ohjelmalla teet nuo grafiikkasi?

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 6:22 pm
by Sami The Great
Inkscapella teen nuo vektorigrafiikkapiirrokset. Kannattaa kokeilla sitä, jos vähänkään haluaa grafiikkaa tehdä. Ohjelma on mielestäni suht helppo ja yksinkertainen ja sillä onnistuu siis vektorigrafiikan teko, joka tarkoittaa sitä, että kuva ei muodostu pikseleistä, vaan matemaattisista kuvioista ja käyristä. Täten kuvaa voi venyttää niin paljon kuin haluaa ja sen laatu ei kärsi yhtään. Luonnollisesti, ennen kuin sitä missään voi käyttää, niin se pitää muuttaa pikselimuotoon. Lisäksi ohjelma on ilmainen :) Inkscapeen löytyy myös suuri kasa tutoriaaleja ja oppaita netistä, joista voi harjoitella perus niksit.

Jotta oppii tekemään varjostuksia ja hahmottamaan paremmin eri muotoja, niin itse ainakin joskus pixel-arttia tehdessäni aloitin ihan perusharjoituksista esim. helppojen geometristen kappaleiden varjostamisesta yhdellä värillä. Kannattaa aloittaa vaikka kuutiosta, koska se on helppo. Perus idea kuitenkin on, että valitaan tietylle kappaleelle "pääväri", jolla koko kappale värjätään. Kohdat joihin valo osuu, laitetaan päälle hiukan pääväristä vaaleampaa ja keltaisempaa. Varjokohdat tehdään hiukan tummemmalla ja enemmän tumman liilalla. Suuri virhe on, että käyttää varjoissa täysin mustaa liilan sijasta. Tuossa pari vinkkiä niille, jotka joskus aikoo peleihinsä tehdä grafiikkaa ;)

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 6:46 pm
by Konstaduck
Vai että Inkscapella... Tässähän on vihdoin se ratkaisu ongelmaan, mitä olen pähkäillyt jos jonkin aikaa. Kiitos Sami! :)

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 7:13 pm
by tuhoojabotti
Sami The Great wrote:Luonnollisesti, ennen kuin sitä missään voi käyttää, niin se pitää muuttaa pikselimuotoon.
Tuo ei pidä aivan paikkaansa, on luultavasti olemassa pelimoottoreita, jotka osaavat renderöitä svg-elementtejä sekä tietenkin HTML5-peleissä voi hyödyntää svg-elementtejä nykyään. Inkscape rulez, kunhan muistaa Ctrl+S tarpeeksi usein. :P

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 7:14 pm
by Ruuttu
Tehty erästä longcat -ketjua varten:

Image

Väänsin ja lähetin nokialle:

Image

Koulutyö (photoshop-kurssi):

Image

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 7:28 pm
by Sami The Great
Todella hieno tuo nokian kuva. Onko se tehty 3D-mallintamalla?
Tuhoojabotti: Olet kyllä tuossa osittain oikeassa, vaikkakin jossakin vaiheessa ne tulee kuitenkin muuttaa tekstuureiksi näytönohjaimen muistiin, jotka taas koostuu pikseleistä ;)

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 7:30 pm
by Ruuttu
Sami The Great wrote:Todella hieno tuo nokian kuva. Onko se tehty 3D-mallintamalla?
Juu. Tässä lisää juttua siitä.

Re: Grafiikan teko ja kuvankäsittely

Posted: Wed Jun 20, 2012 7:36 pm
by koodaaja
Sami The Great wrote:jossakin vaiheessa ne tulee kuitenkin muuttaa tekstuureiksi näytönohjaimen muistiin, jotka taas koostuu pikseleistä ;)
Sekin riippuu näyttölaitteesta, kyllähän vektoripohjaisia analogisia näyttöjä on olemassa - sellaisiahan ne alunperin olivatkin! Nykyään moiset ovat tosin sen verran harvassa että voinee yleisesti jättää mainitsematta.

Ja jotta olisi jotain järkevääkin, postataanpa tuhislaneilla kirjoittelemani proseduraalinen CB-256x256-kuva myös foorumiyleisön nähtäväksi:

Image

Re: Grafiikan teko ja kuvankäsittely

Posted: Thu Jun 21, 2012 2:53 pm
by MrMonday
Ruuttu wrote:
Sami The Great wrote:Todella hieno tuo nokian kuva. Onko se tehty 3D-mallintamalla?
Juu. Tässä lisää juttua siitä.
Onneksi olkoon, sait kyllä ansaittua suitsutusta, on nimittäin nättiä jälkeä :)

Re: Grafiikan teko ja kuvankäsittely

Posted: Mon Jul 02, 2012 10:29 am
by Combatti
Oli hieno tosiaan tuo Nokia N9 :o Ensin katsoin ett "no mikä tos nii ihmeellist o? Pelkkä kuva Nokia N9:stä ja sitt kuulokkeet mukaa" mut oho. Toiha onki 3D-mallinnus. Tosi nättiä ja hienoa. Itse kun en saa Blenderillä mitään kehuttavaa. Onnittelut sulle tosta.

Mut nyt ettei me pelkäksi sanan helinäksi, niin kysyn, että olisiko Gimp hyvä kuvankäsittelyohjelma peligrafiikalle? Microsfot Paint, kun ei tietenkään saa mitään muuta aikaiseksi, kuin sotkua. Eli, mielipiteitä Gimpistä?

Re: Grafiikan teko ja kuvankäsittely

Posted: Mon Jul 02, 2012 10:31 am
by Awaclus
Combatti wrote:Oli hieno tosiaan tuo Nokia N9 :o Ensin katsoin ett "no mikä tos nii ihmeellist o? Pelkkä kuva Nokia N9:stä ja sitt kuulokkeet mukaa" mut oho. Toiha onki 3D-mallinnus. Tosi nättiä ja hienoa. Itse kun en saa Blenderillä mitään kehuttavaa. Onnittelut sulle tosta.

Mut nyt ettei me pelkäksi sanan helinäksi, niin kysyn, että olisiko Gimp hyvä kuvankäsittelyohjelma peligrafiikalle? Microsfot Paint, kun ei tietenkään saa mitään muuta aikaiseksi, kuin sotkua. Eli, mielipiteitä Gimpistä?
Gimp on erittäin hyvä, mutta hieman vaikea käyttää.

Re: Grafiikan teko ja kuvankäsittely

Posted: Mon Jul 02, 2012 11:31 am
by MrMonday
Combatti wrote:Oli hieno tosiaan tuo Nokia N9 :o Ensin katsoin ett "no mikä tos nii ihmeellist o? Pelkkä kuva Nokia N9:stä ja sitt kuulokkeet mukaa" mut oho. Toiha onki 3D-mallinnus. Tosi nättiä ja hienoa. Itse kun en saa Blenderillä mitään kehuttavaa. Onnittelut sulle tosta.

Mut nyt ettei me pelkäksi sanan helinäksi, niin kysyn, että olisiko Gimp hyvä kuvankäsittelyohjelma peligrafiikalle? Microsfot Paint, kun ei tietenkään saa mitään muuta aikaiseksi, kuin sotkua. Eli, mielipiteitä Gimpistä?
Paint.net on myös kiva työkalu grafiikan tekoon, vaikkei mitään järin ihmeellisiä ominaisuuksia olekkaan :)

Re: Grafiikan teko ja kuvankäsittely

Posted: Mon Jul 02, 2012 12:22 pm
by axu
Combatti wrote:Mut nyt ettei me pelkäksi sanan helinäksi, niin kysyn, että olisiko Gimp hyvä kuvankäsittelyohjelma peligrafiikalle? Microsfot Paint, kun ei tietenkään saa mitään muuta aikaiseksi, kuin sotkua. Eli, mielipiteitä Gimpistä?
Itse pidän käyttöliittymää työkaluissa tärkeämpänä kuin ominaisuuksia. Viimeksi kun kokeilin Gimppiä, en tykännyt. Paint.NET on myös hyvä, joskin siinäkin on omat ongelmansa (suurimpana ehkä se, että kuvaa ei voi liikuttaa ellei se ole ikkunaa suurempi). Kannattaa kokeilla useita eri vaihtoehtoja. Sitten on vielä se GraphicsGale, joka on ilmainen ellei halua viedä kuviaan gif, kursori tai ikoniformaatteihin. Viimeisimpään en itse ole lähemmin tutustunut, kun sain sen vanhalle koneelle asennettua tuli vaihdettua konetta :D

En oikeastaan löytänyt itselleni täysin mieluista ohjelmaa peligrafiikan piirtämiseen. Paint Shop Pro 9 on toistaiseksi ollut paras (vaikkei ilmainen), mutta sitä ei tietääkseni saa enää mistään - ysin jälkeen ohjelma siirtyi Corelin omistukseen ja on yrittänyt olla halpa kopio PhotoShopista (aikaisemmissa versioissa fokusoitiin webbigrafiikan tekoon joka sattumalta antaa pätevät työkalut myös peligrafiikkaan).

Itselläni tuntuu olevan kyse siitä, mikä ohjelma sisältää vähiten huonon käyttöliittymän - peligrafiikkaan yleensä riittää vaatimattomampikin ominaisuusvalikoima.
EDIT:

Paint.Netissä on muuten hyvä ominaisuus se pluginien kirjoittelu C#-kielellä. Muistelisin, että siihen saa pluginin, johon voi kirjoittaa sitä omaa pluginia ja tulokset näkyvät reaaliajassa. Siistiä (tosin en mitään käytännöllistä saanut itse tehtyä - plugineita löytyy valmiiksi melkein joka tarpeeseen).


Re: Grafiikan teko ja kuvankäsittely

Posted: Tue Jul 03, 2012 10:38 am
by Combatti
axu wrote:
EDIT:

Paint.Netissä on muuten hyvä ominaisuus se pluginien kirjoittelu C#-kielellä. Muistelisin, että siihen saa pluginin, johon voi kirjoittaa sitä omaa pluginia ja tulokset näkyvät reaaliajassa. Siistiä (tosin en mitään käytännöllistä saanut itse tehtyä - plugineita löytyy valmiiksi melkein joka tarpeeseen).

Missäs tuo ominaisuus löytyy? :o Paint.net tuli sitte mun valinnaksi. Jos Gimpiin jaksan joskus tutustua, niin tiedä sitten siitä, hemmeti hankala käyttöliittymä siinä ainakin oli. Minä tässä just oottelen vastausta DMCA:lta, että voisiko käyttää heidän erästä tausta kuvaansa tulevaan projektiini. Tällaista olisi:
menu.png
. On muute tosi käytännöllinen tuo overlay-ominaisuus.

Re: Grafiikan teko ja kuvankäsittely

Posted: Tue Jul 03, 2012 12:30 pm
by Wingman
Itse käytän pelieni grafiikkaan Mark Tyler's Painting Programia, eli mtPaintia. Harvemmin tulee mitään pikseligrafiikkaa suurempaa tehtyä kuitenkaan, joten en mitään sen hienompia ohjelmia peligrafiikkaan käytä. CBllä pelejä tehdessä kun ei ole tullut alphalla leikittyä (cbE muuttanee asian tosin), ja suurempilaatuinen grafiikka ilman alphaa on vähän... no niin, siinä ei ole läpinäkyvyyttä.

mtPaintista löytyy muutamia käteviä ominaisuuksia paletin suhteen, esimerkiksi paletin pyörittelyä ja järjestelyä, sekä kaikki muut peligrafiikan tekoon tarvittavat ominaisuudet.