Devil'Sabers | Blog Tentang Komputer, Software, Game, Tutorials, and Informations For You..

Cara Membuat Widget Popular Post [Without Thumbnails]

Setelah dulu, saya pernah mengajak anda untuk membuat Widget Membuat Daftar Isi Otomatis Di Blog , kali ini saya ingin mengajak anda untuk membuat Widget Popular Post, cuma biar gak nambah Beban Loading Blog anda terlalu berat saya putuskan untuk membuat tutorial yang tanpa Thumbnails atau image pelengkap.

Contohnya kebetulan gak saya pake di Blog ini, jadi silahkan perhatikan gambar diatas aja hhe...

Dan berikut Cara membuatnya:

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://devilsabers.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<span style=" float:right;"><a href="http://devilsabers.blogspot.com/2013/04/cara-membuat-widget-popular-post.html" target="_blank">Make your own</a></span>

Keterangan: Silahkan Ganti Url http://devilsabers.blogspot.com dengan Url Anda dan ganti 10 Dengan Jumlah postingan yang ingin anda tampilkan.

Jika Sudah Save template anda dan lihat hasilnya...

Selamat mencoba...

SEO 20.50 45 comments

EFEK WANITA TERBAKAR MENGGUNAKAN PHOTOSHOP

Halo sobat, kali ini kita bertemu lagi dalam tutorial efek wanita terbakar. Disini saya menggunakan Photoshop CS3 namun trik ini bisa digunakan pada semua versi Photoshop. Well, gk pake lama, langsung aja kita praktekin yuuuk..

Buka foto yang akan kita edit, pada tutorial ini saya menggunakan gambar wanita cantik berikut ini

Banyak sekali metode untuk menciptakan efek terbakar, namun pada tutorial kali ini saya akan menggunakan metode brush (abis gk tau nama metodenya apa jadi aq karang sendiri aja nama metodenya hehehehe). Disini saya akan membuat brush dari gambar wanita cantik tadi ^^. Caranya pada menu tab klik Edit > Define Brush Preset dan pada window yang muncul kita beri nama brushnya dengan nama "Cewek" lalu klik OK (abis gak tau nama ceweknya siy, masa mau dikasi nama "Bunga Nama Samaran"? hehehehe)

Lalu buat layer baru dan beri nama "Background Hitam". Saya gunakan warna hitam karena biasanya warna hitam itu cocok sekali dengan efek api (simple alesannya hahahaha). Lalu menggunakan Paint Bucket Tool, warnai layer "Background Hitam" kita sehingga tampilannya menjadi imut (item mutlak) wkwkwk

Setelah itu buat layer baru lagi dan beri nama "Cewek". Lalu klik kanan layer "Cewek" dan pilih Blending Option. Lalu kita akan membuat settingan seperti berikut :

Centang Outer Glow dan lakukan setting pada Outer Glow seperti berikut :

Blend Mode : Hard Light
Opacity : 100%
Set Color Of Glow : ff1d1d
Spread : 0%
Size : 8 px

Centang Inner Glow dan lakukan setting pada Inner Glow seperti berikut :

Blend Mode : Hard Light
Opacity 100 %
Set Color Of Glow : ffff00
Choke : 0%
Size : 9 px

Settingan tadi tidak mutlak, anda bisa sesuaikan dengan selera anda, intinya bereksperimenlah sampai anda mendapatkan settingan yang menurut anda pas.

Setelah selesai menyetting, saatnya kita gunakan brush "Cewek" yang tadi sudah kita buat di awal tutorial ini, caranya klik brush tool dan pada menu bar pada bagian brush klik tanda segitiga kecil dan cari brush "Cewek" kita. Lalu set Foreground Color ke warna Putih dan Background Color ke warna Hitam. Disini kita akan menggunakan warna putih sebagai warna brush nya. Kalau sudah, langsung saja sapukan brush "Cewek" pada layer "Cewek" yang sudah kita setting tadi, dan harusnya anda mendapatkan gambar kurang lebih seperti gambar berikut ini. Bila anda masih kurang puas dengan efeknya anda bisa menyetting lagi outer dan inner glow nya

Disini kita sudah bisa melihat efek "glowing" pada objek editan kita, namun kalau kita lihat gambar ini masih kelihatan polos, spt kurang gimanaa gt. Hmmm mungkin background kurang gelap ya sehingga kita kurang mendapatkan aura yang gimanaa gt (gmn ya gan enaknya, ane jg bingung -_-"). Well kl begitu saya ingin masking beberapa area pada gambar supaya lebih gelap nuansanya dan memberikan contrast dan efek yang lebih terfokus pada si objek (ini alasannya di awal tadi saya pilih warna hitam untuk Backgroundnya). Caranya tekan Ctrl dan tahan lalu klik layer "Cewek" pada bagian Thumbnail nya (gambar kotaknya itu lho gan). Setelah itu harusnya anda akan mendapatkan beberapa bagian pada gambar akan terseleksi secara otomatis seperti gambar berikut ini.

Setelah itu klik Layer Mask untuk menghilangkan bagian yang sudah terseleksi tadi dan anda harusnya mendapatkan efek gambar yang lebih gelap seperti gambar berikut

Nah... udah sedikit lebih keren kan gambarnya ^^, sekarang saya akan menggunakan gambar api untuk memberi efek api, tanya aja ama mbah Google, banyak kq gan, tp untuk tutorial berikut saya akan menggunakan gambar ini :

Lalu buka gambar api di Photoshop dan pindahkan ke dokumen yg kita edit, caranya bisa langsung Drag and Drop

Lalu beri nama layer api kita dengan nama "Api" lalu ubah layer style nya ke screen. Atur besarnya (Ctrl + T) dan sesuaikan ukurannya dengan lokasi dimana kita akan menaruh api pada objek kita. Pada tutorial ini saya menaruh gambar api pada bagian tangan dan bahu objek, lihat gambar berikut

Lakukan masking pada gambar api yang tidak penting agar hanya terlihat apinya saja. Lalu saya akan menduplikat gambar api tadi untuk saya taruh pada bahu satunya, caranya pada layer "Api' tekan Ctrl + J. lalu menggunakan Move Tool pindahkan gambar api ke bahu satunya dan bikin penyesuaian ukurannya agar sesuai dengan posisi bahu (Ctrl + T). Lalu harusnya anda akan mendapatkan gambar seperti gambar berikut ini

Bila warna api dengan object kurang selaras, lakukan penyesuaian warna pada api, disini kebetulan saya hanya menyesuaikan settingan Hue/Saturation. Penyesuaian warna ini akan sangat tergantung dengan Objek yang diedit, warna api dan selera anda. Setelah anda merasa cukup pas, maka artinya editan kita sudah selesai. Anda bisa save hasil editan anda sesuai format yang anda inginkan

Well, selesai sudah tutorial kita kali ini, sampai jumpa pada tutorial berikutnya, SemangART (^_^)/

Photoshop, Tutorials 20.50 44 comments

Membuat Efek Tipografi Wajah Dengan Photoshop

Dalam Tutorial kali ini saya akan membahas cara membuat Efek Tipografi Wajah menggunakan Photoshop. Seperti yang dikutip oleh wilkipedia Tipografi adalah suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin

Dikenal pula seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Dalam seni tipografi, pengertian huruf sebagai lambang bunyi bisa diabaikan.

Nah itu sekilas tentang tipografi, dan sekarang saya akan coba mengaplikasikannya kedalam seni Desain Grafis Digital menggunakan Photoshop. disini saya akan membuat sebuah tipografi atau susunan huruf untuk menciptakan sebuah bentuk wajah. mungkin banyak sobat2 pecinta editing foto digital photoshop yang belum paham dengan teknik Tipografi Wajah ini. oke langsung saja kita coba praktekkan.

Hasil dari Efek Tipografi Wajah yang akan kita buat adalah seperti diatas

Berikut adalah langkah-langkah pembuatannya :

1. Buka objek wajah lalu gandakan Layernya denga menekan "Ctrl + J" pada keyboard. lalu pada Layer hasil duplikatnya jadikan menjadi hitam putih dengan menekan Ctrl + Shift + U pada keyboard.

2. Buat Layer baru berikan warna hitam dan letakkan diantara 2 layer tersebut. kemudian pada "Layer 1" yang berwarna hitam putih tersebut masukkan Layer Mask. dan dengan Brush Tool sapukan pada bagian rambut dan background gambar tersebut sehingga menjadi seperti ini :

(Dalam menggunakan Brush Tool pastikan warna foreground dan background adalah Hitam Putih)

Kemudian kita masuk pada bagian Tipografi untuk wajah. pada bagian wajah terlebih dahulu kita buat susunan huruf pada Mata, Hidung dan Bibir terlebih dahulu karena bagian wajah tersebut merupakan bagian yang memiliki kontur dan harus kita tonjolkan sehingga pada hasil akhirnya akan muncul kontur dan kesan 3D nya. dan untuk itu kita membuat susunan huruf yang berbeda pada ketiga bagian tersebut.

3. Kita mulai pada bagian Hidung pertama-tama hilangkan icon mata pada thumbnail "Layer 1" dan "Layer 2" agar mudah dalam menyusun teksnya. Pilih Horizontal Type Tool dan buat sebuah Teks (isi teksnya terserah anda). untuk jenis teksnya sesuai keinginan kamu. disini saya mengetik teks PSHOPSTUDIO, saya hapus beberapa huruf agar pas pada bagian hidung, ukurannya sesuaikan dengan objek hidung. centang "Show Transform Controls" untuk memutar teks menjadi vertikal.

Lalu jadikan Teksnya menjadi "Type" karena nanti kita akan mengedit bentuk teks tersebut mengikuti bentuk hidung tersebut. caranya pada menu bar pilih Layer > Rasterize > Type

Kemudian edit bentuk teks tersebut mengikuti bentuk hidung dengan menekan Ctrl + T pada keyboard lalu klik kanan mouse pada teks tersebut dan pilih "Warp" kemudian geser garis2 grid tersebut sehingga teks tersebut mengikuti bentuk hidung.

Buat lagi teks dan ulangi langkah diatas sehingga teks menutupi hidung seperti ini :

Jadika satu Layer Teks tersebut dengan cara tahan tombol Shift kemudian klik pada 3 Layer Teks tersebut, kemudian tekan Ctrl + E pada keyboard. Lalu ganti nama Layer teks tersebut dengan nama "HIDUNG"

4. kemudian kita beralih ke bagian mata. buat lagi sebuah teks, ukurannya jangan terlalu besar sesuaikan dengan mata sehingga kontur mata akan lebih jelas terlihat nantinya, dan juga karena pada bagian lain kita akan membuat teks dengan ukuran yang lebih besar sehingga akan terlihat perbedaan dengan bagian wajah yang lain.

Sebelum membuat teks pada mata, hilangkan dulu icon mata pada Layer "HIDUNG" lalu susun teks pada bagian mata. susunan teks sebaiknya harus saling bersilangan antara teks yang diatas dengan teks dibawahnya dan seterusnya. kecuali kalau teks tiap susunannya berbeda kata-katanya. karena jika susunan teksnya rata akan terlihat garis vertikal yang kurang baik.

Setelah itu copy saja 3 layer teks tersebut untuk mata yang satunya lagi. lalu gabungkan semua layer teks pada mata tersebut dengan cara tahan tombol Shift lalu pilih semua Layer Teks dan tekan Ctrl + E pada Keyboard. Kemudian ganti nama Layernya menjadi "MATA"

Munculkan tanda mata pada layer "HIDUNG" lalu hapus dengan Erase Tool bagian teks pada Layer "MATA" yang terkena pada teks "HIDUNG" dan juga teks yang terlewat pada background rambut. sehingga menjadi seperti ini :

5. Untuk bagian bibir masukkan lagi teks lalu edit bentuk teks tersebut mengikuti bentuk bibir. (untuk caranya liat kembali pada langkah No.3). Gabung lagi Layer Teks pada bibir tersebut (lihat cara paling bawah pada langkah No.3) lalu ganti nama Layernya menjadi "BIBIR".

bentuknya seperti ini :

6. Untuk bagian wajah yang lainnya caranya tetap sama masukkan Teks, berikan ukuran yang lebih besar dari teks pada Layer "MATA". kemudian susun teks tersebut secara acak agar tdk nampak garis vertikal karena disini saya hanya menggunakan hanya 1 kata "PSHOPSTUDIO" yang diulang-ulang. disini layernya akan sangat banyak, jadi setelah selesai menyusun teksnya gabungkan semua Layer teks tersebut seperti pada langkah no.3 diatas, lalu ganti nama Layernya menjadi "WAJAH". dan susunannya seperti ini :

7. Nah sekarang kita buat Tipografi dari semua teks tersebut. sebelumnya munculkan kembali icon mata pada "Layer 1" (Gambar Hitam Putih) dan juga "Layer 2" (Background Hitam). sebaliknya hilangkan icon mata pada Layer "BIBIR", "MATA" dan "HIDUNG". kemudian kembali ke Layer "WAJAH".

Tahan tombol "Ctrl" pada keyboard dan klik thumbnail Layer "WAJAH" maka teks pada Layer "WAJAH" tersebut akan terseleksi (tanda seleksi berkedip).

Biarkan terseleksi seperti itu, kemudian klik "Layer 1" lalu tekan "Ctrl + C" kemudian "Ctrl + V". maka akan muncul Layer baru yaitu "Layer 3". Layer inilah yang merupakan tipografi tersebut. untuk melihat hasilnya hilangkan icon mata pada Layer "WAJAH" dan "Layer 1". maka akan terlihat efek tipografinya.

Ulangi langkah No.7 diatas untuk bagian Mata, Hidung dan Bibir. (untuk mata yang diseleksi adalah Layer "MATA" begitu juga hidung maupun bibir, seleksi sesuai Layernya). hasilnya akan seperti ini :

Gabungkan "Layer 3" "Layer 4" "Layer 5" "Layer 6" (lihat caranya pada bagian paling bawah langkah No.3) dan ganti nama layernya menjadi "TIPOGRAFI WAJAH"

8. Kemudian kita hapus teks yang terlewat pada bagian wajah dengan cara kembali pada "Layer 1" klik Layer Mask pada Layer 1 tersebut lalu geser ke atas pada Layer "TIPOGRAFI WAJAH" maka Layer Mask pada Layer 1 tersebut akan pindah dan masuk pada Layer "TIPOGRAFI WAJAH". otomatis teks yang terlewat pada wajah tersebut akan terhapus.

9. kemudian kita masuk ke bagian rambut, pada bagian ini kita akan menggunakan Pen Tool untuk membuat teks agar mudah mengikuti alur rambut. langsung saja pertama hilangkan semua icon mata pada thumbnail layer kecuali Layer "Background" lalu pilih Pen Tool dan buat garis mengikuti alur rambut seperti ini.

kemudian pilih "Horizontal Type Tool" lalu arahkan kursor pada ujung awal kita membuat garis dengan Pen Tool tadi, nnti icon kursor "Horizontal Type Tool" akan berubah iconnya. langsung klik saja dan mulai ketikkan teks, otomatis teks yang kita ketik akan mengikuti garis Pen Tool tersebut. tekan "Esc" pada keyboard untuk menghilangkan garis Pen Tool tersebut. kemudian geser posisi teks sesuai dengan rambut.

(disini saya menggunakan jenis huruf yang lain dengan jenis huruf teks pada wajah)

kemudian edit bentuk teks tersebut mengikuti bentuk rambut, caranya seperti Langkah No.3 diatas. Rubah teksnya menjadi "Type", tekan Ctrl + T lalu geser grid2nya sehingga bentuk teksnya mengikuti bentuk rambut (Lihat Langkah No.3).

disisni saya merubah bentuk huruf mengecil pada bagian bawah, tentunya kamu dapat merubah bentuk teks sesuai dengan imajinasi kamu, karena ini sebuah karya seni, jadi kalian bebas untuk bereksperimen. seperti contoh disini saya akan membuat lagi beberapa teks (gunakan Pen Tool untuk alur teksnya) dan saya merubah bentuknya berbeda-beda seperti ini :

Ulangi terus langkah No.9 ini sampai teks menutupi semua bagian rambut

(dalam merubah bentuk teks pada rambut ini gunakan imajinasimu, rubahlah bentuknya seunik mungkin)

10. Jika sudah selesai, gabungkan semua Layer teks rambut tersebut dan rubah nama layernya menjadi "TIPOGRAFI RAMBUT" (lihat langkah no.3 paling bawah). untuk melihat hasilnya munculkan kembali "Layer 2", " TIPOGRAFI WAJAH" dan "TIPOGRAFI RAMBUT"

11. Untuk Finishing, masukkan "New Layer". lalu pilih Brush Tool", atur dengan Hardness 0% dan Opacity 50% sapukan pada bagian2 yang saya tunjukkan pada gambar dibawah, agar lebih keluar kesan 3D nya.

Hasilnya akan seperti ini :

Bisa juga jika kamu ingin mengganti warna rambut dan wajahnya, caranya klik 2 kali pada thumbnail layer "TIPOGRAFI RAMBUT" lalu pilih "Color Overlay" ganti warnanya terserah anda, kurangi "Opacity" menjadi 20 %, agar warnanya tdk terlalu over.

Lakukan juga pada layer "TIPOGRAFI WAJAH" dengan warna yang berbeda. hasilnya seperti ini :

Atau kamu juga dapat menggunakan teknik pewarnaan dengan Gradien Tool. menggunakan 2 warna yang berbeda atau lebih.

Nah cukup sekian dulu tutorial Membuat Efek Tipografi Wajah Dengan Photoshop. mudah2an mudah untuk dimengerti dan bermanfaat. kalo ada yang ingin ditanyakan silahkan berikan komentar dibawah.

Photoshop, Tutorials 18.35 48 comments

Efek Retro Typography Pada Photoshop CS5

Edit Foto Dengan Efek Retro Typography Pada Photoshop CS5

Mumpung lagi dapet inspirasi membuat typography, kali ini aku akan mengulas tentang edit foto ke dalam disain/bentuk typography warna dengan trik dan cara yang paling sederhana. Baiklah, langsung saja gak pake lama ya.

1. Siapkan dokumen baru berupa foto yang akan diedit.

2. Buatlah sebuah tulisan seperti pada contoh gambar dibawah.

3. Untuk memudahkan dalam pengeditan, maka kita buat tulisan 'retro' tadi menjadi sebuah Brush yang akan kita pakai nanti dengan cara, pilih Edit - Define Brush Preset..., lalu setelah Brush diberi nama selanjutnya tekan 'OK'.

4. Buat layer baru, lalu pilih brush yang baru saja kita buat sebagai masking foto. Perlu diperhatikan, posisi layer brush harus diatas layer foto. Posisikan brush secara acak dengan ukuran yang disesuaikan.

5. Masih pada layer brush, tekan dan tahan tombol 'Ctrl' pada keyboard lalu klik thumbnail layer brush pada pallete layer, maka akan tampak hasil seleksi.

6. Setelah selesai dengan layer brush, pilih layer foto, lalu tekan 'Ctrl + J', dan akan menghasilkan layer baru yang merupakan perpaduan antara Foto dan Type.

7. Non-aktifkan layer Foto (Background) dan layer brush denga cara di-klik pada tanda mata disebelah kiri thumbnail layer masing-masing.

8. Buatlah layer baru tepat diatas layer background, lalu warnai dengan 'Paint Bucket Tool'.

9. Buatlah latar menjadi mempunyai efek tekstur granite halus dengan cara memilih 'Filter - Disort - Diffuse Glow'. Sesuaikan dengan ngetatur 'Graininess', 'Glow Amount' dan 'Clear Amount'.