Barif The Future Prsident

Tutorial Flash _ Membuat Navigasi Sederhana

by barifbrave on May.14, 2009, under Desain Grafis


Pada dasarnya tutorial ini dapat dikembangkan untuk membuat sebuah permainan atau game yang sederhana. Mungkin Anda pernah melihat atau bahkan Anda sudah pernah bermain game pesawat tempur, untuk menggerakkan pesawat tempur tersebut kita dapat menggunakan tombol navigasi anak panah yang ada di dalam keyboard.
Tombol anak panah atas, bawah, kiri dan kanan dipakai untuk mengendalikan gerak
pesawat. Tentu Anda bertanya apa sulit untuk membuat navigasi dengan
menggunakan keyboard? Tentu tidak karena Flash telah menyediakan printah-printah
praktis untuk menggerakkan gambar atau objek apa saja lewat tombol-tombol pada
keyboard.

Lebih lanjut silahkan download pdf nya, di: sini
Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Navigasi Sederhana

Leave a Comment more...

Tutorial Flash_Membuat Icon animasi

by barifbrave on May.14, 2009, under Desain Grafis

(Arahkan pointer mouse anda ke gambar di atas ini).

Di pembahasan kali ini saya akan membuat sebuah tampilan flash icon, apabila di dekatkan ke sebuah icon kemudian icon tersebut akan memberikan aksi. Di sini kita menggunakan gambar dan kemudian gambar tersebut kita buat movie. Anda dapat mengikuti step-step di bawah ini, jangan anda lewatkan satu step saja karena akan mengalami kesalahan dan hasil flashnya tidak berjalan.

A. Step 1
Ciptakan sebuah document dan kemudian atur setting dengan cara menekan CTRL J.
Ciptakan sebuah document

B. Step 2
Buat 3 buah layar dengan nama masing-masing layar AS, InvisibleButton, icon.
Buat 3 buah layar

C. Step 3
Kemudian klik File>Insert>Import to library, dan pindahkan gambar dari library ke stage.
library ke stage

Dan tulis tulisan seperti pada gambar di atas dan kemudian tekan F8, atur convert to symbol
convert to symbol

D. Step 3
Seleksi gambar kemudian klik 2 kali dan dan klik pada frame ke dua klik kanan kemudian pilih insert key frame. Dan kemudian klik pada frame ke 10 kemudian pilih gambar dan pilih jenis color yaitu Advanced.
color yaitu Advanced

Dan klik setting kemudian atur seperti pada gambar
klik setting

Kemudian klik ok dan klik di tengah frame antara frame 2 dan frame 10 dan kemudian klik kanan dan pilih motion.

E. Step 5
Buat layar 2 dan kemudian ambil gambar yang berada di library dan masukkan ke stage. Atur letak dari tulisan tersebut sehingga dapat membentuk.
Buat layar 2

library

F. Step 6
Klik pada layar AS dan klik pada frame 1 kemudian tekan F9 dan tuliskan action acript di bawah ini :
_root.icon.onEnterFrame = function() {
if (mouse_over_icon) {
_root.icon.nextFrame();
} else {
_root.icon.prevFrame();
}
};

G. Step 7
Klik pada layar Invisible button kemudian ambil gambar Invisible button yang ada di library dan masukkan ke stage.
Invisible button

F. Step 8
Klik Invisible button yang ada di stage kemudian tekan F9 kemudian tulis scrip di bawah ini :
on (rollOver) {
_root.mouse_over_icon = true;
}
on (rollOut) {
_root.mouse_over_icon = fstartlse;
}
on (release){
getURL(“http://www.ilmuwebsite.com/”, “blank”);
}
Kemudian jalankan dengan cara CTRL + ENTER
CTRL + ENTER

Hasilnya:

(Arahkan pointer mouse anda ke gambar di atas ini).

Download .fla ==> http://www.unair.info/flash/membuat-flash-icon-animasi/flashicon.fla

Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Flash Icon Animasi

Leave a Comment more...

Tutorial Flash_Masking

by barifbrave on May.14, 2009, under Desain Grafis

Hoss,. Gomen (maaf) kalo tulisan ini sangat basi jadi bagi yang yang merasa
sudah merasa bosan silahkan untuk mencari atau melanjutkan surfing,.. hiks!
Yups, sekarang mulai aja ya,.. cape kalo mengtik kagak karuan gini,..

Pertama kali anda buka Macromedia Flash->File->New (sebenarnya sudah
otomatis sewaktu anda membuka program), telihat stage masih dalam keadaan kosong
lalu anda buat sederet tulisan, dalam hal ini saya menulis www.ilmuwebsite.com (gambar1)

oh, iya tulisan tersebut berada pada layer 1 dan frame 1. kemudian buat satu
Layer baru dgn mengklik insert layer (gambar 2)

setelah itu copy tulisan pada layer 1 dengan shortcut Ctrl+C atau pada
menu

Edit->Copy dan Paste in place pada layer 2 dgn shortcut Ctrl+Shift+V atau
pada menu Edit->Paste in place sebelumnya layer 2 dalam keadaan aktif untuk
mengaktifkannya tinggal klik layer 2. kenapa tidak langsung paste saja? Karena
jika paste maka hasil yang akan di paste-kan akan berpindah tidak sejajar atau
ngepas tulisan. Selanjutnya insert layer untuk di jadikan object mask, pada
layer 3 kita buat persegi dengan warna yang berbeda dan letakkan dekat dengan
tulisan (gambar 3)

eh, jangan lupa layer 3 harus pada baris kedua dari barisan layer caranya
drag layer 3 kemudian tahan dan geser kebaris kedua.

Setelah persiapan layer sudah beres, kini pada toolbar Timeline klikkanan
pada frame 15 klik Insert Frame (gambar 4) lakukan hal yang sama pada setiap
layer.

Selanjutnya pada frame 15 pada layer 3 klik kanan pilih Create Motion Tween
(gambar 5)

geser object persegi sampai ke akhir huruf. Test dengan menekan Enter jika
object begerak dari kiri ke kanan maka animasi berhasil setelah animasi bergerak
sekarang klik kanan pada layer 2 dan pilih Mask. (gambar 6)

kemudian lihat hasil dengan menekan Enter atau dengan testmovie pada menu
Control->TestMovie atau juga dgn shortcut Ctrl+Enter dan jangan lupa untuk di
save.

Yups, sekian mudah2an dapat bermanfaat dan kembangkan dengan kreasi
sendiri.,.,

Oke,.. ja nee! ^_^

//Greetz to:

- Allah SWT, My Family (thank`s a lot).

- Alumni SMAN 4 Bogor, nak2 theShadow (Anto, Deni, Erki &
Dekris), 3Pha3 (kapan reunian lagi ni?), Al-k (kamana wae yeuh?), Ibonk, Tono,
Asep, Captein, Niko, Khaerul, Wira, Aje (kapan mancing teh?), TusukGigi Mild
(wei, ngband lagi donk?), Lar`c en Ciel, theRain.

- Kent Academy (thank`s for learning), Indra (kapan nginep lagi ni?),
Augy (eh, jangan lupa jaga lilin, hiks?), Rahmat (gimana jualan Plz nya lancar
gak?), Dede (ajarin Visual Basic donk?).

Sumber dari situs Ilmu Website dalam kategori flash dengan judul Tutorial Flash menggunakan Masking

Leave a Comment more...

Tutorial Photoshop_Membuat Gambar Film Action

by barifbrave on May.12, 2009, under Desain Grafis


  Kita akan mencoba membuat sebuah “Poster Film Action”.
 
Ciptakan dokumen baru dengan ukuran  750×550 pixels
Buka gambar penjara di seperti di bawah ini, drag kedalam dokumen baru yang kita buat tadi dan berikan nama penjara untuk layer gambar penjara ini.

Lakukan duplikat pada layer penjara dan beri nama Blurred Penjara.
  Select layer penjara dan masuk ke menu: Filter > Blur > Lens Blur. Centang pada Faster, rubah Blur Focal Distance menjadi 0, Iris Shape menjadi  Hexagon(6), Radius menjadi   25, Blade Curvature menjadi   0, Rotation menjadi   0,  Brightness menjadi   0, Threshold menjadi   255, Noise menjadi   0 dan Distribution menjadi    Uniform
 

Buka gambar orang nembak seperti ini
Crop dengan menggunakan Pen tool, dengan tujuan menghilangkan background nya. Sehingga tersisa orang nya saja.
 

Drag gambar orang di atas menuju ke dokumen baru kita. Rename layer orang ini dengan nama Hero. Lakukan resize dan sesuaikan ukurannya.
Pilih  Soft Eraser tool dengan ukuran 800pt, klik satu kali di tengah2 layer Blurred penjara
 

Ciptakan sebuah layer baru di atas Hero dan berian nama Bayangan.
Lakukan Fill terhadap layer itu dengan warna #000000 gunakan Paint Bucket. Sesuaikan opacity nya layer ini menjadi 80%.

Pilih Soft Eraser tool dengan ukuran 800pt, klik satu kali di tengah2 layer Bayangan.
 

  Layer > New Adjustment Layer > Hue/Saturation   diatas semua layer, dengan komposisi :
Dan set Hue menjadi 0, Saturation menjadi -40 dan Lightness menjadi 0.

  Layer > New Adjustment Layer > Exposure Adjustment diatas semua layers.
Dan set  Exposure menjadi +0.6, Offset menjadi -0.01 dan Gamma Correction menjadi 1.2.

  Layer > New Adjustment Layer > Levels Adjustment diatas semua layers.
  Dan set Set nilai menjadi 20, 1, 240 dan kamu akan selesai :)
 

Sumber dari situs Ilmu Website dalam kategori photoshop dengan judul Membuat Poster Film Action

3 Comments more...

Tutorial Photoshop_Membuat Logo 3D

by barifbrave on May.12, 2009, under Desain Grafis

bwat bikin 3d di photoshop itu sbnernye gampang banged, hmm… kata tmen2 sih rada susah, tapi ada banyak carana, ke tutorial ini niiii… nyok kita bikin logo bernuansa 3d

siapin canvas 400 x 400 px.

ambil salah satu shape di photoshop. gambar objek na.

COWO BANGET kan ??? gagagaagagakakkkkk :D

transform pake perspektiv …

teken enter.

transform lagi, tapi kali ini khusus tinggina sajah, menjadi 70 %

enter juga

duplikat sekali, geser make panah ke atas. ulangi ampe beberapa kali, jadi keliatan tebel 3d na

klik pada layer teratas, kasi style ke gini:

woke, beralih ke base shape paling dasar. kasi style juga

untuk kesan glossy, kasi gradasi transparent. [CTRL+Click] pada layer shape paling atas, pilih menu Select > Modify > Contract ( 2px )

kurangi opacity na….

delete sebagian gradasi make marquee tool….

ubah blending mode layer menjadi overlay

jadi dah… hahahahakkk

 

© Copyright 2008 www.dremi.info Original Post: Cool 3D Logo Category: Interface
About the Author: dr.emi is a free man to distribute anything that he was founded. As a Webmaster He was publishing www.dremi.info to create one community that loves free idealism. Very specialy in Design Category. Welcome to love it!

Sumber dari situs Ilmu Website dalam kategori photoshop dengan judul Cool 3D Logo

Leave a Comment more...

Tutorial Photoshop_Metalic Logo

by barifbrave on May.12, 2009, under Komputer

Gw sering merindukan saat saat metal dan techy design style masih berjaya beberapa taon silam, tapi kini cuma tinggal kenangan, beberapa master dunia untuk spesialis techy style pun udah mulai mengundurkan diri dan ada yang beralih ke Style Web 2.0
(continue reading…)

Leave a Comment more...

Mengganti icon WP

by barifbrave on May.12, 2009, under Komputer

Assalamualaikum Teman-teman.

Tahu Favicon G???

Lo G tahu Barif jelasin d. Favicon itu icon (gambar) yang ada di sebelah kiri title web atau blog.

Lo temen-temen kebetulan pake wordpress ‘n udah bosen lihat icon itu mulu, ky aku =p temen-temen bisa ikuti petunjuk ini untuk mengganti huruf W yang selalu nangkring di blog kita itu.

Caranya begini teman,

  • Silakan masuk ke dashboard blog WordPress.com Teman-Teman
  • Kemudian klik Setting
  • Dibagian General disamping kanan akan ada Blog Picture
  • Upload gambar yang akan Anda gunakan sebagai favicon sekaligus avatar Anda. Format yang didukung jpg dan png
  • Kemudian akan ada pilihan untuk meng-crop gambar yang Anda upload
  • Klik Save
  • bahasa Indonesia menyesuaikan

Setelah itu bukalah halaman blog Anda. Maka gambar yang telah diupload akan tampil sebagai favicon dan avatar Anda.  Sedangkan halaman dashboard tetap menggunakan favicon WordPress.

Sumber : darmawanku.wordpress.com,

dengan beberapa perubahan

Leave a Comment more...

Mengganti Icon Wordpress

by barifbrave on May.11, 2009, under Komputer

Maaf masih dalam proses.

Leave a Comment more...

What’s New?

by barifbrave on May.08, 2009, under Komputer

Assalamualaikum.

Alhamdulillah saya sudah punya blog baru. Walaupun hampir sama dengan blog yang dahulu, tetapi blog yang sekarang memiliki sedikit perbedaan, yaitu blog ini merupakan blog yang disediakan Undip untuk mahasiswanya. GRATIS!!!

Semoga apa yang Undip lakukan ini dapat memberikan respon yang positif kepada seluruh mahasiswanya dan semoga fasilitas ini dapat berguna bagi mahasiswa Undip dan orang lain. Amin.

Akhir kata…

Let’s Explore my blog.

Thanks. . .

1 Comment more...

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Visit our friends!

A few highly recommended friends...

Archives

All entries, chronologically...