Tutorial Photoshop Menengah: Bikin LCD Monitor Keren

btw.. kalo mau langganan tutorial baru yang saya posting tinggal isi email aja yaa.. form nya ada disamping kanan.

Sekarang saya coba buat tutorial gimana membuat design sendiri alias gak retouching foto yang udah ada. Saya catut tutorial bahasa inggris dari tutorialized. gpp kan nyatut.. yang penting skarang bahasanya udah ditranslate ke bahasa indonesia. Kalo tutorialnya bagus dan sudah saya coba ternyata bener, kenapa gak diposting ? yaa gak? Mungkin nanti nya saya ambil-ambil tutorial dari web lain yang berbahasa inggris. Tapi gak asal ambil, pasti saya test dulu keberanan tutorial nya. Dan kalo ada yang loncat cara-cara nya saya pasti tambahin.

Oke.. sekarang kita mulai yaa.. Membuat LCD monitor Keren ( tutorialized )

dimulai membuat document baru dengan ukuran 400 x 400 px dengan resolusi 72 aja.

Buat layer baru :

 

Sekrang buat kotak Pake Rectangular Marquee tool seperti dibawah, terus kasih warna hitam.

Blending layer 1 dengan cara klik kanan lalu Klik Blending Option. Lalu drop shadow sesuaikan parameternya dengan gambar dibawah, diteruskan dengan  Gradient Overlay sesuaikan parameternya, satu lagi Stroke sesuaikn parameternya dengan gambar dibawah :

Untuk merubah warna gradient klik di gradient nya lalu muncul seperti dibawah. Warna abu-abu : 767676

Gambar nya akan jadi seperti ini :

Sekarang buat kotak yang lain , Pake Rectanguler marquee tool juga, jangan lupa buatnya di layer yang baru yaa..

Klik kanan layer yang baru, lalu klik Blending option, sesuaikan settingan nya, sekaranga gak pake drop shadow. :

Hasilnya akan seperti ini :

Sekarang Pake Rounded Rectangle Tool :

Buat shape warna Hitam seperti dibawah :

Masih di layer Shape warna Hitam tadi, Klik kanan lalu klik Blending Option, ikuti setting nya :

Sekarang ke contour

lalu color overlay :

Gambar jadinya seperti ini :

Sekarang dilanjut membuat layar dengan Rounded Rengtangle tool lalu warnai dengan warna putih, caranya ubah warna foreground color jadi warna putih dengan menekan tombol “x”.

Lalu buat Rounded Rectangle Tool seperti cara membuat monitor sebelumnya.

Lalu klik kanan dan klik blending Option, sesuaikan parameternya :

Gambar akan terlihat seperti ini :

Sekarang Klik Brush Tool untuk membuat lampu monitor :

Buat titik kecil warna hijau terang .. atau merah.. terserah aja.

Tulis Merek monitor ditengah- dengan menggunakan Text tool / Type tool :

Buka gambar atau foto , nanti gabungkan ke gambar monitor di atas. saya pake gambar icon recycle bin di VIsta , terserah aja yaa gambarnya…. jangan terpaku ke gambar disini. bebas aja.

sekarang, biar gambar nya lebih alami, set Opacity nya di layer Palette :

nanti hasilnya  seperti ini :

Selesai deh…

Kalo ada pertanyaan atau kurang ngerti , di komentar aja yaa..

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA? <h2>Tutorial Photoshop Menengah: Bikin LCD Monitor Keren</h2> <p>btw.. kalo mau langganan tutorial baru yang saya posting tinggal isi email aja yaa.. form nya ada disamping kanan.</p> <p>Sekarang saya coba buat tutorial gimana membuat design sendiri alias gak retouching foto yang udah ada. Saya catut tutorial bahasa inggris dari tutorialized. gpp kan nyatut.. yang penting skarang bahasanya udah ditranslate ke bahasa indonesia. Kalo tutorialnya bagus dan sudah saya coba ternyata bener, kenapa gak diposting ? yaa gak? Mungkin nanti nya saya ambil-ambil tutorial dari web lain yang berbahasa inggris. Tapi gak asal ambil, pasti saya test dulu keberanan tutorial nya. Dan kalo ada yang loncat cara-cara nya saya pasti tambahin.</p> <p>Oke.. sekarang kita mulai yaa.. Membuat LCD monitor Keren ( tutorialized )</p> <p>dimulai membuat document baru dengan ukuran 400 x 400 px dengan resolusi 72 aja.</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect1.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect1.gif" border="0" alt="" width="414" height="326" /><span id="more-95"></span></p> <p>Buat layer baru :</p> <p> <img src="http://ilmuphotoshop.com/wp-content/uploads/2008/04/16.jpg" alt="16.jpg" /></p> <p>Sekrang buat kotak Pake Rectangular Marquee tool seperti dibawah, terus kasih warna hitam.</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect2.gif" border="0" alt="" width="260" height="140" /></p> <p>Blending layer 1 dengan cara klik kanan lalu Klik Blending Option. Lalu drop shadow sesuaikan parameternya dengan gambar dibawah, diteruskan dengan  Gradient Overlay sesuaikan parameternya, satu lagi Stroke sesuaikn parameternya dengan gambar dibawah :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect3.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect3.gif" border="0" alt="" width="273" height="311" /></p> <p>Untuk merubah warna gradient klik di gradient nya lalu muncul seperti dibawah. Warna abu-abu : 767676</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect5.gif" border="0" alt="" width="1" height="1" /></p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect5.gif" border="0" alt="" width="394" height="150" /></p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect6.gif" border="0" alt="" width="1" height="1" /><br /> <img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect6.gif" border="0" alt="" width="252" height="194" /></p> <p>Gambar nya akan jadi seperti ini :<br /> <img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect7.gif" border="0" alt="" width="288" height="158" /><br /> Sekarang buat kotak yang lain , Pake Rectanguler marquee tool juga, <em>jangan lupa buatnya di layer yang baru yaa..</em></p> <p><em><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect8.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect8.gif" border="0" alt="" width="261" height="118" /></em></p> <p>Klik kanan layer yang baru, lalu klik Blending option, sesuaikan settingan nya, sekaranga gak pake drop shadow. :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect9.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect9.gif" border="0" alt="" width="266" height="187" /></p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect10.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect10.gif" border="0" alt="" width="389" height="155" /></p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect11.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect11.gif" border="0" alt="" width="252" height="213" /></p> <p>Hasilnya akan seperti ini :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect12.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect12.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect12.gif" border="0" alt="" width="269" height="138" /><br /> Sekarang Pake Rounded Rectangle Tool :</p> <p><img src="http://ilmuphotoshop.com/wp-content/uploads/2008/04/24.jpg" alt="24.jpg" /></p> <p>Buat shape warna Hitam seperti dibawah :<br /> <img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect14.gif" border="0" alt="" width="300" height="282" /></p> <p>Masih di layer Shape warna Hitam tadi, Klik kanan lalu klik Blending Option, ikuti setting nya :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect15.gif" border="0" alt="" width="281" height="364" /></p> <p>Sekarang ke contour</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect16.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect16.gif" border="0" alt="" width="229" height="96" /></p> <p>lalu color overlay :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect17.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect17.gif" border="0" alt="" width="242" height="82" /></p> <p>Gambar jadinya seperti ini :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect18.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect18.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect18.gif" border="0" alt="" width="303" height="265" /></p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect7.gif" border="0" alt="" width="1" height="1" />Sekarang dilanjut membuat layar dengan Rounded Rengtangle tool lalu warnai dengan warna putih, caranya ubah warna foreground color jadi warna putih dengan menekan tombol ”x”.</p> <p>Lalu buat Rounded Rectangle Tool seperti cara membuat monitor sebelumnya.</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect19.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect19.gif" border="0" alt="" width="293" height="265" /></p> <p>Lalu klik kanan dan klik blending Option, sesuaikan parameternya :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect20.gif" border="0" alt="" width="1" height="1" /><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect20.gif" border="0" alt="" width="260" height="196" /></p> <p><img src="http://ilmuphotoshop.com/wp-content/uploads/2008/04/35.jpg" alt="35.jpg" /></p> <p>Gambar akan terlihat seperti ini :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect22.gif" border="0" alt="a" width="290" height="287" /></p> <p>Sekarang Klik Brush Tool untuk membuat lampu monitor :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect23.gif" border="0" alt="brush" width="214" height="196" /></p> <p>Buat titik kecil warna hijau terang .. atau merah.. terserah aja.</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect24.gif" border="0" alt="lampu" width="124" height="161" /></p> <p>Tulis Merek monitor ditengah- dengan menggunakan Text tool / Type tool :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect25.gif" border="0" alt="tulisan" width="294" height="257" /></p> <p>Buka gambar atau foto , nanti gabungkan ke gambar monitor di atas. saya pake gambar icon recycle bin di VIsta , terserah aja yaa gambarnya…. jangan terpaku ke gambar disini. bebas aja.</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect26.gif" border="0" alt="monitor" width="285" height="287" /></p> <p>sekarang, biar gambar nya lebih alami, set Opacity nya di layer Palette :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect27.gif" border="0" alt="layer" width="207" height="64" /></p> <p>nanti hasilnya  seperti ini :</p> <p><img src="http://ooglewindowblinds.com/wp-content/uploads/2008/02/photoshop-tutorial-lcd-monitor-effect28.gif" border="0" alt="monitor" width="285" height="255" /></p> <p>Selesai deh…</p> <p>Kalo ada pertanyaan atau kurang ngerti , di komentar aja yaa..</p> <p> Artikel <a href="http://ilmuphotoshop.com/2008/04/18/tutorial-photoshop-menengah-bikin-lcd-monitor-keren/">Tutorial Photoshop Menengah: Bikin LCD Monitor Keren</a> ini dipersembahkan oleh <a href="http://ilmuphotoshop.com" title="Tutorial Photoshop Gratis">Tutorial Photoshop Gratis</a>. Kunjungi <a href="http://desktop.93vs.com" title="Wallpaper, Font, Desktop Theme Gratis"> Wallpaper, Font, Desktop Theme Gratis</a> Pokoknya Serba Gratis. Baca Juga <a href="http://photoshopedit.com" title="Adobe Photoshop Tutorial"> Adobe Photoshop Tutorials</a> </p>
*copy-paste kode di atas ke dalam form posting blog Anda

