Belajar Web Programming - Membuat website dengan potoshop. Pada projek pertama ini saya akan mengambil judul Membuat website Dengan Potoshop. Seperti tertera jelas pada judul artikel kali ini, kita akan membuat sebuah website dengan menggunakan adobe potoshop. Apa bisa? Ya tentu saja bisa, untuk membuat website dengan potoshop adalah bukan hal yang tidak mungkin . Bahkan untuk sebagian besar orang cara ini bisa dibilang mudah. Karena memang proses membuatnya juga tidak terlalu sulit. Karena bagian tersulitnya adalah membuat desainnya.
Untuk melakukan projek ini tools yang akan saya gunakan adalah adobe potoshop dan dreamweaver. Namun akan lebih banya menggunakan potoshop. Mari kita mulai.
1. Buka aplikasi Adobe Potoshop
2. Buat sebuah kanvas baru berukuran 1366x800 px(File => New), dengan resolusi 72px/inch dan backgroun transparan. (Ukuran dapat anda tentukan sendiri)
3. Kemudian kita pilih shape "rounded rectangle tool" dan buat shape menutupi seluruh kanvas
4. Klik kanan pada shape dan pilih blending option kemudian klik pada gradient overlay dan pilih warna kesukaan anda. namun bagian bawah harus berwarna putih ya.
5. Buat kemudian buat shape lagi untuk membuat tampilan menu, kali ini saya akan menggunakan shape "rounded rectangle tool" dan kemudian buat desain sesuai imajinasi anda.
6. Setelah selesai membuat desain , kita potong desain kita menggunakan "slice tools", potong pada bagian logo, menu dan halaman untuk artikel.
 |
| Design Web Setelah dipotong dengan slice tools |
7. Setelah selesai memotong perbagian, selanjutnya adalah menyimpan desain yang kita buat tadi. Namun yang terpenting adalah pilih Save for web & devices. Sebelum melakukan save, siapkan dulu folder untuk menyimpan design anda, Buat sebuah folder "Coba" didalam folder htdocs yang ada di XAMPP .Kemudian akan muncul pilihan jenis gambar yang akan kita simpan, pilih salah PNG. Kemudian pilih save, dan beri nama index.html . Pada Save As Type pilih HTML and Images. Terakhir pilih Save
8. Tahap terakhir adalah mencoba pekerjaan kita dengan cara membuka web yang baru kita buat lewat browser ( lebih baik gunakan Mozila) dengan dara ketik localhost/coba ("coba" adalah nama folder tempat kita menyimpan projek kita dari potoshop tadi. Jika berhasil maka akan muncul seperti gambar dibawah ini.
Nah dengan demikian pembuatan template web telah usai dan selanjutnya kita akan memasuki tahap penyempurnaan dengan deramweaver.
0 Response to "Membuat website Dengan Potoshop"
Post a Comment