Cara Membuat Foto Sampul Untuk Website Sekolah dengan Photoshop

(Untuk link download artikel ini berada di paling bawah posting)

Ok, sobat semuanya kali ini saya akan buat tutorial photoshop, yaitu "Cara Membuat Foto Sampul Untuk Website Sekolah". Hal ini sangat penting karena foto sampul atau cover website ini merupakan unsur dalam sebuat website. Sebelum membuatnya, bahan berupa gambar yang harus sobat siapkan adalah logo sekolah dan foto peristiwa penting di sekolah tersebut. Baiklah langsung saja kita mulai membuat.

1. Buka aplikasi Adobe Photoshop.
2. Buat dokumen baru dengan meng-klik menu File > New... atau menekan tombol kombinasi Ctrl + N pada keyboard. Setelah itu akan muncul kotak dialog, atur seperti berikut. Width = 1024 Height = 250 (dalam satuan pixel). Untuk lebih lengkapnya seperti gambar berikut.
   
3. Setelah meng-klik OK, maka akan muncul area kerja. Sebelumnya atur foreground color menjadi warna putih dan background color menjadi warna merah yang berada pada bagan bawah toolbar. Seperti gambar di bawah ini.
   
   
   
4. Kita akan memulai dengan background merah putih. Untuk membuatnya gunakan gradient tool (G). Kemudian atur seperti berikut.
   
5. Setelah itu tarik garis dari titk A ke titik B, maka sobat bisa lihat perbedaannya.
   
6. Kalau backgroundnya sudah jadi merah putih, selanjutnya letakkan foto peristiwa penting di sekolah tersebut di sebelah kanan. Sebagai contoh saya akan menggunakan foto di bawah ini.
   
   
   
7. Sekarang untuk meletakkannya, drag menggunakan Move tool (V) gambar peristiwa penting tersebut ke background merah putih dengan cara tekan klik kiri pada gambar peristiwa penting (jangan dilepas) dan arahkan ke background merah putih kemudian lepaskan.
   
8. Setelah itu sesuaikan ukurannya agar tidak terlalu besar atau terlalu kecil. Kira -  kira hasilnya seperti berikut.
   
9. Agar kelihatanya lebih bagus, kita akan hapus bagian kiri gambar agar tampak seperti gradient. Pertama atur Eraser Tool (E) seperti gambar berikut.
   
   Kemudian gunakan Pen Tool (P) dan buat garis seperti berikut.
   
   
10. Setelah itu klik kanan, pilih Stroke Path... kemudian pada combo box Tool, pilih Eraser dan terakhir pilih OK. Hapus garis tersebut dengan cara klik kanan dan pilih Delete Path. Maka hasilnya akan seperti Berikut.
    
11. Selanjutnya kita akan menuliskan nama sekolah. Gunakan Horizontal Type Tool (T) kemudian buat kotak tempat kita akan menulis. Font type = Renfrew atau terserah sobat, Font Size = 35, Font Color = #acf15c.  Setelah itu tuliskan nama sekolah, di sini saya menuliskan "SMK Negeri 2 Kuripan". Jika sudah selesai klik icon centang.
12. Agar terlihat lebih bagus tambahkan layer style dengan cara double-click pada layer SMK negeri 2 Kuripan. Pada layer style atur seperti berikut : Drop Shadow => Angle = 30, Distance = 5, Spread = 0, Size = 5. Bevel & Emboss => Style = Inner Bevel, Technique = Smooth, Depth = 200, Direction = Up, Size = 5, Soften = 0, Shadow Mode Opacity = 0. Stroke => Size = 2, Position =  outside, color = #000. Stelah itu klik OK.
    
    
    
13. Kemudian dibawahnya tambahkan lagi teks yang bertuliskan alamat sekolah dan keterangan lainnya. Tambahkan Layer Style sesuai selera.
    
14. Agar lebih lengkap, tambahkan logo sekolah di samping kiri dan tambahkan layer style agar lebih bagus.
15. Untuk sentuhan akhir, kita akan membuat efek refleksi. Jika sudah cocok posisinya, gabungkan semua layer kecuali layer background dan layer foto peristiwa penting di sekolah dengan menekan Ctrl dan klik layer yang akan digabungkan. Setelah itu klik kanan pada salah satu layer yang terpilih dan klik Merge Layers dan akan terbentuk sebuah layer.
16. Duplikat layer yang tebentuk tadi dengan cara meng-klik menu Layer dan pilih Duplicate layer... atau dengan menekan Ctrl + J pada keyboard. Maka akan terbentuk layer 2 Copy.
17. Layer 2 Copy masih dalam keadaan aktif, pilih Edit > Transform > Flip Vertical. Kemudian geser layer 2 Copy ke bawah dan turunkan opacity menjadi 15%. Hasil akhirnya seperti berikut.
    

Sampai di sini dulu artikel tentang Cara Membuat Foto Sampul Untuk Website Sekolah dengan Photoshop, janga lupa untuk berkunjung kembali.

Download Artikel Ini