Monday, July 25, 2011

Manipulasi Foto dengan Efek Cahaya

Preview

Sebelum memulai tutorial ini, silakan lihat terlebih dahulu hasil akhir yang akan kita peroleh.
Judul Tutorial

Detail Tutorial

  • Tingkat Kesulitan: Menengah, Mahir
  • Program yang Digunakan: Adobe Photoshop
  • Materi Yang Dipelajari: Proses Transformasi, Penggunaan Layer Mask, Eksperimen Blending Mode
  • Lama Pengerjaan: 1 jam

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

Tutorial

Langkah 1: Menyeleksi Model

Langkah pertama kita adalah memisahkan model dari latarnya. Saya biasanya melakukan proses ini secara manual menggunakan tool pen. Mulai dengan membuat path baru mengelilingi bagian luar model yang akan kita ambil. Bagian badan model sangat mudah diambil menggunakan metode ini, namun helai rambutnya akan sulit. Untuk saat ini lupakan bagian itu, kita akan mengurusnya nanti.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 2

Buat path tambahan untuk melubangi model. Di baris pilihan, pilih mode Subtract.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 3

Tekan Ctrl + Enter untuk mengubah path menjadi seleksi. Di panel Layers, klik ganda Background untuk mengubahnya menjadi seleksi. Tekan Ctrl + Shift + J untuk memindahkan model ke layer baru.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 4: Menyeleksi Rambut

Ambil layer yang masih menyisakan rambut si model. Hapus bagian yang tidak dibutuhkan.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 5

Amati setiap channel. Cari channel dengan kontras rambut dan latar paling tinggi. Dalam kasus ini, ternyata Channel Red pemenangnya. Duplikasi channel Red dengan menggesernya ke atas ikon New Alpha Channel.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 6

Tekan Ctrl + I untuk membalik warna channel. Gunakan tool dodge dan burn untuk meningkatkan kontras Channel.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 7

Area yang tidak dibutuhkan –seperti sisi luar tangan– bisa langsung dibuang dengan cara melukisnya dengan hitam.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 8

Tahan Ctrl lalu klik Channel Red Copy untuk mengubahnya ke seleksi.Aktifkan kembali channel RGB, tekan Ctrl + J untuk memindahkan rambut ke layer baru. Seleksi layer rambut dan si model lalu tekan Ctrl + E untuk menggabungkan keduanya.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 9

Buat layer baru dan simpan di atas model. Ubah layer menjadi Clipping Mask dengan menekan Ctrl + Alt + G. Lukis hitam di bagian-bagian yang kuning karena pengaruh dari latar yang lama.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 10: Dodge dan Burn

Alt-klik ikon New Layer. Aktifkan Use Previous Layer to Create Clipping Mask. Pilih Blend mode: Overlay dan aktifkan Fill with Overlay-neutral color.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 11

Lukis dengan tool burn untuk menggelapkan dan tool dodge untuk menerangkan. Lakukan terus proses ini hingga kontras gambar meningkat. Di bawah Anda bisa melihat perbandingan sebelum dan setelah proses dodge dan burn.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Di bawah adalah layer yang dihasilkan. Area terang akan menerangkan gambar di bawahnya, begitu juga untuk area gelap. Area abu-abu (50% Grey) tidak akan mempengaruhi gambar.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 12: Mempersiapkan Latar

Buat file baru dan isi latar dengan warna abu-abu. Ambil tekstur beton. Lakukan transformasi (Ctrl + T), Ctrl + Shift + Alt-drag pojok bawah untuk menghasilkan perspektif lantai.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 13

Tambahkan lagi tekstur beton untuk dinding.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 15: Manambahkan Model

Ambil model dan simpan di tengah-tengah kanvas. Beri Layer Style Outer Glow dengan warna ungu.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Model akan memiliki sedikit kilauan ungu di sekelilingnya.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 16

Naikkan kontras model dengan memberinya Adjustment Layer Brightness/Contrast. Tekan Ctrl + Alt + G untuk mengubah adjustment layer ke Clipping Mask agar hanya model yang terpengaruh.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 17

Beri Adjustment Layer Hue/Saturation dengan setting seperti di bawah untuk mengubah warna baju ke ungu. Lukis bagian yang lain agar warnanya tidak ikut berubah.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Berikut perbandingan sebelum dan setelah pemberian adjustment layer.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 18

Perhatikan bahwa ada sebagian warna kuning di rambut model. Buat layer baru di atas model lalu ubah ke Clipping Mask (Ctrl + Alt + G). Lukis hitam pada rambut untuk menghilangkannya.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 19: Bayangan Model

Buat layer baru di atas latar. Lukis bayangan besar di bawah model dengan brush hitam beropacity rendah.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 20

Zoom lebih dekat pada kaki model. Lukis bayangan lebih tegas tepat di bawah kaki model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 22: Menambahkan Efek Cahaya dan Objek 3 Dimensi

Sembunyikan model terlebih dahulu. Ambil gambar di bawah dari set objek abstrak 3D. Karena latarnya hitam, kita dapat dengan mudah menghilangkannya dengan mengubah blend mode layer ke Screen.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 23

Munculkan model kembali.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 24

Ambil objek abstrak dan bola 3D dari set abstrak 3D. Simpan di belakang model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 25

Tambah beberapa objek yang sama di belakang model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 26

Aktifkan tool gradient dengan gradasi radial dari putih ke transparan. Beri Color Overlay warna ungu.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 27

Ambil gambar nebula dan simpan di belakang model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 28

Ubah blend mode layer nebula ke Screen. Hapus bagian yang tidak diperlukan sehingga diperoleh hasil seperti di bawah.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 29

Tekan Ctrl + T untuk melakukan transformasi. Klik kanan dan pilih Warp. Geser kotak warp hingga diperoleh bentuk kilauan cahaya yang unik.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 30

Ambil gambar nebula yang lain. Simpan di belakang model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 31

Ubah blend mode layer ke Screen, hapus bagian yang tidak diperlukan.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 32

Ambil render objek abstrak 3 dimensi. Lakukan proses transformasi Warp.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 33

Ubah blend mode layer ke Screen.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 34

Ulangi proses yang sama dengan gambar abstrak lain.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 35

Ubah warnanya menggunakan perintah image > Adjustments > Hue/Saturation agar sesuai dengan tema warna saat ini.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 36

Klik Filter > Blur > Gaussian Blur untuk menghaluskan cahaya yang diperoleh.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 37

Ubah blend mode layer ke Screen.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 38

Ulangi proses yang sama untuk memperoleh lebih banyak efek cahaya.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 39

Ambil objek abstrak 3 dimensi. Simpan di depan kaki. Hapus sebagian objek agar memberi kesan mengelilingi kaki.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 40

Ubah warnanya dengan memberi Adjustment Layer Color Balance agar sesuai dengan tema warna gambar. Klik ikon Clipping Mask agar adjustment layer ini hanya mempengaruhi objek abstrak saja.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 41

Buat layer baru di bawah objek abstrak. Gambar bayangan objek pada kaki. Bayangan ini akan memperkuat kesan realistis pada objek 3D.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 42

Ulangi proses yang sama untuk menambahkan objek abstrak 3 dimensi lagi pada tubuh model. Hapus sebagian objek agar terkesan mengelilingi model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 43

Gambar bayangan tangan pada objek abstrak dan bayangan objek abstrak di tubuh model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 44

Untuk memberi kedalaman, ambil objek abstrak 3 dimensi dengan ukuran cukup besar dan buramkan dengan memberi Gaussian Blur (Filter > Blur > Gaussian Blur).
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 45

Ambil gambar bola emas. Seleksi bola emas dengan tool marquee ellipse.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 46

Simpan bola ke dalam kanvas. Ubah warnanya menjadi ungu, sesuai tema warna saat ini.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 47

Gandakan bola dan beri Gaussian Blur untuk memberi kesan kilauan pada bola. Simpan kilauan di bawah aslinya.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 48

Buat layer lalu gambar beberapa garis putih. Tekan Ctrl + Alt + G untuk memasukkan garis ke dalam bola.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 49

Simpan bola di belakang model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 50

Gandakan bola dan simpan di berbagai posisi lain. Ubah ukurannya agar bervariasi.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 51

Tambahkan juga bola pada lantai. Gambar bayangan bola di lantai agar terlihat realistis.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 52

Saya ambil juga objek abstrak 3 dimensi dari WeGraphics. Simpan di atas kaki model. Hapus sebagian agar terlihat menempel pada model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 53

Lukis bayangan objek pada kaki agar terlihat realistis.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 54

Menggunakan cara seperti yang telah dijelaskan di Langkah 27, buat beberapa efek cahaya di depan model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 55

Saya tambahkan satu lagi objek abstrak 3 dimensi dan efek cahaya di tangan model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 56

Ambil objek abstrak 3 dimensi dan simpan di ujung cahaya. Hapus sebagian dengan tool eraser beropacity rendah sehingga cahaya terlihat masuk ke dalam objek. Gambar bayangan objek di lantai.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 57

Saya tambahkan lagi objek 3D dari WeGraphics dan menyimpannya di punggung model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 58

Sesuaikan warna objek dengan tema warna gambar. Beri Adjustment Layer Color Balance dengan setting berikut.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 59

Gandakan objek 3D lalu putar sedikit. Lukis bayangan pada objek abstrak kedua untuk memberi kedalaman terhadap objek abstrak pertama.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 60

Ambil objek abstrak berlatar hitam dari set abstrak 3D. Hilangkan warnanya dengan klik Image > Adjustments > Desaturate. Hapus gambar yang menutupi model. Ubah blend mode layer ke Screen.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 61

Pastikan warna depan putih. Aktifkan tool brush dengan mengaktifkan setting Scattering. Buat garis cahaya di sekitar model.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 62

Ambil gambar abstrak berlatar hitam dari set objek abstrak 3 dimensi dan ubah blend mode layer ke Screen.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 63

Buat layer baru dan simpan di paling atas. Lukis merah dengan brush berukuran besar dan hardness: 0%. Ubah blend mode layer ke Soft LIght dengan Opacity: 25%.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 64

Buat lagi layer baru dan lukis biru. Ubah blend mode layer ke Color Dodge dengan Opacity: 70%.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Langkah 65

Lukis garis ungu dan ubah blend mode layer ke Color Dodge dengan Opacity: 36%.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi

Hasil Akhir

Akhirnya, ambil tool crop dan potong gambar untuk memperoleh komposisi yang menarik. Di bawah adalah hasil akhir dari tutorial ini.
Manipulasi Foto dengan Efek Cahaya dan Objek Abstrak 3 Dimensi


by www.desaindigital.com

Wednesday, June 15, 2011

Membuat Efek Chidori ala Sasuke dengan Photoshop


Tutorial Photoshop ChidoriIlmu Grafis Tutorial Desain Adobe Photoshop CS CS2 Cs3 Cs4 Membuat Efect Petir Chidori ala Sasuke pada Anime Naruto Shippuuden. Kabar gembira bagi sobat pecinta naruto. Tau kenapa? karena pada kesempatan ini saya akan bahas bagaimana cara membuat effect chidori ninjutsu. pasti bagi sobat sobat yang ingin coba udah gak sabar dunk.. Yuk langsung aja kita capcus liat tutorialnya di bawah, gak sulit kok lihat dan praktekkan pasti sobat akan terkesan…

1. Persiapkan image yang mendukung. Masukkan pada area kerja adobe photoshop. Lalu lakukan copy layer dengan cara menekan tombol keyboard CTRL + A kemudian tekan CTRL + C
2. Buat dokumen baru ukuran 500 x 300 px (sebenarnya terserah Anda). Paste gambar tersebut klik Menu Edit > Paste dan sesuaikan dengan lembar kerja baru ini dengan cara klik Menu Edit > Free Trasform (CTRL + T). Drag bagian pojok atas kanan ke dalam sambil menekan tombol Shift agar proporsi tidak berubah.
3. KLik tombol keyboard D agar warna menjadi default. Berikutnya sobat harus bikin layer baru dulu diatas layer background. klik menu “Layer” > “New” > “Layer” atau tekan (Shift+Ctrl+N). Kemudian buat gradasi hitam putih dengan cara klik gradient tool.
4. Sekarang klik menu “Filter” > “Render” > “Difference Clouds”. Kemudian balik warna tadi dengan klik Menu Image > Adjustments > Invert ( CTRL + I ). Lakukan point 4 ini satu kali saja, Anda tidak perlu membuat different cloud berulang2 sesuai yang Anda inginkan. Kita akan mengubahnya nanti.
5. Perjelas efek petir dengan mengakses level via klik Menu Image > Adjustments > Level [CTRL + L]. Hasil memperjelas ini akan berbeda pada setiap kali kita membuatnya. Sesuaikan sendiri menurut hasil yang ada pada komputer Anda.
chidori light flames effects photoshop
6. Sudah terlihat seperti effect petir tapi masih ada warna hitam di samping nya. Oleh karena itu kita hilangkan dulu warna hitam di sekeliling petir dengan cara mengubah blending mode nya dari “Normal” menjadi “Screen”
7. Sekarang petir sudah jadi namun masih terlihat putih. untuk merubah warna putih menjadi kebiruan, kita atur saturation nya ( Ctrl+U ). Tingkat kebiruan bisa Anda atur sendiri dengan menggeser Hue dan Saturation.
chidori light flames effects photoshop
8. Kecilkan petirnya dengan cara klik Menu Edit > Free Trasform (CTRL + T). Drag bagian pojok atas kanan ke dalam sambil menekan tombol Shift agar proporsi tidak berubah dan Duplikat layernya dengan klik Menu Layer > Duplicate Layer. Anda juga bisa memutar dan mengkelokkan petir via klik kanan > warp saat tranform aktif.
9. Lakukan poin 8 hingga sesuai dengan yang Anda inginkan. Hapus bagian2 tertentu menggunakan Eraser Tool ( E ). Untuk memperbesar dan memperkecil brush eraser gunakan tombol keyboard [ dan ].
10. Buat dokumen baru 3 kali dokumen kerja Anda dengan cara klik Menu File > New. Ganti Height dan Weight sesuai dengan 3 kali perbesaran dokumen sebelumnya.
11. Tekan Alt + Del agar Background menjadi warna hitam. Tambahkan cahaya pada tangan. klik menu “Filter” > “Render” > “Lens Flare”. Duplikat layer ini ke dokumen Sebelumnya dengan cara klik menu Layer > Duplicate Layer, Arahkan Destination Documents pada dokumen sebelumnya. Tutup lembar kerja ini dengan menekan tombole keyboard CTRL + W, jika ditanya saving tekan NO.
chidori light flames effects photoshop
12. Ubah blending mode nya dari “Normal” menjadi “Screen”. Kemudian atur Letak layer yang baru saja terduplikasi, klik layer tersebut dan klik menu Edit > Free Transform. Drag bagian pojok atas kanan ke dalam sambil menekan tombol Shift agar proporsi tidak berubah, enter. Menggunakan pick tool ( V ) klik dan drag sesuikan letak lingkar pijaran cahaya.
13. Hasilnya seperti berikut.
chidori light flames effects photoshop

Sunday, February 13, 2011

seni musik

Musik Tingkilan
Pemain musik tingkilan
Para pemain musik tingkilan Kutai
Photo: Agri, 2002
Seni musik khas suku Kutai adalah musik Tingkilan, kesenian ini memiliki kesamaan dengan kesenian rumpun Melayu. Alat musik yang digunakan adalah Gambus (sejenis gitar berdawai 6), ketipung (semacam kendang kecil), kendang (sejenis rebana yang berkulit sebidang dan besar) dan biola.
Musik Tingkilan disertai pula dengan nyanyian yang disebut betingkilan. Betingkilan sendiri berarti bertingkah-tingkahan atau bersahut-sahutan. Dahulu sering dibawakan oleh dua orang penyanyi pria dan wanita sambil bersahut-sahutan dengan isi lagu berupa nasihat-nasihat, percintaan, saling memuji, atau bahkan saling menyindir atau saling mengejek dengan kata-kata yang lucu. Musik Tingkilan ini sering digunakan untuk mengiringi tari pergaulan rakyat Kutai, yakni Tari Jepen.
2. Hadrah
Kesenian ini mempergunakan alat musik terbang atau rebana. Kesenian ini dibawakan sambil menabuh terbang tersebut disertai nyanyian dalam bahasa Arab yang diambil dari kitab Barjanji. Kesenian ini umumnya ditampilkan untuk mengarak pengantin pria menuju ke rumah mempelai wanita, selain itu juga sering ditampilkan pada perayaan hari-hari besar Islam.

