Join The Community

Premium WordPress Themes

Search

Minggu, 22 Februari 2009

Membuat Foto Artistik

Tutorial Photoshop Indonesian

Banyak cara agar photo kian mempesona, salah satunya dengan membuat photo dua warna paduan hitam putih dan satu warna, contohnya seperti photo diatas

Ok langsung aja CaraNya :

[1] Buka Photo anda


[2] Seleksi Objek yang warnanya tidak akan di Rubah ke hitam putih, anda bisa gunakan lasso tool atau alat seleksi lainnya (baca tips cara menyeleksi)



[3] setelah dirasa cukup rapih, Tekan Ctrl+J untuk mengkopi layer yang diseleksi, sehingga pada palet layer muncul layer 1, yaitu layer yang di seleksi sebelumnya


[4] kemudian Klik/Sorot layer Background


[5] terakhir rubahlah warna pada layer background tersebut, tekan Ctrl+U dan geser Saturation ke kiri -100/-80 dan atur Hue ke arah kanan
untuk yang menggunakan photoshop CS3 anda bisa menggunakan fasilitas Black n White tekan ALT+SHIFT+Ctrl+B, dan hasilnya seperti berikut


untuk lebih terkesan artistik anda bisa menambahkan filter2 yang disediakan Photoscape
dan berikut hasil yang saya dapatkan
Tutorial Photoshop Indonesian

sekian tutorial singkat ini, semoga bermanfaat

Rabu, 18 Februari 2009

Masking Gambar Dinamis dengan Action Script

Animasi gambar maskingLangkah membuat masking gambar dengan action script:

Langkah 1

Buat sebuah dokumen flash baru. Rename layer menjadi "BG". Klik Rectangle Tool, buat sebuah objek kotak berwarna di stage hingga menutupi stage.

Langkah 2

Buat sebuah layer baru diatas layer "BG" dan beri nama "MASKED_BG". Layer ini digunakan untuk menempatkan objek Movie Clip.

Importkan sebuah gambar ke dalam library dan masukkan ke layer "MASKED_BG". Caranya: Klik menu File > Import to Library... > Browse file gambar > Open. Buka panel Library (CTRL+L) kemudian drag gambar ke dalam layer "MASKED_BG".

Langkah 3

Klik objek gambar yang ada dalam stage > tekan tombol F8 > Pada kotak Name beri nama sesuai keinginan anda dan pastikan radio button Movie Clip dalam keadaan terpilih > Klik OK.

Ubah ke dalam bentuk movie clip

Langkah 4

Pastikan objek movie clip yang baru saja dibuat dalam keadaan aktif. Buka panel Properties (CTRL+F3). Cari kotak instance name dan ketikkan maskedbg_mc

Beri nama instance name maskedbg_mc

Langkah 5


Tambahkan sebuah layer baru pada timeline dengan nama "MASK". Sehingga sekarang anda memiliki 3 buah layer. Buat sebuah objek lingkaran dengan menggunakan Oval Tool. Seleksi objek lingkaran tersebut, tekan tombol F8 > Pada kotak Name beri nama sesuai keinginan anda dan pastikan radio button Movie Clip dalam keadaan terpilih > Klik OK

Ubah ke dalam bentuk movie clip
Langkah 6

Ulangi langkah 4. Namun instance name-nya diganti menjadi mask_mc.

Ubah ke dalam bentuk movie clipLangkah 7

Klik frame 1 pada layer MASK, tekan tombol F9 untuk membuka panel Actions dan masukkan action script berikut.

mask_mc.onEnterFrame = function() {

this._x = _root._xmouse;

this._y = _root._ymouse;

};

maskedbg_mc.setMask(mask_mc);

Ubah ke dalam bentuk movie clip

Tekan tombol CTRL+ENTER untuk melihat hasilnya.

Selasa, 17 Februari 2009

EFEK TEKS OTOMATIS


Tutorial Photoshop Indonesian

Mau Membuat EFEK TEKS yang UNIK dengan SImple di Photoshop, mudah dengan bantuan Plugins TextArt anda bisa membuatnya, anda bisa membuat efek teks Api, neon dll

anda hanya perlu menginstalnya kemudian jalankan sebagai filter di Photoshop
OK bagi yang berminat silahkan download disini

tapi jangan menjadikan anda malas ok... coba cara2 manual untuk hasil sesuai yang diinginkan dan mungkin bisa lebih bagus dari otomatis...



Jumat, 13 Februari 2009

Memanggil Teks External ke dalam Flash

Buat teks dengan Notepad, simpan dengan nama Teks1Dalam tutorial ini, anda akan membuat sebuah teks yang bersumber dari file lain. Artinya anda akan memasukkan teks yang tersimpan pada sebuah file dengan ekstensi .txt. Cara ini sangat memudahkan anda apabila anda memerlukan perubahan teks untuk keperluan tertentu. Untuk mengganti teks tersebut, anda tidak perlu membuka dan memodifikasi file FLA dan mempublisnya kembali dalam bentuk SWF.

Langkah 1

Siapkan sebuah folder baru untuk menyimpan file FLA, SWF dan TXT yang akan dibuat.

Langkah 2

Buka aplikasi teks editor Notepad bawaan Windows dengan cara klik Start > All Programs > Accessories > Notepad. Buat teks atau paragaraf yang diawali dengan myVariable= dan Simpan dengan nama Teks1. Penting: anda harus memperhatikan nama file yang anda buat, karena nama file tersebut akan dipanggil dengan menggunakan action script untuk ditampilkan dalam file flash (swf) nanti. Lihat contoh berikut.



Langkah 3

Buka aplikasi Macromedia Flash 8, buat sebuah dokumen baru dan simpan pada folder yang sama dengan file TXT yang baru saja dibuat. Anda bebas menentukan nama file sesuai keinginan anda, hal ini tidak akan berpengaruh pada hasil akhir.

Klik Text Tool, buka Panel Properties, ubah Text type menjadi Dynamic Text, kemudian buat sebuah text area pada stage.

Buat text area Dinamic Text

Langkah 4

Tambahkan scroll bar jika teks yang anda buat terlalu banyak. Hal ini untuk membuat agar teks mudah dibaca pada saat sudah masuk dalam swf. Takan tombol CTRL+7 untuk membuak Panel Componens. Pada pilihan User Interface pilih UIScrollBar dan drag ke stage (posisikan disebelah kana teks area).

Tambahkan scrollbar

Langkah 5

Klik frame 1, buka Panel Actions (Window > Actions atau tekan tombol F9). Masukkan action script berikut:

myData = new LoadVars();
myData.onLoad = function() {
myText_txt.text = this.myVariable;
};
myData.load("Teks1.txt");

ACtions PanelSelesai. Tekan tombol CTRL+ENTER untuk melihat hasilnya.

Kamis, 12 Februari 2009

Membuat Efek Animasi Hujan dengan Action Script

Animasi hujanSetelah kemarin saya menulis tutorial membuat animasi salju, kini saya menulis tutorial membuat animasi hujan. Ada persamaan antara pembuatan animasi salju dan animasi hujan yaitu sama-sama menggunakan action script untuk menduplikatkan movie clip menjadi banyak dan mengatur jatuhnya movie clip secara acak (random). Namun pembuatan animasi menggunakan action script yang lebih panjang.

Langkah 1

Buat sebuah dokumen flash baru. Tentukan ukuran stage sesuai keinginan anda, karena ukuran stage tidak berpengaruh pada hasil akhir nanti. Saya menggunakan ukuran stage defauld yaitu 550 x 400 piksel.


Langkah 2

Pada frame pertama buat sebuah objek seperti dibawah ini dengan menggunakan Oval Tool, atur dimensinya menjadi 2 x 10 piksel. Anggap saja objek tersebut sebagai titik air.

Titik air
Tekan CTRL+L, klik tab 'info', atur dimensinya 2x10 pikselLangkah 3

Konvert objek menjadi movie clip. Seleksi objek > klik kanan > Convert to Symbol... . Pada kotak dialog yang muncul, ketikkan "titik air" sebagai nama dan pastikan radio button Movie clip terpilih dan klik OK. Catatan: pemberian nama yang berbeda tidak akan berpengaruh pada hasil akhir.

Langkah 4

Pada Panel Library, klik kanan movie clip "titik air" yang baru saja dibuat dan klik lingkage... . Jika Panel Library belum muncul, Klik menu Window > Library atau tekan tombol CTRL+L pada keyboard.

Lingkage..." id="BLOGGER_PHOTO_ID_5301856617751056418" border="0">

Langkah 5

Pada kotak dialog Lingkage Properties, ketikkan "hujan_id" sebagai nama indentifiernya dan pada opsi lingkage pilih Export for Action Script sehingga opsi Export in first frame juga ikut terpilih.

Nama identifier harus sesuai, karena akan dikomunikasikan dengan action script

Langkah 6

Arahkan mouse anda ke Timeline, buatlah sebuah layer baru yang bernama "action". Klik frame pertama pada layer tersebut, klik tombol F9 atau klik menu Window > Actions untuk membuka Panel Actions. Masukkan action script berikut:

Tuliskan action script seperti ini
var kecepatan_hujan:Number = 10;

var intensitas_hujan:Number = 90;
for (i=0; i<=intensitas_hujan; i++) {
_root.attachMovie("hujan_id", "hujan"+i,
_root.getNextHighestDepth(),
{_x:Math.random()*Stage.width,
_y:Math.random()*Stage.height});
}
buatHujan = function () {
for (i=0; i<=intensitas_hujan; i++) {
_root["hujan"+i]._y += kecepatan_hujan;
if (_root["hujan"+i]._y>Stage.height) {
_root["hujan"+i]._y = 0;
}
}
};
setInterval(buatHujan, 30);
_root.onEnterFrame = function() {
buatHujan();
};

Langkah 7

Tekan tombol CTRL+ENTER untuk melihat hasilnya.

Anda dapat mengatur kecepatan turunnya hujan dan intensitas (banyaknya titik air yang jatuh) dengan mengubah nilai action script pada baris 1 dan baris dua. Semakin tinggi nilainya maka semakin cepat dan semakin banyak.

Selamat mencoba!

Selasa, 10 Februari 2009

Membuat Objek yang Dapat Didrag

Membuat objek yang dapat didragDalam tutorial kali ini anda akan belajar bagaimana membuat objek yang dapat didrag (dipindah dari tempat yang satu ke tempat yang lainnya dengan menggunakan mouse) dengan menggunakan Macromedia Flash 8. Yang kita butuhkan hanya sebuah objek dalam bentuk Movie Clip dan action layer ( action script yang diletakkan pada layer). Untuk memudahkan anda, silahkan download file contoh (fla dan swf).

Langkah 1

Buatlah sebuah dokumen baru pada Macromedia Flash 8

Langkah 2

Buat sebuah objek dalam stage atau import gambartkan gambar ke dalam stage. (Disini saya mengimpotkan gambar mobil). Klik kanan objek tersebut > Convert to Symbol... Pada kotak dialog Conver to Symbol yang muncul, ketikkan nama symbol tersebut (terserah anda) dan klik radio button Movie clip.

Buat sebuah Movie clip

Langkah 3

Pastikan objek Movie clip yang baru saja dibuat dalam keadaan terseleksi. Buka Panel Properties, cari kotak Instance Name dan ketikkan "mobil_mc".

Memberi nama instance nameLankah 4

Arahkan mouse anda pada timeline, buat sebuah layer baru bernama "action script" kemudian klik frame pertama dari layer baru tersebut kemudian tekan tombol F9 untuk membuak Panel Actions. Masukkan action script berikut:

mobil_mc.onPress = function () {
startDrag(this);
}

mobil_mc.onRelease = function () {
stopDrag();
}



Layer action script

Panel Actions

Selesai. Tekan tombol CTRL+ENTER untuk melihat hasilnya. Sekarang objek dapat anda geser sesuai keinginan anda.

Senin, 09 Februari 2009

Membuat Animasi Salju

Tentukan ukurannya menjadi 4x4 pikselDalam pembuatan animasi salju kali ini kita akan menggunakan action script flas 8. Kita hanya membutuhkan satu objek lingkaran kecil sebagai butir saljunya kemudian di-konvert menjadi Symbol Movie Clip. Objek tersebut nantinya akan kita beri animsi jatuh ke bawah dan diduplikatkan menjadi banyak dengan menggunakan action script yang diletakkan pada Movie Clip dan Frame. Untuk memudahkan anda, silahkan download contohnya (fla dan swf) disini.

Langkah 1

Buat sebuah dokumen Flash baru. Atur dimensi dokumen sesuai keinginan anda dengan menekan tombol CTRL+J dan pilih backgroun yang gelap (hitam).

Langkah 2

Buat sebuah objek butiran salju berwarna putih dengan menggunakan Oval Tool. Buka Panel Info dengan cara tekan tombol CTR+I ubah dimensi objek yang baru saja anda buat menjadi 4x4 piksel.



Langakah 3

Pastikan objek lingkaran dalam keadaan terseleksi. Tekan tombol F8 (klik kanan > Convert to Symbol...) untuk mengubah objek menjadi Movie Clip. Beri nama mc_lingkaran.

Anda dapat memberi nama Movie Clip sesuai keinginan anda
Langkah 4

Pastikan Movie Clip mc_lingkaran dalam keadaan terseleksi. Buka Panel Properties, cari kotak instance name kemudian ketikkan "salju".

Beri nama instance name

Langkah 5

Sekali lagi pastikan Movie Clip mc_lingkaran dalam keadaan terseleksi. Buka panel Action (F9). Copy action script dibawah ini dan paste-kan dalam kotak Action yang muncul.

onClipEvent (load) {
movieWidth = 350;
movieHeight = 263;

i = 1+Math.random()*2;
k = -Math.PI+Math.random()*Math.PI;

this._xscale = this._yscale=50+Math.random()*100;
this._alpha = 75+Math.random()*100;
this._x = -10+Math.random()*movieWidth;
this._y = -10+Math.random()*movieHeight;
}
onClipEvent (enterFrame) {
rad += (k/180)*Math.PI;
this._x -= Math.cos(rad);
this._y += i;
if (this._y>=movieHeight) {
this._y = -5;
}
if ((this._x>=movieWidth) (this._x<=0)) { this._x = -10+Math.random()*movieWidth; this._y = -5; } }

Langkah 6


Seleksi frame 1, dan buka kembali panel Action (F9). Masukkan action script berikut.

for (k=0; k<50;>
duplicateMovieClip(this.salju, "salju"+k, k);
}

Selesai. Selamat mencoba!
Download contoh animasi salju

Memainkan Mp3 dengan Flash

Mainkan Mp3 dengan flashSebenarnya terdapat banyak cara untuk memainkan file musik MP3 dengan Flash. Saya lebih suka menggunakan cara ini daripada cara yang lainnya. Karena saya dapat menambahkan tombol play dan stop untuk interaktifitas sebagai kontrol musik tersebut. Bagaimana saya melakukannya? Berikut langkah-langkahnya:

Langkah 1

Buat sebuah dokumen Flash .Importkan file Mp3 ke dalam Lybrary. Klik menu File > Import > Import to Lybrary... Buka Panel Lybrary (CTRL+L), klik kanan file Mp3 yang baru saja anda importkan, klik Lingkage... Pada kotak dialog Lingkage Properties yang muncul, klik check box "Export for ActionScript" maka secara otomatis check box "Export in firs frame" ikut terseleksi, ketikkan "sounku" sebagai identifiernya.

Linkage

Langkah 2

Buat sebuah tombol pada stage yang diasumsikan sebagai tombol play. Tombol ini digunakan untuk memaikan kembali sound yang dalam keadaan berhenti. Caranya: Buatlah sebauh objek sesuai keinginan anda kemudian klik kanan > Convert to Symbol...> Pilih Button dan beri nama "Tombol Play" > OK.

Buat objek tombol play

Pastikan objek tombol play dalam keadaan terseleksi, buka panel action (F9) kemudian pastekan action script berikut.

on (release)
{
sndMusic.start();
}



Langkah 3

Buat sebuah layer baru. Pastikan layer tersebut dalam keadaan aktif, ulangi langkah 2 untuk membuat tombol stop (bentuk objek berbeda dari yang sebelumya dan beri nama Tombol Stop). Tidak usah saya jelaskan, pasti anda sudah tahu fungsi dari tombol stop. Agar dapat berfungsi sebagai tombol stop, maka action script-nya berbeda dari yang sebelumnya. Berikut action script untuk tombol stop.
on (release)
{
sndMusic.stop();
}


Langkah 4


Buat sebuah layer baru dan beri nama action. Layer ini berfungsi sebagai tempat action script untuk memanggil file Mp3 yang telah diimportkan. Klik pada frame 1 pada layer baru tersebut, klik kanan > plih Action > pastekan action script berikut.

Action script untuk memanggil file Mp3

var sndMusic = new Sound();
sndMusic.attachSound("soundku");
sndMusic.start();


Selesai. Saya memiliki hasi seperti gambar berikut.

Tekan tombol CTRL+ENTER untuk memainkan hasilnya. Selamat mencoba!

Sabtu, 07 Februari 2009

Publish File FLA ke EXE

Publish FLA ke EXEAnimasi yang telah kita buat dengan menggunakan Macromedia Flash secara difault dijalankan dengan menggunakan flash player. Sebetulnya kita dapat menjalankan animasi tertsebut tanpa flash player dengan cara di-publush terlebih dahulu ke dalam format EXE (executable). Hal ini biasa digunakan dalam pembuatan CD Tutorial atau CD Pembelajaran Interaktif. Tak usah panjang lebar, berikut langkah-langkah publishing ke dalam format EXE.

1. Klik menu File > Publish Settings...
2. Pada daftar pilihan yang ada, pilih Windows Projector (.exe)
3. Jangan lupa tentukan lokasi penyimpanan hasil publishing
4. Klik Publush > OK

File exe yang baru saja kita buat hanya mampu dijalankan pada komputer berbasis Windows. Untuk mampu dijalankan di komputer berbasis Machintos, pada dialog Publish Settings perhatikanlah pilihan Machintos Projector yang berada dibawah Windows Projector. Apabila anda berniat menjual hasil karya anda ke publik maka lebih baik anda membuat dua format yaitu untuk Windows dan Machintos. Hal ini untuk mengantisipasi apabila konsumen anda menggunakan koputer berbasis Machintos. Kasihan kan, konsumen kita yang sudah susah payah membeli produk kita tapi tidak bisa dijalankan.

Jumat, 06 Februari 2009

Membuat Efek Teks Neon


Mungkin anda pernah lihat efek teks seperti neon dan mungkin membuat anda berfikir bagaimana membuatnya!! kali ini saya akan jelaskan tahap-tahap mebuat efek teks neon atau menyala, berikut tutorialnya :


[1]
Buka Photoshop anda, dan Buat kanvas baru (File>New), kemudian kita atur panjang dan lebar kanvas dengan mengisikan angka pada kolom Width dan Height, disini saya isikan
Width = 600 pixels, Height = 200 pixels, resolusi=72 dengan background : transparant

[2]
Beri warna kanvas anda dengan warna-warna agak gelap, atau anda bisa memasukan gambar/background kekanvas anda seperti gambar saya :


[3]
Tuliskan Teks yang akan kita beri efek neon, disini saya gunakan Jenis Huruf Harlow Solid Italic, jika anda ingin menggunakan font tersebut silahkan download disini, ukuran huruf = 150 pt, warna huruf = putih, hasilnya seperti berikut :

tips menginstal font : copykan font yang berekstensi ttf ke direktori C:\WINDOWS\Fonts

[4]
Masih di layer teks neon, kita akan rubah style hurufnya, dengan blending options,
pilih Layer>Layer Style>Blending Options kemudian pilih :

Inner Glow


atur warna gradient seperti berikut :


kemudian beri juga efek Outer Glow sedikit dengan warna merah yang menyala, Juga Beri efek Shadow dengan warna Merah Gelap, untuk efek ini atur sesuai keinginan anda

berikut gambar yang saya dapatkan sementara


[5]
Selanjutnya anda bisa menambahkan Efek Lighting pada background anda
dengan cara pilih Filter>Render>Lighting Effect, seperti contoh berikut :


dan Berikut Hasilnya


Sekian Tutorialnya