Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Template Instagram Story di Photoshop

Hai sobat, pada tutorial klikphotoshop kali ini kita akan belajar cara membuat template instagram story dengan photoshop. Siapa yang tak kenal dengan instagram ini! pasti sobat semua mengenal dan menggunakan salah satu aplikasi hebat ini. Instagram pertama kali di perkenalkan pada tahun 2010, tepatnya pada bulan oktober atau 10 tahun yang lalu dan sangat populer hingga sampai saat ini. 

Fitur-fitur yang terdapat di dalam aplikasi ini sangat memanjakan para penggunanya, dan salah satunya adalah fitur highlight atau sorotan yang terdapat di bagian info profil. Fitur inilah yang sering kita kenal dengan instagram story, cover story ini bisa berisi bermacam-macam seperti logo, tulisan maupun gambar.

cara membuat instagram story

Nah, pada tutorial kali ini saya akan mencoba membuat contoh template instagram story untuk promosi sebuah produk, dengan memadukan antara tulisan dan gambar. Ok sob, di sini saya telah menyiapkan bahan untuk membuat template instagram story saya:

  • Gambar seorang model yang saya download dari pixabay.com
  • Font monsterrat

Cara Membuat Template Instagram Story Dengan Photoshop

1. Cara Membuat Ukuran Instgram Story

Langkah 1
Hal pertama yang kita lakukan adalah membuat dokumen baru. Untuk itu, pergi ke menu File di atas layar dan pilih New, atau dengan pintasan keyboard CTRL+N (Win) / Command+N (Mac):
 
cara membuat instagram story
 
Langkah 2
Kemudian pada kotak dialog, namai sesuai keinginan pada bagian Name. Lalu buat standar ukuran instagram story, atur Lebar di 1920 pixels dan Tinggi ke 1080 pixels. Dengan resolusi ke 72 pixels/inch dan Color Mode di setel ke RGB, lalu klik Ok untuk menutup kotak dialog:

ukuran instagram story

Langkah 3
Selanjutnya masukkan foto ke dalam dokumen baru yang sebelumnya telah kita buat. Pergi ke menu File di atas layar, lalu pilih Place dari daftar yang di tampilkan. Setelah itu atur posisi gambar, gunakan perintah Free Transform dengan pintasan keyboard CTRL+T (Win) / Command+T (Mac) untuk menempatkan sesuai selara sobat:

cara membuat template instagram story

2. Tambahkan Grafis Sederhana di Atas Gambar

Langkah 1
Pertama saya akan akan menambahkan pola shape sederhana dengan menggunakan pola bentuk Shape photoshop. Untuk itu, saya pergi ke kotak alat dan pilih Rectangle Tool atau dengan menekan huruf U pada keyboard sebagai pintasan:

cara membuat instagram story di photoshop

Langkah 2
Kemudian atur Opsi Bentuk Shape di atas layar. Pertama Matikan Fill dan hidupkan Stroke, lalu atur warna dan nilai stroke sesuai kebutuhan. Disini saya akan mengatur dengan warna putih dan nilai ketebalan stroke ke angka 30 pt, semakin tinggi nilainya akan semakin tebal:

cara membuat template instagram story

Langkah 3
Selanjutnya dengan alat rectangle yang masih di pilih, klik dan tahan pada mouse, lalu seret bentuk sesuai kebutuhan. Silahkan sobat bereksperimen, jika ingin membatalkan pada seretan pertama yang gagal, kita cukup menekan Ctrl+Z (Win) / Command+Z (Mac):

instagram story

3. Tambahkan Beberapa Tulisan Agar Terlihat Menarik

Langkah 1
Untuk menambahkan tulisan di photoshop, hal pertama yang kita lakukan adalah pergi kotak alat dan pilih Type Tool atau dengan menekan huruf T pada keyboard sebagai pintasan:
 
cover story instagram

Langkah 2
Selanjutnya pada opsi Type di atas jendela dokumen, pilih jenis font dan atur untuk ukuran tulisan sesuai keinginan. Disini saya akan menggunakan font Montserrat Bold untuk tulisan pertama saya, dengan ukuran tulisan saya ke ukuran maksimal 72 pt:

template instagram story

Langkah 3
Kemudian mulailah menulis di atas gambar, disini saya akan mengetik "SALE". Lalu saya akan memperbesar tulisan, dengan perintah free transform photoshop. Untuk itu, saya menekan Ctrl+T (Win) / Command+T (Mac) sebagai pintasan tercepat. Lalu dengan menahan Shift pada keyboard, seret salah satu pegangan kotak kecil free transform dan kemudian atur sesuai selera sobat:
 
cara membuat cover story instagram

Langkah 4
Tambahkan tulisan yang kedua. Disini saya masih akan menggunakan jenis font dan warna yang sama untuk tulisan kedua saya. Saya akan mulai mengetik "30 % OFF", kemudian saya akan menempatkan tepat di bawah tulisan pertama saya:

cara membuat template instagram story di photoshop

Langkah 5
Pada langkah selanjutnya buat variasi, sebelum menambah tulisan berikutnya. Pertama, saya akan membuat bentuk shape kotak di atas tulisan pertama. Untuk itu, saya pergi ke kotak alat dan memilih alat  Rectangle Tool. Lalu saya lukis pada bagian atas dari kedua tulisan yang sebelumnya telah kita tambahkan:

ukuran instagram story

Kedua, dengan font yang sama, saya ingin membuat variasi tulisan dengan mengubah tampilan tebal ke tipis di bagian atas opsi Type. Lalu saya mengeti "STOK TERBATAS" untuk tulisan ketiga saya. Atur dan sesuaikan di garis tengah agar proporsional:

cara buat instagram story di photoshop

Nah, dengan begitu kita telah berhasil membuat template instagram sendiri di photoshop, dan sekarang siap untuk di share ke akun instagram kita. Inilah hasil akhir dari tutorial ini:

cara membuat template instagram story

Ok sobat, demikian tutorial kali ini tentang cara membuat template instagram story di photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimakasih.