Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

Hello teman teman dumet school, apakah disini ada yang kerja dibagian desain ui ux? nah jika ada maka tutorial ini semoga bermanfaat untuk kalian ya… Nah untuk tutorial hari ini kita akan belajar Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop, sebelum ke pembuatan backgroundnya alangkah baiknya kita menyediakan terlebih dahulu foto yang akan di jadikan background. Kenapa? karena nanti background website yang akan kita buat itu dari foto ya teman teman adapun pengeditannya kita akan menggunakan layer saja ko tidak jauh jauh sampe ke tools yang sangat rumit, cukup sederhana tetapi enak untuk di lihat. Nah dibawah ini adalah hasil jadi dari Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

nah gimana cara membuatnya? yuk ikuti tutorialnya dibawah ini. Langkah pertama kalian sediakan terlebih dahulu ukuran website yang akan kalian gunakan. disini misalnya kalian ingin menggunakan ukuran website 1200px atau lebih ya sesuaikan saja tidak masalah. yang terpenting jika sudah dibuat ukuran websitenya kemudian kita masukkan fotonya dengan cara klik menu File > open dan cari ya untuk jenis fotonya didalam foto.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

disini kalian pilih jenis foto yang akan kalian jadikan background.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

jangan lupa kalian pindahkan fotonya ke dalam dokument yang sudah kalian buat diawal pengaturan ukuran websitenya.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

setelah itu kalian perhatikan dimenu layer ya teman teman, disitu kalian pilih adjustment layer ya.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

jika sudah kita akan memilih solid color.

untuk pengaturan solid color kalian bisa dibagian hitam ya, karena kita akan membuat fotonya agar tampak lebih gelap lagi.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

maka dibagian layernya akan muncul color fill 1 ya teman teman, nah ini menunjukkan bahwa proses penambahan adjustment fill yang kalian atur itu sudah berhasil dibuat.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

jika sudah maka hasil fotonya akan seperti gambar di bawah ini.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

disini tinggal kalian berikan ke programer bahwa fotonya sudah siap digunakan, jika sudah di atur layout websitenya akan seperti gambar dibawah ini.

Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop

oke teman teman, sudah selesai selamat mencoba ya Membuat Efek Foto Gelap untuk Background Website di Adobe Photoshop….

semoga berhasil.

DUMET School Author

DUMET School adalah tempat kursus website, kursus desain grafis, kursus digital marketing, kursus video editing dan kursus mobile apps terbaik di Jakarta dan Depok.

Leave a Reply

Your email address will not be published. Required fields are marked *