Ingin berbagi file dengan teman? Gunakan saja file sharing Populer DropBox Gratis 2GB dengan bandwidth 10GB/hari
Cara mudah membuat efek bayangan dengan Photoshop
| Saat ini masih cukup trend untuk membuat logo atau gambar dengan memberikan bayangan dibawahnya, seolah-olah objek tersebut berada diatas kaca. Ada berbagai cara membuat efek tersebut dengan Photoshop, berikut cara mudah membuat efek bayangan dengan teknik “Masking”. |
Dengan teknik masking, untuk membuat efek bayangan hanya diperlukan beberapa langkah saja. Agar lebih mudah, sebagai contoh akan dibuat bayangan untuk text. Ada beberapa istilah yang nantinya perlu dipahami, misalnya Layer dan Tools.
- Buat layer baru dengan cara klik menu File > New… setelah tampil window New, bagian Preset sizes pilih ukuran yang lumayan besar, misalnya 800×600. Opsi yang lain biarkan saja, kemudian klik OK, maka akan ditampilkan layer baru.
- Buat Text dengan memilih icon T (Horizontal Text Tool), tools disebelah kiri, kemudian klik di layer baru tersebut dan tulis misalnya “PHOTOSHOP” dengan ukuran text “72 pt”, pilih font yang agak tebal, misalnya “Arial Black” (pengaturan font bagian atas/toolbar). Biarkan warnanya tetap hitam.
- Copy text tersebut dengan memilih menu Layer > Duplicate Layer.. ketika muncul window konfirmasi duplicate layer, klik OK (atau tarik layer PHOTOSHOP tersebut ke icon “Create a new layer”). Text ini akan dijadikan bayangannya.
- Pilih Duplicate layer ( klik “Photoshop copy” di bagian layer ) tersebut dan Pilih Menu Edit > Transform > Flip Vertikal. Kemudian geser text yang sudah dibalik tersebut dibawah text Aslinya.
- Dibagian Layer, Pilih text bayangan tersebut, kemudian klik icon dibawahnya “Add layer mask”
- Klik “Gradient Tool” kemudian bagian warnanya pilih Foreground to Transparent.
Setelah itu drag (isikan) saja di bayangan text dari bawah ke atas. Jika terbalik maka ubah dari atas ke bawah. Ulangi jika hasilnya masih kurang bagus.
hasilnya seperti berikut :
Dari cara diatas akan dihasilkan text dengan bayangan dibawahnya. Agar hasilnya lebih menarik, maka text Photoshop yang diatas akan dibuat efek “candy” dengan langkah mudah berikut (melanjutkan langkah sebelumnya).
- Buat layer baru, posisikan berada diatas text “PHOTOSHOP”. Pastikan layernya transparant
- Klik layer baru tersebut dan pilih “Selection tool”, “Elliptical Marquee Tool”. Buat Seleksi Elips yang membagi text phhotoshop menjadi 2 bagian.
- Klik Gradient Tools, dan pastikan warna Putih berada diatas hitam (Foreground to Background). Pilih gradient “Foreground to Transparent”. Kemudian drag di bagian elips yang telah kita buah, coba sampai dihasilkan efek yang terbaik
Hasil Akhir :
Bagi yang baru mulai belajar photoshop, mungkin akan berkata wah kok rumit, kok susah dan sebagainya. Silahkan dicoba dulu, nanti jika sudah terbiasa mungkin akan berubah pikiran, karena ternyata mudah dan cepat. Teknik diatas bisa dimodifikasi dan disesuaikan sesuai dengan selera dan obyek yang digunakan.
Download tutorial dalam bentuk PDF : Efek Bayangan (115 KB)Ditulis oleh Ebta Setiawan (pada hari Kamis, 19 Juni 2008)
Kategori Photoshop dengan tags : Photoshop Tutorial
Sudah dilihat 84,569 kali dan sudah ada 46 komentar. Ingin selalu mendapatkan informasi artikel terbaru lewat email ? Daftarkan email di RSS feed
Kategori Photoshop dengan tags : Photoshop Tutorial
Sudah dilihat 84,569 kali dan sudah ada 46 komentar. Ingin selalu mendapatkan informasi artikel terbaru lewat email ? Daftarkan email di RSS feed
June 19th, 2008 at 8:10 am Wah, bagus nih mas! langsung dicoba yah!
June 19th, 2008 at 10:28 pm pengen banget mencoba, tapi gak punya komputer.piye jal? eh kok malah curhat….
June 20th, 2008 at 8:22 pm biasanya saya kalo mau bikin efek bayangan pindah dulu ke power point….dgn sekali klik langsung ada bayangan…hasilnya bisa dilihat di header blog saya….
tapi maksi juga ya tipsnya…
July 2nd, 2008 at 12:42 pm saya punya masalah pada saat mencetak halaman email pada microsoft outlook 2007, masalahnya adalah tidak ada pilihan halaman berapa yang akan di cetak ke printer.
terima kasih
August 7th, 2008 at 7:54 pm mas bisa kasih tutuorial yang lebih menarik lagi ga’?
August 7th, 2008 at 10:12 pm
Iya, rencananya kedepan begitu, karena perlu meluangkan waktu yang tidak singkat. Biasanya kalau menulis tutorial photoshop memerlukan waktu cukup lama ( bisa lebih dari 2 jam )
September 7th, 2008 at 9:17 pm Dank’ 4 info soal photoshop. Apapun yang ada tentang penggunaan photoshop, mohon dikirimkan untuk saya. trims lagi.
September 16th, 2008 at 9:22 am Mas saya ada kesulitan di langkah ke 6. Setelah saya drag ko yg bayangannya itu ga berubah ya..
Padahal saya udah tambahin add vector mask. Kenapa Ya?
Thnks anyway
September 17th, 2008 at 4:24 pm
Pastikan layer yang dipilih sudah pas, dan langkah sebelumnya juga sudah dilakukan ( add layer mask)
September 22nd, 2008 at 11:59 pm Assalamu’alaikum
apa cara itu bisa digunakan untuk membuat icon 3D ya???
saya mau belajar buat icon seperti icon2 Linux tp cukup susah, karena cahayanya dari atas dan bawah..
September 23rd, 2008 at 8:37 am
wa’alaikumsalaam
kalau untuk membuat icon dengan photoshop sepertinya tidak bisa (susah), mungkin lebih tepat jika menggunakan adobe ilustrator.. tapi mungkin bisa di ekspor..
Kalau masalah cahaya atas dan bawah, sepertinya memang butuh keahlian tersendiri
October 29th, 2008 at 11:20 pm mas ebta mo tanya, saya beli cd tutorial photoshop efek dan manipulasi foto di cahaya bintang.com, 1 bulan yang lalu. setelah cd saya buka dan saya praktekan memang bisa dan hasilnya bagus. tapi ketika isi cd tutorial itu mau saya copy kok gak bisa ya. apa ada software yang bisa untuk mengkopi cd tutorial photoshop yang telah saya beli itu ya. tolong kalo ada saya dikasih tahu. sebelumnya saya ucapkan terima kasih.
November 3rd, 2008 at 6:15 pm minta serial n adobe photosop yng cs 8 dunk???
November 3rd, 2008 at 6:17 pm minta serial nomernya adobe photosop yng cs 8 dunk???
November 7th, 2008 at 1:01 pm tengkyu sdh nagsih tw cara membuat efek bayangan..
bs mnta yg laen lg ka??
kirimkn ba ke Email..
November 8th, 2008 at 6:00 am
Coba kalau dipilih menu copy CD langsung. Misalnya di Nero ada menu copy CD.. jika tidak bisa mungkin menggunakan software lain atau versi yang lebih baru@rahma
saat ini belum membuat lagi..
nanti jika ada lagi, insyaAllah saya posting disini..
November 9th, 2008 at 1:07 am oky,,sya tnggu..
tengkyu ya sdh balaz aQ..
November 15th, 2008 at 7:58 pm makasih , udah diperaktekin,awalnya rumit tapi kalau dibaca baik-baik mudah juga ^^
December 6th, 2008 at 3:19 am Assalamu’alaikum wr,wb
mas saya pengen nyoba, tapi gak punya softwarenya, saya sudah coba yang crak2an tapi gak bisa, kata temen karena OS saya pake vista.
mas kalo boleh saya dikasih dong s/n photoshop cs3 nya,boleh ya mas:)saya enggan pake software yang mirip2 photoshop.
sebelumnya afwan dan syukron.
wasalamu’alaikum..
February 17th, 2009 at 3:14 pm cukup mudah………
saya sudah bisa……..
March 4th, 2009 at 1:35 pm kasih tahu cara2 buat efek photoshop yang lain donk…
thanks be4…
March 5th, 2009 at 7:15 am tengkyu boss atas semua ilmu yg hari ini saya dapat dari anda, smoga apa yg dimuat disini akan menambah wawasan untuk kita semua.
March 7th, 2009 at 1:16 pm Bisa ga yah bikin itu pake photoshop 7???
Mau nyoba di rumah.
March 7th, 2009 at 1:17 pm Bisa ga yah bikin itu pake photoshop 7??? apa harus pake photoshop CS???
Mau nyoba di rumah.
March 8th, 2009 at 10:53 pm
Ya, sudah lama tidak menulis tentang photoshop lagi.. karena melihat sudah cukup banyak tutorial bagus di luar sana..@fahmi
Iya bisa, diatas saya juga menggunakan versi 7
March 23rd, 2009 at 10:52 am mau tanya nic….
qo waktu saya ngedit yang di atas jadinya efek bayangannya jadi hitam terus….?
padahal saya udah ngikutin petunjuk yang di atas…?
March 24th, 2009 at 7:05 am
mungkin itu salah memilih icon/gambar yang ada di layer…
coba dicek..
March 27th, 2009 at 6:54 pm Kq g bsa ! Pas nge’Drag’in gradient tool nya ! Tulungin dong bos ! Kirim ke Email ya !
April 8th, 2009 at 12:23 pm Wuah bagus banget mas, dari dulu saya pengin bikin bayangan yg kaya gini tapi gak bisa. Makasih bisa nambah penghasilan saya & salam kenal. Wassalam
May 15th, 2009 at 3:24 pm Makasih Mas Tipnya.
May 15th, 2009 at 3:30 pm Mas,tolong buatin tuturial Adhop Ilustrtor. makasih sebelumnya,Mas.
June 11th, 2009 at 9:38 am thank for your informasi.but masih bute ane ame photoshop so please kirim trik cara blajar photoshop ke my email. tq for everythink.
June 20th, 2009 at 9:39 pm saya ingin tau foto shop
July 16th, 2009 at 10:10 am tengkyu wak tips nya…mantap betol!
July 16th, 2009 at 10:15 am wak…beda Photoshop CS3 dgn CS3 Extended apa sih?mana yg lebih bagus dgn photoshop seri yg lainnya..?
September 1st, 2009 at 9:55 am tekoo mbokmu
October 8th, 2009 at 7:18 am Wah masih pusing nih pas bagian nge “drag” nya klo bisa di bikin video nya pasti bisa lebih cepet dimengerti
October 26th, 2009 at 10:48 am mas tutorialnya bagus, tapi bagi pemula banget akan susah untuk mengerti. sory sedikit kritikan,jangan marah yah.
soalnya aku pemula jadi bingung.
heeeee
sukses selalu!
November 7th, 2009 at 9:01 am mas, pnya PLugin photoshop yg imagenomic noiseware ga?
versi brpa pun,,
kl g pnya cariin ya, yg ada serial ato crack nya…
November 7th, 2009 at 9:02 am aq nyari ga dpet2,,kl dpet jg ada trojannya, jd keapus..
November 7th, 2009 at 9:03 am halah, itu yg pada bingung bali bae lah, rasah sekolah..
November 18th, 2009 at 3:29 pm Great post. Thanks for this really. I am not a blog reglar blog reader but this blog is truly amazing indeed.
November 23rd, 2009 at 11:11 pm sangat membantu, begitu juga artikel lainnya.trims
January 1st, 2010 at 4:45 pm thx banget brother…..lagi belajar sotosop nih….
January 19th, 2010 at 5:49 pm Numpang nimba ilmunya mas….
February 1st, 2010 at 7:54 am makasih mas ebta, tutorialnya