Blogi

2016/03/05
sketchable

Sketchable: digitaalinen luonnoskirja

Erityisesti Windows kosketusnäyttölaitteisiin suunniteltu Sketchable on näppärä pikku ohjelma, joka yhdistää luonnoskirjan ja digipiirtämisen. Ohjelmassa on aloittaessa luonnoskirja valmiina, ja voit luoda niitä itse lisää. Joka kirjassa on useita sivuja ja sivutkin voi halutessaan nimetä. Resoluutio kuvilla voi olla jopa 4000 pikseliä ja sivuja voi someen jakamisen lisäksi viedä PNG tai Photoshopin PSD muodossa ulos. Twitterissä osui silmään twiitti jossa iloittiin siitä, että kaikkiin USA:n Microsoft Store:jen myynnissä oleviin Surface laitteisiin on […]
2016/02/22
html css

HTML5 ja CSS3 osa 7: Tekstin ulkoasu

Tekstin ulkoasu (font-family) Aloitetaan fontista. Asetetaan pääotsikon fontiksi Verdana: h1 { font-family: Verdana, Arial, sans-serif; } Säännöissä kannattaa hyödyntää mahdollisuutta lisätä yksi varafontti, mikäli ekaa vaihtoehtoa ei löydy (tässä siis toivotaan Verdanaa, mutta jos käyttäjän koneelta ei sitä löydy, käy myös Arial) ja jos Arialiakaan ei löydy, käy mikä tahansa päätteetön fontti (sans-serif. Pelkkä serif on päätteellinen fontti). Fontteja, jotka löytyvät melkein koneelta kuin koneelta on vain kymmenkunta ja nekin vaihtelevat Mac/Win koneilla. […]
2016/02/15
rajaava taso manga studio

Rajaava taso Manga Studiossa

Rajaavan tason avulla voidaan käyttää tason sisältöä yläpuolella olevien tasojen maskaamiseen (Maskien avulla voidaan piilottaa tason osia ja tuoda esiin alla olevien tasojen osia.) Perustason, eli alla olevan tason sisältö tekee näkyväksi niiden tasojen sisällön, jotka ovat sen yläpuolella rajaavalla tasolla. Kuulostaa teoriassa hieman hankalalta, mutta on käytännössä todella helppo tehdä ja erittäin kätevä työkalu piirtäjälle! Normaalisti tilanne menisi niin, että esim allaolevassa esimerkissä vedetyt viivat (ylempi taso) muotojen (keskitaso) päälle karkaavat […]
2016/01/21
tuts_sivellin

Tuts+ suomennos: Luo siveltimiä Photoshopissa

Todellinen maailma on likainen. Hyvin likainen. Katso tarpeeksi läheltä melkein mitä tahansa pintaa ympärillämme ja huomaat jonkin asteista likaa tai kulumaa tai rapautumista. Se on kaikki osa maailman luonnollista kaaosta. Jotta voidaan luoda uskottavia, realistisia vaikutelmia digitaalisen taiteeseen, täytyy siihen sisällyttää jossain muodossa tätä likaista, kaoottista sotkua. Ongelma on, että on varsin vaikeaa luoda vakuuttavan satunnaisia ja likaisia tekstuureja käyttäen digitaalisia työvälineitä, jotka perustuvat matemaattisiin yhtälöihin. Sen sijaan on paljon helpompi luoda […]
2016/01/20
html css

HTML5 ja CSS3 osa 6: CSS alkaa

Pääsemme vihdoin CSS:n pariin. Homma käynnistyy esittelyllä ja värien käytöllä. Nyt meillä on HTML:n avulla rakennettuna sivu, jolla kuvia, lomake ja tekstiä. Tulos on aika ”ruma”, koska nykyään sivujen ulkoasua ei enää säädellä erilaisten tagien kautta, vaan käyttämällä Cascading Style Sheetseja, tyylitiedostoja eli CSS:ää. Sen avulla mm. värien vaihtaminen, taustakuvien asettaminen, reunusten tekeminen ja tekstin ulkoasun muuttaminen on todella kätevää ja helppoa. CSS:n avulla järjestelet myös kaikki elementit haluamallasi tavalla sivulla. Yleisin […]
2016/01/12
tuts_gif

Tuts+ suomennos: GIF-animaatiosta makro

Kuinka luot taideteoksesi? Olisi mahtavaa nähdä! Tässä nopeassa ohjeessa näytän miten luot animoidun GIF:n Adobe Photoshopissa esitelläksesi digitaalisen työsi kehityksen. Esittele taidettasi nopealla TEllä Mikä TE on? TE on lyhennys sanoista työn edistyminen, mikä tarkoittaa mitä tahansa nettiin julkaisemaasi työn alla olevaa juttua.  Taiteilija käyttävät niitä tapana olla kontaktissa seuraajiensa kanssa ja antavat samalla mahdollisuuden kurkistaa tulevien töiden syntyprosessiin. Ja esittelitpä sitten vain edistymistäsi tai käytät sitä nopeana oppituntina, on animaation luominen […]