Membuat Ilustrasi J100i Sony Ericsson
December 5th, 2006 by dr.emi
Bagian ini sedikit detail. Membahas teknik illustrasi pada J100i. Sangat disarankan untuk memahami terlebih dahulu teknik teknik dasar pada tool photoshop nya. Terutama untuk teknik pembuatan path dengan pen tool.
Pertama siapkan halaman baru Photoshop Anda.
Untuk mendownload Style Customnya, klik disini untuk download.
Gunakan Rounded Recatangle Tool dengan radius = 10.
Buat bidang vector seperti pada gambar

Beri Layer > Style > Bevel and Emboss berikan setting seperti gambar dibawah ini

Kasi Gradient Overlay juga dengan setting sebagai berikut

Lalu Klik OK.
Duplikat layer vector bidang diatas dan transform lah menggunakan setting seperti pada gambar. W=88% dan H=92%.

Masih pada layer yang Anda duplikat, sekarang pilih Layer Stye > Inner Glow.

Centang juga Style Color Overlay, dengan Color = #545e68. Settingnya biarkan dalam keadaan default. Lalu Klik OK.
OK bagian body utama telah selesai, kini kita beralih ke asesoris Speaker.
Buat bidang dengan Rounded Rectangle Tool, Radius = 10 di bagian atas body, seperti pada gambar.
Agar tampak lebih nyata, berikan fill pattern effect pada layer speaker. Caranya buat sebuah dokumen baru dengan ukuran 4 x 4 pixels, pada window File > New yang muncul pilih background contents = Transparent, setting lainnya default, lalu klik OK.
Pilih Pencil tool ukuran 2 pixels dengan warna #000000 , lalu perbesar Zooming layar Anda ke 1600% pada Panel Window Navigator.

Klik pada pojok kiri atas, diikuti dengan klik lagi pada pojok kanan bawah, sehingga akan membentuk dua titik pada bidang transparent yang saling diagonal.

Baru Anda Pilih Select All atau Tekan [CTRL+A]. Lalu pilih Edit > Define Pattern. lalu kasi nama dot-diag misalkan.

Nah mari kita beralih lagi ke dokumen utama rancangan HP Anda.
Sekarang buat Layer > New Layer di atas layer speaker, pilih Edit > Fill lalu pilih Pattern pada Option Use dan Klik OK.

Kembali pada layer Speaker! berikan Layer Style > Inner Glow, color = #000000.

Berikan Gradient Overlay.

Centang juga Stroke nya

Terakhir Klik OK.
Tambahkan Text Sony Erricson di bagian bawah bidang Speaker, dengan setting Text seperti pada gambar.
Download disini untuk Font Julius Condensed nya

Pada bagian selanjutnya buat dua bidang Rounded Rectangle Tool, Satu untuk bidang Layar Handphone (radius = 4 pixels), dan satunya lagi untuk No Seri (radius = 8 pixels). Maka akan tampak seperti pada gambar. Gunakan teknik Layer Style yang sama untuk style yang ditampilkan, yakni Style Stroke dan Color Overlay.

Selanjutnya bikin bidang baru untuk panel Keypadnya dengan menggunakan Rounded Rectangle Tool, radius = 8 pixels. Gunakan mistar Guide agar posisinya tetap sejajar vertikal dengan layar.

Lalu kasi Layer Style > Bevel and Emboss. Sesuaikan dengan setting nya.

Kasi Centang pada Color Overlay juga, berikan color Overlay = #545e68.
Satu lagi kasi Style Stroke. Settingnya default juga.
OK, pada bagian selanjutnya kita akan membuat bidang tombol keypadnya. Tarik beberpa garis mistar guide dan atur posisinya seperti pada gambar, karena nantinya akan disesuaikan dengan posisi dan bentuk keypad tombol nya J100i.

Sekarang restirize terlebih dahulu layer Keypad yang telah Anda buat tadi. Dengan memilih menu Layer > Restirize > Shape.
Selanjutnya gunakan Eraser tool dengan ukuran pencil = 2 pixels. Klik dan drag untuk menghapus pada bagian 2 keypad mengikuti garis 2 guide yang telah Anda Buat.
Setelah selesai menghapus tekan [CTRL+ ;] untuk meng hidden mistar guide Anda. Nah sudah tampak pemetaan keypad tombol2nya.
Tambahkan bagian JoySticknya menggunakan Elips Tool, letakkan di tengah atas keypad.
Lalu CTRL + Klik layer JoyStick nya, klik pada layer keypad, dan tekan tombol DELETE pada keyboard.
Berikan Style untuk Joystick nya.


Hasil Sementara….

Kembangkan kreativitas Anda untuk membuat teks nomor2 pada keypadnya. Gunakan Jenis Text Arial Narrow.

Terakhir banget, agar tampak lebih hidup tambahkan wallpaper untuk layar HandPhone dan beberapa atribut yang biasa Anda liat di HandPhone, seperti Jam, tanggal, Status Baterai, dan Sinyal Operator.
Semoga bermanfaat, Udah ngantuk nih
(23:50 WIB).
Hasil Akhirnya…..

