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.
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):
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:
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:
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:
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:
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):
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:
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:
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:
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:
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:
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:
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:
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.