Konversi gambar menjadi topeng


9

Saya memiliki gambar latar belakang hijau dengan beberapa bayangan. Saya ingin menggunakannya sebagai topeng sehingga saya bisa menempatkannya di latar belakang dengan warna apa saja (misalnya merah atau merah muda) dan mendapatkan gaya bayangan yang sama.

Saya mencoba mengubahnya menjadi grayscale dan mengubah opacity menjadi 20%, tetapi ini menghasilkan gambar yang jauh lebih gelap.

Saya menggunakan ini pada halaman web di mana admin dapat mengatur warna template. Maka saya menggunakan sesuatu seperti ini di CSS:

background: #557d0d url("img/background.png") center center;

masukkan deskripsi gambar di sini

Menggunakan Gimp 2.8.6 di Ubuntu.


Dengan anggapan bahwa hue-rotatefilter CSS3 untuk mengubah warna bukanlah suatu pilihan? Lihat stackoverflow.com/questions/17721960/… atau stackoverflow.com/questions/12546499/…
Takkat

Jawaban:


5

Anda dapat mendesaturasi gambar dengan Colors > Desaturate.... Selanjutnya, gunakan Colors > Color to Alpha...untuk menghilangkan abu-abu yang membuatnya lebih gelap ( #808080).

Atur opacity menjadi 40% dan itu harus dilakukan.

Saya baru saja melakukan tes kecil dengan situs web yang saya buat: masukkan deskripsi gambar di sini


3

Anda tidak dapat persis mereplikasi gambar hanya menggunakan lapisan abu-abu bertopeng pada latar belakang warna solid, karena rona warna hijau juga bervariasi di sepanjang gradien vertikal.

Anda bisa mendapatkan cukup dekat hanya dengan memilih salah satu warna hijau menengah dari tengah gambar dengan alat pipet, memaksimalkan saturasi dan nilai dan mengubah warna yang transparan menggunakan lapisan → Transparansi → Warna untuk Alpha ... alat. Namun, ini akan meninggalkan lapisan Anda dengan gips warna di bagian atas dan bawah, yang mungkin tidak Anda inginkan.

Solusi yang lebih baik mungkin dengan menguraikan gambar menjadi rona, saturasi dan nilai (HSV), membuang saluran rona dan merekonstruksi saluran saturasi dan nilai menjadi topeng abu-abu yang dapat diletakkan di atas warna jenuh murni untuk mereplikasi saturasi dan nilai gambar asli dengan rona baru.

Salah satu cara untuk melakukannya adalah:

  1. Gunakan alat Colors → Components → Decompose ... untuk menguraikan gambar menjadi beberapa lapisan menggunakan mode HSV.

  2. Hapus lapisan rona. Kami tidak akan menggunakannya.

  3. Pilih layer saturasi, buka dialog Layer → Mask → Add Layer Mask ... , pilih mode "Grayscale copy of layer" dan centang kotak "Invert mask".

  4. Ulangi langkah 3 untuk lapisan nilai juga.

  5. Dengan menggunakan alat isian bucket (dalam mode "Fill whole selection"), isi layer nilai ( bukan topengnya!) Dengan semua hitam, dan lapisan saturasi dengan semua putih.

  6. Pindahkan lapisan nilai di atas lapisan saturasi di tumpukan.

  7. Secara opsional, gabungkan layer bersama dengan Gambar → Gabung Layers Terlihat ... atau dengan Layers → Gabungkan ke Bawah .

Gambar grayscale semitransparan yang dihasilkan akan terlihat seperti ini:

Gambar PNG semitransparan
Klik untuk mengunduh / melihat dalam ukuran penuh.

Kuncinya adalah, setelah langkah 3–5:

  • lapisan "saturasi" akan menjadi putih bersih di mana warna aslinya 0% jenuh, dan transparan di mana 100% jenuh, dan
  • lapisan "nilai" akan menjadi hitam pekat di mana warna asli memiliki nilai 0%, dan transparan di mana ia memiliki nilai 100%.

Menempatkan kedua lapisan (atau kombinasi gabungannya) di atas latar belakang warna jenuh murni kemudian mereplikasi proses mengubah warna HSV ke RGB: Anda mulai dengan warna jenuh murni dari warna yang benar, campur dalam cukup putih untuk mendapatkan yang diinginkan saturasi, dan kemudian campurkan cukup hitam untuk mendapatkan nilai yang diinginkan.

Inilah yang tampak seperti gambar pada berbagai latar belakang berwarna:

Latar belakang hijau (# 83ff00) Latar belakang biru (# 00aeff) Latar oranye (# ffa200) Latar belakang merah (# ff002a)
Warna: hijau ( #83ff00), biru ( #00aeff), oranye ( #ffa200), merah ( #ff002a).


2

Di The Gimp Anda dapat melakukan hal yang pada dasarnya sama dengan jawaban photoshop, menggunakan warna ke alpha . Saya akan merekomendasikan masih desaturating dan kemudian mengatur putih ke alpha jika Anda memiliki lebih dari satu warna di sana. Sepertinya ada beberapa variasi biru / kuning. Langkah kuncinya adalah:

  1. gambar desaturate sehingga Anda memiliki gambar skala abu-abu
  2. set white (Anda dapat memasukkan #FFFFFF untuk putih di pemilih warna) ke alpha
  3. simpan sebagai png sehingga Anda mempertahankan transparansi

Perhatikan bahwa mengonversi ke skala abu-abu sebagai lawan desaturasi dapat menghasilkan gambar tanpa saluran alfa dan Anda dapat menambahkan ini kembali menggunakan dialog lapisan . Anda mungkin juga perlu melakukan ini jika file asli yang Anda buka tidak memiliki saluran alfa.
harmstotouchfire

1
  • Buka Panel Saluran.

masukkan deskripsi gambar di sini

  • Putuskan saluran mana yang akan memberi Anda tingkat kontras yang Anda cari.

Metode 1:

  • Pilih Image > Calculationsdan gunakan saluran yang Anda pilih sebagai Sumber 1, saluran yang sama atau "Abu-abu" sebagai Sumber 2, dan "Normal" sebagai Blend Mode. Pilih "Dokumen Baru" sebagai tujuan.

masukkan deskripsi gambar di sini

  • Ubah Mode dokumen baru ke RGB atau Skala abu-abu dan Simpan Sebagai png atau jpeg.

Metode 2:

  • Ctl / Cmd-klik pada thumbnail untuk saluran yang Anda pilih.

  • Edit > Copy atau Ctl / Cmd-C

  • File > New, terima dimensi, Edit > Pasteatau Ctl / Cmd-V

  • Hapus lapisan latar belakang.

  • Image > Mode > RGB

  • Simpan Sebagai png 24-bit dengan transparansi.

Anda dapat menggunakan salah satu gambar yang dihasilkan sebagai overlay atau sebagai saluran Alpha kapan pun diperlukan.


Ini tampaknya Photoshop, OP meminta solusi GIMP.
kelunik

-2

Klik dua kali pada Layer, kotak Layer style akan muncul, di sebelah kiri cari & pilih Gradient Overlay & ubah warna Gradient sesuai kebutuhan Anda & klik OK kemudian di kotak Gradient overlay ubah gaya menjadi linier & ubah sudut & skala sesuai dengan kebutuhanmu.


Kedua kalinya Anda menambahkan tautan perusahaan Anda. Itu tidak berbau untuk spam, itu adalah spam!
Mensch
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.