maanantai 8. joulukuuta 2014

Eka Flash animaatio

Tein sitten ensimmäisen flash animaation. Loin oikein mahdollisimman ärsyttävän musiikin soimaan taustalle (varsinkin jos katsoo looppina rupee päätä särkeen aika lahjakkaasti xD) Tuli muutenkin liian pitkä kun animaatio kestää vaan muutaman sekunnin, loppuu kesken musiikki (Yoda taas vauhdissa näköjään, mua ei sais väsyneenä päästää tekeen mitään "luovaa" heh) :)

Linkki google driveen https://drive.google.com/file/d/0B32DTTZ_x_2-d09xRnN4Y2JteFU/view?usp=sharing

HTML5 canvas http://datanomipro3.com/minttug/canvas.html (äänet ei jostain syystä toimi palvelimella vaikka alkuperäisessä html tiedostossa ne on O.o)

Ja sitten vielä videona... 





keskiviikko 26. marraskuuta 2014

Animaatiot

Tehtävänä oli tehdä animaatio aikajanana ja ruutuanimaationa. Tässä lopputulokset. Ei mitään mestariteoksia, mutta ainakin perusteet tuli selväksi. :D Ensimmäisessä käytettiin siis ruutuanimaatiota, missä layereiden avulla animaation eri osat ns. liikkuvat. Aikajanassa taas oli vähän monimutkaisempaa, sai muunnella objektien ilmestymisaikoja jne. ja tässä laitoin tehosteeksi sydämmille liikkua haluamaani kohtaan tietyyn aikaan.





Mainos

Mainostamakseni tuotteeksi valitsin Canonin sivuilta (randomilla) kameran. Kameraa mainostaisin "Kamera" lehdessä, johon valitsin kooksi 1/4 s. vakio, 86 x 130 mm. Mainoksen julkaisu kyseisessä lehdessä maksaisi 1200€.


Tässä linkki PDF -muotoiseen versioon.

maanantai 24. marraskuuta 2014

Photoshop tutorial - Sade

Aiheena tutorialilleni on "sade-efektin" tekeminen kuvaan mahdollisimman helpolla tavalla. Muokattavaksi kuvaksi valitsin Andy Arthurin "NY 28N Over Boreas River" (CC 2.0 lisenssillä).

Vaihe 1
Aluksi avaa valitsemasi kuva, ja avaa Tasot (löytyy oikeasta reunasta, tai ylhäältä Ikkuna -> tasot) Klikkaa Tausta kohdasta kahdesti ja nimeä se sitten haluamallasi tavalla.




Vaihe 2: Varjostukset/Korostukset
Tässä vaiheessa aletaan muokata kuvasta tummempaa ja synkempää. Aloitetaan varjostusten ja korostuksen muutoksilla. Mene valikosta Kuva -> Säädöt -> Varjostukset/Korostukset. Muuta makusi mukaan.




Vaihe 3: Sävyt/Kylläisyys
Nyt muutetaan sävyä ja kylläisyyttä, eli taas Kuva -> Säädöt -> Sävy/Kylläisyys. Muuta kaikkia haluamiasi sävyjä. Voit joko muuttaa kaikkia, tai vaihtaa vain tiettyihin sävyihin. Koska tavoitteena on saada taivaasta mahdollisimman synkkä, valitse ensimmäisenä siniset ja valitse "Vaaleus" kohdasta -100 (jolloin taivaasta tulee harmaampi). Valitse sitten Syaanit. Sen tummuudeksi valitsin itse -60. Kaksi muuta tärkeää värisävyä muutettavaksi ovat keltaiset ja vihreät, jotka muuttavat puiden tummuutta. Tähän valitsen vaaleudeksi -45.



Vaihe 4: Selektiivinen värikorjailu
Ensimmäisenä Selektiivistä värikorjailua käytettäessä kannattaa valita tietty alue, jota muunnos koskee. Valitse Suorakulmainen valinta vasemmasta reunasta ja sitten kohta, jonka värejä haluat muokata. Tässä vaiheessa muokataan hiukan liian vaaleiksi jääneitä pilviä puun takaa. Kun kohta on valittu, etsi seuraavaksi Kuva -> Säädöt -> Selektiivinen värikorjailu. Vaihda värit valkoiseen ja alhaalta Musta +100%. Kun olet saanut tämän tehtyä, voit poistaa valinnan klikkaamalla valintatyökalun päälle ja klikkaamalla valitsemasi alueen sisältä.



Vaihe 5: Korvaa väri
Ennen kuin päästään itse sateen luomiseen, tarvitsee vielä tien väriä muuttaa tummemmaksi kuin sade oikeasti olisi kastellut sen. Valitse taas alue samaa työkalua käyttäen kuin edellisessa vaiheessa ja sitten etsi Kuva -> Säädöt -> Korvaa väri. Klikkaa sitten hiirella kuvasta kohtaa tiestä, jonka väriä haluat muuttaa ja tähän itse valitsen vaaleudeksi -30. Tiessä näkyy vielä vaaleita läiskiä, mutta paina Ok ja valitse sitten uudestaan Korvaa väri valikosta. Klikkaa nyt vaaleaa kohtaa ja toista prosessi niin monta kertaa kuin on tarpeellista. Jätin sävyeroja, jotta tie näyttäisi aidolta.



Vaihe 6: Sateen lisääminen
Tee uusi taso. Valitse sitten Muokkaa -> Täytä. Tarkista, että valinta on 50% harmaa. Oikeassa reunassa pitäisi olla Tyylit välilehti, mutta jos ei ole, sen voi aktivoida Ikkuna kohdasta. Valitse efektiksi Sade. Muuta sitten Tasot valikosta normaali -> sulauttava.




Vaihe 7: Sateen muokkaaminen
Nyt kun sade on lisätty, muokataan sitä hieman. Klikkaa tasoa 1, ja valitse Sekoitusasetukset -> Kuviopeitto. Skaalaus kohdasta pystys muutamaan pisaroiden kokoa mieleiseksesi. Jos haluat muuttaa sateen suuntaa, valitse ylhäältä Taso -> Tason tyyli -> Luo taso. Paina sitten Ctrl+T (tai Command+t) Taso 1 Kuviotäyttö valittuna. Voit nyt kääntää reunoista sateen tippumaan haluamastasi suunnasta. Paina sitten shift+alt ja skaalaa sade koko kuvan kokoiseksi.




Kuva on nyt valmis. Tässä lopputulos.



keskiviikko 19. marraskuuta 2014

Oma lehti

Tehtävänä oli tehdä oma lehti jostakin aiheesta mikä kiinnostaa tai mitä itse harrastaa. Aihe oli aika hankala keksiä, melkeinpä kaikissa mieleen tulleissa aiheissa oli jotain sellaista, minkä takia oli turhan hankalaa toteuttaa (kuvien saaminen taisi olla se isoin ongelma). Päädyin tekemään Agilitystä, vaikka sitä ei ole koskaan tullut itse harrastettua... Tälläinen on lopputulos:


En omista yhtäkään lehteen tullutta kuvaa, mutta kaikissä on CC lisenssi, jotka nyt listaan alkuperäisine versioineen ja kerron jos tein muutoksia.

f/orme Pet Photograpgy, CC 2.0DSC_0278 (kuvaa rajattu)
Ben eBaker, CC 2.0, Agility-155 
Ben eBaker, CC 2.0, Agility-131 (kuvaan lisätty tekstiä ja rajattu)
Jerry Kirkhart, CC 2.0, Nothing To This!
Johnny Jet, CC 2.0, Good Dog (tausta poistettu)
Tim Patterson, CC 2.0, Dads Dogs (tausta poistettu)

torstai 23. lokakuuta 2014

Oman kuvan muokkaaminen

Alkuperäinen kuva

Tarkoituksena on siis poistaa koiralta valjaat, minkä teinkin kokonaan kloonavalla leimasimella. Muutin värejä ja kontrastia hieman, mutta terävämmäksi kuvaa en halunnut laittaa, koska alkoi näyttämään huonommalta. Varmaan olisi auttanut asiaa jos olisi ollut aluperin suurempi kuva.


Muokattu kuva


Tässä kuvassa ei kyllä periaatteessa mitään kummempaa vikaa ollut aluperinkään ja varmasti huonompiakin kuvia kotoa olisi löytynyt. Tarvii varmaan laittaa kaikki mahdolliset mitä voisi muokata johonkin pilveen, että niitä voi sieltä näillä tunneilla hakea tarvittaessa.

Korjailu ja säätely


Tässä kuvassa oli alunperin punaiset silmät ja ne korjattiin "punasilmäisyystyökalulla".



Tämä kuva taas oli liian tumma ja vaalensin värejä, lisäsin kontrastia ja muutin värejä hiukan. Kaikki työkalut löytyivät Kuva -> Säädöt alta.



Tässä kuvassa oli muutama arpi ja ne poistettiin käyttämällä kloonaavaa leimasinta ja korjaussivellintä.

Kuvan tiedot

Suoheinä kuvassa tiedoissa lukee, että kuva on otettu 23.5.2005. Kuvaa on muokattu 23.10.2014. Kuvan ottamiseen on käytetty Canon EOS 300D DIGITAL -kameraa, jonka objektiivi on 18.0-55.0mm, polttoväli 55,0mmm, valoitus 1/400 s, f/5,6, ISO 400. Salamaa ei käytetty.

Perhoskuva on luotu 16.3.2010 ja sitä on viimeksi muokattu 23.10.2014. Resoluutio kuvassa on 72 pikseliä tuumalla.

Juliste


Tehtävänä oli tehdä Halloween aiheinen juliste.. Mun versiosta tuli aika kauhee :P Mitä välineitä käytin ton rumistuksen tekemiseen oli kuvan "irrottaminen" taustasta (pääkallo, noita ja kummitus seka noi ihme lyhdyt). Tekstin tein normaalilla type:llä ja sitten muunnin kirjaimet sellaisiksi, että niitä pystyi erikseen muotoilemaan ja siirtelemään.

Kuvat ei ole omiani, vaan ne on CC lisenssillä otettu.
Ghost and witch (amy_buthod)
Fantasmin (Luca Candini)
Candles from hell (Kecko)

keskiviikko 22. lokakuuta 2014

tiistai 21. lokakuuta 2014

Logot


Tehtävänä oli tehdä mahdollisimman tarkka kopio kolmen yrityksen jne. logoista, ja sitten oma, itselle tarkoitettu logo...

torstai 9. lokakuuta 2014

Kuvan liittäminen ja varjostukset


Tälläinen tuotos tänään. Joku vielä häiritsee varjostuksissa ja valoisssa, mutta en tiedä mikä. Kuvan tekemiseen käytin omia kuvia ja Photoshopilla tein varjostukset tasoja käyttäen. Koiran liitin erillisestä kuvasta poistamalla taustan taikasauvalla.

keskiviikko 8. lokakuuta 2014

Eka Photoshop piirros


Tänään tein ensimmäisen piirroksen Photoshopilla. Siinä se on.

.... miten hiirellä pystyy piirtämään suoria viivoja? :D Pitää nostaa hattua kaikille, jotka tietokoneella piirtää. Ei ole mitään turhan helppoa nimittäin, ainakaan mun mielestä... No, ehkä se on sellainen taito mikä tulee kokemuksen kanssa.

Tunneilla opin tekemään tasoja ja varjostuksia. Tuohon kuvaan ei varjostuksia tarvittu (malli oli sen verran simppeli), mutta ehkä seuraavalla kerralla. Tasoja käytin jonkun verran hyväkseni kun väritin, ei tarvinnut pysyä aina "viivojen" sisällä.

Tunneillä käytiin läpi muitakin Photoshopin välineitä, joita tullaan käyttämään seuraavilla tunneilla.


maanantai 6. lokakuuta 2014

Opinnot tähän mennessä

Ensimmäisenä opiskeluvuotena käytiin enimmäkseen perusasioita läpi, kuten Office -ohjelmistoa, teknistä sanastoa ja tietoturvaa. Itselle täysin uutena kokemuksena tuli ohjelmointi Javalla.

Päästiin myös tekemään omia "piirustuksia" jne. Corelilla, joita sitten muokattiin erilaisilla käytössä olevilla välineillä. Oman kotisivun teko HTML -koodilla tuli tutuksi ja kotiverkon suunnittelu.

Itselle helpoin kurssi taisi olla "palvelutilanteet 2". Ideana oli dia -esitysten suunnittelu PowerPointilla, jota olin opetellut itsekseni jo lapsuudessa. Tässä tapauksessa kyseessä ei kuitenkaan ollut itseä viihdyttävät "tarinat" eläimistä (tai ihan mistä vaan aiheesta mistä löysin kuvia Clip Artista) vaan vähän asiallisemmat jutut.