membuat effect neon teks

Diposting oleh Lukman

mungkin anda sudah tidak asing lagi dengan kata2 neon box,neon sign,tanpa kita sadari setiap hari kita pasti melihat element2 dari desain itu, entah di toko,institusi pendidikan,ataupun di apotek...
nah pada kesempatan ini saya ingin memberika sedikit trik untuk membuat neon teks di photoshop...
mungkin anda sudah tidak asing lagi dengan kata2 neon box,neon sign,tanpa kita sadari setiap hari kita pasti melihat element2 dari desain itu, entah di toko,institusi pendidikan,ataupun di apotek...
nah pada kesempatan ini saya ingin memberika sedikit trik untuk membuat neon teks di photoshop...

step 1
buat dokument baru ukuran sesuai kebutuhan anda yang penting bisa memberikan ruang pada neon teks yang akan kita buat dan berikan warna background hitam agar terlihat kontras dengan neon teksnya. pilih font yang aga besar dan kurus setelah itu tekan Ctrl-Click pada teks utk menseleksinya ,seperti berikut:



sekarang kita bisa menyembunyikan layer teks dan buat layer baru.pada layer baru kita akan menambahkan stroke pada seleksinya kita berikan tadi.kita bisa melakukannya dengan cara klik kanan pada objeknya dengan menggunakan selection tool dan kita pilih Stroke. kita akan berikan nilai tebal stroke menjadi 3px, dan berwarna hijau (saya mengunakan #00FF18). satu langkah telah selesai, kita bisa men-deselect pada objek dan kita bisa membuka Layer Styles. kita bisa memberikan Outer Glow menjadi 10px . Click Ok utk accept Outer Glow. contohnya seperti ini:



selanjutnya,kita akan men-duplicate layer ini (klik kanan dan pilih Duplicate Layer).
sekarang Ctrl-click pada text layer lagi utk menseleksinya dan pilih Select > Modify > Expand, dan pilih 2-3px . lalu create a new layer dan kita akan membuat stroke sebesar 1px, Center, dan putihh. kamu dapat mem-merged dengan layer sebelumnya.



untuk memberikan kesan neon sign, kita akan menghapus sebagian dari teksnya. plih eraser tool dan hapus bagian dari neon signnya. mudahkan tidak terlalu rumit:



Selamat mencoba.......

membuat realistic smoke effect. (photoshop)

Diposting oleh Lukman

pada kesempatan ini saya ingin memberikan sedikit trik effect photoshop untuk membuat realistic smoke effect.effect ini bisa digunakan dalam penerapan media poster atau pun billboard kita ambil sample kampanye dilarang merokok effect ini akan memberikan kesan hidup pada gambar ....
daripada berlama-lama lebih baik jika kita langsung saja pada materinya
pada kesempatan ini saya ingin memberikan sedikit trik effect photoshop untuk membuat realistic smoke effect.effect ini bisa digunakan dalam penerapan media poster atau pun billboard kita ambil sample kampanye dilarang merokok effect ini akan memberikan kesan hidup pada gambar ....
daripada berlama-lama lebih baik jika kita langsung saja pada materinya

Step 1.
buatlah document baru dengan settingan 400X400 pixels resolusi 72 .tekan OK ,lalu ke Edit > Fill...(black).pilih Brush Tool dan buat garis putih dari atas ke bawah.(sperti gambar berikut)



Step 2.
langkah selanjutnya kita butuh men-distort garis ini. Apply Filter > Liquify dan distort garis utk membuat asap. lalu apply Filter > Blur > Blur.



untuk mendapatkan hasil yang halus gunakan Smudge Tool. dan beres .



Selamat Mencoba

Confirm Alert Box di Profile Friendster

Diposting oleh Lukman

Confirm Alert Box adalah salah satu fitur yang bisa digunakan sebagai kata sambutan kepada teman kamu, maksudnya Confirm Alert Box ini akan muncul apabila teman kamu akan memasuki halaman friendstermu... kamu bisa mengucapkan selamat datang atau apapun yang akan kamu ucapkan, utk mengakses Confirm Alert Box masukan kode di bawah ini pada kotak media (media section)
Confirm Alert Box adalah salah satu fitur yang bisa digunakan sebagai kata sambutan kepada teman kamu, maksudnya Confirm Alert Box ini akan muncul apabila teman kamu akan memasuki halaman friendstermu... kamu bisa mengucapkan selamat datang atau apapun yang akan kamu ucapkan, utk mengakses Confirm Alert Box masukan kode di bawah ini pada kotak media (media section).

<img src="" id="mycode" style="height:expr/**/ession(fst=confirm('hey '+parent.pageViewerFName+', press OK to view my profile or Cancel to go to my favorite site!')
if (!fst)
location='http://friendster-tweakers.com');
width:expr/**/ession(document.all.mycode.style.height='0px')" />

selamat mencoba...


Membuat scrolling Box di Profile Friendster

Diposting oleh Lukman

penggunaan scorlling Box di Prole Friendster sangat berguna untuk menghemat ruang , karena kita tahu apabila ruang friendster yang memanjang ke bawah terkadang membuat friend kita merasa jenuh
disini saya akan memberikan code utk membuat scrolling Box
penggunaan scorlling Box di Prole Friendster sangat berguna untuk menghemat ruang , karena kita tahu apabila ruang friendster yang memanjang ke bawah terkadang membuat friend kita merasa jenuh
disini saya akan memberikan code utk membuat scrolling Box

So here's the HTML code:

<div align="center"><div style="height:100px; width:350px;
overflow:auto; font-size:12px; background-color: #fff; color:#000;
text-align:center; white-space:wrap; border: 1px solid #000;">
PUT ANYTHING HERE</div></div>

simpan apa yang akan kamu simpan pada bagian PUT ANYTHING HERE ,lebih baik penggunaan code ini disimpan pada bagian about me...

selamat mencoba...


memasukan flash (swf) ke profile frienster mu

Diposting oleh Lukman

buat kalain yang hobbi memajangkan animasi flash kedalam profile friendter ,dan masih bingung cara memasukan nya disini saya akan memberitahukan code untuk embeding flash
buat kalain yang hobbi memajangkan animasi flash kedalam profile friendter ,dan masih bingung cara memasukan nya disini saya akan memberitahukan code untuk embeding flash ke profile friendstermu.

<embed src="YOUR FLASH URL HERE"
width="300"
height="200"
menu="false"
quality="high"
type="application/x-shockwave-flash"
pluginspace="http://www.macromedia.com/go/getflashplayer/">
</embed>

kamu tinggal memasukan alamat dimana kamu mengupload file flashmu
ganti teks "YOUR FLASH URL HERE" dengan link yang sudah kamu upload

semoga bermanfaat

download wordpress skin

Diposting oleh Lukman

pada kesempatan ini saya akan sharing beberapa skin wordpress
yang dapat anda download dengan catatan anda harus memiliki premium account wordpress terlebih dahulu sebelum bisa
pada kesempatan ini saya akan sharing beberapa skin wordpress
yang dapat anda download dengan catatan anda harus memiliki premium account wordpress terlebih dahulu sebelum bisa menggunakan skin WP ini semoga anda berkenan di hati anda

TechBlog
ani-girl
blue-grunge
colors-game
green-mile
mydiary
photoblog
rainbow-garden


Selamat mencoba...

Download free Template Blogger

Diposting oleh Lukman

Disini saya akan berikan beberapa Themplate Blogger yang cukup bagus
Disini saya akan berikan beberapa Themplate Blogger yang cukup bagus

Category Computer & Electronik
Green Computer
Red Computer
Motorola
Laptop

Category game
nintendo wii skin
Xbox skin
PSP skin
True Crime skin

Category General
Write
Harry Potter
a Cup
a Kite

Cool Lighting effect

Diposting oleh Lukman

Step 1

