Skip to content Skip to sidebar Skip to footer

Menyatukan Dua Gambar Bitmap di Inkscape

Desainew - Sudah beberapa hari tidak update posting desain grafis tentunya. Baiklah kali ini kita akan belajar bagaimana menggabungkan dua gambar bitmap jadi satu (Tutorial Fade Two Images Together in Inkscape or Blending two images). Sehingga dua gambar tersebut menyatu tanpa ada batas. Istilahnya blending dua image. Sebenarnya cara ini biasa dibuat dengan Software pengolah bitmap seperti Adobe Photoshop dan Gimp. Nah, bagaimana dengan inkscape? Jawabannya bisa saja. Memang software inkscape ini biasanya digunakan untuk mengolah vektor. Saya tidak mengharuskan anda membuat efek ini di Inkscape. Memang "Banyak jalan menuju Roma" begitupula dalam desain grafis, yang dilihat hasil finalnya. Untuk membuat efek fade dua gambar ini caranya cukup sederhana. Di inkscape, kita tidak perlu main layer seperti software pengolah bitmap. Berikut preview gambar efek fade dua gambar bitmap.
Menyatukan dua gambar bitmap di inkscape. Tutorial Fade Two Images Together in Inkscape or Blending two images

Baiklah tanpa panjang lebar, berikut tutorialnya:

1. Pertama buka inkscape terlebih dahulu bukan yang lain. Klik menu File - Import (Ctrl+I). Pilih dua gambar bitmap yng ingin disatukan. Di sini saya menggunakan gambar pemandangan gunung dan gambar laptop. Klik Open nanti ada jendela pilihan embed atau link, pilih embed saja.
Tutorial Fade Two Images Together in Inkscape or Blending two images

2. Setelah mengimport dua gambar bitmap, sekarang kita buat objek persegi panjang berwarna hitam dengan ukuran 1500 x 1000 px (ukuran ini sama dengan ukuran gambar bitmap laptop. Mengapa sama? karena yang dibuat efek fade adalah gambar laptop tersebut).
Tutorial Fade Two Images Together in Inkscape or Blending two images

3. Pada bagian ini, kita akan warna gradien (terserah anda pilih warna gradient mana, disini saya pakai Radial Gradient) pada objek persegi panjang tersebut. Buka jendela Fill and Stroke (Shift+Ctrl+F), pilih Radial Gradient, lalu klik tombol Edit (lihat gambar bawah). Nanti muncul jendela Gradient Editor. Nah, disini kita klik tombol Add stop akan muncul node baru (lihat gambar panah). Setiap node beri warna dan posisikan node seperti pada gambar bawah ini.
Tutorial Fade Two Images Together in Inkscape or Blending two images

4. Setelah kita memberi warna gradient radial pada objek persegi panjang. Kita tempatkan objek persegi panjang itu ke gambar laptop. Tempatkan diatas gambar bitmapnya. Dan gunakan tool Align and Distribute agar posisinya sama rata ke tengah terhadap gambar bitmap (lihat gambar ditandai kotak merah)
Tutorial Fade Two Images Together in Inkscape or Blending two images

5. Setelah itu, seleksi kedua objek (objek bitmap gambar laptop dengan objek persegi panjang). Lalu pilih menu Object - Mask - Set. Hasilnya dapat dilihat gambar bawah sebelah kanan.
Tutorial Fade Two Images Together in Inkscape or Blending two images

6. Coba tempatkan gambar bitmap laptop tersebut ke gambar bitmap pemandangan. Tempatkan diatas gambar pemandangan. Hasilnya dapat dilihat gambar bawah sebelah kanan.
Tutorial Fade Two Images Together in Inkscape or Blending two images

Bagaimana cukup mudah bukan? Saya tidak mengharuskan membuat efek fade ini di software pengolah vector. Cukup itu saja. Terima kasih.
Irfan P
Irfan P Blogger, Graphic Designer, Front End Web Developer

4 comments for "Menyatukan Dua Gambar Bitmap di Inkscape"

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. isok ae arek iki :D

    mending nganggo gimp lek ngene iki. gambar ngono kuwi export png size e gede :D

    ReplyDelete
  3. gan bikin tutorial disain baju gan

    ReplyDelete
  4. Ana hasilnya hitem putih gan ? Pie iki. Gimana caranya supaya hasilnya berwarna ?. Syukron

    ReplyDelete