Mempersiapkan Foto Anda Untuk Web: Tip dan Teknik

Depositphotos 24084557 dtk

Jika Anda menulis untuk blog, mengelola situs web, atau memposting ke aplikasi jejaring sosial seperti Facebook atau Twitter, fotografi mungkin memainkan bagian integral dari aliran konten Anda. Apa yang mungkin tidak Anda ketahui adalah bahwa tidak ada tipografi atau desain visual yang dapat menggantikan fotografi suam-suam kuku. Di sisi lain, fotografi yang tajam dan hidup akan meningkatkan pengguna? persepsi konten Anda dan meningkatkan tampilan dan nuansa keseluruhan situs atau blog Anda.

At pelajaran kami menghabiskan banyak waktu untuk mempersiapkan fotografi orang lain untuk web, jadi berikut adalah beberapa petunjuk cepat yang kami dapatkan selama prosesnya.

Harap diperhatikan: petunjuk teknis di bawah ini mengacu pada Adobe Photoshop CS4. Ada program lain yang dapat melakukan fungsi yang sama, jadi jika Anda tidak memiliki akses ke Photoshop, periksa dokumentasi bantuan untuk program pengeditan gambar Anda untuk mengetahui apakah Anda dapat melakukan teknik ini.

Mengubah Ukuran & Mempertajam

Seringkali menyiapkan foto untuk website atau blog mengharuskan Anda untuk membuatnya lebih kecil, terutama jika itu berasal dari kamera digital multi megapiksel. Penting untuk diketahui bahwa pengurangan ukuran menyiratkan pengurangan detail, karena Photoshop adalah "mushing". bersama-sama piksel tetangga untuk menyesuaikan gambar dengan dimensi barunya; ini membuat foto terlihat buram.

Untuk? Palsu? detail yang hilang Anda harus menerapkan filter Unsharp Mask (Filter> Unsharp Mask). Lupakan nama kontra-intuitifnya - Unsharp Mask benar-benar mempertajam!

Kotak Dialog Topeng Unsharp

Anda dapat melihat seberapa jelas dan jelas detailnya Gambar 2 di bawah.

Filter Masker Unsharp

Kontrol pada kotak dialog Unsharp Mask mungkin terlihat menakutkan, tetapi kabar baik tentang menyiapkan foto untuk web adalah Anda tidak perlu terlalu banyak mengacaukannya. Saya menemukan Jumlah 50%, Radius 5, dan Ambang 0 bekerja hampir sepanjang waktu.

Pangkas Gambar Secara Kontekstual

Dalam beberapa skenario, Anda mungkin ingin membuat rangkaian gambar mini yang ditautkan ke versi gambar yang lebih besar. Skenario umum untuk ini adalah galeri foto atau berita utama yang memiliki versi thumbnail dari foto yang lebih besar.

Saat memperkecil gambar menjadi ukuran thumbnail, coba pangkas gambar ke elemen penting sebelum mengubah ukurannya. Ini memungkinkan pengguna untuk memahami konten dan arti gambar bahkan dalam ukuran kecil.

Pangkas gambar secara kontekstual

Gambar 1 adalah gambar yang diskalakan langsung ke dimensi thumbnail-nya, tetapi Gambar 2 telah dipangkas ke elemen terpenting foto. Hal ini memungkinkan pengguna untuk dengan cepat memahami apa yang coba dikomunikasikan oleh gambar dan mendorong mereka untuk mengklik untuk informasi lebih lanjut.

Vibrance & Saturation

Saturasi gambar adalah intensitas warnanya. Pada gambar dengan saturasi rendah, warna kulit terlihat seperti sakit-sakitan dan langit terlihat abu-abu dan kusam. Untuk menambahkan beberapa kehidupan pada gambar Anda, Photoshop CS4 memiliki filter yang saya rekomendasikan yang disebut Vibrance.

Jika Anda ingin segera menghidupkan fotografi membosankan Anda, coba yang berikut ini:

  1. Tambahkan lapisan penyesuaian baru (Layer> New Adjustment Layer> Vibrance)

    Filter getaran

  2. Meningkatkan penggeser Vibrance (Gambar 2) di dalam panel Adjustments akan meningkatkan warna sekaligus melindungi rona kulit (mencegahnya terlihat terlalu oranye). Penggeser Saturasi akan memiliki efek serupa, tetapi akan mengubah keseluruhan gambar, termasuk warna kulit.

Kesimpulan

Kiat-kiat ini hanyalah puncak gunung es dalam hal fitur yang kaya dan kuat yang ditawarkan Photoshop untuk mengoreksi dan mengoptimalkan fotografi. Tolong beri catatan di komentar jika ada teknik lain yang ingin Anda jelaskan.

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.