AD (728x60)

shorten links and earn money

Contact Me

My Services

Senin, 29 September 2014

Desin Form Login Website dengan CorelDraw

Share & Comment
Ada teman saya melalui pesan facebook merequest cara membuat form login website untuk projeknya membuat aplikasi android. Form login tesebut konsepnya flat dan ada background lingkaran dibelakang form tersebut. Tutorial ini juga sebagai latihan dari tutorial sebelumnya yaitu :
  1. Membuat Objek Kotak, Lingkaran dll pada CorelDraw
  2. Mewarnai Fill dan Outline Objek pada CorelDraw
  3. Membuat Tulisan pada CorelDraw
  4. Transformasi Objek pada CorelDraw dan
  5. Modifikasi Objek dengan Shape Tool 

Berikut ini adalah desain form yang diminta:
Desain Form Login Website dengan CorelDraw

  1. Buatlah lembar kerja baru dan pilih Web Page (960 x 960) pada size, unit pixel dan resolusi 96 dpi.
  2. Buatlah persegi dengan ukuran 350 px x 350 px sebagai objek bantu
  3. Buat lingkaran untuk background kemudian buat objek kotak untuk bayangan background menyatu dengannya (pada saat membuat kotak titik awal drag berada di bagian tengah atas lingkaran / quadrant atas) dan geser sehingga tingginya sama seperti tinggi lingkaran.
    Tutorial Membuat Form Login dengan CorelDraw
  4. Memutar objek bayangan lingkaran (kotak) : Klik 2x pada kotak kemudian Drag & Drop pusat rotasi kotak ke pusat rotasi lingkaran. 
  5. Kemudian atur pada property bar -45 derajat pada bagian rotasi kemudian Enter atau Drag & Drop pada tanda rotasi + Ctrl di keyboard kemudian putar ke bawah.
    Membuat Form Login dengan CorelDraw
  6. Klik kanan pada kotak bayangan lingkaran kemudian pilih Convert to Curve atau Klik Objeknya terus Ctrl + Q
  7. Atur objek bayangan tesebut dengan Shape Tool (F10) sehingga membentuk gambar berikut.
    Membuat Form Login dengan CorelDraw
  8. Warnai Objek lingkaran ( RGB 160 217 246 atau heksa ##A0D9F6) dan kotak bayangan kemudian klik pada kotak bayangan dan tekan Shift + PageDown di keyboard
  9. Buatlah kotak untuk username, password dan login kemudian masukan  icon yang sesuai. (Tips: buatlah untuk username saja sampai selesai kemudian yang lainnya copy paste)
    Membuat Form Login dengan CorelDraw
  10. Buatlah tulisan pada form username, password dan login kemudian warnai objek tersebut dan hilangkan oultine/garis pinggir.
  11. Berikan sedikit tambahan sentuhan drop shadow pada bagian form untuk mempercantiknya.
    Membuat Form Login dengan CorelDraw
  12. Selesai dan export komponen yang diperlukan untuk web misalnya bagian backgroundnya saja karena biasanya desain formnya nanti dibuat dengan paduan HTML dan CSS , biasanya format export PNG yang mendukung transparansi dan loading yang ringan. 
Demikian tutorial membuat form login website dengan CorelDraw dan semoga berhasil. #GRAFISin
Tags: , , , ,

Written by

Programmer yang suka ngulik coding, dan tertarik juga dengan hal-hal kratifitas, desain grafis. Semoga Blog Ini bermanfaat untuk Anda!, Terima Kasih.

2 komentar:

  1. Great post! I am actually getting ready to across this information, It's very helpful for this blog.Also great with all of the valuable information you have Keep up the good work you are doing well.
    PHP Training in Chennai

    BalasHapus

 

Popular Posts

Recent Post

Follow by Email

Kenapa Pilih Macro?

Copyright © GRAFISin | Tutorial Desain Grafis dan Download Gratisan | Designed by Templateism.com