21
 Salah satu teknik yang sering digunakan oleh desainer adalah membuat composite image yang merupakan gabungan dari beberapa foto menjadi satu gambar. Pada saat menggabungkan beberapa foto maka masing-masing foto tersebut akan memiliki karakter warna yang berbeda-beda karena bisa jadi difoto dengan kondisi yang berbeda-beda pula. Karenanya sering timbul permasalah dimana setelah foto-foto tersebut disatukan dengan menggunakan aplikasi seperti Adobe Photoshop, maka akan terlihat seperti tempelan-tempelan dimana elemen-elemennya t erlihat berbeda-beda. COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015 LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE Meny amakan warna foreground dan background untuk image composite

Tutorial PSD

Embed Size (px)

DESCRIPTION

Salah satu teknik dengan splash pad adobe photoshop

Citation preview

  • Salah satu teknik yang sering digunakan oleh desainer adalah membuat composite image yang merupakan gabungan dari beberapa foto menjadi satu gambar. Pada saat menggabungkan beberapa foto maka masing-masing foto tersebut akan memiliki karakter warna yang berbeda-beda karena bisa jadi difoto dengan kondisi yang berbeda-beda pula. Karenanya sering timbul permasalah dimana setelah foto-foto tersebut disatukan dengan menggunakan aplikasi seperti Adobe Photoshop, maka akan terlihat seperti tempelan-tempelan dimana elemen-elemennya terlihat berbeda-beda.

    COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    Menyamakan warna foreground dan background untuk

    image composite

  • Salah satu teknik yang sering digunakan oleh desainer adalah membuat composite image yang merupakan gabungan dari beberapa foto menjadi satu gambar. Pada saat menggabungkan beberapa foto maka masing-masing foto tersebut akan memiliki karakter warna yang berbeda-beda karena bisa jadi difoto dengan kondisi yang berbeda-beda pula. Karenanya sering timbul permasalah dimana setelah foto-foto tersebut disatukan dengan menggunakan aplikasi seperti Adobe Photoshop, maka akan terlihat seperti tempelan-tempelan dimana elemen-elemennya terlihat berbeda-beda.

    COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    http://pichost.me/1802585/Fairy_S___5_by_mjranum_stock

    Composite antara model dan background gedung sangat berbeda karakter warna nya. langkah pertama buatlah seleksi model yang rapih, kemudian pisahkan dengan masking (sebab dalam tutorial kali ini masking tersebut berguna)

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    1.Composite antara model dan background gedung sangat berbeda karakter warna nya. langkah pertama buatlah seleksi model yang rapih, kemudian pisahkan dengan masking (sebab dalam tutorial kali ini masking tersebut berguna)2. letakan model diatas layer background (terlihat masih tidak menyatu / seperti tempelan)

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    3. Copy layer background, dan letakan di atas layer model

    Drag* here!!

    klik

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    4. pada layer ini, ubah menjadi colour, dengan masuk ke menu filter, Blur, Average ( ctrl +f )

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    4. pada layer ini, ubah menjadi colour, dengan masuk ke menu filter, Blur, Average ( ctrl +f )5. masih pada layer colour (background copy), ubah blending mode menjadi Colour

    kolom blending mode

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    6. klik, gembok pada layer model 7. klik and drug layer masking ke layer colour (sambil tahan mouse)

    klik gembok (untuk membuka gembok masking)

    klik and drug layer masking

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    8. turunkan opacity layer colour tadi hingga mendapatkan tone warna yang matching dengan background

    kolom opacity

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    9. untuk menambahkan detail, bisa usapkan dodge and burn, kemudian beri Highlight sesuai terkaan jatuh nya cahaya, dan Shadowmenurut jatuh nya bayang ( langkah ini bisa di perhatikan pada saat perkuliahan )

    Shadow

    Highlight

    Dodge

    Burn

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    CONTOH LATIHAN :

    9. untuk menambahkan detail, bisa usapkan dodge and burn, kemudian beri Highlight sesuai terkaan jatuh nya cahaya, dan Shadowmenurut jatuh nya bayang ( langkah ini bisa di perhatikan pada saat perkuliahan )

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    TUGAS KE 2 (ELEMEN AIR)

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    LATIHAN DAN TUGAS | 2

    1376065803old_house_living_room_ruins_widebeautiful-woman-hd-wallpaper-494861

    Setelah berlatih, bagaimana seleksi gambar dengan baik, kemudian composite image, hal yang dihadapi adalah merekayasa bagaimana pencahayaan yang benar terhadap objek setelah berada di tempat / background yang baru. pada contoh sebelum nya, secara cepat perlu difahami tentang pencahayaan, termasuk match colour yaitu kesamaan warna temperature antara objek dan latar.

    pada latihan berikut, mahasiswa dihadapi dengan Tambal sulam , tidak hanya mengasah kembali composite image, namun juga berfikir bagaimana menempatkan elemen ( pada tugas kali ini berupa elemen air ), suplemen ini mendorong mahasiswa untuk sadar soal lembar kerja photoshop, semua detail berada pada lembar kerja layer, dan tiap layer berada di bawah pengaruh koreksi adjustment layer.

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    pada latihan berikut, mahasiswa dihadapi dengan Tambal sulam , tidak hanya mengasah kembali composite image, namun juga berfikir bagaimana menempatkan elemen ( pada tugas kali ini berupa elemen air ), suplemen ini mendorong mahasiswa untuk sadar soal lembar kerja photoshop, semua detail berada pada lembar kerja layer, dan tiap layer berada di bawah pengaruh koreksi adjustment layer.

    Adjustment Layer

    Alt + klikdiantara Adjustment layerdan layer yang di fungsikan

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    Mengenal Elemen dan karakteristik nya dalam mengedit di Photoshop. Air dan api merupakan elemen yang sering di jumpaipada saat menambahkan kesan dan nuansa tertentu. Air ataupun Api dalam fotografi memiliki trik dan syarat untuk mendapatkan shape / bentuk , serta warna. misalkan Air, elemen ini secara kasat mata merupakan zat yang bening tanpa warna, sehingga dalam pencapaian bentuk di fotografi perlu pencahayaan yang tepat.

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    air pada dasarnya adalah bening, sehingga untuk dapat placing image air (splash, drop, atau percikan air ) maka upayakan bentuk dasar adalah hitam putih dan solid. coba praktikan langkah2 dasar untuk mempersiapkan bahan material air yang akan di gunakan nanti.

    1. Ubah stock image air, baik itu yang memiliki warna / tidak,ke hitam putih ( klik adjustment layer, Black and white.

    2. kontraskan bentuk dengan menggeser bar warna, sehingga bentuk air menjadi tegas.

    Inilah bahan Air yang akan kita placing pada lembar kerja nanti

    3. Ctrl + Shift + E ( Merge down ) / menyatukan adjustment layer dan layermenjadi satu. kemudian Ctrl + i ( Invert ) yaitu membalikan warna.

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    Tempatkan Image Air tadi di atas objek lain * seperti contoh, kemudian blending mode, pilih lighten

    Lighten

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    MENGUBAH BENTUK DENGAN WARP MODES

    1. Aktifkan show transform control - klik titik / sudut transformyang terlihat pada sisi objek air

    2. klik warp modes di atas, hingga kotak menjadi 9 blok, dan 16 titik

    3. Klik and drug tiap titik, dan bentuk warp image sesuai kebutuhan

    Warp modes

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    MENGUBAH WARNA AIR DENGAN COLOUR BALANCE

    Adjustrment Layer - Colour Balance

    Alt + Klik ( diantara Adjustment layer dan Layer Objek Air )

    klik di antara layer colour balance, dan layer Objek Air

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    MENGUBAH WARNA AIR DENGAN COLOUR BALANCE

    Geser bar colour balance, hingga mendapatkanwarna yang di inginkan untuk air

    karakter warna air berubah

  • COMPUTER-GENERATED IMAGERY (CGI) 1 DESAIN KOMUNIKASI VISUAL UMB FDSK 2015

    LATIHAN | PERTEMUAN MINGGU KE 3 | IMAGE COMPOSITE

    SETELAH MEMAHAMI KARAKTER AIR- SELANJUTNYA LATIHAN COMPOSITE IMAGEDENGAN MELIHAT FILE PSD ( DI BERIKAN DAN DI JELASKAN )

    SELAMAT BELAJAR

    001002003004005006007008009010011012013014015016017018019020021