Secara default, suka atau tidak, kombinasi tombol macOS untuk menangkap layar aplikasi penuh (⇧- ⌘- 5) akan menambahkan bayangan halus (drop shadow) di sekitar gambar yang Anda simpan. Ini dapat membuat tampilannya lebih menarik saat Anda menambahkan tangkapan layar atau gambar ke dalam dokumen. Aplikasi convert, bagian dari distribusi ImageMagick, memiliki fungsi command line yang praktis untuk menambahkan efek bayangan yang sama ke gambar apa pun (misalnya, tangkapan layar parsial menggunakan .⇧- ⌘- 4)

Setelah terpasang, Anda dapat menggunakan perintah berikut untuk memperbarui gambar Anda dengan drop shadow:

convert "Screen Shot 2021-07-07 at 09.47.13.png" \( +clone -background black -shadow 80x20+0+15 \) +swap -background transparent -layers merge +repage "Screen Shot 2021-07-07 at 09.47.13.png"

yang akan mengubah gambar ini:

menjadi seperti ini:

Tips pro: Anda dapat membuat fungsi semu di lingkungan BASH atau ZSH Anda, misalnya dengan menambahkan baris ini ke file ~/.bashrc Anda:

shadow () { convert "$@" \( +clone -background black -shadow 80x20+0+15 \) +swap -background transparent -layers merge +repage "$@"; }

lalu jalankan source pada file ~/.bashrc Anda (pertama kali) untuk mengaktifkannya:

source ~/.bashrc

Sekarang, dari command line, Anda dapat menambahkan drop shadow ke file gambar apa pun cukup dengan mengetik:

shadow "Screen Shot 2021-07-07 at 09.47.13.png"

(jangan lupa menambahkan tanda kutip ganda di sekitar nama file jika mengandung spasi)

Mempercantik Gambar PNG dengan Drop Shadow

Menambahkan drop shadow ke gambar PNG dapat meningkatkan daya tarik visualnya secara signifikan, sehingga gambar tersebut menonjol di atas latar belakang apa pun. Efek bayangan ini menciptakan kesan kedalaman dan memberi gambar tampilan yang lebih tiga dimensi. Bagi desainer dan kreator konten, menggunakan gambar PNG berbayangan dalam proyek mereka dapat meningkatkan estetika secara keseluruhan, sehingga desain terlihat lebih menarik dan profesional.

Cara Menambahkan Drop Shadow Menggunakan CSS

Bagi web developer yang ingin menambahkan drop shadow ke gambar PNG melalui CSS, properti box-shadow adalah alat yang serbaguna. Berikut contoh singkatnya:

css img { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); }

Potongan kode ini menambahkan efek bayangan halus pada gambar, menggunakan bayangan hitam dengan opasitas 50%. Sesuaikan nilainya untuk mendapatkan proyeksi dan intensitas bayangan yang Anda inginkan.

Penggunaan Kreatif Gambar PNG Berbayangan

Gambar PNG berbayangan tidak hanya berguna untuk keperluan estetika; gambar ini juga dapat memiliki fungsi dalam desain. Misalnya, bayangan dapat membantu mengarahkan perhatian pengamat ke elemen tertentu, menciptakan hierarki, atau menambahkan tekstur pada desain yang datar. Baik Anda sedang mendesain situs web, membuat karya seni digital, maupun menyiapkan presentasi, bayangan dapat menjadi alat yang ampuh dalam perangkat kreatif Anda.

Dengan memanfaatkan alat seperti ImageMagick atau CSS, Anda dapat dengan mudah menerapkan efek drop shadow pada gambar PNG Anda, sehingga dampaknya lebih kuat dan mampu menarik perhatian pengamat.

Selesai.