Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Bingkai Sederhana Dengan Photoshop

Hai sobat, pada tutorial klikphotoshop kali ini, kita akan belajar cara membuat bingkai sederhana dengan photoshop. Kita akan membuatnya bergaya, dengan tata letak bingkai pada galeri sederhana, yang seolah-olah foto itu kita pajang pada sebuah galeri seni. Ini adalah cara yang yang minimalis dan elegan bagi seorang photographer untuk mempresentasikan karyanya dengan tata letak yang mudah. Ok sobat, mari kita mulai saja tutorial ini, sepanjang tutorial ini saya akan menggunakan adobe photoshop cs6:

cara membuat bingkai foto

Cara Membuat Bingkai Sederhana Dengan Adobe Photoshop

Langkah 1
Hal pertama yang kita lakukan adalah membuat dokumen baru. Pergi ke menu File di atas layar, pilih New atau dengan shortcut Ctrl+N (Win) / Command+N (Mac). Kemudian pada kotak dialog dokumen baru, atur untuk ukuran bingkai sesuai selera sobat. Disini saya akan mengatur standar bingkai saya dengan Lebar 12 inci dan Tinggi ke 8 inci. Lalu Resolusi dokumen baru saya atur ke 150 pixels/inci, dengan Background Contens ke hitam. Klik Ok, untuk menutup kotak  dialog:

cara membuat bingkai foto

Langkah 2
Selanjutnya kita ke panel layers, klik ikon New Layer pada bawah palet layers untuk membuat layer baru di atas lapisan background. Kemudian namai lapisan baru dengan mengklik dua kali pada tulisan lalu beri nama sesuai keinginan sobat, disini akan saya beri nama "area foto" untuk lapisan baru:

cara-membuat-bingkai

Langkah 3
Langkah berikutnya kita pergi ke kotak alat, lalu pilih alat Rectangular Marquee Tool dari palet alat. Dengan alat ini kita akan membuat pilihan untuk area foto yang akan kita tampilkan di dalam bingkai:

cara-membuat-bingkai-di-photoshop

Dengan alat Rectangular yang di pilih, pergi ke opsi alat di atas jendela dokumen. Atur Style di Fixed Ratio, lalu buat tata letak standar tampilan lanskap untuk bingkai kita sesuai keinginan. Disini saya akan mengatur Lebar ke10 pt dan Tinggi ke 8 pt:

ukuran bingkai foto

Selanjutnya klik dan tahan mouse di dalam area kanvas sekitar satu inci atau lebih jauh dari sudut atas, lalu seret ke sudut bawah, dan lepaskan mouse jika telah selesai:

cara membuat bingkai


Langkah 4
Langkah berikutnya, dengan area yang di pilih, kita ke menu Edit di atas layar dan pilih Fill. Ini akan membuka kotak dialog fill, lalu atur Contens Use ke 50% Gray. Klik Ok untuk menutup kotak dialog:

cara-membuat-bingkai-di-photoshop

Dengan begitu secara otomatis photoshop akan langsung mengisi lapisan baru (layer area foto) dengan warna abu-abu di dalam kanvas. Selanjutnya tekan Ctrl+D (Win) / Command+D (Mac) pada keyboard untuk menghapus garis pilihan:

cara membuat bingkai

Kemudian kita buat sejajar horizontal pada lapisan area foto dengan background, tekan Ctrl+A (Win) / Command+A (Mac) pada keyboard untuk memilih seluruh dokumen di dalam panel layers. Lalu pilih alat Move Tool (V) dari kotak alat, kemudian klik opsi  Align Horizontal Center di bagian atas jendela dokumen:

cara membuat bingkai di photoshop

Langkah 5
Selanjutnya kita akan menambahkan batas tipis di sekitar foto. Untuk melakukan itu, kita ke panel layers dan klik ikon Layer Style (FX) di bagian bawah palet layers. Lalu pilih opsi Stroke dari daftar yang di tampilkan:

cara membuat bingkai foto

Ini akan membuka kotak dialog Layer Style photoshop. Lalu dengan opsi stroke yang di centang di kolom kiri, kita pindah ke Structure di kolom tengah kotak dialog. Lalu atur Position ke Inside dan untuk ukuran atur sesuai keinginan sobat, disini saya atur ke 5 px. Kemudian pada opsi warna di bagian bawah saya atur ke Putih:

cara membuat bingkai di adobe photoshop

Klik Ok, jika sudah selesai untuk menutup kotak dialog Layer Style. Dengan begitu, photoshop akan langsung menerapkan garis putih tipis di sekitar kotak yang sebelumnya telah kita buat dengan warna putih di dalam kanvas:

cara membuat ukuran bingkai foto

Langkah 6
Selanjutnya buat salinan lapisan baru. Dengan lapisan area foto yang di pilih di dalam panel layers, tekan Ctrl+J (Win) / Command+J (Mac) pada keyboard untuk membuat salinan tercepat di photoshop. Atau dengan menyeret lapisan area foto ke bawah ikon Create New Layer di bawah palet layers:

cara membuat bingkai

Kemudian kita ganti nama lapisan asli menjadi border dan lapisan salinan menjadi area foto, dengan cara klik dua kali pada bagian tulisan pada masing-masing layer:

cara membuat ukuran kanvas foto

Langkah 7
Sekarang dengan lapisan border yang di pilih di dalam palet layers, kita turunkan nilai Fill ke 0. Untuk menghilangkan warna abu-abu, untuk tetap meninggalkan stroke putih saja di dalam kanvas:

cara membuat ukuran bingkai

Kemudian tekan Ctrl+T (Win) / Command+T (Mac) pada keyboard, untuk membuka kotak perintah Free Transform untuk menangani sekitar area perbatasan. Dengan menahan Alt (Win) / Option (Mac) pada keyboard, kita klik salah kotak pegangan free transform, kemudian seret keluar untuk menambahkan ruang antara goresan kedua dan area foto abu-abu sesuai keinginan:

cara membuat kanvas foto di photoshop

Langkah 8
Selanjutnya kita tingkatkan garis tepi putih pada lapisan area foto, dengan cara klik dua kali pada layer. Dengan begitu akan membuka kotak dialog layer style dengan opsi stroke, lalu kita ubah ukuran pada kolom tengah dari kotak dialog. Tarik slider Size ke kanan untuk mendapatkan nilai yang lebih besar, disini saya akan mengatur nilainya sekitar 40 px:

cara membuat ukuran kanvas foto

Klik Ok, jika telah selesai untuk menutup kotak dialog layer style. Sekali lagi, secara otomatis  photoshop langsung menerapkan dan membuat garis tepi putih yang lebih besar dari sebelumnya. Nah, dengan ini kita telah selesai membuat desain bingkai di photoshop, sesaat lagi kita akan menambahkan gambar:

cara membuat kanvas foto

Cara Menambahkan Gambar ke Dalam Bingkai

Langkah 1
Buka gambar yang ingin kita gunakan, kita pergi ke menu File di atas layar, pilih Open. Atau dengan menekan Ctrl+A (Win) / Command+A (Mac) untuk memilih seluruh foto dengan cepat. Kemudian Ctrl+C (Win) / Command+C (Mac) untuk menyalinkannya ke papan clipboard:

cara memasukkan gambar di photoshop

Dengan foto yang di salin Clipboard, kita beralih ke dokumen asli kita. Lalu pilih lapisan  area foto pada panel layers, kemudian tekan Ctrl+V (Win) / Command+V (Mac) pada keyboard. Dengan begitu foto yang kita salin akan lansung masuk ke dalam kanvas. Tetapi, Jika kita lihat foto masih terlalu besar dan menutupi bingkai di jendela dokumen:

cara membuat bingkai foto

Langkah 2
Sekarang kita perlu membuat gambar pas di dalam area foto, yaitu dengan cara kliping. Pertama kita pilih lapisan foto (layer 1), kita klik kanan pada mouse dan pilih Create Clipping Mask dari daftar. Dengan klipping mask, maka lapisan atas (gambar) akan masuk ke dalam lapisan yang ada di bawahnya (area foto):

cara membuat bingkai foto

Kemudian atur dan sesuaikan tampilan gambar dengan perintah Free Transform photoshop. Tekan Ctrl+T (win) / Command+T (Mac) pada keyboard sebagai sebagai cara pintasnya. Kemudian dengan menahan Shift pada keyboard, tarik pegangan kotak kecil free transform sesuai keinginan sobat:

cara membuat kanvas foto

Langkah 3
Selanjutnya sebagai opsi, tambahkan tulisan di dalam bingkai. Dengan tata letak foto yang sudah kita atur, pergi ke kotak alat dan pilih Horizontal Type Tool atau dengan menekan huruf T pada keyboard:

cara membuat ukuran bingkai di photoshop

Kemudian pilih opsi  ukuran, jenis font dan warna tulisan sesuai keingininan di atas jendela dokumen. Disini saya akan menggunakan jenis font Futura-Medium dan ukuran ke 25 pt. Untuk warna tulisan saya menggunakan kode Hex 74644d, dan saya akan mulai mengetik klikphotoshop di dalam kanvas:

cara membuat kanvas foto di photoshop

Langkah 4
Lalu pada langkah akhir, kita luruskan secara horizontal tulisan dengan semua dokumen. Tekan Ctrl+A (win) / Command+A (Mac) pada keyboard untuk memilih seluruh dokumen di dalam panel layers. Lalu pilih alat Move Tool (V) dari kotak alat, klik opsi Align Horizontal Center di atas jendela dokumen:

cara membuat bingkai di photoshop

Nah dengan begitu kita telah berhasil memsaukkan foto ke dalam bingkai yang telah kita buat sebelumnya. Ok sobat, inilah hasil akhir bingkai saya pada tutorial kali ini, selamat berkreasi dan jangan ragu-ragu untuk mencoba fitur dahsyat photoshop yang lainnya:

cara membuat bingkai di photoshop

Ok sobat, demikianlah tutorial kali ini tentang cara membuat bingkai sederhana dengan adobe photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimakasih.