mula-mula..macam biasa DESIGN>PAGE ELEMENT>ADD A DADGET> HTML/JAVASCRIPT . Okaayyydahh ?

lepastuucopy code ni and paste ,

<marquee direction=down onmouseover=this.stop() onmouseout=this.start() scrollamount=2 width=150 height=200> <a href=link untuk dibuka target=_blank><img src=url gambar /></a> <a href=link untuk dibuka target=_blank><img src=url gambar /></a> </marquee> dahh ? benda yang korang perlu tukar ialah... down tuukorang boleh tukar ke , UP , LEFT , RIGHT . No 2 tu pulak kelajuan gambar tu bergerak width and height dia , korang edit ekott kesesuain laa ek , kalau nak laju lagi , tambah laajadi 4 ke , 5 ke..suke ati korang la yee.. LINK tu pulak , link yang bile orang click gambar tu , kuar website/blog ape.. kalau korang rase nak letak bayak2 gambar , copy je lagi bende ni..
a href=link untuk dibuka target=_blank><img src=url gambar /></a>

jangan lupe masukkan URL gamba korangthen , try preview , jadi dan rase puas hati , ape lagi dengan tanpa rasa ragu , korang tekan SAVE okay ? good luck ^^

buat gambar bergerak (.gif) sendiri mengunakan Photoshop CS4

February 9th, 2010 6 Comments kali ini saya ingin berkongsi dengan anda bagaimana membuat image gif sendiri mengunakan photoshop CS4. untuk memulakan anda perlukan program photoshop CS4 di mana program ini sudah built-in bersama video mode, sekiranya anda mengunakan CS2 anda perlu export ke image ready di mana tutorial ini sudah luar dari topik yang saya bincangkan, walaubagaimanpun caranya lebih kurang saja, saya sarankan anda perlu dapatkan versi terbaru iaitu CS4. ok cukup sudah intro, mari kita mulakan

image gif seperti di atas adalah output yang kita akan bincangkan, bagi memulakan tutorial ini sila buka program Photoshop anda dan buat fail baru, untuk membuat fail baru sial klik pada File > new anda akan di bawa ke new file dan perlu sedikit configurasi, sekiranya anda mengikut langkah yang saya lakukan, sila gunakan gambar bersaiz 200200 pixel dan klik OK

Oh ya.. sebelum ini anda perlukan brush bentuk burung yang saya sertakan bersama tutorial ini, sila download dan masukkan ke dalam folder brush anda, berikut adalah link download: http://mohdshahrin.com/download/photoshopbrush/270-little_birdi.abr setelah anda selesai copy fail tersebut ke folder brush, anda akan lihat pada brush selection terdapat little_birdi dan select fail ini. anda akan lihat brush tersebut sudah ada di dalam brush collection anda (pastikan anda restart photoshop anda untuk melihat brush ini) ok, sekarang anda pilih mana-mana burung yang sesuai untuk anda, lihat seperti image:

Sudah pilih? sebelum itu pastikan anda membuat new layer bagi memudahkan image ini digerakkan (disarankan membuat semua gambar ke new layer dengan ini anda mudah mengalih atau menguruskan gambar) ok baiklah klik brush anda pada bucu bawah sebelah kanan (anda akan lihat hasilnya nanti) selain itu anda boleh mengubah warna burung tersebut mengikut kemahuan anda, anda juga boleh warna gardient sekiranya anda mahu. ok perkara yang paling penting anda perlu potong (cut) pada mulutnya bagi membuat pergerakan, pastikan ia layer yang berlainan, ini akan membolehkan anda mengerakkan mulut burung ke atas dan kebawah. selain itu anda boleh membuat perkataan mengikut kretiviti sendiri, kalau anda mengikut tutorial ini, anda juga boleh mengunakan perkataan seperti yang saya lakukan, anda boleh lihat seperti ilustrasi di bawah:

Selesai membuat perkataan sendiri? kita akan teruskan kepada perkara yang paling penting iaitu mengerakkan image yang anda lakukan ini. bagi mengubah mode ke video anda boleh lihat sebelah bucu kanan atas, anda boleh lihat seperti ilustrasi berikut:

apa yang menarik tentang mode video ini anda dapat melihat time frame pada bawah program photoshop ini, di mana time frame ini amat berguna dalam proses membuat image gif. sekiranya timeframe ini tidak kelihatan sila klik pada Window > Animation anda boleh lihat pada ilustrasi berikut:

Baiklah, mula proses mengerakkan gambar, panel yang paling penting perlu kita kawal adalah time frame dan layer. sila lihat pada ilustrasi panel layer yang saya berikan di bawah:

anda lihat hampir kesemua layer di hidden ini bermakna hanya gambar burung itu sahaja appear pada canvas(untuk hidden layer ada perlu klik pada mata yang berada di sebelah layer). tujuan untuk hiddenkan kesemua layer adalah untuk menyatakan pada time frame pertama bahawa gambar burung sahaja yang diterakan (sekiranya anda konfius sila lihat pada hasil yang saya siapkan, pada permulaan pergerakan hanya gambar burung sahaja) jadi bagaimana untuk anda menambah time frame? lihat seperti ilustrasi di bawah:

klik pada kotak merah seperti di atas, ini akan duplicates layer yang ada pada time frame, seterusnya anda boleh mengawal timeframe seterusnya dengan mengubah hidden layer sehingga membentuk pergerakan. anda juga boleh set kan masa pada timeframe, anda boleh lihat seperti di bawah:

anda boleh set kan masa mengikut kretiviti anda, yang sedikit sukar adalah anda perlu set kan mulut burung turun dan naik mengikut perkataan yang anda sudah lakukan, saya percaya anda boleh buat dengan lebih baik lagi sekiranya masa dan pergerakan di set dengan betul. setelah selesai membuat pergerakan, perkara terakhir yang patut dilakukan anda perlu save ke format yang betul, sila ikut cara-cara untuk save yang saya lakukan, anda boleh lihat pada iliustrasi di bawah:

klik pada save for web & devices dan anda akan di bawa ke setting untuk format gif, saya sarankan tidak perlu menyentuh apa-apa setting disini dan apa yang anda perlu lakukan berikan nama pada fail gif anda dan klik save, lihat seperti di bawah:

tahniah! anda telahpun siap membuat image gif sendiri mengunakan photoshop CS4, saya harap anda boleh mengubah suai menjadi lebih menarik atau menambah elemen-elemen lain untuk menjadikan pergerakan lebih menarik. saya juga menyediakan fail psd bagi tutorial di atas, anda boleh download disini: http://mohdshahrin.com/download/burung.psd

selamat mencuba!! Posted in PhotoShop Tags: animation, brush, download, gif, layer, PhotoShop, photoshop CS4, time frame, video Pakej Fotografi perkahwinan dari Yusri

Baca webmail melalui gmail, lebih mudah You can leave a response, or trackback from your own site.

6 Responses to buat gambar bergerak (.gif) sendiri mengunakan Photoshop CS4

http://download.cnet.com/PhotoScape/3000-2192_4-10703122.html?part=dl6295843&subj=dl&tag=button
Cara nak buat Gambar Bergerak. Firstly, Buka Photoscape.

Second, Pegi kat bahagian Animated GIF. Tengok gambar ini.

2. Tekan Add. ambik gambar korang yang korang tangkap guna kamera Laptop korang. 3. Tukar Masa, Kalausemakin sikit, Gambar tu akan bergerak laju. Dan sebaliknya. 4. Save