Graffa (yleinen)

2016/05/24

HTML5 ja CSS3 Osa 9: Div ja Span

Nämä kaksi ovat hyviä kandidaatteja edellisessä osassa opetelluilla id:llä ja classilla muotoiltaviksi, sillä niillä ei ole mitään ennalta määrättyä tarkoitusta. Ennen HTML5:n uusia rakenne-elementtejä (näistä myöhemmin lisää) käytettiin diviä todella paljon sivun asetteluun, ja sillä on yhä paikkansa, jos et pysty käyttämään jossain […]
2016/05/17
Vectr

Vectr ohjelman uutuudet

Vectr on joko selaimen kautta toimiva, tai koneelle ladattava ilmainen vektorigrafiikkaohjelma. Kirjoitin aikoinaan sen käytöstä ja ominaisuuksista artikkelin, jonka voit lukea tästä. Ohjelmasta puuttui silloin muutamia tärkeitä ominaisuuksia, jotka nyt on lisätty. Tässä jutussa tutustutaan niihin. Käytän itse Vectria suoraan selaimesta, jolloin […]
2016/05/01

Sarjakuva-albumin tekeminen osa 7

Sarjakuva-albumin teossa ollaan nyt edetty siihen asti, että sivut pitäisi saada vietyä Manga Studiosta (eli Clip Studio Paintista) InDesigniin. Käydään läpi eri tasoilla ja eri väritilassa olevien kuvien (viivat ja taustat) oikeat vientiasetukset, jotta saadaan ne hyvälaatuisina ja painokelpoisina ID:iin, missä sivut […]
2016/04/13
html css

HTML5 ja CSS3 osa 8: class ja ID

Luokka eli class ja ID Edellisessä osassa opimme muotoilemaan tekstiä. Ja ottaa säännöt käyttöön esim kappaleessa. Mutta mitä jos haluaisimme tehdä yhden kappaleen, jossa on erilainen ulkoasu kuin sen alla olevassa kappaleessa? Ratkaisuja on parikin, mutta aloitetaan luokalla. Luokan eli classin hyvä puoli […]
2016/04/11
luonnos manga studio

Sarjakuva-albumin tekeminen osa 6

Puhekuplat ja tekstaus Olisi todella kätevää, jos myös puhekuplien tekstit voisi tehdä Clip Studio Paintissa, mutta kuten aihetta käsittelevässäni artikkelissa olen todennut, on hommassa ongelmia. CSP leikkaa joistakin fonteista yläosan pois, ja tämä vaikuttaa varsinkin ääkkösiin: yläpuolet ääkköspisteistä leikkautuu, eikä asialle voi […]
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 […]