Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

Halo teman-teman dalam blog kali ini, saya akan share sebuah artikel Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop. Photoshop merupakan salah satu software profesional dalam mengedit foto. Kita sering sekali menemukan kesulitan dalam menggunakan photoshop terutama bagi para pemula. Disini saya berbagi kepada teman-teman supaya teman-teman yang memang belum pernah belajar photoshop, bisa menggunakannya minimal untuk menyesuaikan ukuran gambar yang kita miliki dengan ukuran gambar atau banner yang ada di website yang kita miliki. karena ketika kita berhadapan dengan gambar yang ada di website tersebut, biasanya ukurannya sudah ditentukan agar pas, dan tidak merubah layout yang sudah ada. hal ini bisa teman-teman gunakan juga untuk pada pengguna Website berbasis template seperti misalnya Wordpress. Nah teman-teman, langsung saja saya berikan langkah-langkahnya.

1. Pastikan teman-teman mengetahui ukuran Pixel dari ruang yang disediakan untuk memasukkan gambar di Website teman-teman. Misalnya disini saya mempunyai ruang gambar (space gambar) dengan ukuran 250px x 250px.

2. kita buka Program Photoshop (disini saya menggunakan Photoshop CS6)

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

3. kemudian klik File > New

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

4. akan keluar pengaturan untuk lembar kerja baru tinggal diatur seperti gambar di bawah ini, setelah itu klik OK.

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

5. kemudian kita masukkan gambar kita dengan klik File > Place, Gambar akan masuk ke dalam kertas kerja yang sudah kita buat tadi.

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

6. sesuaikan ukuran gambar agar penuh mengisi kertas kerja dengan klik tahan dan tarik pada salah satu sudut (bukan sisi), sambil menekan tombol SHIFT di keyboard. (agar gambar tidak melebar dan memanjang / bisa terus presisi), kemudian tekan ENTER di keyboard untuk menerapkan ukuran yang sudah kita setting.

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

7. jika sudah, kemudian tinggal kita simpan dengan menekan Menu File > Save for Web. Atur sesuai gambar dibawah ini, kemudian klik Save, dan tentukan letak penyimpanan gambar.

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop

8. Gambar yang sudah disimpan, tinggal kita upload di Website atau Blog yang kita miliki dan akan sesuai dengan ukuran yang sudah ada di awal.



Nah teman-teman, sekian dulu untuk tutorial Cara menyesuaikan Gambar pada Ukuran Banner di Website dengan Photoshop kali ini, semoga bermanfaat dan teruslah berkarya...

3 Juni 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat