Yokomo
01.05.2007, 19:59
Olen tehnyt tämän tutoriaalin joskus kauan sitten J-Webbiin, mutta ajattelin että täällä saattaisi olla käyttöä tälle.
Tämä on siis aika wanha opas, joskus ajoilta ennenkuin minulla oli photari :p
ämä opas on tehty photofiltrellä, joten jälki on mitä on.
Lataa photofiltre http://www.photofiltre-studio.com/frames-en.htm
1. Tee kuva, jonka koko on 3x3
http://img160.imageshack.us/img160/3006/opas15rh.png
2. Suurenna se 1600% kokoiseksi
3. Ota paintbrush tool ja pienin sivellin käyttöön ja tee seuraavanlainen pattern
http://img54.imageshack.us/img54/6891/opas25vd.png
4. Mene Image - Transparent color ja laita asetukset seuraavasti
http://img160.imageshack.us/img160/1865/opas35fw.png
5. Mene Edit - Define Pattern
6. Nyt tee uusi kuva jonka koko on 350x26
7. Valitse ämpäri ja täytä uusi kuva värillä (itse käytin oranssia)
http://img113.imageshack.us/img113/3485/opas41jb.png
8. Mene Edit - Fill with pattern
http://img160.imageshack.us/img160/1448/opas57oi.png
9.Userbarini näyttää nyt tältä
http://img507.imageshack.us/img507/4251/opas62kq.png
10.Nyt lisäämään kuva. Käytän tätä kuvaa http://www.semo.net/images/mozilla-firefox-browser.jpg
11.Mene File-New. Laita seuraavat asetukset http://img62.imageshack.us/img62/9734/opas72fn.png
12. Liitä kuva uuteen ikkunaan. http://img60.imageshack.us/img60/3020/opas85fy.png
13. Mene Selection - Show Selection
14. Mene Selection - Set shape - Ellipse
15. Paina hiiren oikealla näppäimellä ja valitse valikosta Copy
16. Mene userbaariisi ja liitä kopioimasi kuva ( painamalla hiiren oikeaa ja valitse paste)
Huomaat varmaan että kuva on liian iso joten sitä pitää pienentää.
17. Vie hiiri kuvan oikeaan laitaan, kun hiiri muuttuu "kaksoishiireksi" niin ala pienentämään vetämällä hiirtä alas/sivulle. Jatka samaa niin kauan kunnes kuva on mielestäsi sopivan kokoinen.
Huom! Kun pienennät kuvaa joudut nostamaan sitä että saat sen tarpeeksi pieneksi
18. Nyt lisäämään teksti. Itse käytin seuraavaa fonttia, mutta yleensä userbareissa käytetään fonttina visitoria
http://img55.imageshack.us/img55/8391/opas98rl.png
19. Mene Filter - Color - Gradient ja laita seuraavat asetukset
http://img505.imageshack.us/img505/2584/opas103yc.png
20. Mene Edit - Stroke and Fill ja laita asetukset seuraavanlaisesti
http://img60.imageshack.us/img60/8288/opas116sk.png
Voila! Userbarisi on valmis.
Omastani tuli tälläinen http://img60.imageshack.us/img60/9606/mozillauser7du.png
Jos oppaassa on virheitä tai siitä puuttuu jotain, niin ilmoita minulle.
Vinkkejä ja muuta tietoa:
Userbarien norm. fontti on Visitor
Userbarien norm. koko on 350 x 19
Tämä on siis aika wanha opas, joskus ajoilta ennenkuin minulla oli photari :p
ämä opas on tehty photofiltrellä, joten jälki on mitä on.
Lataa photofiltre http://www.photofiltre-studio.com/frames-en.htm
1. Tee kuva, jonka koko on 3x3
http://img160.imageshack.us/img160/3006/opas15rh.png
2. Suurenna se 1600% kokoiseksi
3. Ota paintbrush tool ja pienin sivellin käyttöön ja tee seuraavanlainen pattern
http://img54.imageshack.us/img54/6891/opas25vd.png
4. Mene Image - Transparent color ja laita asetukset seuraavasti
http://img160.imageshack.us/img160/1865/opas35fw.png
5. Mene Edit - Define Pattern
6. Nyt tee uusi kuva jonka koko on 350x26
7. Valitse ämpäri ja täytä uusi kuva värillä (itse käytin oranssia)
http://img113.imageshack.us/img113/3485/opas41jb.png
8. Mene Edit - Fill with pattern
http://img160.imageshack.us/img160/1448/opas57oi.png
9.Userbarini näyttää nyt tältä
http://img507.imageshack.us/img507/4251/opas62kq.png
10.Nyt lisäämään kuva. Käytän tätä kuvaa http://www.semo.net/images/mozilla-firefox-browser.jpg
11.Mene File-New. Laita seuraavat asetukset http://img62.imageshack.us/img62/9734/opas72fn.png
12. Liitä kuva uuteen ikkunaan. http://img60.imageshack.us/img60/3020/opas85fy.png
13. Mene Selection - Show Selection
14. Mene Selection - Set shape - Ellipse
15. Paina hiiren oikealla näppäimellä ja valitse valikosta Copy
16. Mene userbaariisi ja liitä kopioimasi kuva ( painamalla hiiren oikeaa ja valitse paste)
Huomaat varmaan että kuva on liian iso joten sitä pitää pienentää.
17. Vie hiiri kuvan oikeaan laitaan, kun hiiri muuttuu "kaksoishiireksi" niin ala pienentämään vetämällä hiirtä alas/sivulle. Jatka samaa niin kauan kunnes kuva on mielestäsi sopivan kokoinen.
Huom! Kun pienennät kuvaa joudut nostamaan sitä että saat sen tarpeeksi pieneksi
18. Nyt lisäämään teksti. Itse käytin seuraavaa fonttia, mutta yleensä userbareissa käytetään fonttina visitoria
http://img55.imageshack.us/img55/8391/opas98rl.png
19. Mene Filter - Color - Gradient ja laita seuraavat asetukset
http://img505.imageshack.us/img505/2584/opas103yc.png
20. Mene Edit - Stroke and Fill ja laita asetukset seuraavanlaisesti
http://img60.imageshack.us/img60/8288/opas116sk.png
Voila! Userbarisi on valmis.
Omastani tuli tälläinen http://img60.imageshack.us/img60/9606/mozillauser7du.png
Jos oppaassa on virheitä tai siitä puuttuu jotain, niin ilmoita minulle.
Vinkkejä ja muuta tietoa:
Userbarien norm. fontti on Visitor
Userbarien norm. koko on 350 x 19