MEMBUAT PIN DENGAN PHOTOSHOP

Kali ini saya akan berbagi dengan sobat bagaimana cara MEMBUAT PIN DENGAN MENGGUNAKAN PHOTOSHOP.
Hasil Akhir :

Baik, tidak perlu basa basi silahkan sobat simak tutorial berikut :
Langkah 1, Buat dokumen baru dengan ukuran 1000 x 1000 pixel dan berilah fill dengan warna 50% Gray.

Langkah 2, Buat layer baru, dan pada layer yang baru dibuat silahkan sobat membuat sebuah lingkaran dengan menggunakan Elliptical Marquee Tool.

Isilah lingkaran yang sobat buat dengan warna #97ee0e, maka hasilnya akan tampak seperti gambar berikut :

Langkah 3, Saatnya kita membuat style pada obyek lingkaran. Klik kanan Layer 1 (obyek lingkaran) à Blending Option dan atur seperti yang terdapat pada gambar berikut :




Langkah 4, Membuat efek pantulan cahaya,
Silahkan sobat buat layer baru (layer 2) dan buatlah efek bayangan menggunakan Elliptical Marquee Tool dan untuk warna gunakan Gradient Tool dengan Foreground warna #ffffff dan background warna #6ee709. Hasilnya seperti gambar berikut :

Hilangkan seleksi pada layer 2 dan berikutnya duplikasikan layer 2 dengan menekan Ctrl+J

Langkah 5, Hilangkan dulu icon mata pada layer 2, kemudian klik layer 2 copy dan lanjutkan dengan menghapus sebagian gambar bayangan yang ada di layer 2 copy dengan Eraser Tool. Gunakan diameter eraser tool yang besar


Atur Opacity layer 2 copy menjadi 50%

Duplikasikan layer 2 copy dengan menekan Ctrl+J dan atur seperti gambar berikut :

Jika sudah, aktifkan kembali icon mata pada layer 2 dan atur fillnya menjadi 25%.

Pada Layer 1 atur Fill menjadi 0%

Langkah 6, Masukkan sebuah image tepat di bawah Layer 1.

Aktifkan seleksi lingkaran pada Layer 3 dengan cara klik Layer 3, kemudian tekan Ctrl+klik Layer 1.

Terakhir :
Klik menu Layer à Layer Mask à Reveal Selection

Dan hasil akhirnya seperti gambar berikut :

Selamat Belajar….

Technorati Tags: Tutorial Photoshop,Dasar Photoshop,Photoshop Dasar,Efek Photoshop,Petujuk,Sinau,Belajar,E-Learning,Tutorial Dasar,dll

Read more »

BUAT EFEK LINANGAN AIR MATA MENGGUNAKAN PHOTOSHOP

Tutorial Photoshop kali ini saya ingin berbagi bagaimana membuat air mata tampat realistik.

Langkah 1
Bukalah sebuah gambar yang akan sobat tambahkan linangan air mata.
Langkah 2
Tambahkan Layer baru, kemudian gambarlah linangan air mata dengan menggunakan Pen Tool.

Jika sudah tergambar berilah fill warna hitam pada linangan air mata tersebut. (gambar di bawah adalah urutan dalam memberi fill)



Langkah 3
Pada Layer 1, ubah layer mode menjadi Screen. Kemudian klik kanan Layer 1 dan pilih Blending Option, lalu aturlah seperti gambar berikut :






Maka hasilnya akan tampak seperti gambar berikut :

Langkah 4
Gambar sudah terlihat bagus, tapi tidak begitu realistis. Sekarang kita perlu menambahkan beberapa efek silau putih untuk linangan air mata, dengan cara pilih Pencil Tool atur diameter sekitar 1 pixel, kemudian membuat beberapa titik dengan warna putih pada layer baru seperti yang ditunjukkan pada gambar di bawah.

Langkah 4
Terakhir gunakan Gaussian Blur.

Technorati Tags: Tutorial Photoshop,Dasar Photoshop,Photoshop Dasar,Efek Photoshop,Petujuk,Sinau,Belajar,E-Learning

Read more »

BUAT APLIKASI SOAL PILIHAN GANDA

Macromedia Flash tidak hanya digunakan membuat animasi, tetapi juga bisa digunakan untuk membuat quis interaktif.

Pada tutorial kali ini saya akan berbagi bagaimana cara pembuatan soal pilihan ganda lengkap dengan skor menggunakan Macromedia Flash 8.

langsung aja… simak langkah-langkah pembuatannya sob…

1. Jalankan Macromedia Flash 8 sobat dan buat project baru dengan ukuran 800 x 600 px.

2. Buatlah 3 buah Layer dan beri nama masing-masing Layer dengan nama : latar, materi, dan action. (lihat gambar berikut )

3. Klik Frame 1 Layer “latar” dan buatlah gambar latar sesuai dengan kreasi sobat.

(berikut contoh gambar saya)

Jika gambar latar selesai sobat buat, aktifkan icon gembok agar latar tidak bergeser.

4. Klik Frame 1 Layer “materi” dan tuliskan beberapa kalimat dan sebuah tombol seperti yang ada digambar berikut :

Untuk tombol “Mulai” beri instance name dengan nama “mulai” (tanpa tanda petik).

5. Klik Frame 1 Layer “action” dan tuliskan code berikut :

Stop();
score = 0()
mulai.onPress = function () {
nextFrame();
};

6. Klik Kanan Frame 2 Layer “latar” - pilih Insert Frame, kemudian lanjutkan dengan klik Kanan Frame 2 Layer “materi” dan Layer “action” – pilih Insert Keyframe.

Mulai ketikkan soal pada frame 2 Layer “materi” (lihat contoh berikut )

7. Lakukan hal yang sama dengan langkah ke-6 untuk membuat soal nomor 2 dan seterusnya. (sebagai contoh saya membuat 5 soal pilihan ganda).

8. Kembali klik Frame 2 Layer “materi”. Klik opsi jawaban “a” kemudian tekan F8 – klik type Button - OK.

Isi instance name dengan nama “a”.

Lakukan hal yang sama untuk opsi jawaban “b”, “c” dan “d”.

9. Untuk soal pilihan ganda yang lain, lakukan hal yang sama dengan langkah nomor 8.

10. Perhatikan gambar berikut untuk 5 contoh soal yang saya buat :

11. Jika sobat selesai dengan langkah 8 dan 9, selanjutnya sobat klik Frame 2 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 3 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
nextFrame();
};
b.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 4 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 5 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 6 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 7 Layer “action” dan tuliskan code berikut :

onEnterFrame= function () {
nilai = +score;
};
if (score>=6) {
komentar = "Pertahankan Prestasi Sobat Ya...";
}
if (score<=4) {
komentar = "Sobat Perlu Banyak Belajar";
}
ulangi.onPress= function() {
gotoAndStop(1);
};

12. Simpan project sobat dan coba jalankan aplikasi sobat dengan menekan tombol Ctrl + Enter.

untuk contoh latihannya silahkan sobat download disini

Technorati Tags: Tutorial Flash,Tutorial Macromedia Flash,Dasar Macromedia Flash,Dasar Flash,Flash Dasar,Macromedia Flash Dasar,Petunjuk,Sinau,Belajar,E-Learning,membuat quis,buat Video Player,soal online pake flash,buat aplikasi flash,dll

Read more »