Create a new document. pada Background layer, double-click utk membuka Layer Style dialog box dan apply Gradient Overlay dgn hitam dan hijau (#9dc5c7).

Step 2

Create a new layer. Setring warna putih utk foreground dan hitam utk background color. setelah itu,pergi ke Filter>Render>Clouds. Rename layer menjadi "Clouds."

Step 3

Rubah Blend Mode pada cloud layer menjadi Multiply dengan nilai 60%. Duplicate layer dan rename menjadi "radial blur."setelah itu,pergi ke Filter>Blur>Radial Blur.

Step 4

Duplicate background layer dan pindahkan ke atas layer yang lainnya.Rename menjadi "Gradient Light" dan pergi ke Layer Styles dialog box. Rubah Fill Opacity menjadi 0% setelah itu pergi ke Blending settings. lalu pada Gradient Overlay settings,rubah Blend Mode menjadi Color Dodge dan rubah scale menjadi 70%.

Step 5

Tempatkan logo pada bagian tengah dan rubah Layer Styles. pertama Rubah Color Overlay menjadi hitam lalu add Bevel and Emboss seperti gambar dibawah ini.

Step 6

Create a new Folder dan beri nama "lights" dan pidahkan dibawah layer logo .pilih Ellipse Tool (U) dan create circle/lingkaran buat tepat dibelakang logo. gunakan Pen Tool (P), create some shapes dab itu yang akan menjadi cahaya/sinar. Tempatkan semua objek tepat di bawah the "lights".

Step 7

Jika anda menggunaka Adobe Photoshop CS3, anda dapat men-convert layers menjadi Smart Objects.

Apply Gaussian Blur pada layers. setting yang lainnya dgn nilai yang berbeda.

Step 8

pilih lights dan Rubah Blend Mode menjadi Color Dodge. Duplicate 2 "lights" dan pindahkan semua tepat kebagian tengah.

Step 9

Gunakan Ellipse Tool (U),Buat lingkaran kecil dan tempatkan di bagian depan logo. linkaran ini akan menjadi pantulan cahaya pada logo.

Selesai ......

Selamat Mencoba


membuat Contact Form di Dreamweaver

Diposting oleh Lukman

Pada Tutor ini saya akan memberikan informasi cara membuat Contact Form dengan Dreamweaver dan langkah pembuatan secara detail agar informasi yang dikirim user bisa masuk pada inbox Email anda. Ikuti dengan seksama agar tidak ada satu proses yang terlewat karena bisa menyebabkan kegagalan pada proses sending data ke Email anda.

Catatan: sebelum kita mulai sebaiknya anda mendownload PHP Form to Email Script dan unzip pada root directory website Anda. nama file nya FormToEmail.php.

1. buka Dreamweaver, pilih File > New New Document Dialog Box akan terbuka.
2.
pada daftar Blank Document , pilih HTML, lalu click Create to create a new HTML document.
3.
pada kotak judul di atas toolbar Document , ketik Contact Form sebagai judul dokument anda.

Dreamweaver Page Title

4. pilih File > Save, tempatkan file nya pada directory komputer anda. beri nama ContactForm.htm.
5. sekarang kita akan pergi utk memasuka Form pada halaman web , pilih Insert > Form . A Form dialog box akan terbuka. pada Action text box masukan FormtoEmail.php (file ini yang akan mengantarkan file pada directory web anda).rubah Method "to POST" lalu pada NAME masukan ContactForm pada text box.

Dreamweaver Contact Form

6. langkah selanjutnya tempatkan form objects pada halaman. pada kesempatan ini saya temptakan Name and Email Address, dan masukan juga Text Area utk Comments. setelah selesai pada bagian luar form objek lalu pada bagian atas menu pilih Insert >Form > Label. pada Code Window klik Diantara LABEL Tags dan type Name:. selanjutnya pada bagian top menu plilih lagi Insert > Form > Text Field. Name the Text field name pada properties box yang ada di bagian bawah.

Dreamweaver Text Field

ulangi langkah yang tadi dam masukan beberapa Label yang lain, Text Field dan name email.

7.
buat beberapa Label dan type pada Comments. setelah itu masukan Text Area, pergi ke Inset > Form > Text Area pada baian atas menu.beri Nama Text Area comments pada Properties box di bagian bawah dan beri Character Widthdengan nilai 50 dan Number Lines dengan nilai 10.

Dreamweaver Text Area

8. masukan button. pada top menu Insert > Form > Button. Form anda akan terlihat seperti ini :.

Adobe Dreamweaver Form

9. sekarang kita butuh mengedit FormtoEmail.php file. bauka file tsb di Dreamweaver. bagian yang pertama harus kita edit yaitu $my_email.

Dreamweaver Form to Mail

Rubah email address menjadi emil addrees anda. pada bagian lain akan berubah seperti ini :

Adobe Dreamweaver Form to Mail

ini adalah tempat dimana visitor akan menekan SUBMIT button.

10. Upload semua file pada web server anda dan selesai. anda telah berhasil mengerjakan Contact Form .


Selamat Mencoba

How to Import Wordpress blogs to Blogger?

Diposting oleh Lukman

For many years bloggers on other platforms were frustated by the inability to import their blogs to Blogger. One had to copy and paste each post individually from a non-Blogger blog to a Blogger blog. Those days are over now since Blogger has introduced import-export facility available at the moment only through Blogger-in-Draft.


You can import posts and comments from any blogging platform which gives you ability to export your blog as an XML file.
This is how to do it from Wordpress to Blogger........

EXOPRT FROM WORDPRESS


Login to your Wordpress blog (Site Admin) :

http://MYBLOG.wordpress.com/wp-admin/

Click the 'Manage' link at the top.

Click the 'Export' subtab of the Manage tab.

You can choose to export posts from a single author or from all authors.

Click 'Download Export File'.

Click Save in the popup window.

Choose a location on your disk and click Save in the explorer window.

An XML file is saved on your disk. Remember the location where it is saved.

IMPORT TO EXISTING BLOG

IMPORT TO BLOGGER

Login at Blogger in Draft : http://draft.blogger.com.

Click 'Create a Blog' link on Dashboard.

Under Advanced Options, click the Import Blog Tool link.

Click 'Browse' button.

Explorer window will open.

Navigate to where you saved the XML file exported from Wordpress.

Click on the file to choose it.

Click 'Open' in the explorer window.

Type in the Word Verification letters.

Click Upload arrow at the bottom.

IMPORT TO EXISTING BLOG

Login at Blogger in Draft as before.

Click Settings link under the Blog title.

Click Import Blog link under Blog Tools on Basic subtab.

Follow same steps to upload the XML file exported from Wordpress.

Check the box next to Automatically publish all imported posts before you click Import Blog or else you will have to publish them separately afterwards.



IMPORTANT NOTE : This feature is at present offered only from Blogger in Draft but soon after all the bugs have been ironed out you will be able to do this directly from Blogger.com.

Membersihkan Memory sekali Klik

Diposting oleh Lukman

proses idle yang banyak pada memory dapat membebankan kinerja dari kompi anda , nah ini ada trik agar bisa membersihkan memory sekali klik pada Vista

  • Klik kanan dekstop anda -> New -> Shortcut.
  • akan muncul form create Shortcut pada isian Type the location of the item ketikan
%windir%\system32\rundll32.exe advapi32.dll,processidletasks (catatan penulisan script jangan sampai salah ,silahkan copy dan paste pada jendela berikutnya)

  • klik Next pada jendela berikutnya kita beri nama shotcut "clean memory" selanjutnya klik Finish
  • Anda bisa mengganti Icon agar terlihat lebih menarik
  • nah sekarang anda bisa membersihkan memory dari idle process dengan mudah ,Jika komputer anda terasa lambat ,Anda tinggal mendouble klik shortcutnya yang anda buat tadi dan sistem akan membersihkan memory dari idle process .

Membuat Log on Pribadi VISTA

Diposting oleh Lukman

Pada Kesempatan ini saya akan memberikan triks mengubah log on screen pada OS VISTA anda
okey langkah pertama yang harus anda lakukan adalah

  1. mendownload log on studio klik disini
  2. Persiapkan image/ gambar yang akan anda pasang sebagai log on screen, catatan : file image harus berekstensi .BMP, JPEG, dan PNG selain itu tidak bisa :D
  3. Selanjutnya jalankan Tool log on studio , kemudian klik menu create (karena kita akan membuat log on sendiri.)
  4. Jika sudah akan muncul dialog box Create a log on screen from a Pictures ,Isi kan nama project dan nama author nya (bebas sesuka hati anda ), Klik browse jika sudah
  5. Selanjutnya cari file gambar yang akan anda pasang sebagai log on screen, setelah anda pasang gambar yang anda pilih tekan save
  6. jika langkah diatas anda jalankan secara benar maka tampilan akan seperti ini, dan untuk mengaktifkan log on screen klik apply




Log screen Sebelum



log on Screen Sesudah

Semoga Membantu
silahkan berikan saran dan komentarnya
terima kasih :D

Membuat Blog (1): memilih hosting

Diposting oleh Lukman

Convert image to ico

Diposting oleh Lukman

Image2ico adalah salah stu software yang sangat handal dalam mengkonversi gambar menjadi file ico
imgae2ico support :

* Supports a lot of image formats:
o Windows Bitmap (bmp, dib, rle)
o Compuserve Bitmap (gif)
o JPEG Bitmap (jpg, jpeg, jpe)
o Windows Icon (ico), Windows Vista icon support
o Portable Network Graphics (png)
o Windows metafile (wmf)
* Supports any icon size 16x16, 24x24, 32x32, 48x48, 64x64, 72x72, 96x96, 128x128
* Reads and writes 16 colors, 256 colors, TrueColor and 32bpp (XP-Style) icons
* Built-in image processing


Free Download

Flash Movie

Diposting oleh Lukman
Diposting oleh Lukman

Mr Boomba Epidose 6

Diposting oleh Lukman

Mr Boomba Epidose 5

Diposting oleh Lukman

Mr Boomba Epidose 4

Diposting oleh Lukman

Mr Boomba Epidose 3

Diposting oleh Lukman

Mr Boomba Epidose 2

Diposting oleh Lukman

Mr Boomba Epidose 1

Diposting oleh Lukman

Kontak Kami

Diposting oleh Lukman


Your Name :
Your Email :
Subject :
Message :
Image (case-sensitive):

Membuat logo 3D dgn Photoshop

Diposting oleh Lukman

Pada Kesempatan ini saya akan memberikan tip dan trik bagaimana membuat logo 3D menggunakan Adobe Photoshop . sangat mudah sekali hanya dalam 6 langkah anda sudah bisa membuat logo 3D :D
Step 1:
Create document 250x250 pixels dengan #3d3d3d sebagai background colornya.
Create a new layer beri nama "base".
Pilih Custom Shape Tool dari tools yang ada di bagian samping.
Setelah Custom Shape dipilih maka akan ada kotak dialog yang berisi gambar/symbol. (pilih salah satu)
sekarang beri warna foreground hitam .dengan menekan tombol Shift , warnai gambarnya. pastikan anda mewarnai gambar pada layer "base".




Step 2:
sekarang kita pergi ke Main Menu dan pilih Edit > Transform > Distort.Drag sudut dari gambar ke arah luar untuk mendapatkan angle yang pas



Step 3:
pergi ke Main Menu dan pilih Filter > Stylize> Embose. kamu akan di minta utk rasterize layer,click ok saja. dan ikuti settingan berikut

Angle: 135 °
Height: 5 pixels
Amount: 75%

Simpan gambar mu tepat pada bagian tengah Document.dan gambar mu akan terlihat seperti ini:



Step 4:
Sekarang Aktifkan /pilih layer "base", tekan dan tahan tombol Alt dan tekan tombol panah atas 10 sampai 12 kali. Nah sekarang lebih terlihat 3D.Ayo Buat lebih Realistik.

Kita perlu "merge all "dari semua duplicate layer yang kita buat tadi. Cukup Tekan Ctrl + E pada layer box maka layer yang terduplikasi akan bersatu(merge).



Step 5:

Sekarang tekan dan tahan Ctrl key dan Pilih layer "base" di dalam Layers Panel. ini saatnya memberikan terang bayang pada logo anda. Buat satu new layer pada layer logo anda. Pastikan layer baru telah terseleksi ,dan selanjutnya pilih gradient tool dan buat warna gradient pilihan anda.

kembali ke Layer Panel dan rubah layer type dari Normal ke Color.




Step 6:
anda bisa menambahkan drop shadow effects pada logo anda. anda bisa melakukan tehnik ini utk pembuatan 3D logos, 3D headings dsb. saya harap tutorial ini bisa membantu.



Good Luck
@Abi Lukman 2008

iPod Flash Site bagian 2

Diposting oleh Lukman

Step 13.Sekarang create Shape Tween:





Step 14. Insert new layer utk content :





Step 15. Insert satu layer lagi itu digunakan utk actions script dan pada frame pertama Masukan nama: "l1"





Step 16. Sekarang drag frame ke 1 ke frame ke 2:





Step 17. pilih frame ke 26 pada layer terakhir, insert keyframe dan pada actionscript tulis code: stop();





Step 18. sekarang pilih semua frame pada stage dari frame ke 2 sampai frame ke 26 dan copy frames:





Step 19. lalu pilih frame ke 27 untuk 3 layers dan paste frames:





Step 20. Rubah name "l1" menjadi "l2":





Step 21. lalukan berulang untuk l2 (link 2) pada frame terakhir di layer ke 2:





Step 22. ulangi steps dari 18 sampai 21 untuk 2 links lainnya.



Step 23. kembali ke root, pilih link 1 (About iPod) dan di action script tulis code ini :

on (release){
_root.display.gotoAndPlay("l1");
}





Step 24.lakukan hal yang sama pada 3 links kecuali "l1" untuk link 2 menjadi "l2":


on (release){
_root.display.gotoAndPlay("l2");
}



untuk link 3 akan menjadi "l3"... (anda telah mendapatkan point)

Klik disini utk melihat hasilnya iPod Flash

Mudahkan! Flash site selesai!


Selamat Mencoba
@Abi Lukman 2008

iPod Flash Site

Diposting oleh Lukman

hallo blogger
Pada tutorial ini memberi tips dan trik membuat Flash site dengan iPod interface.

step 1. Open new flash document, setting dimensions based pada satge area adobe flash, setting frame rate menjadi 25 dan import iPod image (Ctrl+R):
seperti gambar berikut





Step 2. kunci layer dengan background image dan buat new layer/layer baru untuk links (buttons):




Step 3. Gunakan text tool untuk Membuat links pada new layer/later baru:



Step 4. convert links mejadi buttons (klik link untuk menseleksi dan tekan F8 untuk convertnya):




Step 5. sekarang pilih Rectangle Tool dan seleksi pada layar iPod's . Pilih seleksi layar yg tadi kita buat dan tekan F8 utk convert ke Movie Clip:




Step 6. Lalu setting Instance Name: display





Step 7. Setting Alpha: 60% utk layar/display





Step 8. sekarang double click pada display/layar utk masuk kedalam stage dan pindahkan frame pertama ke kanan dari frame ke 1 dan 2 (drag saja) seperti ini:





Step 9. sekarang pilih frame pertama dan pada actionscript tulis code: stop();





Step 10. pilih frame ke 26 dan tekan F6 :





Step 11. pilih frame ke 2 dan transform display/layar seperti ini:





Step 12. sekarang setting display's/layar Alpha menjadi 0% pada frame kedua:



bersambung ke halaman berikut

Waktu Indonesia

redesign dari urban art

Posted by lukmannoer
3-1-2006

propaganda biru persib

Posted by lukmannoer
15-1-2006

rancangan logo bobotoh persib

Posted by lukmannoer
25-1-2006

design banner maung bandung

Posted by lukmannoer
2-2-2006

maung bandung lucu

Posted by lukmannoer
10-2-2006

Shoutbox