MEMBUAT PIN DENGAN PHOTOSHOP

Kali ini saya akan berbagi dengan sobat bagaimana cara MEMBUAT PIN DENGAN MENGGUNAKAN PHOTOSHOP.
Hasil Akhir :
clip_image002
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.
clip_image004
Langkah 2, Buat layer baru, dan pada layer yang baru dibuat silahkan sobat membuat sebuah lingkaran dengan menggunakan Elliptical Marquee Tool.
clip_image006
Isilah lingkaran yang sobat buat dengan warna #97ee0e, maka hasilnya akan tampak seperti gambar berikut :
clip_image008
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 :
clip_image010
clip_image012
clip_image014
clip_image016
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 :
clip_image018
Hilangkan seleksi pada layer 2 dan berikutnya duplikasikan layer 2 dengan menekan Ctrl+J
clip_image020
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
clip_image022
clip_image024
Atur Opacity layer 2 copy menjadi 50%
clip_image026
Duplikasikan layer 2 copy dengan menekan Ctrl+J dan atur seperti gambar berikut :
clip_image028
Jika sudah, aktifkan kembali icon mata pada layer 2 dan atur fillnya menjadi 25%.
clip_image030
Pada Layer 1 atur Fill menjadi 0%
clip_image032
Langkah 6, Masukkan sebuah image tepat di bawah Layer 1.
clip_image034
Aktifkan seleksi lingkaran pada Layer 3 dengan cara klik Layer 3, kemudian tekan Ctrl+klik Layer 1.
clip_image036
Terakhir :
Klik menu Layer à Layer Mask à Reveal Selection
clip_image038
Dan hasil akhirnya seperti gambar berikut :
clip_image039
Selamat Belajar….
 

BUAT EFEK LINANGAN AIR MATA MENGGUNAKAN PHOTOSHOP

Tutorial Photoshop kali ini saya ingin berbagi bagaimana membuat air mata tampat realistik.
clip_image002
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.
clip_image004
Jika sudah tergambar berilah fill warna hitam pada linangan air mata tersebut. (gambar di bawah adalah urutan dalam memberi fill)
clip_image006
clip_image008
clip_image010
Langkah 3
Pada Layer 1, ubah layer mode menjadi Screen. Kemudian klik kanan Layer 1 dan pilih Blending Option, lalu aturlah seperti gambar berikut :
clip_image012
clip_image014
clip_image016
clip_image018
clip_image020
clip_image022
Maka hasilnya akan tampak seperti gambar berikut :
clip_image024
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.
clip_image026
Langkah 4
Terakhir gunakan Gaussian Blur.
clip_image002[1]

 

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 )
clip_image002
3. Klik Frame 1 Layer “latar” dan buatlah gambar latar sesuai dengan kreasi sobat.
(berikut contoh gambar saya)
clip_image004
Jika gambar latar selesai sobat buat, aktifkan icon gembok agar latar tidak bergeser.
clip_image006
4. Klik Frame 1 Layer “materi” dan tuliskan beberapa kalimat dan sebuah tombol seperti yang ada digambar berikut :
clip_image008
Untuk tombol “Mulai” beri instance name dengan nama “mulai” (tanpa tanda petik).
clip_image010
5. Klik Frame 1 Layer “action” dan tuliskan code berikut :
Stop();
score = 0()
mulai.onPress = function () {
nextFrame();
};
clip_image012
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.
clip_image014
Mulai ketikkan soal pada frame 2 Layer “materi” (lihat contoh berikut )
clip_image016
7. Lakukan hal yang sama dengan langkah ke-6 untuk membuat soal nomor 2 dan seterusnya. (sebagai contoh saya membuat 5 soal pilihan ganda).
clip_image018
8. Kembali klik Frame 2 Layer “materi”. Klik opsi jawaban “a” kemudian tekan F8 – klik type Button - OK.
clip_image020
Isi instance name dengan nama “a”.
clip_image022
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 :
clip_image024
clip_image026
clip_image028
clip_image030
clip_image032
clip_image034
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

 
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ingin berbagi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger