• Membuat Website Gratis dan Toko Online Gratis

    Kursus Bogor
  • ebook php Web Design
  • Partner Kami

  • Facebook Kami

  • Follow Twitter Kami

  • Teknik Shaping Glossy Environment

    Posted on: June 4th, 2009 by IW

    IW
    Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis.

    Teknik Shaping Glossy Environment web desain grafisYa…. selamat pagi menjelang siang, selamat siang menjelang sore, selamat sore menjelang malam…. ZzzZzZzzzz…. selamat datang dalam tutorial coreldraw :D Banyaknya komentar yang masuk membuat penulis merasa tertantang untuk mencoba kembali membawakan satu buah tutorial coreldraw dengan teknik shaping yang sedikit berbeda dari tutorial sebelumnya. Dalam tutorial kali ini penulis mencoba beberapa teknik pewarnaan untuk menghasilkan sebuah box yang terlihat seperti gelas dalam sebuah ruangan yang menyerupai kaca. Mohon maaf jika terdengar berlebihan.

    Padahal hasil akhirnya tidak seperti itu… :D. Dan tentunya penulis menyadari teknik yang akan penulis bawakan masih memiliki banyak sekali kekurangan.

    Sangat membutuhkan campur tangan anda dalam proses penyempurnaan, sehingga objek yang dibuat nantinya benar-benar terlihat seperti glossy box dalam glossy environment. Apapun istilahnya yang jelas intro tutorial kali ini di cukupkan saja. Penulis akan coba langsung ke inti pembahasan.

    Seperti biasa siapkan terlebih dahulu sebuah lembar kerja yang kosong.

    Untuk memudahkan proses pekerjaan, samakan konfigurasi lembar kerja, silahkan ubah nilai Units, dari inches menjadi pixels.
    Teknik Shaping Glossy Environment web desain grafis

    Dengan rectangle tools, Teknik Shaping Glossy Environment web desain grafis
    atau anda bisa menekan tombol F6 di keyboard untuk membuat objek persegi panjang dengan ukuran width 774px dan height-nya 281 px
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian dengan shape tools Teknik Shaping Glossy Environment web desain grafis lekukan di ujung-ujung persegi tersebut dengan mengklik dan drag kotak hitam kecil.
    Teknik Shaping Glossy Environment web desain grafis

    sehingga hasil menjadi seperti ini :
    Teknik Shaping Glossy Environment web desain grafis

    Selanjutnya, dengan Interactive Fill Tools Teknik Shaping Glossy Environment web desain grafis atau dengan menekan tombol G di keyboard, berikan pewarnaan gradien kepada objek yang tadi. Menjadi seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Ganti warna defaultnya, dalam keadaan objek terpilih lakukan double klik pada fill color yang terletak di kanan bawah aplikasi coreldraw.
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian akan muncul sebuah windows baru, Fountain Fill :
    Teknik Shaping Glossy Environment web desain grafis

    kemudian ganti color blend-nya dari Two Color menjadi Custom
    Teknik Shaping Glossy Environment web desain grafis

    Ganti warna hitamnya menjadi warna biru, caranya klik kotak putih kecil di bagian kiri window fountain fill, sampai warnanya berubah menjadi kotak hitam kecil kemudian klik button Others. Setelah itu akan muncul windows kecil baru, yaitu Select Color.
    Teknik Shaping Glossy Environment web desain grafis

    ganti Nilai model dari RGB menjadi CMYK, kemudian isi nilai :

    C dengan 61
    M dengan 61
    Y dengan 0
    K dengan 37

    Teknik Shaping Glossy Environment web desain grafis

    kemudian klik button Ok.

    Isi Fountain color secara otomatis berubah.
    Teknik Shaping Glossy Environment web desain grafis

    Lakukan ulang untuk warna yang satunya lagi, klik kotak putih di kanan fountain fill, kemudian sampai warna kotak kecil tersebut menjadi putih, kemudian klik Others. Akan muncul satu windows select color, ganti CMYK dengan RGB, kemudian isi :

    R dengan 191
    G dengan 255
    B dengan 255

    Teknik Shaping Glossy Environment web desain grafis

    kemudian klik Ok. Fountain color pun menjadi berubah :
    Teknik Shaping Glossy Environment web desain grafis

    Langkah selanjutnya adalah double klik di antara 2 warna tadi.
    Double klik di bagian yang telah penulis beri tanda seperti gambar di bawah …
    Teknik Shaping Glossy Environment web desain grafis

    sehingga hasilnya ada 1 segitiga kecil berwarna hitam di bagian yang di klik tadi
    Teknik Shaping Glossy Environment web desain grafis

    Klik kembali segitiga kecil tersebut, kemudian klik button others ganti warnanya isi :
    C dengan 65
    M dengan 43
    Y dengan 0
    K dengan 27

    Teknik Shaping Glossy Environment web desain grafis

    selesai, klik ok. Kemudian klik ok kembali untuk keluar dari windows Fountain Fill.

    Hasilnya …

    Teknik Shaping Glossy Environment web desain grafis

    Dengan Rectangle Tools ( F6) buat kembali satu objek persegi di atas persegi yang tadi …
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian convert to curves, bisa dengan menekan ctrl + Q di keyboard, atau klik kanan objek yang baru di buat kemudian convert to curves. Kemudian engan shape tools ( F10) lekuk-lekukan objek tersebut, hingga menjadi seperti ini :
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian, pilih kembali kedua objek tersebut, pertama klik terlebih dahulu objek yang baru di lekukan tersebut, setelah itu pilih objek yang telah di beri warna.
    Dalam keadaan kedua objek terpilih, kemudian klik icon intersect ada di toolbar atas.
    Teknik Shaping Glossy Environment web desain grafis

    Delete objek yang di lekukan tadi, sisakan objek hasil intersect. Hasilnya seperti ini :
    Teknik Shaping Glossy Environment web desain grafis

    Beri warna putih objek hasil intersect tersebut, kemudian dengan Interactive Transparency tool, beri efek transparan objek tersebut sehingga menjadi seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Selanjutnya dengan Pick Tool Teknik Shaping Glossy Environment web desain grafis

    , buat objek yang baru saja di beri efek transpan tersebut tidak terlalu menempel di ujung-ujung objek dibawahnya, buat menjadi seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Buat duplikat dengan cara copy paste objek yang telah di beri transparansi tersebut, kemudian beri warna hitam,
    Teknik Shaping Glossy Environment web desain grafis

    kemudian lakukan mirror pada objek yang di beri warna hitam transparansi tersebut
    Teknik Shaping Glossy Environment web desain grafis

    letakkan di atas objek yang di beri warna gradien biru.
    Teknik Shaping Glossy Environment web desain grafis

    Pilih objek yang memiliki transparasi hitam tersebut, kemudian klik menu Bitmaps | Convert to Bitmap,

    Teknik Shaping Glossy Environment web desain grafis

    isi Resolution dengan 600 dpi. Nilai 600 dpi di berikan agar pemberian efek kepada bitmap menjadi sangat halus. Klik ok.

    Masih dalam objek tersebut terpilih, masuk kembali menu Bitmap | Blur | Gaussian Blur, isi radiusnya dengan 2.2 pixels
    Teknik Shaping Glossy Environment web desain grafis

    Mohon maaf, artikel di percepat .. :D
    Buat 2 buah objek baru, sehingga objek keseluruhan akan seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Buat satu buah persegi di atas, objek button cari …
    Teknik Shaping Glossy Environment web desain grafis

    Convert to curves ( ctrl + Q ) Lekukan objek baru tersebut, hingga menjadi seperti ini
    Teknik Shaping Glossy Environment web desain grafis

    Pilih objek yang sudah di lekukan tersebut kemudian pilih objek yang di bawahnya, lakukan intersect kepada kedua objek tersebut, dengan mengklik icon intersect di toolbar atas.

    Beri warna putih …
    Teknik Shaping Glossy Environment web desain grafis

    kemudian beri transparansi … dan dengan pick tool kecilkan objek tersebut … hasilnya seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    kemudian duplikasi objek yang tadi, kemudian lakukan mirror, dan ubah transparansinya, buat menjadi seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Seleksi semua objek kemudian lakukan group dengan menekan ctrl + G di keyboard, atau klik kanan Group.
    Teknik Shaping Glossy Environment web desain grafis

    Duplikasi objek yang di group tersebut, kemudian lakukan mirroring hingga hasilnya seperti ini ..
    Teknik Shaping Glossy Environment web desain grafis
    Pilih objek yang di bawahnya … kemudian masuk menu Bitmaps | Convert to Bitmap
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian masuk kembali menu Bitmap | Blur | Gaussian Blur, beri nilai 4.0 untuk Resolution-nya
    Teknik Shaping Glossy Environment web desain grafis

    Lakukan transpansi untuk objek yang baru saja di beri efek blur, sehingga hasilnya menjadi seperti ini :
    Teknik Shaping Glossy Environment web desain grafis

    Buat kembali sebuah objek baru, atau dapat mengambil dari objek persegi yang sebelumnya ukurannya adalah :
    width : 774 px
    height : 281 px,

    buat menjadi seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Pilih persegi berwarna hitam tersebut, kemudian klik menu Bitmaps | Convert to Bitmap … Klik ok. Masih dalam keadaan objek hitam terpilih, masuk kembali menu Bitmap | Blur | Gaussian Blur beri nilai 45 px untuk resolutionnya, hasilnya menjadi seperti ini :
    Teknik Shaping Glossy Environment web desain grafis

    Letakkan di bawah objek search box, caranya pilih objek hitam tersebut, kemudian tekan shift + page down, atau bisa juga klik kanan | order | to back of layer, menjadi seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Ya benar ! Si objek tersebut di jadikan sebagai bayang bagi objek box di atasnya. Berikan transparansi hingga hasilnya menjadi seperti ini ..
    Teknik Shaping Glossy Environment web desain grafis

    Buat satu objek persegi sebagai backgroundnya … dengan ukuran sebagai berikut :
    Width : 1865 px
    Height : 1038 px

    Berikan warna abu ( 40 % black ) Letakkan di belakang search box
    Seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Dengan interactive fill tool lakukan gradasi pada objek yang akan di jadikan background tersebut …
    Teknik Shaping Glossy Environment web desain grafis

    Buat kembali satu buah objek sebagai alas dari search box … beri warna putih letakkan di belakang dari box …
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian lakukan transparansi kepada objek putih tersebut …
    Teknik Shaping Glossy Environment web desain grafis

    Buat kembali satu objek persegi berwarna putih, dan letakkan di belakang search box.
    Teknik Shaping Glossy Environment web desain grafis

    Lakukan transparansi objek persegi putih tersebut …
    Teknik Shaping Glossy Environment web desain grafis

    Buat satu buah objek lingkaran dengan ukuran 522 x 522 px. Letakkan di atas objek search box.
    Teknik Shaping Glossy Environment web desain grafis

    Pilih lingkaran tersebut kemudian masuk menu Bitmaps | Convert to bitmap, klik Ok. Kemudian Masuk kembali menu Bitmap | Blur | Gaussian Blur, isi radiusnya dengan 200 pixels
    Teknik Shaping Glossy Environment web desain grafis

    Letakkan di bawah objek search box, lakukan pembesaran. Kemudian berikan transparansi hingga hasil akhir menjadi seperti ini ..
    Teknik Shaping Glossy Environment web desain grafis

    Lakukan duplikasi objek yang menjadi kilapan search box dengan cara copy paste, hasilnya seperti ini …
    Teknik Shaping Glossy Environment web desain grafis

    Kemudian klik objek duplikat tersebut, kemudian masuk menu bitmaps | convert to bitmap, masih dalam keadaan terpilih masuk menu Bitmap | Blur | Gaussian Blur, isi radiusnya dengan 78 pixels, dan letakkan di atas search box…
    Teknik Shaping Glossy Environment web desain grafis

    Hasil akhirnya …
    Teknik Shaping Glossy Environment web desain grafis

    Fiuhh… akhirnya selesai juga tutorial Coreldraw kali ini…. selamat mencoba. Jika ada yang di tanyakan, kirim saja pertanyaannya ke email penulis …
    lokadwiartara@ilmuwebsite.com

    File corelnya dapat di download di sini ….

    Selamat belajar coreldraw… :D

    Greetz : b_scorpio, abuzahra, peterpanz, kandar, phii_, syahrilrohman, ivan, dr.emi, safril, najwa, Lapak-online Team!


    Teknik Shaping Glossy Environment web desain grafisCara Membuat Website dengan Adobe Dreamweaver

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website? Store Ilmuwebsite menyediakan CD Tutorial Interaktif dengan harga murah, mengantar Anda menjadi seorang web designer yang handal


    Teknik Shaping Glossy Environment web desain grafisMahir PHP MySQL Membuat Aplikasi Dinamis Berbasis Web

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website dinamis atau aplikasi berbasis web? Kami punya solusi yang sangat sangat murah! Lebih ampuh dari hanya sekedar membaca buku, interaktif layaknya kursus PHP biasa

    4 Responses

    1. Sandy says:

      Wah,,, bagus banget mas,,, tolong beri Q link untuk download desain corel draw mas,,, Q pgn belajar,,,

    2. duhron says:

      luar biasa. ternyata ilmu coreldraw sy masih 0 besar, setelah lihat2 web ini. maturnuwun.mungkin tiap hari sy akan berkunjung ke sini

    3. oupie says:

      ini cuma gambar ya…..terus kalo dipake beneran buat di web atau program lainnya bisa ga…????

    4. oyot says:

      oke bangettt..dech