Popularity: 3% [?]
Hello my fox! Glad to see you today!If you love my tutorial, please chose any action from the left button.
7 Comments
Tutorial ini mengajak Anda dalam menilustrasikan J100i Sony Ericsson. Sehingga Anda dapat mengimplementasikannya dalam ilustrasi yang lain.
Assalamualaikum,
saya aji,.saya hanya ingin berkomentar, web site tutorialnya sangat menarik dan membantu, khususnya bagi orang seperti saya yang kurang berbakat dalam design grafis dan sering kesulitan menemukan ide. terimakasih
wassalam
Terimakasih atas komen nya. Saya akan terus berkarya memberikan info tutorial terbaik untuk netter semua. Semoga bermanfaat. Kunjungi terus dremi.info. Wassalam
Web desain anda sangat menarik dan futuristik, kalo bleh tahu pake software
apa membuat image & interfacenya? Terimakasih
Hei Helloo, mas Hendi….
Semua design grafis dan web interface dalam web saya murni menggunakan Adobe Photoshop, tanpa sentuhan ato daur ulang ke 3d maupun pengolah grafis lainnya. Namun dengan sedikit kecermatan dalam membuatnya dan style2 nya dapat dipelajari dengan mudah dalam Photoshop sendiri, akhirnya saya sering membuat karya2 produk Photoshop dengan hasil yang tidak mengecewakan.
Begitu juga dengan tutorial2 photoshop yang saya buat, sepenuhnya diolah dengan bantuan teman setia saya Adobe Photoshop.
By the way saya baru saja membeli salah satu buku mas Hendi. Pengen Tau tulisan & hasil karya mas Hendi. Ternyata mas Hendi penggemar Musik PUNK ya…Hardcore lagi….
Kalo saya suka Punk yang original, dan cenderung ke Oldiest PUNK, kaya Misfits, Bad Religion dan Sex Pistols.
SID VICIOUS adalah figur kebanggan saya. Walopun terlibat kasus “Hisap – Menghisap”, tapi dari musik2nyalah saya banyak mendapat inspirasi dalam mendesign, saya ambil psikologi musiknya saja tanpa mengambil sisi negatif dari anggapan orang “Punk Cover is only for trash”. Setuju kan?
Thanks…
Just say it with fill the comment form.
My Friends Link
10001 Inspirasi 4w1n.Blogspot.Com Afial blog Afotsum.CO.NR Alfikry Blogspot Ancaran.Com Andrian.Blogdrive.Com AngsaRea AraZidsi Arteknindo.Com ArtheZoo.TK Articlecillin Belajar Gratis Blog Si Bochan BloGila_U2.Blogdrive.Com BOGIRO Book and Movie Review Can_Dra Blog Catalog-Tutorial CatatanLou.110mb.Com Coin-Kevin DataBagus.Com Dede Permana, S. Kom (PT. BITA Bandung) Deniall.Com Desire 8 Distro & Clothing Diplomski.Com Ensept.Com Esato.Com Faris Wijaya FarisW.Com Blog Fendix Wordpress Foxxed-ART Gadget and Tech Gedex.Web.ID GejalaGila.Com GraphicVN HendiHen.Com Henny Indrianty Hmzaky-dot.Blogspot.Com I D I K IDWebHost.BIZ IDWebHost.Com Ilivetodesign.Com Ilmu Grafis Inez Nugroho Irenk Design IT Club Lombok Jafair.Multiply.Com Jaloe Blog Spot Jenggot Community JiranKubur Jurnal Jaloee K B M S Blog Klik-Kanan.Com LearnSimply LensaDarbi MadeInAra – Graphic Design Mark Xaviar Mifka.Multiply.Com More Tech Tips! Ngetixide.Wordpress.Com Nursingmedia.Blogspot.Com OneMoment.CO.NR PC MILD Percikan Iman Bandung Profit Trading Forex Pulsa Center PuwaSila Denpasar Rumah Sakit Herbal SEO Articles and Newsletters Seputar Info Wanita {Niella Anwar} SMKN 3 Batu Supermodel and Celebrity Tedy Blog TeguhNET Articles The-Sulton.Com TopBlogArea.Com Tutorial Flash – Blog Apri Tutorial Website Ubaid UdaraMaya.Com WebDesigner.Web.ID Yudha Yudhanto, S. KomAdvertise
Sponsors
Most Popular Posts
- Membuat Manajemen Hak Akses User dengan Codeigniter
- Interactive Ajax Data Management with Codeigniter
- Web Design Layout Plus Implementasi jQuery Tab Content
- Simple Swing Login Form And getText()
- Web Base Controller System with NirCMD
- Create a simple application to open an EXE file on the window with JAVA
- How to Check Username Availability using jQuery + PHP
- dreLogin v.2.0 Has Release
- The Chain Tutorial from FuelYourCreativity
- Email untuk Pak ESBEYE di HUT RI ke 65
Category
Subcribe RSS Feed
Translate
Flick Group dr.emi
dr.emi creative design
SEO Articles & Newsletters
Forum dremi.info
Free Download
Recent Comments
- dr.emi: @ade itu make toggle nya jQuery: http://api.jquery.com/slid...
- dr.emi: ma sama..... mas berok...
- dr.emi: ada mas berok: http://www.dremi.info/tutorials/jquery/drelo...
- datih: apakah ada syntak Log-in php ???...
- Armin: ngakalin rounded corner biar compatible di semua browser kek...
- Armin: edan ini, tutorialnya langsung sehalaman...gkgkk.. sukses b...
- erny: kereeennn... makasiihhh... kapan2 balik lg! hehehe. :D...
Recent Posts
- MARJINAL DI TVONE "RADIO SHOW"
- Mail Yahoo make me frustrating
- Sharing Pengalaman menggunakan CI dan CakePHP
- Lowongan Kerja dr.emi creative design - Oktober 2011
- Happy Eid Mubarak - May God Bless You!
- Lowongan untuk PHP Programmer (PT Xsis Mitra Utama)
- Fenomena ustad/ustazah jadi2an di tipi sedang marak
- Sayang sekali tak dapat nonton Marky Ramones
- [FIX] Installing Ruby on Rails 3, MySQL and SOLVE few problem on UBUNTU 10.10 (Maverick)
- Small Tip, big solution in SVN Problem
Archives
Popular Tags
3D illustration abstract design adsense aero button animation banner clean navigation codeigniter colouring layer CSS tutorials effect form interface glassy effect google gradient style GUI photoshop design hacker handcoded HTML indonesian culture IT job jQuery layer mask logo lowongan kerja merancang web pen tool photo retouch photoshop design PHP PHP Advance PHP login php programmer product demo relationship search engine shapping spirit text effect transparent gradient web articles web design web development web header web layout web tips





















PSD Files
PHP Source Code






