Home / Tutorial / Create / Membuat Bingkai Sederhana yang Elegan Menggunakan Photoshop

Membuat Bingkai Sederhana yang Elegan Menggunakan Photoshop

Pada kesempatan kali ini, kita akan belajar bagaimana cara membuat bingkai yang sederhana namun sangat elegan dan tampak berkelas, tentunya menggunakan aplikasi Photoshop.
Dengan langkah-langkah yang sederhana, kita bisa menjadikan sebuah lebih cantik dengan bingkai dan juga efek yang akan kita terapkan menggunakan tekstur efek.
Untuk lebih jelasnya, mari kita simak Tutorial dibawah ini:

Langkah 1: Menentukan Ukuran Lembar Kerja Baru

Sebelum kita membuat bingkai untuk foto, seperti biasa, kita memuat lembar kerja baru terlebih dahulu. Caranya pilih menu File > New... atau dengan cara tekan Ctrl + N pada keyboard. Setelah kotak dialog New muncul, masukkan nilai 1000 pada kotak Width dan 800 pada kotak Heigth. Perhatikan gambar ilustrasi dibawah ini.

bingkai-elegant-01

Langkah 2: Menentukan Warna Lembar Kerja

Setelah kita menentukan ukuran dari kanvas atau lembar kerja yang akan kita gunakan, selanjutnya kita tentukan warna lembar kerja yang akan kita buat. Pada bagian bawah pengaturan ukuran kanvas pada kotak dialog new, ada opsi lanjutan. Pada kotak Background Contents kita pilih opsi Other… perhatikan gambar ilustrasi dibawah ini.

bingkai-elegant-02

Setelah kita memilih opsi Other, maka akan muncul kotak dialog Color Picker (New Docyment Backgrouns Color). Kemudian kita pilih warna hitam dengan kode warna #000000. Perhatikan gambar ilustrasi dibawah ini.

bingkai-elegant-03

Setelah kita memilih warna hitam, selanjutnya klik OK untuk mengunci pilihan warna kita, dan klik OK pada kotak dialog New untuk membuat lembar kerja sesuai dengan pengaturan kita tadi. Maka muncullah lembar kerja baru dengan warna background hitam seperti gambar dibawah ini.

bingkai-elegant-04

Langkah 3: Mengatur Posisi Guides

Sekarang kita akan bekerja pada sebuah lembar kerja berwarna hitam, dan yang pertama sekali kita lakukan adalah menampilkan dan menentukan posisi garis bantu Guides. Saya katakan garis bantu karena dengan adanya garis Guides ini kita akan dipermudah dalam menyeleksi area dan mengatur posisi sebuah objek.
Baiklah, kita akan menampilkan garis Guides dengan cara arahkan kursor pada tampilan Rulers horizontal dan vertikal, klik dan drag kearah lembar kerja dan atur jaraknya 50 px dari tepi kanvas. Perhatikan gambar ilustrasi dibawah ini.

Terkait:

bingkai-elegant-05

Langkah 4: Posisikan Guides di Semua Sisi

Atur posisi garis Guides dengan jarak 50 px dari tepi lembar kerja, jangan kurang dan jangan pula lebih. Untuk memudahkan kita dalam mengatur jarak garis Guides, tekan Shift pada keyboard dan atur posisi garis Guidesnya.

Gunakan garis Guides di keempat sisi lembar kerja dengan jarak yang sama disetiap sisinya yakni 50 px dari tepi lembar kerja atau kanvas, sehingga hasilnya seperti gambar dibawah ini.

bingkai-elegant-06

Langkah 5: Membuat Area Seleksi

Setelah kita memposisikan garis Guides di masing-masing sisi pada lembar kerja, selanjutnya kita akan memberikan seleksi pada kotak yang mucul setelah kita memposisikan garis Guide. Gunakan Rectangular Marquee Tool (M) pada ToolBox untuk membuat area seleksi berbetuk persegi.

Terkait: Mengenal Tools pada Photoshop untuk Membuat Seleksi

bingkai-elegant-07

Setelah kita memilih Rectangular Marquee Tool (M), selanjutnya usapkan pada sisi dalam garis Guides. Perhatikan gambar dibawah ini.

bingkai-elegant-08

