Fitra's Blog

Sekarang saya mencoba sharing cara cara membuat icon untuk applikasi windows phone kita
menggunakan Expression Design 4

Langsung saja buka Expression Design nya
1. Pilih Edit - Option - General


2. Ubah Rectangle antialiasing menjadi Smooth


3. Buat project baru (File - New) berikan width dan height dengan 1024 pixel. Cukup besar namun ini cuman untuk jaga-jaga :D


4. Untuk step selanjutnya silahkan bikin kreasi icon sebaik mungkin. kalo icon saya ga usah ditanya.
Jelek banget.. :D

5. Untuk memberikan efek pada objek bisa memberikan pada toolbox sebelah kanan terdapat tulisan effect
lalu klik fx pilih effect sesuai selera (kayak makanan aja)

6. Setelah selesai pembuatannya pilih tool Slice lalu select untuk icon yang telah dibuat
berikan width dan height kurang lebih 200 px...
NB: jangan dilihat iconnya.. alay banget.. maklum gak bakat desain :D


7. Setelah membuat slice pertama, hide slice yang telah dibuat agar tidak membingungkan anda membuat slice yang baru.
Buat slice baru dengan dimensi yang berbeda untuk icon" yang lain. langkah-langkahnya sama seperti diatas.
lihat tabel berikut ini


8. Setelah membuat Slice dengan dimensi diatas seperti contoh dibawah ini


9. Klik File - Export


10. Lalu pilih folder penyimpanan anda dan klik export all


11. Setelah itu masuk ke project anda melalui visual studio atau expression blend 4. untuk ini saya memakai visual studio
klik kanan add existing item



12. Anda bisa memilih semua slice yang telah dibuat tapi disini saya memilih 2.


13. Lalu pada properties image yang telah di masukkan tadi ubah masing-masing seperti dibawah ini


14. Setelah diubah semua klik kanan pada project pilih properties lalu ubah icon sesuai yang kita buat tadi
dan background image seperti yang kita buat tadi.


15.Setelah selesai semua jalankan aplikasi maka akan tampil seperti ini


Sekian dulu untuk sharing kali ini. semoga ini bisa membantu teman-teman
untuk kurang lebihnya saya mohon maaf.
Terima kasih. Fitra R.P