Monday, February 20, 2017

Zooper Desain Dasar Menggunakan Rect

  No comments
          Rect (Rectangular Shapes) merupakan suatu module untuk membuat suatu bentuk atau pola dasar pada Zooper seperti rectangle, circle, line dan sebagainya, berbeda dengan image editor yang memiliki banyak module shapes untuk membuat pola, Zooper hanya menyediakan satu module yang harus kita kustomisasi secara manual melaului editor seperti width, height, corner dan sebagainya.

Width dan Height

Secara default ketika kita menambahkan sebuah rect pada Zooper, value dari width dan haight adalah 10, jika kita lihat pada review merupakan sebuah kotak kecil 
  • Rectangle
Untuk meembuat bentuk ractangle kita cukup merubah value width dan height baik itu pesegi atau pesegi panjang, misalkan kita rubah value width: 50 dan height: 50, atau width: 100 dan height: 50 untuk pesegi panjang, akan tampak seperti contoh gambar berikut

  • Line (garis lurus)
Membuat line sama halnya dengan contoh di atas, hanya perlu merubah value width dan height baik itu vertical maupun horizontal, hanya saja kita cukup merubah value dari width atau height kurang dari nilai 10, misalkan kita rubah value width: 100 dan height: 2 untuk horizontal, atau width: 2 dan height: 100 untuk vertical, maka akan tampak seperti gambar berikut

Corner

Corner berfungsi untuk menentukan ketumpulan sudut dari sebuah rect, tapi kita juga perlu menyesuaikan value width dan height untuk menetapkan value dari corner agar sesuai dengan bentuk yang kita inginkan
  • Rounded Rectangle
Membuat rounded rectangle kita hanya perlu menetapkan value corner lebih kecil dari nilai setengah width dan height, misalkan kita rubah value width dan height menjadi 100 sedangkan corner kita rubah menjadi 20 (value dari width dan height tidak perlu sama dalam membuat rounded ractangle misalkan 50,100 atau 100,30 atau 40,80 dan seterusnya), maka akan tampak seperti contoh gambar berikut

  • Circle
Berbeda dari rounded rectangle, untuk membuat circle kita perlu menyamakan value dari width dan height sedangkan value dari corner setengah atau lebih besar dari nilai value width dan height, contoh : width: 100, height: 100, corner: 50, akan tampak seperti gambarbar berikut

Outline

Outline berfungsi untuk membentuk rect yang kita buat menjadi garis tepi atau border, dalam istilah image editor lebih dikenal sebagai stroke, value yang ditentukan pada outline akan selalu mengikuti bentuk awal dari rect seperti rectangle, circle dan sebagainya, value 0 adalah fill sedangkan lebih dari itu menentukan ketebalannya

Curving

curving berfungsi untuk menentukan lengkung dari rect, kita bisa membuat sebuah bentuk arc atau circle outline menggunakan ini, value yang ditetapkan pada kurving adalah 0 - 360° lingkaran atau sebaliknya 0 - -360° lingkaran dimulai secara horizontal, value dari width dan height sangat mempengaruhi besar kecilnya curving sedangkan outline akan mengikuti bentuk curving itu sendiri

Drawing Mode

Seperti halnya pada image editor, Zooper juga memiliki kemampuan berupa lapisan layer melalui drawing mode ini seperti normal, add, xor, darken dan sebagainya, untuk memanfaatkannya kita membutuhkan lebih dari satu module, Zooper tidak memiliki menu eraser untuk menghapus sebagian dari bentuk yang kita buat, tapi kita bisa memanfaatkan menu ini untuk melakukannya, misalkan kita akan membuat bentuk segitiga
  • pertama tambahkan rect yang kita beri nama misalkan rect 1
  • ubah value width: 60, height: 60, rotation: 45
  • tambahkan rect yang kedua, kita beri nama rect 2
  • ubah value dari rect 2, width: 100, height: 50, Y offset: 25 untuk sedikit menggeser ke bawah
  • klik menu Drawing Mode pada rect 2 kemudian pilih clear
maka akan tampak seperti contoh gambar dibawah ini 

No comments :

Post a Comment