Langkah 6: Tambahkan Stroke pada Area Seleksi

Setelah kita membuat area seleksi, selanjutnya kita akan membuat garis pinggir atau biasa dikenal dengan istilah Stroke pada Photoshop. Caranya pilih menu Edit > Stroke... atau bisa juga dengan klik kanan pada lembar kerja dan pilih Stroke… Maka akan tampil kotak dialog Stroke, masukkan nilai 10 px pada kotak Width dan pilih warna putih dengan kode warna #FFFFFF pada kotak Color, Pada pengaturan Location kita pilih Inside. Perhatikan gambar ilustrasi dibawah ini.

bingkai-elegant-09

Selesai klik OK, dan kita akan dapatkan hasilnya seperti gambar dibawah ini.

bingkai-elegant-10

Hilangkah tampilan seleksi dengan cara pilih menu Select > Deselect atau dengan cara tekan Ctrl + D pada keyboard.

Langkah 7: Mengatur Posisi Guides

Sama seperti langakah diatas, kita akan menampilkan kembali garis bantu Guides dan atur jaraknya 70 px dari tepi lembar kerja atau 20 px jaraknya dari garis Guides sebelumnya. Perhatikan gambar ilustrasi dibawah ini.

bingkai-elegant-11

Langkah 8: Posisikan Guides di Semua Sisi

Atur posisi garis Guides dengan jarak 70 px dari tepi lembar kerja, jangan kurang dan jangan pula lebih. Untuk memudahkan kita dalam mengatur jarak garis Guides, tekan Shift pada keyboard dan atur posisi garis Guidesnya.

Gunakan garis Guides di keempat sisi lembar kerja dengan jarak yang sama disetiap sisinya yakni 70 px dari tepi lembar kerja atau kanvas, sehingga hasilnya seperti gambar dibawah ini.

bingkai-elegant-12

Langkah 9: Membuat Area Seleksi

Setelah kita memposisikan garis Guides di masing-masing sisi pada lembar kerja, selanjutnya kita akan memberikan seleksi pada kotak yang mucul setelah kita memposisikan garis Guide. Gunakan Rectangular Marquee Tool (M) pada ToolBox untuk membuat area seleksi berbetuk persegi.

bingkai-elegant-07

Setelah kita memilih Rectangular Marquee Tool (M), selanjutnya usapkan pada sisi dalam garis Guides. Perhatikan gambar dibawah ini.

bingkai-elegant-13

Langkah 10: Tambahkan Stroke pada Area Seleksi

Setelah kita membuat area seleksi, selanjutnya kita akan membuat Stroke sama seperti langkah sebelumnya. Caranya pilih menu Edit > Stroke... atau bisa juga dengan klik kanan pada lembar kerja dan pilih Stroke… Maka akan tampil kotak dialog Stroke, masukkan nilai 5 px pada kotak Width dan pilih warna putih dengan kode warna #FFFFFF pada kotak Color, Pada pengaturan Location kita pilih Inside. Perhatikan gambar ilustrasi dibawah ini.

bingkai-elegant-14

Selesai klik OK, dan kita akan dapatkan hasilnya seperti gambar dibawah ini.

bingkai-elegant-15

Hilangkah tampilan seleksi dengan cara pilih menu Select > Deselect atau dengan cara tekan Ctrl + D pada keyboard.

Halaman Selanjutnya>>>

Halaman: 1 2 3

About Eni Indrawati S

Seorang Pelajar yang Terus Mendalami Ilmu Pengetahuan desain grafis seperti Photoshop, Corel Draw dan lain sebagainya

Check Also

Meletakkan Teks dibelakang Objek yang Kita Inginkan

Pada kesempatan kali ini, kita akan belajat bagaimana cara untuk memasukkan teks kedalam gambar. Namun …

4 comments

  1. Keren mbak, jadi tertarik untuk mencobanya, jika berhasil ijin share ilmunya Mbak, makasih.

    • Eni Indrawati S

      Silahkan, Semoga Bermanfaat ya Mas…

  2. ini harus ada background-nya ya? kalau transparent sudah aku coba enggak bisa

  3. Wah…kalau saya download di inetrnet saja bingkai format PNG. Tapi kalau mau buatpun lebih keren

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

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