Opening Title Game RPG

Opening Title Game RPG

Saya yakin diantara pembaca sekalian, pastilah ada yang hobi bermain game. Kebetulan saya juga seorang maniak game, terutama game-game RPG keluaran Square-Enix. Bila Anda perhatikan, semua game ( tidak hanya game RPG ), memiliki semacam layar pembuka/utama yang menampilkan judul game, informasi copyright dan teks bertulisakan "Press Start".
Nah, tutorial kali ini akan mengajak Anda untuk mendesain tampilan game semacam itu. Tidak usah terlalu muluk, kita akan membuat tampilan sederhana saja namun tetap terlihat menarik. seperti yang dapat Anda lihat pada gambar di bawah ini:



Gambar 1 menu pembuka game "Ubi Talas ORCHIDIA" :)

Langkah pertama, buatlah sebuah dokumen baru berukuran 640x480 px dengan latar belakang putih.



Gambar 2 Membuat dokumen baru

Buat sebuah layer baru, lalu isi layer baru tersebut dengan warna putih ( warna lain juga boleh koq )



Gambar 3 Membuat layer baru dan mengisinya dengan warna putih

Tambahkan layer style Pattern Overlay untuk layer baru tersebut ( layer 1 ). Samakan setting layer style tersebut seperti pada Gambar 4.



Gambar 4 Setting pattern Overlay

Bila Anda tidak dapat menemukan pattern Sketch Paper tersebut, cara menampilkannya adalah dengan mengklik tombol menu dan pilih Color Paper.



Gambar 5 Menampilkan pattern Color Paper

Pilih Yes pada kotak konfirmasi yang tampil. Lalu cari pattern Sketch Paper seperti yang terlihat pada Gambar 4 di atas.

Selanjutnya kita akan menggunakan file gambar dari game "Dawn of Mana" yang juga merupakan salah satu game favorit saya :) Klik pada gambar dibawah ini untuk membuka ukuran sebenarnya. Lalu klik kanan dan pilih Save Image As..



Gambar 6 Menggunakan file gambar Dawn of mana

Seleksi gambar menggunakan Rectangular Marquee tool



Gambar 7 Menyeleksi gambar

Gunakan Move tool untuk menarik gambar yang diseleksi ke dalam jendela dokumen yang sedang Anda edit. Tekan Ctrl+T lalu sesuaikan ukuran gambar dengan lebar dokumen.



Gambar 8 Menyesuaikan ukuran gambar

Tekan Ctrl+Shift+U untuk menerapkan perintah desaturate, gambar akan menjadi hitam putih



Gambar 9 Menerapkan perintah Desaturate

Selanjutnya tekan Ctrl+Shift+L untuk menerapkan perintah Auto Levels.

Masih pada layer yang sama, ubah Blending mode menjadi: Color Burn dan turunkan opacity menjadi 50%. Langkah ini akan menjadikan tampilan gambar terlihat menyatu dengan tekstur kertas pada layer dibawahnya.



Gambar 10 Mengubah blending mode dan opacity layer

Gunakan Horizontal Type tool untuk membuat teks seperti yang terlihat pada Gambar 11. Pilih jenis font, warna dan ukuran yang semirip mungkin dengan contoh pada gambar tersebut.



Gambar 11 Menambahkan teks pada gambar ( klik untuk memperbesar gambar )

Sampai disini, berarti Anda telah membuat empat buah layer teks. Klik layer teks "Ubi Talas".



Gambar 12 Mengaktifkan layer teks Ubi Talas

Tambahkan layer style Gradient Overlay pada layer teks tersebut. Lihat Gambar 13 untuk mengetahui setting yang digunakan.



Gambar 13 Setting Gradient Overlay

Selanjutnya tambahkan layer style Stroke, dan gunakan setting yang sama seperti pada Gambar 14.



Gambar 14 Setting layer style Stroke

Berikutnya tambahkan layer style Drop Shadow dan lihat setting pada Gambar 15.



Gambar 15 Setting layer style Drop Shadow

Hasil penambahan layer style akan terlihat seperti pada Gambar 16.



Gambar 16 Hasil penggunaan layer style

Sekarang klik layer teks "ORCHIDIA"



Gambar 17 mengaktifkan layer teks ORCHIDIA

Tambahkan layer style Gradient Overlay untuk layer teks tersebut. Lihat setting pada Gambar 18.



Gambar 18 Setting Gradient Overlay

Masih pada layer yang sama, tambahkan layer style Bevel and Emboss. Lihat setting pada Gambar 19.



Gambar 19 Setting Bevel and Emboss

Lanjutkan menambahkan layer Style Stroke, lihat setting pada Gambar 20



Gambar 20 Setting layer style Stroke

Terakhir, tambahkan layer style Drop Shadow dengan setting sebagai berikut:



Gambar 21 Setting layer style Drop Shadow

Hasil akhir penambahan layer style ini akan terlihat seperti pada Gambar 22.



Gambar 22 Hasil akhir penerapan layer style

Oke, sekian dulu... bila ada pertanyaan, silahkan berkomentar :)
Selamat mencoba!

22.47 | 0 komentar | Read More

Efek Stiker Photoshop

Efek Stiker Photoshop

Kali ini Anda akan membuat efek stiker terkelupas seperti yang terlihat pada gambar dibawah ini:


Tools yg digunakan:
- Brush Tool
- Gradient Tool
- Polygonal Lasso
- Horizontal Type tool

OK, langsung kita mulai saja. Pertama-tama Anda harus membuat dokumen baru sebagai tempat eksperiman ( ukurannya terserah ). Misalnya 640x480 pixel dengan latar belakang putih.
Pilih jenis brush hard round 200 px, pastikan nilai hardness: 100%. Pilih warna biru sebagai warna brush.

Buat layer baru, lalu klik 1x pada kanvas untuk membuat bentuk lingkaran.

Sekarang pilih warna putih sebagai warna brush dan buatlah sebuah layer baru lagi. Dengan cara yg sama seperti langkah sebelumnya, buatlah lingkaran berwarna putih dalam layer baru tersebut. Perhatikan gambar di bawah ini:
Dengan menggunakan Polygonal lasso tool, buat seleksi pada gambar lingkaran putih seperti yang terlihat dalam gambar di bawah ini:
Balik seleksi dengan menekan Shift+Ctrl+I atau klik menu Select> Inverse. Hapus bagian gambar yang terseleksi dengan menekan Delete pada keyboard.
Hilangkan seleksi dengan menekan Ctrl+D.

Gunakan perintah Free Transform ( Ctrl+T ) untuk memutar dan mengatur posisi gambar lingkaran putih yang telah terpotong. Perhatikan gambar di bawah ini. Tekan Enter bila telah selesai.
Gunakan kembali Polygonal lasso tool untuk membuat seleksi pada gambar lingkaran biru. Tekan Delete untuk menghapus bagian gambar yang diseleksi.
Hilangkan seleksi dengan menekan Ctrl+D.

Masih pada layer lingkaran biru ( layer 1 ), tambahkan layer style Drop Shadow dan gunakan setting yang sama seperti pada gambar di bawah ini. Hal ini dilakukan agar stiker tersebut terlihat memiliki bayangan.
Ctrl+Klik pada thumbnail layer 1 guna menyeleksinya.

Dengan seleksi aktif, gunakan Linear gradient tool dengan warna biru dan biru gelap pada area seleksi hingga Anda mendapatkan hasil seperti yg terlihat dalam Gambar berikut:

Bila Anda ingin menambahkan teks di atas stiker ini, maka letakkan layer teks di antara layer 2 dan layer 1.
Hal yang sama juga berlaku untuk gambar, posisikan layer gambar diantara kedua layer tersebut.
Kemudian agar gambar masuk ke dalam lingkaran stiker, klik menu Layer> Create Clipping Mask atau tekan Alt+Ctrl+G. Hasilnya dapat Anda lihat pada gambar dibawah...
nah, demikianlah tutorial singkat untuk membuat efek stiker. mudah2an isinya bisa bermanfaat untuk yg membacanya...jangan lupa komentarnya ya :)

22.43 | 0 komentar | Read More

Yahoo siapkan teknologi terdepan pada beberapa produknya

Sesuaikan ukuran huruf:

Yahoo melanjutkan komitmennya untuk menjadi pusat kehidupan online bagi penggunanya di seluruh dunia. Komitmen tersebut ditunjukkan dengan pengumuman produk terbaru yang akan memberikan pengalaman terbaik melalui jaringan internet kepada pengguna di seluruh dunia. Beberapa produk tersebut meliputi:

• Sebuah pengalaman Yahoo! Mail yang baru dengan fokus pada kinerja dan kecepatan. Rencananya antarmuka pada produk ini akan lebih ramping dan memudahkan pengguna untuk menavigasi dan mengatur pesan masuk. Pengalaman tersebut akan terintegrasi dengan semua Yahoo! Mail di berbagai platform, mulai dari desktop hingga mobile.
• Yahoo! Messenger 11 sendiri akan memberikan pengalaman sosial yang lebih kaya, cepat, dan aman dengan fitur keamanan yang canggih. Fitur terbaru di Yahoo! Messenger 11 akan terdapat sebuah kotak berbagi yang disempurnakan dan memungkinkan pengguna untuk mempublikasikan status mereka ke Yahoo! pulse dan jejaring sosial lainnya seperti Facebook dan Twitter.
• Yahoo! Search yang baru tentu tampil lebih kaya akan pengalaman kepada penggunanya. Pengamalaman mendalam akan diberikan melalui berita dan hiburan yang akan sering diperbaharui.
• Bagi pengguna iPad, Yahoo! juga telah menyediakan satu aplikasi yaitu Yahoo! ipad. Aplikasi ini dirancang untuk menyampaikan informasi berita secara pribadi yang relevan dan penting seperti cuaca, perjalanan dan yang lainnya.
  

Yahoo! sendiri masih terus mengembangkan beberapa aplikasi lainnya. Kita tunggu saja peluncuran dari berbagai produk mereka dalam waktu kedepannya. (jimmyfernanda/BeritaNet.com)

22.27 | 0 komentar | Read More