Sunday, December 19, 2010

memasang musik di blog

Ada banyak layanan seperti ini yang tersedia di internet. Dari sekian banyak layanan yang ada. Menurut saya ada 2 musik player yang cukup bagus yakni Musik-live dan eSnips. Kedua musik player ini masing-masing memiliki kelebihan dan kekurangannya. Sehingga silahkan anda tentukan sendiri mana yang lebih bagus.

1. Musik-Live
musik live
















Kelebihan:
- Lagu sudah tersedia, tinggal pasang
- Banyak model skin yang bisa anda pilih

Kelemahan:
- Tidak bisa upload lagu sendiri


2. eSnips
esnips















Kelebihan:
- Bisa upload lagu dari komputer
- Tersedia lagu yang bisa anda putar

Kelemahan:
- Hanya 2 model skin yang bisa dipilih
- Tampilannya kurang menarik

Nah itulah kelebihan dan kelemahannya masing-masing. Silahkan anda tentukan mana yang lebih cocok dengan kebutuhan anda.

Kalau sudah menentukan musik player kesukaan anda, berikut adalah langkah-langkah pemasangannya:

A. Musik-Livet.Net

1. Kunjungi http://musik-live.net/ lalu klik Skin Mp3 Player
2. Pilih tampilan player yang anda inginkan. Untuk melihat tampilannya klik Preview Skin
3. Copy kode dalam kolom 'Embed code' lalu buka blogger. Klik menu Design -> Page Elements
4. Paste kode tersebut ke menu HTML/ Javascript
5. Selesai.

Diatas adalah cara memasang musik player dengan lagu yang telah disediakan. Jika anda ingin memilih sendiri lagunya. Berikut caranya:

1. Pada halaman Musik-Live, cari lagu favorit anda dengan kotak pencari.
2. Lalu klik Play & Embed code untuk menampilkan kodenya
3. Copy kodenya lalu paste ke menu HTML/ Javascript blogger anda. Selesai

Catatan:
Cara ini hanya bisa untuk memutar 1 lagu saja. Jika anda ingin memutar banyak lagu maka gunakan eSnips.



B. eSnips

1. Kunjugi http://www.esnips.com/. Untuk bisa memanfaatkan fasilitasnya anda harus signup terlebih dahulu. Jika sudah, sign-in ke akunnya.

2. Klik Upload Files lalu klik Select Files

3. Pilih lagu yang mau anda putar lalu pilih folder dimana anda mau memyimpan lagunya. Pastikan folder yang anda pilih adalah bersifat Public. Karena kalau Private anda tidak bisa menambahkan lagunya kedalam playlist.

4. Jika sudah klik Upload Now

5. Tunggu hingga proses upload selesai.

6. Jika sudah klik menu Folder. Pilih folder dimana anda menyimpan menyimpan lagunya

7. Pilih lagu-lagu yang ingin anda pasang dengan cara klik Add to quicklist
esnips add to quicklist
8. Jika sudah, scroll ke bagian atas halaman lalu klik Create playlist widgets

esnips create playlist
9. Pilih skin yang anda inginkan. Lalu copy kodenya yang ada pada kotak.

esnips widget

10. Buka blogger. Paste kodenya pada menu HTML/ Javascript lalu klik Save

11. Selesai. Silahkan lihat hasilnya.

Jika ukurannya tidak pas anda bisa mengatur ukurannya dengan mengedit nilai width-nya pada kodenya masing-masing. Selamat mencoba..