09
Jun

Tutorial : Cara membuat watermark comel

Filed in Tutorial

Siapa yang rekues tutorial watermark?

Hai semua. Hari ini I nak tunaikan rekues beberapa readers yang minta ajar macamana nak buat watermark comel. Kalau watermark tulisan tu memanglah semua orang pun boleh buat dengan senang kan? Nak buat tutorial cantik comel sikit (ehem) bolehlah baca dan fahamkan tutorial ni. Mula-mula sekali, tutorial ini memerlukan dua software penting. I sertakan sekali link untuk download dua software tersebut heh.

Adobe Photoshop – Download
Photoscape – Download

Lepas dah download dua software tersebut, korang semua dah boleh senang hati pergi buka Adobe Photoshop. Actually, I guna Adobe Photoshop CS4, tapi link download yang I bagi tu adalah Portable Adobe Photoshop CS5. I rasa lebih kurang je. Kot. Hihi.

1) Buka Adobe Photoshop. Pilih Menu > File > New dan popup window seperti gambar dibawah akan keluar.

Pada ‘Width’ dan ‘Height’, boleh tentukan saiz watermark korang. Jangan lupa, pada Background Contents tu mesti pilih ‘Transparent’ tau. Click OK.

2) Pilih icon ‘T’ pada toolbar untuk meletakkan text. Contohnya; Image by;.

Pergi pada Layers box dan double click pada layer ‘Image by;’ tersebut (seperti gambar dibawah).

Window popup akan keluar dan sila ikut arahan. 1,2 dan 3.

Ini adalah text yang telah ditambah ‘Stroke’.

3) Pilih icon ‘T’ pada toolbar untuk meletakkan text. Contohnya; abc.com

Pergi pada Layers box dan double click pada layer ‘abc.com’ tersebut (seperti gambar dibawah).

Windows popup Layer Style muncul. Ulang cara-cara untuk tambah ‘Stroke’ dan setelah selesai, double click pula pada layer ‘Gradient Overlay’. Pilih jenis warna yang dikehendaki. Jangan tutup window popup dulu.

4) Double click juga pada ‘Drop Shadow’ dan tukar % ‘Spread’ dan ‘Angle’ mengikut citarasa korang. Click OK. Well, dekat Layer Style ni ada macam-macam style yang boleh dilakukan pada text korang tu, ikut kreativiti lah okay?

Dan ini adalah contoh watermark yang terhasil.

5) File > Save as.

Make sure buat format as .png.

6) Sekarang dah boleh tutup Adobe Photoshop dan buka pula software Photoscape. Pilih Editor, cari gambar yang mahu di edit. Click pada tab ‘Object’ dan cari icon seperti gambar di bawah, pilih More. Cari watermark yang telah di saved sebagai .png tadi.

Done.

P/S: Tutorial ni banyak sangat step tapi sekali je, lepastu bila nak update post baru, bolehlah guna Photoscape je untuk tambah watermark dalam gambar.
P/S/S: Ingat, baca dan fahamkan. Jangan cakap susah, susah, susah je.

You can leave a response, or trackback from your own site.

