Showing posts with label 3sna. Show all posts
Showing posts with label 3sna. Show all posts

Friday, 23 April 2010

3sstudio banner

inih bannernya neenng
Attachment: 3sstudio.swf

Saturday, 16 May 2009

tempel search engine (by request)

hmmm...atas request dari.....
3snahouse
3snahouse
repost tips tempel search engine di trickMP dengan sedikit penambahan. script HTML yang harus ditaruh di Page Tittle adalah sbb :
<div id="searchmupengml"><form style="color: rgb(255, 255, 255);" action="http://www.google.com/search" method="get"><table style="width: 213px; height: 74px;"><tbody><tr><td><span class="insertedphoto"></span><span class="insertedphoto"></span><input value="UTF-8" name="ie" type="hidden"><input value="UTF-8" name="oe" type="hidden"><span class="insertedphoto"></span><span class="insertedphoto"></span><span class="insertedphoto"></span><input maxlength="255" value="" name="q" size="22" type="text"><input value="http://mupengml.multiply.com/" name="domains" type="hidden"><input checked="checked" value="http://mupengml.multiply.com/" name="sitesearch" type="hidden"></td><td><input title="Search" img="" style="width: 60px; height: 60px;" src="http://www.iconlet.com/download_128x128_/lila/red/128x128/apps/searchtool.png" searchsubmit="" name="" alt="Search" type="image"></td></tr></tbody></table></form></div>

penjelasan :
penggunaan tag <div id="searchmupengml"> fungsinya adalah untuk memberikan nama (selector) pada script search engine diatas untuk kemudian dapat diatur posisinya dengan CSS seperti dibawah ini :

#searchmupengml {
position: absolute;
margin-left: 300px;
margin-top: 25px;
}

keterangan :
gantikan script berwarna kuning sesuai dengan nama yang anda inginkan ;
gantikan script yang berwarna biru dengan URL site anda, contoh http://3snahouse.multiply.com/
gantikan script berwarna hijau dengan URL gambar yang digunakan untuk tombol search, dan ubah script yang diwarnai merah untuk mengatur besar-kecil gambar.
contoh hasil seperti ini :


Enjoy it Sweety :)


credit :
Om Lilok atas ide menggunakan tag <table>
Zhekho-kun untuk search scriptnya :)

Saturday, 9 May 2009

special birthday gift (private only)



Birthday gift 4 eneng :)




hepi B'day buat eneng :)

3snahouse
3snahouse

ini hadiah ultah seperti yg akang janjiin...inih poto hasil hunting tadi siang (dibantu kang El, thanks y)

ternyata, pusat informasi majapahit masih berupa onggokan batu yg belom di utek2 pengembangnya...hufff....
udah geto ada tulisan "SELAIN PEKERJA DILARANG MASUK" (padahal akang kan "pekerja cinta"), hahaha.. nekat wae...terobos larangan..jepret2...kliatan satpam langsung ngibriit..hahahahah
dlm museum juga ada larangan aneh..kt satpamnya gak boleh ngambil poto patungnya langsung..harus dipake sebagai bekgron...welehh..
makanya akang akalin wae bareng kang El...(sama2 gila)...bukannya patungnya yg jadi bekgron..malahan..kita yg intip2 dblakang patung pura2 jadi bekgron..hahahhahahahah


eniwei...Hepi B'day yach neng :)
wish U all the best...
Lop yu...

Thursday, 12 March 2009

tutorial buat banner bergerak (lanjutan tutorial sebelumnya)




wedeww...posting lagi aahhhh.....
baidewei..ini lanjutan tutorial buat banner yg udah di posting kmaren...
(sebenernya gak pantes disebut tutorial krn yg ngajarin cara buka file gif pake Image Ready juga 3sna..)hehehe
tetep dedicated especially 4 :

3snahouse
3snahouse
berhubung cara buat dasaran pink udah dibahas kemaren....maka dalam tutorial ini langsung dibahas cara memasukkan gambar bergerak kedalam banner dasar yg udah kita buat.
hokeehhh..kita mulaiii...
  • siapkan banner pink bergaris yg udah kita buat kmaren (gambar1)
  • bongkar file gif yang akan kita masukkan ke banner dengan cara, klik kanan file *.gif > Open With > Image Ready (gambar2)
  • simpan gambar *.gif (yang udah dibongkar) menjadi goyang2muter.psd sesuai (gambar3)
  • kembali ke dasar bannerpink yg udah disiapin tadi, sekarang buka file goyang2muter.psd hasil dari proses pada point sebelumnya (file ini punya 9 layer) dan lakukan "copas" ke layer baru pada bannerpink (gambar4).
  • ulang proses diatas untuk layer ke 2-9 seperti pada gambar5, hasilnya sesuai gambar6 (terdapat 9 layer baru pada bannerpink yang berisi layer hasil "copas" dari goyang2muter.psd).
  • buka file mashimaro.gif dengan klik kanan > Open With > Image Ready (gambar7), dan simpan ke format *psd (gambar8) *disimpan jadi mashilari.psd*
  • kembali ke bannerpink, buka file mashilari.psd dan lakukan proses copas layer seperti sebelumnya (gambar9)
  • lakukan free transform (ctrl + t) pada masing2 layer hasil copas dari mashilari.psd sehingga diperoleh efek gerakan mashimaro berjalan (gambar10).
  • lakukan duplicate layer pada layer mashilari1 - mashilari 4 dan beri nama berbeda (dalam hal ini "mashilaribalik1-5). lakukan free transform (ctrl + t) pada layer mashilaribalik1-5 hingga diperoleh kebalikan / pencerminan dari mashilari1-4 (gambar11).
  • tambahkan layer2 lain berisi dekorasi (termasuk gambar Vic zhou pake baju kelinci), tampilan lengkapnya seperti pada gambar12. simpan dan pilih edit with Image Ready.
  • pada gambar13a, masih terdapat 1 frame animation, atur tampilan tiap layer seperti pada gambar13a.
  • lakukan penggandaan frame animation menjadi 9 frame (kita pakai 9 frame karena 2 gambar bergerak *mashimaro & cewek muter2* yg sudah ada di banner tadi sama2 memiliki 9 layer), aktifkan frame 2 dan atur tampilan layer seperti pada gambar13b.
  • lakukan proses setting frame seperti diatas pada frame 3-9 sesuai dengan gambar13c - gambar13i. jangan lupa mengatur durasi per frame menjadi 0,1 sec.
  • langkah terakhir, lakukan save seperti pada gambar14. dan hasil dapat dilihat seperti pada bannerpink(tut).gif.
daaaannn...akhirnya sodara2...
inilah tutorial seadanya dari saya..
buat eneng, semoga puas...heheheh
kalo ada yag kurang jelas, saya minta maap....
semoga berguna..amiienn

Tuesday, 10 March 2009

mbuat dasar banner pink bergaris




dedicated especially 4 :


ni langkah2 mbuat dasaran banner garis2..*sebenernya Q ga pantes banget mbuat tutorial kyk gini, maklum Q masih ijo*
but, sesuai request 3sna, kyknya Q harus ngeden peras otak banting pantat buat ni tutorial ...hueheheheh
hokeehh...molaiii...
  1. sebelum buat canvas, sesuaikan background (atau apalah, g ngarti sebutan aslinya apa) dgn lingkaran merah di gambar1 ntu ya...
  2. mulai buat canvas sesuai ukuran yg dikehendaki (gambar2), kalo Q pake 770x400 px
  3. buat bentuk persegi budel (gtu y sebutannya?) menggunakan tool sperti yg dilingkari merah pada gambar3 ntu..(lagi2 ga tau namanya..hufff), sampai terbentuk bidang warna pink..
  4. klik kanan layer &pilih blending option (gambar4)...
  5. atur Blending Option : Custom seperti pada gambar 5
  6. aktifkan (centang/contreng...kyk pemilu aja) Drop Shadow dan menu2 dibawahnya sampai Bevel and Emboss > Contour (gambar6) & sesuaikan parameter seperti gambar
  7. aktifkan (centang) Gradient Overlay seperti pada Gambar7 dan pilih Transparent Stripes
  8. atur style ke Reflected dan sesuaikan parameter sesuai dengan gambar 8.
  9. tambahkan layer baru dan siapkan file gambar (contoh: mashimaro) yang akan dijadikan gambar pengisi layer baru.(gambar9), lakukan copy-paste dan transform (ctrl+t) dan atur posisi gambar sesuai yg dikehendaki & setelah sesuai, tekan enter & simpan file dgn ekstensi *.PSD
  10. klik pilihan paling bawah di menu kiri "Edit in Image Ready", yup..udah ganti ke image ready..lakukan langkah terakhir seperi pada Gambar10 "save Optimized as", pilih parameter sesuai Gambar10. daaaannn...selesaiiii...
hasilnya seperti pada file banner-garis2.gif
hufffff...akhirnya selesai jugaa...
buat eneng yg request, maap kalo ada yg kurang jelas..
semoga berguna buat semua..aamiien