Desin Form Login Website dengan CorelDraw

Ade Sanusi September 29, 2014
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

Posting Komentar

2 Komentar

  1. for ict 997 Januari 2018 pukul 22.06

    great

    BalasHapus
  2. Unknown19 November 2020 pukul 11.32

    The development of artificial intelligence (AI) has propelled more programming architects, information scientists, and different experts to investigate the plausibility of a vocation in machine learning. Notwithstanding, a few newcomers will in general spotlight a lot on hypothesis and insufficient on commonsense application. machine learning projects for final year In case you will succeed, you have to begin building machine learning projects in the near future.

    Projects assist you with improving your applied ML skills rapidly while allowing you to investigate an intriguing point. Furthermore, you can include projects into your portfolio, making it simpler to get a vocation, discover cool profession openings, and Final Year Project Centers in Chennai even arrange a more significant compensation.

    Data analytics is the study of dissecting crude data so as to make decisions about that data. Data analytics advances and procedures are generally utilized in business ventures to empower associations to settle on progressively Python Training in Chennai educated business choices. In the present worldwide commercial center, it isn't sufficient to assemble data and do the math; you should realize how to apply that data to genuine situations such that will affect conduct. In the program you will initially gain proficiency with the specialized skills, including R and Python dialects most usually utilized in data analytics programming and usage; Python Training in Chennai at that point center around the commonsense application, in view of genuine business issues in a scope of industry segments, for example, wellbeing, promoting and account.

    The Nodejs Projects Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

    BalasHapus