60 Responses to “Tutorial : Cara membuat watermark comel”

  1. chokilalaNo Gravatar
    09Jun

    terima kasih kak rarakus for the tutorial. auww. blog saya takde watermark rasmi, boleh tolong bikin? :hikhik:

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 15:09

    @chokilala, mengada ah adik cukislalat ni. sama-sama ;p hahahahaha. nak kak rarakus tolong buatkan boleh, bak RM10 untuk satu huruf. LOL, blog chokilala takkan nak pakai watermark macam ni kot? tuan dia kan suka simple?

    :haha:

    [Reply]

    chokilalaNo Gravatar Reply:
    June 9th, 2010 at 15:23

    @Rara, cekik darahnya kak rarakus ni. kalau macam tu, buat huruf C je la. jimat jimat. hehehe. bukan suka simple, tapi pemalas nak buat. takde bakat sangat dalam design ni. tapi adik cukis suka tengok watermark kak rarakus yang bunga tulisan gradient tu :muah:

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 15:26

    @chokilala, haha gurau je. kalau adik cukislalat betul-betul nak, boleh je kak rara buatkan. aww. adik cukislalat kan sifu kak rara muah muah banyak kali hihihihi

    :hee:

    [Reply]

    HazzyNo Gravatar Reply:
    June 9th, 2010 at 15:55

    @Rara,

    photoscape tak leh save transparent, sebab tu tak best
    huhu

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:16

    @Hazzy, takda eh? tu la susah sikit, kalau photoscape boleh buat transparent, it will be perfect :)

    [Reply]

  2. serolNo Gravatar
    09Jun

    oho..macam tu..salalu terus guna photoscape je terus buat water mark..tp just tulisan je la..

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 15:11

    @serol, hihi tulisan biasa memang senang, kalau pandai, pakai photoscape pun boleh buat watermark comel juga tau :D tapi i tak sure boleh ke save as transparent?

    [Reply]

    serolNo Gravatar Reply:
    June 10th, 2010 at 01:10

    @Rara, rasanya tak boleh kot..tak pernah try lak
    serol´s last [type] ..Lagenda budak setan itu

    [Reply]

  3. Piston PecahNo Gravatar
    09Jun

    tutorial watermark yang sangat comel.biasa watermark pakai software ape ntah nama dia..just boleh nampakkan tulisan je..

    [Reply]

  4. dak einaNo Gravatar
    09Jun

    huhu thnx 4 sharing :) :heart:

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:17

    @dak eina, welcome =)

    [Reply]

  5. HazzyNo Gravatar
    09Jun

    brilliant!
    cuma takde photoshop tu je
    nak download confirm tak lepas punya…
    alahai…

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:17

    @Hazzy, alahai yeke, kenapa tak lepas? :(

    [Reply]

    HazzyNo Gravatar Reply:
    June 10th, 2010 at 10:59

    @Rara, entah la…crash agaknya.redha je lah.
    Hazzy´s last [type] ..Kenyataan: budak yang lahir dalam bulan Februari seorang yang boros

    [Reply]

    RaraNo Gravatar Reply:
    June 10th, 2010 at 12:09

    @Hazzy, yeke, pakai laptop ke pc? streamyx ke broadband?

    [Reply]

  6. WawaZameriNo Gravatar
    09Jun

    yeayy akak
    watermark untuk blog wawa dah jadikk
    thankss :)

    http://wawazameri.blogspot.com/2010/06/blog-saya-dah-ada-watermark-rasmi.html

    komen lah watermark rasmi wawa tu :DD

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:18

    @WawaZameri, wahhhh dah buat and menjadiiiii! =P senang nak faham kan? okay dah tengok dah watermark wawa, comel sangat! :wink:

    [Reply]

    WawaZameriNo Gravatar Reply:
    June 9th, 2010 at 16:47

    @Rara, hehe yee senang sangat
    ingatkan susahh
    hhehe rupenye same je mcm buat banner tu cume save png jee
    hehee
    thankss :DD

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:48

    @WawaZameri, ohh habis tu banner save macamana pula? eh, banner ke header ni?

    [Reply]

    WawaZameriNo Gravatar Reply:
    June 9th, 2010 at 16:59

    @Rara, ehh salah cakap
    header bukan banner
    haha yang ada girl cute tu
    hehe act tu transparent jugak
    tp tk boleh letak kat header
    wawa letak kat widget je uhh

    wawa save as .gif tu

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 20:30

    @WawaZameri, ahaa header kan. okay lepas ni cara buat banner pula la. haih, banner susah sikit sebab macam nak kena buat gerak-gerak pula kan ;( tengoklah pada permintaan. teehihi.

    [Reply]

    WawaZameriNo Gravatar Reply:
    June 10th, 2010 at 07:34

    @Rara, haah kite nak request lah buat banner tu
    hehe dulu pernah try jugak buat banner ni tapi hampehh
    hahaa :D
    ntah pape jee
    WawaZameri´s last [type] ..Blog saya dah ada watermark rasmi ! Thanks Rara.

    [Reply]

  7. .::wanie::.No Gravatar
    09Jun

    kita sob sob sob

    reti pakai paint jek

    ahaha kesian kan

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:22

    @.::wanie::., paint? alahai. cubalah dulu okek tutorial ni

    [Reply]

  8. Liyana LNo Gravatar
    09Jun

    kakak, saya nak kakak buatkan sebijik mcm watermark kakak tu boleh tak? pelis pelis pelis kamu jangan nakal awww wkakakak :hikhik: :haha:

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:33

    @Liyana L, adik yiyin ni mengada ah, curik fwz baru tahu :p

    [Reply]

  9. amoiNo Gravatar
    09Jun

    tutorial yang bagus untuk beginner :DD
    aku mmg suka stroke effect tu :aww:

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 16:49

    @amoi, thanks moi. ahaaa, sama ah, suka stroke effect tu, lagi best kalau buat 5-10px kan? :wee:

    [Reply]

  10. x-poNo Gravatar
    09Jun

    wah, bgs utk org cam aku ni, baru nk merangkak2 dgn PS..huhu

    [Reply]

  11. nurullNo Gravatar
    09Jun

    waaa… i love you lah babyyy.. suka betul buat tips/tutorial disaat i tercari2..2-3 hari ni mmg i menggoogle cara buat watermark.. tetiba hari ni dangggggg ade dah..biasa i guna photoscape je..tengkiyuuu taw yayanggg.. :heart: :aww: :heart: :muah:

    [Reply]

    RaraNo Gravatar Reply:
    June 9th, 2010 at 20:32

    @nurull, waaa i love you too three four miliion million baby! :* i ada instinct kuat, boleh tahu u mencari-cari, ecewah. lepas dah edit dekat photoshop, boleh guna photoscape je tau yayang. have fun with photoshopping & photoscaping ! =D

    [Reply]

  12. fykaNo Gravatar
    09Jun

    akak..fyka guna tutorial ni,hasilnya dpt buat watermark yg comel..
    suka2..btw thanks a lot akak coz share camne nk wat ni.. :muah:
    fyka´s last [type] ..Penantian Demi Penantian

    [Reply]

    RaraNo Gravatar Reply:
    June 10th, 2010 at 12:10

    @fyka, dah jadi? nak tengokkkkkkkkkkkk! =(

    [Reply]

    fykaNo Gravatar Reply:
    June 10th, 2010 at 12:55

    @Rara, okayh2..nanti fyka pos entry bru beserta pic yg ade watermark fyka gtaw akk eh…
    fyka´s last [type] ..Penantian Demi Penantian

    [Reply]

  13. bella razibNo Gravatar
    09Jun

    eee suka suka! i tgh download PS. dulu ade pastu delete sbb tak reti guna. hahah thanks yang!
    bella razib´s last [type] ..HOW DO YOU KNOW?

    [Reply]

    RaraNo Gravatar Reply:
    June 10th, 2010 at 12:11

    @bella razib, eiiii sayangnya delete! teehee. takpa lepasni jangan delete tau, sayang lah kalau delete nak edit header ke banner ke etc. welcome yayang, and thanks juga sebab suka. mmuah yayang banyak-banyak tau!

    :heart:

    [Reply]

  14. Huda LunaNo Gravatar
    09Jun

    yay!

    lepas ni leh rajin2 buat
    hehee =P
    Huda Luna´s last [type] ..Dulu aku Boyish.

    [Reply]

    RaraNo Gravatar Reply:
    June 10th, 2010 at 12:11

    @Huda Luna, nak tahu huda rajin bila? huda kalau rajin pergi dating dengan sigg atau tidur je kan? atau bogelkan joni kan? hehehehe :D

    [Reply]

  15. Short entry from short finger. | Feez Mior
    09Jun

    [...] tangan: Sekarang nak pergi belajar buat watermark ikut tutorial RARA si cantik manis. [...]

  16. nashNo Gravatar
    09Jun

    nice entry,tp malas nk download adobe photoshp…lama sgt…
    nash´s last [type] ..LISA SURIHANI PALSU DI FACEBOOK

    [Reply]

    RaraNo Gravatar Reply:
    June 10th, 2010 at 15:29

    link tu tak lama pun sebab portable je pun :)

    [Reply]

  17. fykaNo Gravatar
    09Jun

    akak dh siap watermark tu..hehe,malu lak nk tnjuk hasilnya…t akak komen2 eh..
    fyka´s last [type] ..Penantian Demi Penantian

    [Reply]

  18. . ieqa .No Gravatar
    09Jun

    wahh nak buat jgak!
    tapi takde adobe photoshop T____T
    . ieqa .´s last [type] ..lama tak ketemu

    [Reply]

  19. deylaNo Gravatar
    09Jun

    kak rara..tenkiuuuu. sudah ada watermark…:)

    tapi kan, kalau amik dari google or mane2 website lain, xpe ke letak watermark tu?
    deyla´s last [type] ..ini bukan dari nazim othman, tapi…

    [Reply]

  20. fadhlinaafifahNo Gravatar
    09Jun

    kak rara macam mana ye kalau nak tukar font laen. Contohnyaa macam dekat adobe photoshop saya ada font yang tak berapa nak menarik. Tk boleh ke kalau saya nak tambah font yg menarik sikit dekat adobe ni. kn banyak laman web boleh download font.. cm mana nak nk buat eh?

    [Reply]

    winkNo Gravatar Reply:
    June 16th, 2010 at 01:38

    @fadhlinaafifah, lau nak cari font pegi je http://www.dafont.com,masukkan fail font kat dalam c/windows/font…try tngok kt ps,msti ade kluar
    wink´s last [type] ..Central Nic Domains

    [Reply]

    medulla oblongataNo Gravatar Reply:
    March 2nd, 2011 at 09:55

    @wink, k.rara….knape saye buat x jadi ek…. dah download dah.. pasu dye teros masok dlm “zip” ek… tp WINrar saye da abeh tmpoh….so nak wat cne ek??

    [Reply]

  21. SyafrizalNo Gravatar
    09Jun

    tutorial yang simple dan menarik
    tapi i tak minat plak nak letak watermark hehe
    Syafrizal´s last [type] ..All Jacked Up – satu dokumentari yang patut anda tengok

    [Reply]

  22. nsyzwniNo Gravatar
    09Jun

    hola siis !
    wani follow :D
    wani suke tutor ni :)
    nsyzwni´s last [type] ..TUKA URL :)

    [Reply]

  23. landaxNo Gravatar
    09Jun

    thankz 4 da tipss…nice blog!

    [Reply]

  24. lilyNo Gravatar
    09Jun

    rara, camne nak wat icon tweet ngan facebook cam kat sebelah kiri ni ek?? da lama cari, tapi tak jumpe + da lupa kat mana jumpa tutorial tu..
    :P

    and,
    thanks for this tutorial..
    da jadi wat watermark, tanpe perlu ulang taip bende same mse ngedit gambar. act, dulu tak tau kene save .png. selalu save .jpeg.
    sbb tu tak jadi.

    sangat berguna~~ :aww:
    lily´s last [type] ..My BlueBear.

    [Reply]

  25. snowyNo Gravatar
    09Jun

    thanks ..dah lama fikir cara nak buat watermark…nasib baik jumpa blog rara ni

    [Reply]

  26. miss3808No Gravatar
    09Jun

    thanks banyak2.. noi suka sangat2.. finaly noi boleh buat watermark… first buat tak jadi.. finaly terhasil gak… http://miss-3808.blogspot.com/2010/11/berjaya-juga-buat-watermark.html... THANKS A LOT DEAR.. ^^….
    miss3808´s last [type] ..ada apa dengan CHURP-CHURP

    [Reply]

  27. mamakembar3No Gravatar
    09Jun

    thanks for the tips dear.. nak try buat watermark utk blog mama plak pas nih
    mamakembar3´s last [type] ..Si Kembar Tiga Kena Tonsillitis

    [Reply]

  28. paihujeyNo Gravatar
    09Jun

    entri yg menarik..mudah+senang..nak buat gak satu..
    paihujey´s last [type] ..cara-cara untuk print screen

    [Reply]

  29. halizdaNo Gravatar
    09Jun

    x sangka guna photoscape pun boleh. tq

    [Reply]

  30. Jasmeen :)No Gravatar
    09Jun

    hai rara, i nak tanye. macam nak buat Watermark + gambar? Hope you can give some favour :)

    [Reply]

  31. haidzir84No Gravatar
    09Jun

    watermark dah setel dah pandai buat..tq..nak request tutorial tuk buat favicon leh x?
    haidzir84´s last [type] ..Minum Traffic Light

    [Reply]

  32. eddyNo Gravatar
    09Jun

    thanx rara… kalau nak letak gambar rounded plak mcm mana? nanti buat tutorial lagi k

    [Reply]

Leave a Reply

CommentLuv badge
:j: :i: :h: :g: :f: :e: :d: :c: :b: :a: