Cara Membuat Mockup Responsive Template dengan Background Warna

Hallo sabat Blogger!!!  kali ini saya akan membagikan Tutorial blogger, Cara Membuat Mockup Responsive Template dengan Bacground Warna, Artikel Tutorial ini saya buat dari deskan temen blogger yang belum mengetahui Cara Membuat Mockup Responsive Template dengan Bacground Warna  . Pada kesempatan ini di waktu yang sempit ini saya coba membuat tutorial tersebut

Ok get on with it
Pertama yang harus dilakukan adalah memilih tema mana yang akan kita buatkan Mockup - nya

Kedua silahkan sobat kunjungi Alamat web ini ( Klik Disini ) jika error. Ada dapat copy langsung link ini : https://techsini.com/multi-mockup/?url=http://www.example.com (ketergan.  Ganti link http://www.example.com dengan link blog / web yg mau dibautkan mockup, setelah itu tekan enter)
Setelah sobat masuk di web penyedia Mockup tersebut,  silahkan sobat lakukan memasukan alamat url blog / web yg ingin di buatkan Mockup dengan mengunakan https://.
Untuk lebih jelas nya perhatikan gambar di bawah ini :

Masukan Url mengunakan https://

Memilih warna untuk  Background

Sobat dapat mengurangi perangkat di bagian sini 

Sobat dapat mengurangi perangkat di bagian sini

Merubah Gaya Tampilan

Jika sudah Menurut Sobat Sudah Ok silahkan Screenshot , jika Sobat penguna PC  Bisa sobat menggunakan Software screenshot ini : Download

Sebenar nya Tutorial ini sudah selesai sampai disini , akan tetapi jika sobat mau merubah nya lebih menarik  bisa ikuti langkah langkah di bawah

Cara Merubah Background di Photoshop

Kenapa musti mengunakan Mockup Background Color ?
Karena menggunakan  Mockup Background Color memudahkan kita untuk mengganti Background pada software Edit gambar seperti Adobe Photoshop

Ok buka Photoshop sobat di PC sobat
Setelah kebuka pilih gambar yang tadi kita sudah screenshot di techsini.com  pada tahap ditas ,

Pertama yang kita harus lakukan menghilangkan Background gambar tersebut dengan cara

Tekan hruf W (Magic wand Tool) pada keboard anda


Lalu klik pada bagian Background Gambar setelah itu tekan tombol Delete 
Hasil nya 



Menambahkan Background dengan cara Seperti gambar di bawah 

Tarik Gambar Background

Terus Tarik Background Kebawah pada bagian Collapse to Icons , Liat Gambar :

Tarik Background Kebawah pada bagian Collapse to Icons

Maka hasil nya 



Merubah Ukuran Klik pada Move Tool Lalu tekan  Ctrl + V  Seperti gambar di bawah :


Sesuaikan Ukuran yang anda ingin kan 

Dan lihatlah Gambar  hasil nya 

Ok sekian dulu Tutorial Cara Membuat Mockup Responsive Template dengan Background Warna , Semoga Bermanfaat  , Trimakasih , jika ada sobat yang gagal Paham silahkan tinggal kan Komentar