Arsip untukOktober, 2007

Effeck cermin di photoshop

{ Oktober 29, 2007 @ 6:41 am } · { Uncategorized }
{ } · { Komentar (1) }

Tutorial Photoshop 2: Efek Cerminan (mirror) pada Logo

Anda pasti biasa lihat efek jenis ini (mirror) pada beberapa design seperti ebook, blog/website header, logo dan macam2 lagi. Untuk sesi kali ni, saya akan menunjukkan satu teknik mudah untuk melakukannya. Efek yang anda hasilkan pasti kelihatan seolah2 ‘hidup’.

1- Klik Ctrl + N (atau File kemudian New.. untuk membuat fail baru),
Letakkan saiz ukuran canvas yang anda mahukan (Width 400 pixels,Height 200 pixels sbg contoh) Klik OK

2- Klik Layer, New.. Namakan sebagai ‘background’. Tukarkan warna pada ’set background color’ .. Saya memilih warna hitam sebagai contoh. Selepas itu, klik Paint Bucket Tool dan klik pada layer asal..

kemudian masukkan Teks kesukaan anda (shortcut ‘T‘) (saya memberi contoh ‘mdpai’ dgn warna putih). Hasilnya adalah seperti ini

3. Konsep cerminan terbahagi 2, iaitu ‘objek’ dan ‘imej’. Teks ‘mdpai’ putih tadi kita anggap sebagai objek. Sekarang, kita ciptakan satu imej cerminan pula. Klik kanan pada Layer ‘mdpai’ dan pilih ‘Duplicate Layer‘, Namakan layer ini sebagai “mdpai mirror”. Lihat gambar di bwah.

4.Sekarang ada 2 objek yg serupa. Tukarkan warna imej (mdpai mirror) itu utk membezakannya dengan objek asal. Double click pada layer ‘mdpai mirror’

.

Tukarkan warna yang anda rasakan sesuai seperti rajah di bawah. *saya pilih warna oren.

kini layer “mdpai mirror” menjadi warna oren.

5.Klik Move Tool, dan tandakan pada Show Bounding Box. Lihat gambar di bawah.

Kemudian klik pada titik tengah dan tarikkan dari atas ke bawah. Ikut seperti gambarajah di bawah.

Gerakkan ke bawah sedikit imej mirror itu dgn mouse anda. Hasilnya seperti di bawah ini.

6. Ubahkan format teks ‘mdpai mirror’ itu tadi kepada format ‘Type’. (ingat, anda tidak boleh mengubahnya semula kepada bentuk teks selepas ini) Klik “Layer“, “Resterize“,”Type” seperti rajah di bawah,

hasilnya.. format Teks untuk layer “mdpai mirror” telah berubah kepada format Type seperti di bawah.

7. Kita tambahkan kekemasan mdpai mirror tu untuk menampakkan ia ‘hidup’. Kita akan gunakan tool “Eraser” utk tujuan ini. Klikkan ikon pemadam, ubahkan setting seperti gambar di bawah.(setkan Opacity 25%, Mode Paintbrush, Brush 35)

8. Baiklah, kita mulakan kerja-kerja pemadaman yang berperingkat2.. Klik (jangan lepas) pada bahagian yang ditunjukkan seperti rajah di bawah.

Kemudian, lepaskan klik. Ulang lagi proses tadi pada kawasan yang lebih rendah sedikit berbanding proses sebelumnya.Lihat gambar di bawah.

dan teruskan pengulangan sehingga anda mendapatkan kesan cerminan yang terbaik.

9. Tamat.. anda bolehlah Save kan imej ini kepada bentuk JPG, GIF, BMP dan sebagainya (klik “File” dan “Save As..”)

Contoh lain yang dah saya dah siapkan. Lihat bawah.

SELAMAT MENCUBA KAWAN2…

Membuat Vide Seperti Youtube

{ Oktober 29, 2007 @ 12:44 am } · { hi-tech }
{ } · { Komentar (6) }

Sudah banyak video yang di pasang di website-website maupun web blog setelah popularnya Youtube dan Google belakangan ini. Video-video ini dipasang dengan menggunakan free player yang disedikan oleh mereka. Jadi kita dapat sharing video milik kita yang ditampung di server mereka untuk dipasang di website milik orang.

Nah sekarang gimana kalau kita menggunakan player milik sendiri?
asyik juga kali ya… bisa pasang logo di player itu dan kita juga bisa sharing seperti Youtube dan Google punya.

Disini saya mencoba kasih sedikit trik membuat player sendiri yang simple yang dapat memutar file flash video (flv) sendiri dari mana saja dan trik ini juga saya gunakan di beberapa project pembuatan website multimedia yang saya buat.

Player yang coba dibuat ini menggunakan Flash v.8 dan berikut langkah-langkahnya:

Langkah-1
Buat file flash baru dengan nama ‘player’

Langkah-2
Karena document file yang akan kita buat adalah sebuah player, kita set ukuran document ini sesuai dengan player yang kita inginkan melalui toolbar ‘modify’ | ‘document’


Disini saya coba setting dengan ukuran referensi video dari flash (320×240 pixels), kita tambahkan ukuran untuk tinggi menjadi 280 karena space untuk ‘playback’ video-nya.

Langkah-3
Setting fps (frames per second) dengan 12 standard flash dan supaya video yang dijalankan tidak terlalu berat untuk dimainkan.

Langkah-4
Atur lembar kerja layer menjadi 2 beri nama ‘action’ dan ‘player’ seperti gambar dibawah:

Langkah-5
Tarik component Playback yang ada di window components, letakkan pada layer ‘player’

Beri nama instance name-nya dengan ‘player_mc’

Setelah itu rubah angka parameter untuk ‘Buffer Time’ menjadi 5 (untuk memberi kesempatan playback untuk buffering video sebelum dimainkan dari parameter standarnya adalah 0.1).
Karena dengan parameter 0.1 hampir tidak memungkinkan dengan koneksi yang ada di Indonesia sekarang ini, video akan tersendat-sendat waktu dimainkan.

Langkah-6
Masukkan action script berikut pada layer ‘action’ melalui window ‘action’

Tentukan variable yang bersifat global dengan nama ‘file’,
variable ini bisa juga difungsikan sebagai URL variable yang dapat dikirim dari luar flash movie
_global.file;

masukkan script ini dibawahnya, yaitu script sebagai playback video yang dibuat:

import mx.video.*;
var listenerObject:Object = new Object();
listenerObject.stateChange = function(eventObject:Object):Void {
if(player_mc.buffering){
_root.buffering_mc._visible = true;
} else {
_root.buffering_mc._visible = false;
}
};
player_mc.addEventListener(“stateChange”, listenerObject);

Tentukan file video yang akan dimainkan
player_mc.contentPath = _root.file;

Langkah-7
Publish file flash anda dengan nama ‘player.swf’

Langkah-8
Langkah terakhir adalah memainkan dan memanggil flv file melalui HTML file (player.html)

Buka file html anda dengan ‘dreamweaver’, tambahkan parameter nama flv file berikut pada object flash anda:

player.swf?file=namafile.flv

Untuk memanggil file yang ada di web masukkan lengkap dengan nama URL anda sepert:

player.swf?file=http://mediasolusindo.com/player/telkomsel.flv

Silahkan berkreasi untuk digabungkan dengan PHP script misalnya atau yang lainnya, trik ini sudah saya coba di beberapa web multimedia yang saya buat seperti: