Membuat Efek Cahaya dan Mengaplikasikannya Menjadi Sebuah Karya Seni Digital

Ada 33 Komentar Seru

Oleh: Richard Fang

3 November 2009

efek_cahaya

Efek cahaya saat ini sedang sering di gunakan di karya manipulasi foto dan seni digital, efek ini terinspirasi dari film dan game tahun 1980-an. Dengan penggunaan yang tepat , maka efek yang simpel ini dapat memberi nilai lebih pada karya fotografi, terutama untuk mempercantik foto standar dengan model yang sedang berpose. Pada tutorial kali ini kita akan belajar membuat efek cahaya dasar di Photoshop.

Materi yang di perlukan

Stok Fotografi, dapat di unduh di sini. Silakan pilih salah satu dari foto-foto yang sudah kamu unduh.

Brush Photoshop, kita akan menggunakan brush berbentuk bintang dan galaksi, ini untuk memberikan kesan luar angkasa. Silakan unduh di sini dan di sini. (sekedar info, brush yang saya gunakan di tutorial ini agak berbeda sedikit, tetapi secara efek sama. Saya tidak bisa menemukan sumber asli brush yang saya pakai)

Jika kamu sudah menyiapkan materi-materi dasar tersebut, mari kita mulai! :)

Langkah 1

Buka salah satu dokumen foto yang telah kamu unduh tadi di Photoshop.

membuat_efek_cahaya_tuts_langkah1

Langkah 2

Kopi foto tersebut (sehingga menghasilkan layer baru) dan berikan efek Gaussian Blur. Filter > Blur > Gaussian Blur, ikuti pengaturannya seperti gambar di bawah ini.

membuat_efek_cahaya_tuts_langkah2

Lalu ubah “Blending Mode” layer foto blur tersebut menjadi “Screen”

membuat_efek_cahaya_tuts_langkah3

Hasilnya akan menjadi seperti di bawah ini.

membuat_efek_cahaya_tuts_langkah4

Langkah 3

Kita akan membuat bidang cahaya yang pertama dengan menggunakan Rectangle Tool.

membuat_efek_cahaya_tuts_langkah5

Langkah 4

Gunakan teknik Masking untuk membuat bidang persegi tersebut menjadi bidang cahaya.

membuat_efek_cahaya_tuts_langkah6

Selanjutnya, gunakan Gradient Tool (G) untuk mulai me-masking bidang tersebut, drag mouse kamu dari kanan ke kiri (atau sebaliknya, silakan di sesuaikan) sehingga bagian sebelah persegi menjadi perlahan menghilang.

membuat_efek_cahaya_tuts_langkah7

Untuk memperhalus efek cahaya gunakan Soft Brush (ini masih dalam tahap Masking) dan ikuti instruksi gambar di bawah.

membuat_efek_cahaya_tuts_langkah8membuat_efek_cahaya_tuts_langkah9

Langkah 5

Setelah bidang efek cahaya pertama kita buat, selanjutnya adalah pengaturan tata letak efek cahaya tersebut. Perhatikan juga pose model dalam foto tersebut, sebaiknya di sesuaikan supaya hasil akhirnya akan tampak lebih dinamis.

membuat_efek_cahaya_tuts_langkah10

Jalani langkah ini dengan sabar karena akan mempengaruhi hasil akhir karya kita. Duplikasi layer efek cahaya dengan cara mudah, pilih layer efek cahaya lalu Drag sambil menekan Alt.

Untuk mengubah bentuk (besar, kecil dan rotasi), bisa menggunakan Free Transform Tool (Ctrl + T).

membuat_efek_cahaya_tuts_langkah11

Langkah 6

Karena kita akan mewarnai foto pada tahap akhir nanti, maka kita harus mengurangi warna asli foto tersebut.

membuat_efek_cahaya_tuts_langkah12

membuat_efek_cahaya_tuts_langkah13

Langkah 7

Saatnya mengaplikaskan Stars dan Galaxy Brush yang sudah kamu unduh sebelumnya. Selalu buat layer baru untuk satu komposisi brush, untuk memudahkan kita bila nanti perlu di atur lebih lanjut. Gunakan warna putih sebagai warna brush stars dan galaksi ini.

membuat_efek_cahaya_tuts_langkah14

Saya menggunakan teknik Masking (seperti langkah 4 di atas) untuk menghilangkan bagian brush (stars & galaxy) yang tidak penting, atur juga supaya efek ini tidak terlalu terlihat berlebihan.

membuat_efek_cahaya_tuts_langkah15

Langkah 8

Kita sudah hampir selesai! :) warnai foto tersebut dengan menggunakan Soft Brush, silakan atur warna dan besar Brush nya seperti yang kamu mau. Jangan lupa atur Blending Mode Layer warna menjadi Overlay dan selalu buat layer baru untuk setiap warna.

membuat_efek_cahaya_tuts_langkah16

Langkah 9

Sentuhan akhir, tambahkan bidang hitam dengan menggunakan Soft Brush. Ini di perlukan supaya efek cahaya nya lebih “keluar” dan untuk memberikan dimensi dari gelap ke terang. Bila foto yang kamu gunakan sudah cukup gelap, bisa bermain di Brightness saja.

membuat_efek_cahaya_tuts_langkah17

Hasil Akhir

Saya sedikit mempertajam foto asli dengan menggunakan Image > Adjustments > Brightness/Contrast, sehingga hasil akhirnya foto terlihat lebih tajam.

membuat_efek_cahaya_tuts_akhir

Ya, sekarang kamu sudah mengetahui trik membuat efek cahaya dasar. Dengan menggunakan teknik yang sama kamu juga bisa membuat karya yang lebih rumit.

Unduh dokumen grafis tutorial ini (4,1 Mb) lengkap dengan foto asli yang saya gunakan. Jangan lupa tunjukkan karya kamu dengan bergabung di Grup Flickr Jurus Grafis.

Tidak mau ketinggalan tutorial berikutnya? Silakan berlangganan melalui RSS atau Email, dan ikuti Twitter Jurus Grafis, serta Facebook Page Jurus Grafis.

Tautan Terkait :
- Chuck Anderson adalah desainer grafis yang membuat populer kembali efek cahaya ini pada tahun 2005.

Membuat Efek Cahaya Tutorial (848)

Tentang Penulis

/ Richard Fang

Menikmati proses rancang website, khusus nya dari sisi tampilan antar muka dan penggunaan. Tidak bisa hidup tanpa Gmail, Google Reader dan Twitter. Sering menghabiskan waktu mengarungi samudra informasi.
Share to Facebook
Tweet This!
Share

Ada 33 Komentar Seru Tentang Posting Ini

  1. 3 November 2009
    Membuat Efek Cahaya dan Mengaplikasikannya Menjadi Sebuah Karya … | PhotoShopped bilang,

    [...] Read the original: Membuat Efek Cahaya dan Mengaplikasikannya Menjadi Sebuah Karya … [...]

    Reply
  2. 3 November 2009
    bolshevik bilang,

    wah berguna banget ini, flashy & glowing look yang lagi ngetren. hehehe

    thanks & great job !

    Reply
  3. 3 November 2009
    joshua.heru s bilang,

    wah tops deh hebaat

    Reply
  4. 3 November 2009
    zam.web.id bilang,

    penting banget ini, udah lama penasaran dengan artwork2 macam punya-nya TheHateMyDesign.net dan lain-lain, salah satu rahasianya sudah dibongkar disini :)

    Terimakasih Richard

    Reply
  5. 3 November 2009
    Tony Ariawan bilang,

    well done!! selamat untuk jurusgrafis.com nya.

    Reply
  6. 3 November 2009
    gunawan lo bilang,

    nice tutorial chad

    Reply
  7. 3 November 2009
    fajarfaqih bilang,

    naah, ini ni yang gw cari-cari tapi gak ngerti-ngerti. sekarang satu pintu udah kebuka nih.. hahaha. thank fang, langsung dicoba

    Reply
  8. 5 November 2009
    joshua.heru s bilang,

    thanks fang dah kasih gue link

    Reply
  9. 5 November 2009
    umaidi bilang,

    wah…
    mantap euy..

    Reply
  10. 6 November 2009
    mayasari bilang,

    WAW…. great, tutorial yang ciamik abissss. Makasih ya…

    Reply
  11. 7 November 2009
    Richard Fang @ Jurus Grafis bilang,

    thanks friends! mari silakan di coba :)

    Reply
  12. 7 November 2009
    Silvia bilang,

    Asik, asik! Ini dia yg ditunggu-tunggu.. thanks a lot Cad!

    Reply
  13. 9 November 2009
    FIK bilang,

    ahahahah….gw bisa juga akhirnya…tenkyuuu cad..

    Reply
  14. 12 November 2009
    IMRAN bilang,

    mantap Coy. thanks for your fucking best tutorial

    Reply
  15. 17 November 2009
    asfan bilang,

    mak nyussss…. he2

    Reply
  16. 19 November 2009
    Gugun 7 bilang,

    Wah….. bisa jadi jago….

    Reply
  17. 11 December 2009
    Kresna Akhmadi bilang,

    Waw, baru tau saya chuck anderson yah ternyata dalang semua lighting effect,
    om richard bisa kasih tuts ttg light fx yang lebih kompleks ga?hahhaa
    keren2 bgt tutsnya, udah pernah submit buat psdtuts?

    Reply
    • 11 December 2009
      Richard Fang bilang,

      hehehe kompleks kayak gimana nih? biasanya sih hanya main layering aja bro :)
      keliatan nya aja ‘kompleks’

      blom tuh, ga berani uy :P mending di publish disini ajah (*inggris gue agak cupu hahaha)

      Reply
      • 11 December 2009
        Kresna Akhmadi bilang,

        iya maaf, udah dicoba kok, dan masih harus banyak banyak berlatih nih.
        hah? waw u already have an awesome stuff mr. richard!!
        pasti langsung terkenal sedunia kalo submit di psdtuts mah, saya pgn masuk tapi blum bisa apa2, hihi. . .
        oh iya, webnya udah disubscribe sm saya,
        worthful bgt ini, hahaha

        Reply
  18. 19 December 2009
    yat arsayut bilang,

    manfaat banget, sip chad..!!

    Reply
  19. 29 January 2010
    tommy kidz bilang,

    trima kasih tutorial nya om…..jd tmbh ilmu ni

    Reply
  20. 8 February 2010
    de dan de bilang,

    sepzz,.,.,., mantap.,.,. sekali.,,.,.

    Reply
  21. 26 March 2010
    agus rendra bilang,

    tankz eah ats ilmunya…..

    Reply
  22. 31 March 2010
    budidarmawan bilang,

    mantaaab smoga bermaanfaat ilmunya buat next generation

    Reply
  23. 5 April 2010
    eje bilang,

    waduh lieur kang amppun …ini make photoshop berapa?

    Reply
    • 5 April 2010
      Richard Fang bilang,

      photoshop CS3 bro, tapi versi apa aja bisa kok :)

      Reply
  24. 4 May 2010
    ryanfsf bilang,

    wah nice tutz nih, tapi itu pas pake soft brush kok saya malah jadi putih ya ? padahal disini keliatannya buat ngilain area yg putihnya. aduh bingung.

    Reply
  25. 22 June 2010
    Rijal bilang,

    Mantap………………..!!!!!!!!!!!!!!!!!!

    Reply
  26. 26 June 2010
    ardi33 bilang,

    bagus nih…
    oiya, ane mau tanya-tanya nich…
    kalo boleh tau YM nya donk… :(

    Reply
  27. 2 July 2010
    wisnu_kala bilang,

    You’re awesome young Indonesian!!!

    Thanks 4 the tuts,,

    :)

    Reply
  28. 6 July 2010
    Eko Kusumo bilang,

    Waaa.. Thanks bang, this is what i need..

    Reply

Mari Berkomentar!

*informasi yang di perlukan

Space for Sale!
Advertise Here
Mojo Themes
The Shadow Puppet
Thedoart

Posting Populer

Mari Berbagi Informasi

    • Mewarnai gambar hasil Scan di Photoshop

      sebenarnya bagaimana cara mewarnai gambar manual kita dengan photoshop, caranya sangat mudah ikuti tutirialnya disini

    • 41 Inspirasi Foto Efek Glowing

      Tentunya Anda sudah pernah menemui bermacam-macam Foto Efek yang sangat bagus, disini saya suguhkan 41 Inspirasi Foto Efek Glowing yang mungkin bisa membantu Anda untuk menemukan ide untuk mengedit foto Anda.

    • Gestalt For Life!

      de Gestalt berakar pada teori oleh Johann Wolfgang von Goethe, Immanuel Kant, dan Ernst Mach. Max Wertheimer kontribusi yang unik adalah untuk menekankan bahwa “Gestalt” adalah perseptual primer, menentukan bagian-bagian yang tenang, dan bukan sebagai kualitas sekunder yang muncul dari bagian…

    • June’s Best Resources for CSS3

      Here are the best CSS3 coding techniques and tutorials of June 2010, 43 fresh resources to help keeping up with new technologies.

    • Tutorial CSS Dalam Bahasa Indonesia Part 2

      Kelanjutan dari Tutorial CSS dalam bahasa Indonesia part 1

    • Typographic Potrait Sederhana dengan Illustrator

      Memainkan komposisi tipografi adalah salah satu pilihan unik yang bisa diterapkan untuk membuat sebuah karya seni visual. Banyak sekali karya seni visual yang menggunakan permainan tipografi bertebaran di dunia maya. Seperti kali ini, kita akan belajar membuat sebuah karya potrait siluet wajah de…

    • Kutipan-kutipan Inspiratif tentang Desain Grafis

      Kutipan-kutipan menarik selalu saja dapat menjadi inspirasi para desainer untuk memahami lebih jauh tentang desain grafis. Kutipan juga menjadi motivator yang mendorong semangat desainer untuk terus belajar mengasah kemampuan. Berikut ini adalah kutipan-kutipan inspiratif seputar desain grafis ya…

    • 30 Logo Kreatif yang Menggunakan Wanita sebagai Si…

      Sifat dan karakter feminim dari seorang wanita sering kali diibaratkan dengan berbagai simbol seperti bunga dan sebagainya. Hal ini sudah lazim digunakan sebagai simbol dari sebuah logo yang ingin membangun karakter feminis melalui bentuk grafis yang ditampilkan. Namun bagaimana jika wanita itu s…

    • 15 Great Corporate Identity Designs

      In creating a corporate identity or branding identity design (some also call it visual identity), consistency is one of the most important aspect that designers should consider

    • Efek Goresan Pencil dengan Photoshop

      Tutorial Photoshop membuat Efek Goresan Pencil.

Galeri Pembaca

Mau Berlangganan Jurus Grafis Melalui Email? Ya! tentu saja!