Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Template Instagram Story Dengan 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 memakai 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 untuk 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.

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 mempersiapkan 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
Buat dokumen baru, pergi ke menu File di atas layar dan pilih New atau dengan pintasan keyboard CTRL+N (Win) / Command+N (Mac):
 
Ukuran instagram story

 
Langkah 2
Ini akan membuka kotak dialog New Documen photoshop, di sini saya akan menamai dokumen baru saya dengan nama template instagram story. Kemudian atur Lebar ke 1920 pixels dan Tinggi 1080 pixels dengan 72 pixels/inci untuk resolusinya. Klik Ok untuk menutup kotak dialog:
 
cara membuat template instagram story di photoshop

 
Langkah 3
Kemudian kita buka foto model ke jendela dokumen baru, kita pergi ke menu File atas layar dan pilih Open atau dengan shortcut CTRL+O (Win) / Command+O (Mac) sebagai pintasan:

cara membuat insta story

 
Langkah 4
Lalu tarik foto ke dokumen baru yang telah kita buat sebelumnya, kemudian atur posisi sesuai keinginan. Untuk mengatur posisi, kita gunakan perintah Free Transform atau dengan pintasan keyboard CTRL+T (Win) / Command+T (Mac):

membuat template insta story di photoshop

 

2. Tambahkan Grafis Sederhana di Atas Gambar

Langkah 1
Kita akan menambahkan grafis sederhana dengan menggunakan Shape photoshop. Pergi ke kotak alat dan pilih Rectangle Tool atau dengan menekan huruf U pada keyboard sebagai pintasan:

cover story instagram
 
 
Langkah 2
Kemudian atur Opsi Shape di atas layar. Matikan Fill dan atur  Stroke sesuai keinginan, semakin tinggi nilainya akan semakin tebal. Disini saya atur ke 30 pt dengan warna putih:

template instagram story


Langkah 3
Kemudian lukis pada seperempat bagian dalam foto sehingga membentuk mirip seperti bingkai, atur dan sesuaikan menurut selera. Sobat bisa bereksperimen sendiri sesuai keinginan dan mungkin berbeda dengan saya, Ok tidak masalah!

membuat story instagram


3. Tambahkan Beberapa Tulisan Agar Terlihat Menarik

Langkah 1
Langkah pertama, pergi kotak alat dan pilih Type Tool atau dengan pintasan keyboard dengan menekan huruf T pada keyboard:
 
cara membuat insta story di photoshop
 
 
Langkah 2
pilih jenis font sesuai selera sobat, di sini saya menggunakan jenis font Montserrat Bold untuk tulisan pertama saya dan di atur ke 72pt ukuran maksimal:

Font Montserrat Bold

 
kemudian saya akan mengetik SALE, atau sobat ingin menulis kata-kata yang lain sesuai keinginan:

template instagram story


Langkah 3
Ubah ukuran tulisan yang pertama, pergi ke menu Edit di atas layar dan pilih perintah Free Transform untuk memperbesar tulisan. Atau dengan menekan huruf T pada keyboard sebagai pintasan, kemudian atur dan posisikan sesuai kemauan:
 
membuat banner story instagram


Langkah 4
Selanjutnya, masih dengan jenis font yang sama, tambahkan tulisan yang kedua. Saya akan mengetik 30 % OFF:

cara membuat banner instagram story
 

kemudian tekan huruf T sebagai pintasan dengan perintah Free Transform, dan lakukan seperti langkah  sebelumnya:

klikphotoshop


Langkah 5
Tambahkan Shape, pergi ke kotak alat dan pilih Rectangle Tool. Kemudian lukis di bagian atas kedua tulisan yang sebelumnya telah kita tambahkan:

tutorial instagram


Lalu ketik lagi tulisan yang ketiga, kali ini saya menggunakan font Montserrat Light yang agak tipis untuk kombinasi. Lalu ketik, saya menulis "STOK TERBATAS" untuk tulisan ketiga saya. Atur dan sesuaikan di garis tengah agar proporsional:

tutorial photoshop


Dan, inilah hasil akhir dari tutorial cover story promosi kita. Kita berhasil! Sekarang siap share ke instgram kita:

cara membuat template instgram story


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