Profil Penulis

author photo

Imran Abdul Jabar: Pengasas Sifoo.com. Melibatkan diri di dalam bidang grafik/multimedia dari tahun 1998. Kini, bergiat secara aktif sebagai Trainer/Instructor untuk kursus-kursus grafik dan multimedia. Blog: http://imranabduljabar.com

Lihat semua pos oleh Imran

Gradient Yang Blend Dengan Latar

11 August 2008 | Pos Terkait | Dalam Kategori

Gradient Yang Blend Dengan Latar

Teknik menghasilkan warna gradient yang blend dengan latar belakang sesuatu rekabentuk. Teknik ini menggunakan Opacity Mask (Fungsi ini agak tersorok sedikit di dalam Illustrator – Kalau tak geladah memang tak jumpa).

Pertama sekali kita hasilkan satu rekabentuk latarbelakang. Untuk contoh ini saya hasilkan latarbelakang seperti imej di atas.

Langkah 1
Gunakan Rectangle Tool untuk hasilkan satu kotak. Saya gunakan Pattern > Basic Graphics > Basic Graphics_Dots > 0 to 100% Dot Gradation (Ai CS3).

Langkah 2
Copy dan Paste in Front (Ctrl + F). Kemudian, tukarkan warna Fill kepada biru.

Langkah 3
Dalam palet Transparency, tukarkan Blend Mode kepada Color.

sifoo.com/v7/wp-content/uploads/2008/08/symbol_logo.png”>

Langkah 4
Buka palet Symbols Libraries > Logo Elements. Masukkan elemen seperti simbol planet dan roket ke atas latarbelakang tadi.

Langkah 5
Lukiskan bentuk ’swoop’ seperti yang diwarnakan dengan warna hijau, oren dan merah untuk planet, roket dan logo Sifoo.com

Langkah 6
Copy setiap bentuk ’swoop’ tadi dan Paste in Front (Ctrl + F). Tukarkan warnanya kepada Linear Gradient Hitam Putih. (*warna hitam akan menjadikan warna yang berada di bahagian bawah transparen)

Langkah 7
Select kedua-dua bentuk (warna solid dan warna gradient). Dalam palet Transparency, klik pada butang kecil Option (pada sudut atas sebelah kanan palet). Pilih Make Opacity Mask.

Hasilnya, warna solid akan diblendkan dengan latarbelakang.

Gradient Yang Blend Dengan Latar

Selamat mencuba!

Popularity: 16% [?]

Jika anda baru di Sifoo.com, mungkin ada baiknya anda melanggani RSS Sifoo.com melalui email atau feed. Terima kasih kerana berkunjung!

Nota: Artikel atau tutorial ini hakmilik Sifoo.com. Aktiviti seperti meniru, menyalin, menciplak dan menerbitkan semula tanpa izin adalah ditegah sama sekali. Keizinan boleh diberikan sekiranya anda berminat dan berbincang dengan pihak Sifoo.com. Sila berikan kredit dan linkback kepada penulis asal dan laman web Sifoo.com.

Terdapat 19 Maklumbalas Setakat Ini. »

  1. Komen oleh throbber200 pada 23 August 2008:

    waaa teknik yang simple but amat berguna. Thanks
    Jumlah komen oleh throbber200: 2

  2. Komen oleh zaharuddin md desa pada 28 August 2008:

    saya dulu belajar sijil kemahiran malaysia multimedia pengarangan tahap 3 kemudian sambung diploma teknologi multimedia (graphic design)
    tapi masalahnya sampai sekarang design saya tak gempak . macam mana nak dapat terbaik untuk design ,memahami konsep rekaan, trend design terkini ,design sentiasa up to date ,penggunaan warna , konsep rekaan,prinsip senirekaan .boleh bagi tips atau rujuk dengan mana – mana majalah ,laman web
    Jumlah komen oleh zaharuddin md desa: 1

  3. Komen oleh Imran pada 28 August 2008:

    salam,
    kalau nak design gempak, kena banyak praktis, banyak buat observation, banyak buat research.
    antara yang penting bagi saya bila buat design ni ialah “sense of design” mesti ada pada diri designer. contohnya: warna apa yg sesuai, konsep apa yg sesuai, style macam mana, typography yg sesuai, dsb.
    rujukan kat internet = banyak! search aje…
    selamat!

  4. Komen oleh shawne pada 15 September 2008:

    Hii guys thanx for the tuts here.. oOOo yea.. Saya ni budak yang baru belajar walaupun dalam tenet ni saya da ceburi lebih dalam 5 tahun tapi saya masih tak paham².. mungkin sedara kat sini boleh menerangkan secara terperinci pada saya.. Saya adalah salah seorang student KOLEJ KL.. Yang ada kat mana tu tak yah la nak tau tapi yang ni setakat Qualification jer.. Saya amik Computer Science Multimedia.. Banyak perkara yang saya tak tau walaupun umur da kira lanjut tapi saya masih cekal lagi untuk mempelajari segala bidang dan segala aspek.. :) bukannya nak bermegah tapi honestly saya memang blur .. :( Saya pernah bekerja sebagai Graphic Design kat sesuatu tempat.. Misalnya Bintang Maju Commercial Sdn Bhd. (CamWorld).. Dulu saya bekerja kat situ tapi sekarang ni tak le.. Da kena buang.. Ehmmm…cuma yang buat saya risau ni bagaimana kita boleh mengkreatifkan lagi kepala hotak kitorang ni menjadi begitu ProAktif dalam bidang Design apa yang perlu kita buat? oOo yea.. Heheh cantik yer, pemandangan sifoo sekarang ni.. Tahniah.. Kepada sesiapa yang boleh membantu diri ini sila la beri komen mendalam tak kira la tua muda budak ke tak budak ke orang ke tak orang ke.. yang penting komen membina.. Lap U GuyZzz!!!
    Jumlah komen oleh shawne: 1

  5. Komen oleh Imran pada 15 September 2008:

    shawne> Wah, panjang sungguh pengenalan diri. Tq Tq. Cuma macam saya mention before this, kalau nak design kita sentiasa up-to-date kita kenalah sentiasa buat research.

    Sifoo.com menyediakan ruangan forum untuk kita sama2 share hasil kerja. Jadi, bolehlah kita saling memberi pandangan antara satu sama lain.

  6. Komen oleh peter chua pada 13 October 2008:

    hello….saya pun lebih kurang mcm shawne gak….ada dip dalam mult application but kalau pasal design² niee ada bengap sikit…wakakakak…..saya pun nak study lebih mendalam..saya memang suka nak mendesign…but i dont know where to search and nak cari tutorial yang senang²….appaun saya akan majukan diri ngan perbanyakkan mencuba and practice and practice kan…
    Jumlah komen oleh peter chua: 2

  7. Komen oleh Fars pada 22 October 2008:

    Tutorial nie memang berguna,memang x tau pon teknik nie ade dlm illustrator,thankz..juz nk bg pendapat,btol ke dgn bermain games akn jadi kan otak lebih kreatif..never heard b4
    Jumlah komen oleh Fars: 4

  8. Komen oleh madee pada 7 November 2008:

    salam..

    bleh aja saye tak

    illustrator and fhotoshop..

    saya da buat bayak latihan ..

    tapi takde peningkatan
    Jumlah komen oleh madee: 1

  9. Komen oleh XeRoX pada 9 November 2008:

    Aslkm Bro…

    Features ni hanya pada .ai CS3 aja eh?
    so kalau below CS3 version ada option lain?

    thanks
    Jumlah komen oleh XeRoX: 1

  10. Komen oleh hana pada 22 January 2009:

    sila tunjuk ajar saya mengenai adobe…
    i,am waiting inform with you
    Jumlah komen oleh hana: 5

  11. Komen oleh siti aisyah pada 5 February 2009:

    salam..sy ambik minor dalam grafik kom kat usm. memang susah la nak wat grafik design ner….tp seronok. cuma datang blur memang susah la.huhuhuhu. lecture seni kat u 2 flexsibel. dia ckp2 pas 2 suh kami wat. ….alamat kena belajar dan cari sendiri la. tq for ur tutorial. i hope this can help to finish my assgmt.
    Jumlah komen oleh siti aisyah: 1

  12. Komen oleh pungguk pada 8 April 2009:

    bro imran ni mmg bagus la..tak kedekut ilmu..cayaalaaa
    Jumlah komen oleh pungguk: 1

  13. Komen oleh MAN pada 16 April 2009:

    KAT MANA LETAKKNYA PATTERN TU..?? SELEPAS BUAT RECTANGLE TU…
    Jumlah komen oleh MAN: 1

  14. Komen oleh gestapo pada 22 April 2009:

    aq pon nk tnya pasal pattern 2..kat mne tool nya bro..????
    Jumlah komen oleh gestapo: 2

  15. Komen oleh zara pada 24 April 2009:

    salam… saya igt saya srg je yg mempunyai mslh nak mendesign. nama je graphic designer, tp design cam sampah. hehe… thanx 2 sifoo.com, harap2 saya dapat improvekan lg design sy.
    Jumlah komen oleh zara: 1

  16. Komen oleh Imran pada 27 April 2009:

    gestapo:

    Pattern > Basic Graphics > Basic Graphics_Dots > 0 to 100% Dot Gradation (Ai CS3).

    Entri terkini di laman blog Imran:
    Di Ruang Keemasan

  17. Komen oleh wani pada 14 November 2009:

    salam… sy ade masalah dlm ton warna dlm design.sukar nk match colour dlm design supaye nampak menarik.bleh tk bg sy panduan mcm mane nk selesaikan masalah sy ni.tq
    Jumlah komen oleh wani: 2

  18. Komen oleh Imran pada 14 November 2009:

    @wani, orang yang biasa buat design akan ada something yang kita panggil ’sense of design’. termasuklah dengan pemilihan warna yang sesuai dengan konsep dan klien.

    camne nak develop ’sense of design’? kena banyak buat ekperimentasi, buat pemerhatian, belajar dari design orang lain, banyak membaca (untuk rasionalisasi).

    Entri terkini di laman blog Imran:
    Di Ruang Keemasan

  19. Komen oleh abu pada 3 December 2009:

    salam,

    Apa yg saya paham melalui

    Pattern > Basic Graphics > Basic Graphics_Dots > 0 to 100% Dot Gradation (Ai CS3).

    menunjukkan bahawa ” Pattern” itu satu Tab di menu bar. Tapi sy tak jumpa sebarang tab Pattern dalam Illustrator CS3 saya. Harap bantu. Ty
    Jumlah komen oleh abu: 1

Hantar MaklumBalas

*Sila dapatkan Gravatar anda di www.gravatar.com