18 Responses to “Tutorial Photoshop Menengah: Bikin LCD Monitor Keren”

1. abyads says:

   May 12, 2008 at 8:26 am

   koollllllllllllllllll men,
   keep share your knowlge .
2. Ken Dee NBL says:

   June 7, 2008 at 5:43 am

   Mksh yach atas tipsnya, salam kenal dari saya…
3. yosaadi says:

   August 15, 2008 at 2:13 pm

   sip bang…saya suka nih..boleh gunakan ya ilmunya

   tks
4. Miska Ikhwan Kurniawan says:

   September 8, 2008 at 2:43 am

   hiiiiiii lam kenal,o y,q mw mnt bimbingannya&penjelasan yg LENGKAP donk tentang membuat font/tulisan yg keren,bagus,menarik,pokoknya ciamikkkkkkkkkkk&menarik orangggg.sekalian moohon penjelasannya tentang BLENDING OPTION .yg detailll y????Terima kasih bnyakkkkk.saya tunggu balasan anda di email saya
   MOhon dibalas secepatnya yyyyyyyyyyyyy!!!!!!
5. MorRock's says:

   September 17, 2008 at 9:17 am

   Lam kenal ya mas…
   nice tutorial..
   sangat berguna.
6. Eko Yulianto says:

   September 18, 2008 at 10:19 am

   Wah Keren Tapi Bisa Ngak Ya Kira-Kira Buat Sebuah Foto Jadi Kartun
   Katanya Temenku Nama Tekhniknya Trashing atau Apalah oh Iya Dia Pake Adobe Ilustrator. Gila Firstly I Practice Butuh Waktu 3 Jam Untuk 1 Foto Aja
   Tantangan Nih Adobe Bisa Ngak Ya HeHeHe

   Makasih Atas Ilmunya
7. wahyu says:

   October 28, 2008 at 5:43 am

   Bagaimana cara membuat photo menjadi seperti lukisan crayon.atau gambar crayon
8. mbah says:

   January 14, 2009 at 5:14 am

   caranya gmana agar aku bisa langganan tutorial photoshop. langsung dikirim ke emailQ.mksh
9. Wiets says:

   February 11, 2009 at 1:27 am

   emang keren..
10. ardi says:

    February 18, 2009 at 6:45 am

    mantap brooooo,,, mas kalo ada trik baru,,,di post lagi ya mas,,,,saya mau banyak belajar dari mas,,,,,
    tararengkyuuuuuuu,,,,,heheh..h.e.hehe
11. agnesta says:

    February 25, 2009 at 2:39 am

    ntar kalo ada trik2 baru…kirim ke email yaaa
    tq………
12. Koleksi lukisan says:

    March 13, 2009 at 4:59 pm

    Posting menarik, saya sudah bookmark situs ini. Akan merekomendasikan ke teman saya juga.
13. jonatan says:

    May 13, 2009 at 8:49 am

    thks ilmunya mas… smoga ilmu yang telah anda bagikan dapat membangun Indonesia!!!
14. donj says:

    June 26, 2009 at 3:46 am

    ternyata bisa ya.oks deh ku coba
15. yoga says:

    August 13, 2009 at 10:50 pm

    Wah keren sekali mas…
    saya baru tau kalau photoshop itu bisa melakukan banyak efek…
    Trim’s mas. terus posting ya…
16. MOKO says:

    September 5, 2009 at 12:00 pm

    mas sigit memang hebat….ampuh banget ilmunya….maju terus masss
17. budicokro says:

    October 15, 2009 at 10:49 am

    mantap, sukses dipraktekkan.
18. FADLI says:

    March 18, 2011 at 10:19 pm

    Mas mau nanya layar palatea itu t4nya dimana atau kalau mau di buka di mana apa bisa pake Ctrl apagituatau tekan apa Terima kasi Banyak Sebelumnya Mas