Cara Membuat Mockup Responsive Template dengan Background Warna - THEBOEGIS

Tuesday, November 5, 2019

Cara Membuat Mockup Responsive Template dengan Background Warna



Cara Membuat Mockup Responsive Template dengan Background Warna
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 )
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 

Share this article

Related Post

Please write your comments