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):
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:
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:
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):
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:
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:
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!
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:
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:
kemudian saya akan mengetik SALE, atau sobat ingin menulis kata-kata yang lain sesuai keinginan:
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:
Langkah 4
Selanjutnya, masih dengan jenis font yang sama, tambahkan tulisan yang kedua. Saya akan mengetik 30 % OFF:
kemudian tekan huruf T sebagai pintasan dengan perintah Free Transform, dan lakukan seperti langkah sebelumnya:
Langkah 5
Tambahkan Shape, pergi ke kotak alat dan pilih Rectangle Tool. Kemudian lukis di bagian atas kedua tulisan yang sebelumnya telah kita tambahkan:
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:
Dan, inilah hasil akhir dari tutorial cover story promosi kita. Kita berhasil! Sekarang siap share ke instgram kita:
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.
