Cara mengubah Desain Photoshop menjadi file html (Tutorial Azis Js Setyawan)

Demikianlah Artikel Cara mengubah Desain Photoshop menjadi file html (Tutorial Azis Js Setyawan)

Inilah artikel saya Cara mengubah Desain Photoshop menjadi file html (Tutorial Azis Js Setyawan), mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan Chord gitar lagu kali ini.

Anda sedang membaca artikel Cara mengubah Desain Photoshop menjadi file html (Tutorial Azis Js Setyawan) dan artikel ini url permalinknya adalah https://tutorialkita76.blogspot.com/2015/02/cara-mengubah-desain-photoshop-menjadi.html Semoga artikel ini bisa bermanfaat.

Assalamualaikum wr.wb,

Kembali lagi bersama saya Azis Js Setyawan yang sudah lama menghilang entah kemana, yang dulu nya suka bagi-bagi tutorial namun sekarang telah kembali.



Kali ini saya akan memberikan salah satu tutorial yang mungkin menurut para pengunjung setia blog saya sedikit mustahil, namun sebenarnya tutorial Cara mengubah desain photoshop menjadi file html ini memanglah ada dan kenyataan bisa nya.

Langsung saja tanpa bacot yang luas lagi dan kalian hanya mengikuti saja intruksi dari orang ter-kece se-kota tasikmalaya bagian kiri ini yah.



1. Buatlah sebuah rancangan web di photoshop.

Misal seperti dibawah ini :





2. Klik Slice Tool (S), tool ini dilakukan untuk slicing (pemotongan gambar). Gambar akan dipotong agar mudah dalam penempatan di website.

Caranya klik pada lembar kerja dan atur ukuran sesuai kebutuhan. Lakukan berulang-ulang hingga semua telah terseleksi.





3. Klik menu File > Save for Web and Devices .

Maka akan tampil kotak dialog sbb :





4. Atur tipe gambar sebelum diconvert bisa di lihat di bagian preset





5. Klik Save. Maka akan muncul kotak dialog Save Optimized As > Pilih tempat untuk menyimpan file html dan gambarnya.



6. Pada file name isikan nama file. Kemudian klik Save.



7. Untuk melihatnya buka folder (tempat penyimpanan file html tadi). Klik double file HTMLnya.



8. Maka akan muncul di browser, hasil desain kita.





Mungkin itulah yang dapat saya ajarka kepada para Kanca sekalian, semoga tutorial Cara mengubah desain photoshop menjadi file html ini bisa berguna bagi kalian.

Penulis : Azis Js Setyawan

Follow Twitter & Instagram Azis Js :

@75setyawan

Rat 8,2 /10

Dibaca 36.929 kali

Tweet