lukmannoer

Step 13.Sekarang create Shape Tween:





Step 14. Insert new layer utk content :





Step 15. Insert satu layer lagi itu digunakan utk actions script dan pada frame pertama Masukan nama: "l1"





Step 16. Sekarang drag frame ke 1 ke frame ke 2:





Step 17. pilih frame ke 26 pada layer terakhir, insert keyframe dan pada actionscript tulis code: stop();





Step 18. sekarang pilih semua frame pada stage dari frame ke 2 sampai frame ke 26 dan copy frames:





Step 19. lalu pilih frame ke 27 untuk 3 layers dan paste frames:





Step 20. Rubah name "l1" menjadi "l2":





Step 21. lalukan berulang untuk l2 (link 2) pada frame terakhir di layer ke 2:





Step 22. ulangi steps dari 18 sampai 21 untuk 2 links lainnya.



Step 23. kembali ke root, pilih link 1 (About iPod) dan di action script tulis code ini :

on (release){
_root.display.gotoAndPlay("l1");
}





Step 24.lakukan hal yang sama pada 3 links kecuali "l1" untuk link 2 menjadi "l2":


on (release){
_root.display.gotoAndPlay("l2");
}



untuk link 3 akan menjadi "l3"... (anda telah mendapatkan point)

Klik disini utk melihat hasilnya iPod Flash

Mudahkan! Flash site selesai!

Selamat Mencoba
@Abi Lukman 2008

hallo blogger
Pada tutorial ini memberi tips dan trik membuat Flash site dengan iPod interface.

step 1. Open new flash document, setting dimensions based pada satge area adobe flash, setting frame rate menjadi 25 dan import iPod image (Ctrl+R):
seperti gambar berikut





Step 2. kunci layer dengan background image dan buat new layer/layer baru untuk links (buttons):




Step 3. Gunakan text tool untuk Membuat links pada new layer/later baru:



Step 4. convert links mejadi buttons (klik link untuk menseleksi dan tekan F8 untuk convertnya):




Step 5. sekarang pilih Rectangle Tool dan seleksi pada layar iPod's . Pilih seleksi layar yg tadi kita buat dan tekan F8 utk convert ke Movie Clip:




Step 6. Lalu setting Instance Name: display





Step 7. Setting Alpha: 60% utk layar/display





Step 8. sekarang double click pada display/layar utk masuk kedalam stage dan pindahkan frame pertama ke kanan dari frame ke 1 dan 2 (drag saja) seperti ini:





Step 9. sekarang pilih frame pertama dan pada actionscript tulis code: stop();





Step 10. pilih frame ke 26 dan tekan F6 :





Step 11. pilih frame ke 2 dan transform display/layar seperti ini:





Step 12. sekarang setting display's/layar Alpha menjadi 0% pada frame kedua:



bersambung ke halaman berikut

Hallo Blogger,

Pada kesempatan ini saya ingin memberikan sedikit tips untuk membuat web 2.0 navigation bar, dan saya juga ingin memberi tahu anda tentang perbedaan regular navigation bar, dan a web 2.0 bar.

Standard Navigation Bar

Web 2.0 Navigation Bar

mungkin dari kedua contoh diatas anda sudah mulai bisa merasakan perbedaan diantara kedua navigation bar tsb.

membuat navigation web 2.0 sangat lah mudah dan bisa dilakukan oleh semua orang.

Step 1 - Seleksi Area!

pertama-tama saya membuat dokumen baru dengan ukuran size 44×500. ukuran tersebut buka merupakan patokan yang baku ,semua sesuai dengan kebutuhan dari web atau blog yang anda kelola. Jika sudah selasai, anda bisa melakukan croping image untuk membuat web 2.0 navigation bar yang bagus. sekarang seleksi, dengan menggunakan rectangular marquee tool. Seperti contoh dibawah ini.:

Step 2 -Gradient Tool

Gunakan gradient tool, beri warna (fill) pada area yang telah anda seleksi tadi. berikan warna terang pada bagian atas dan warna gelap pada bagian bawah. Contoh nya seperti dibawah ini .

Sekarang sudah aga terlihat hidup dengan gradien tool.

Step 3 - Berikan Tombol sesuka anda

Sebelum anda memasukan text/button pada navigasi ada baiknya anda melakukan listing atau membuat daftar link apa saja yang akan dimasukan. Jika sudah, mari kita input text utk dijadikan button, pilih Type Tool untuk mengetikan seluruh link yang sudah anda buat daftarnya. saya menggunakan Century Gothic sebagai font nya dan size 14. Disini saya menggunakan format text lowercase/format huruf kecil. Format Huruf kecil atau besar bisa disesuaikan dengan kebutuhan web/blog anda.

Untuk link yang pertama,Saya Tulis “home”, klik space bar 8 kali dan lalu Tulis “forum”, dan klik space bar 8 kali, dst. lalu berikan rata tengah dengan menggunakan move tool atau tekan V lalu geser sampai tulisan terlihat pas ditengah-tengah.

Step 4 - Transisi warna!

Langkah ini sangat mudah dan simple tapi memilki effect yang keren untuk navigation bar. Pertama, Buat layer baru( new layer ). Lalu berikan fill warna putih pada bagian atas Navigation bar, Kurang lebih spt gamabr dibawah ini.

Sekarang setting Opacity menjadi 8%.

Step 5 - Sentuhan Tambahan

Lakukan step 4 kembali dan berikan kotak putih lalu atur opacitynya (sesuai kebutuhan anda), langkah ini bertujuan utk memberikan effect hover apabila pointer cursor melewati bagian navigation bar.

Selesai....!

Selamat, anda telah selesai membaca tutorial Bagaimana membuat web 2.0 navigation bar. saya harp bisa bermanfaat bagi anda.

kurang lebih terlihat seperti gambar dibawah ini.

Selamat mencoba, semoga bermafaat

abi lukman 2008

disini saya menggunakan Gimp 24

Step:

1 Buka new image sebesar 400x400 dan di new image dialog tepat dibawah ada menu fill menu pilih Transparent fill.

3 sekaran to activate the GRID by going to Veiw> Show Grid or pressing CTRL+SHIT+T, kita akan membutuhkan "Snap to Grid" untuk itu kita harus aktifkan, pilih Veiw>Snap to Grid.

4 langkah selanjutnya kita membutuhkan path tool untuk mulai menggambar

perlu diingat ketika kita sedang menggambar dengan path maka design mode harus kita aktifkan, tekan CTRL.

kita sudah memilki path dalam kotak dialog.

5 Buat new layer dan beri nama "1"

6 rudah forground color menjadi putih,pilih "Blend tool" atau tekan L dan didalam gradient dialog pilih "FG to Transparent" Gradient.

7 sekarang kita gunakan gradient toolnya cara nya drag pointer dari bawah ke atas .

8 langkah selanjutnya de-select caranya pilih Select>None atau Shift+CTRL+A

9 langkah berikutnya pindahkan kebagian tengah grid.

Sekarang kita kan duplikasi objek gamabr bulat pada layer baru lakukan beberapa kali sampai terbentuk bentuk lingkaran penuh

10 Duplikasi objek dan beri nama layer "5"

11 pilih Rotate tool atau Shift+R, sekarang putar objek dengan cara dragg sampai terbentuk lingkaran objek melingkar

12 Gunakan langkah yang sama pada 13 objek layer yang lainnya

Hasil aplikasi media

Langkah pertama
scan gambar sketsa anda dengan scanner saya menganjurkan anda memilih resolusi tinggi max 300
agar gambar yang di scan lebih terlihat detail dan sangat tajam :lol:
setelah selesai gambar anda scan buka photoshop
langkah ke dua
open image anda yang telah di scan
lalu pilih mode desaturade atau (Ctrl + Shft + U).
agar nantinya anda dapat menjaga keseimbangan cahaya saya menganjurkan untuk membaiik gambar (flip)
(Edit >> Transform >> Flip Horizontal)
lihat gambar dibawah ini.:

langkah ketiga :
pilih smudge tool atau tekan R sampai tool menunjukan simbol smudge tool
Salah satu fungsi Smudge tool ialah untuk menghaluskan arsiran kasar pada sketsa.
proses smudging...


dan Hasil setelah di Smudge seperti gambar dibawah ini terlihat lebih halus kan


langkah ke empat :
Sekarang bagian yang sangat penting untuk pencahayaan
Setelah gambar terlihat halus Kita harus menurun kan Level image agar telihat sedikit gelap .
Adjustment Level digunakan agar gambar yang akan diwarnai tampak jelas Gelap Terangnya
gunakan feeling anda dalam mengatur Level
oke sekarang tekan Ctrl+L
dan kurang lebih seperti ini gambar yang telah diturunkan nilai Levelnya
[imghttp://i269.photobucket.com/albums/jj73/lukmannoer/face04.jpg[/img]http://Cukup mudahkan :lol:
Langkah kelima:
Gambar masih terlihat kasar sedikit tapi jangan kwatir kita akan menghaluskannya dgn brush tool
Brush tool digunakan untuk mengkaburkan gambar/atau menghaluskan. Perbedaan blur tool dan smudge tool ialah dalam kapasitas
lebur gambar jika blur tool hanya dapat mengkaburkan berbeda dengan smudge tool selain dapat mengkaburkan gambar smudge tool juga
bisa menarik gambar agar telihat soft
oke.. silahkan pilih blur tool atau tekan R sampai simbol nya seperti tetesan air .
kurang lebih gambar akan terlihat seperti ini:

Sudah terkihat halus kan... :lol: :unsure:
langkah keenam:
kembali kita setting Level nya tekan Ctrl+L
agar lebih terlihat gelap
kurang lebih seperti ini:

Langkah ke tujuh ialah proses detail gambar :
banyaka cara untuk melakukan proses ini bisa dgn dodge tool,burn tool atau pun sharpen tool tapi disini saya menggunakan dodge tool dan burn tool . Catatan harus hati-hati dalam menggunakan tool ini karena kesalahan sedikit bisa menyebabkan kerusakan gambar TAPI TENANG SAZA... photoshop memiliki fitur history jadi kalo anda mengalami kesalahan bisa di back step ke step sebelumnya :lol:
pilih dodge tool dan burn tool untuk proses detail gambar
Kurang lebih seperti ini :
[img ]http://i269.photobucket.com/albums/jj73/lukmannoer/face07.jpg[/img]
dan ini gambar secara keseluruhan setelah melewati proses detail...

Langkah kedelapan :
plih mode Multiply pada gambar. mengapa saya menganjurkan memakai multiply ? supaya gambar bisa tembus pandang terhadap layer di bawah nya...

Langkah ke sembilan :
Disini langkah yang menentukan dari semua proses yaitu Coloring Image
buat beberapa layer dengan mengklik new layer pada layer box..
sperti ini :
[img ]http://i269.photobucket.com/albums/jj73/lukmannoer/face09.jpg[/img]
lalu dengan menggunakan erase tool anda dapat mengatur warna mengatur warna yang akan di pilih untuk gambar tsb. pilih erase tool dengan kejaman 0% agar pada proses brusing lebih lembut
seperti ini contohnya

Langkah kesepuluh :
Pencahayaan tingkat Akhir...:lol:
buat new layer dengan nama Hightlight ....
pada layer hightlight anda bisa memulas gamabr dengan brush tool dengan warna putih #FFFFFF atur nilai opacity/transparancy nya menjadi 35% pulas pada bagian daerah dekat mata ,dagu,hiidung,rahang,da pipi dengan intensitas yang berbeda ..
kurang lebih seperti ini:

FINISHING STEP....
anda bisa menggunakna Merge Visible agar semua layer bersatu menjadi satu layer....
:lol: :lol:
DAN HASILNYA SEPERTI INI :