How to Make a Power Blast


How to Make a Power Blast

Choose Your source
    • The blast has to come from somewhere. I put a circle here for tutorial purposes but you just pretend it's a gun muzzle or someones hand



Make the base of the bolt
    • Use the polygon lasso tool and click out a blast beam selection in perspective like you see here. Make sure it's on it's own layer. Fill with a good bolt color. (light blue, purple, green, and red are good). Make sure it's a bright color on the high saturation



Getting in touch with your inner bolt
    • Now, create a new blank layer above the outer bolt. ctrl+click on the outerbolt layer to make the bolt a selection. Contrast this selection by a few pixels and fill this new contracted selection with white on it's own layer. You should now have something like you see here



Blurry
    • Apply a gaussian blur to each layer. Play with the settings. (I used a 2,5 pixel blur). You may need less or more depending on the size of your picture. This technique also makes a good light saber



Snap, crackle, and pop
    • On another new blank layer, grab your paintbrush, set it to 1 pixel, 100% opacity, normal blendingmode, and brush out some lightning forks along the beam



Glow
    • If you have photoshop 5 or higher, you can apply the "outer glow" layer effect to the lightning layer. Use the eyedropper to select the outer glow color from the beam itself and then you're done







This material is taken from www.tutorialguide.net

Tab CSS Menu Simple



Suka dengan CSS menu? cobalah membuat CSS menu anda sendiri.

Berikut ada contoh membuat menu CSS sederhana, untuk proses belajar anda bisa memodifikasinya :)
Code nya:

------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
         <meta
http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
         <title>DHTML Tab,JavaScript Tab</title>
    <style type="text/css">
         #tabs {display: block;float: left;width: 160px;}
         .panel
{border: solid 1px #D8D8D8;border-top: none;background-color:
#FFFFFF;padding: 0px;width: 158px;overflow: auto;clear: left;}
         .tab_bdr{padding:
0px;width: 158px;border: 0px;border: 1px solid #645DB5;height:
4px;margin:0px;background: #645DB5;clear: left;font-size: 0px;}
         .tab{font-family:tahoma;
FONT-SIZE:
11px;background:#BA0808;color:#FFFFFF;cursor:pointer;border:none;border-bottom:
1px solid #FFFFFF;height:19px;padding-top:3px;margin:0px;width:60px;
float:left; text-decoration:none;}
         .tab_sel{font-family:tahoma;
FONT-SIZE:
11px;background:#645DB5;color:#FFFFFF;cursor:pointer;border:none;border-bottom:1px
solid #645DB5;height:19px;padding-top:3px;margin:0px;width:60px;
float:left; text-decoration:none;}
    </style>
    <script language="JavaScript" type="text/javascript">
    var panels = new Array('panel1', 'panel2'); // IDs of the content panels must be put here
    var tabs = new Array('tab1', 'tab2'); // IDs of the tabs must be put here
    function displayPanel(nval)
    {
         for(i = 0; i < panels.length; i++)
         {
            
document.getElementById(panels[i]).style.display = (nval-1 == i) ?
'block':'none';
            
document.getElementById(tabs[i]).className=(nval-1 == i) ?
'tab_sel':'tab';
         }
    }
    </script>
    </head>
    <body>
         <div id="tabs">
            
<div id="tab1" class="tab_sel" align="center" onClick="javascript:
displayPanel('1');">Tab&nbsp;1</div>
            
<div id="tab2" class="tab" style="margin-left:1px;" align="center"
onClick="javascript: displayPanel('2');">Tab&nbsp;2</div>
         </div>
   
<div class="tab_bdr"></div> <!-- This is the div used to
show a thick border below the tab and above the panel-->
         <div
class="panel" id="panel1" style="display: block">1</div>
<!-- The display panels for the respective tabs can be put here
-->
         <div class="panel" id="panel2" style="display: none">2</div>
    </body>
</html>

------------------------------

contoh jadi: http://www.ilmuwebsite.com/test/css-tab.htm
Terimakasih

Sumber dari situs Ilmu Website dalam kategori html dengan judul Tab CSS Menu Sederhana

Hosting 0fees.net





Ada satu yang baru lagi lho
Hosting gratis tanpa iklan (no ads), namanya
0fees net
Hosting gratis ini nggak kalah sama hosting yang berbayar
Hosting ini dapat digunakan sebagai server utama website anda
atau sekedar untuk meringankan bandwith server web utama anda

Detil dari fitur yang ditawarin 0fees.net :

  • 300 MB disk space

  • 10 GB Monthly transfer

  • PHP with MySQL databases

  • 5 Add-on domains

  • 5 Subdomains

  • PHP Flags Manager

  • FTP account

  • File Manager

  • Webmail, POP3 email

  • MySQL, Php MyAdmin


  • Silahkan klik disini untuk mengunjungi official site 0fees.net


smartdots.com Free domain support path forwarding



Smartdots.com merupakan layanan freedomain yang menyediakan fitur yang
lumayan lengkap, selain gratis, smartdots pun memiliki banyak pilihan
domain,  .net.tc, .eu.tc, .us.tc, .uk.tc, .co.uk.tc, .me.uk.tc,
.org.uk.tc, .au.tc, .com.au.tc, .pro.tc, .shop.tc, .edu.tc, .de.tc,
.at.tc, .co.at.tc, dan banyak lagi.



Beberapa fitur menarik lain yang ditawarkan :

> Tidak ada banner ataupun iklan sama sekali



> Anda dapat melakukan forwarding url yang panjang tanpa pengecualian, contohnya :  http://user.providername.com/users/category/your-name/index.html



> PathForwarding

Path forwarding merupakan fitur yang dapat menyesuaikan dengan domain asal, contohnya seperti ini :

http://www.lokadwiartaraweb.net.tc/detil_hosting_service/6/0Fees.net_Free_Hosting_PHP_MySQL_No_Ads/



mengikuti path asli dari situs asli yang di forwarding :


http://www.ilmuwebsite.com/detil_hosting_service/6/0Fees.net_Free_Hosting_PHP_MySQL_No_Ads/



begitu juga jika anda berpindah url maka otomatis akan mengikuti path aslinya. Contoh lainnya ...


http://www.lokadwiartaraweb.net.tc/detil_php_tutorial/53/Trick_Upload_PHP_Auto_Rename/



> Fitur Statistics Website,
mulai dari jumlah pengunjung perhari, mengetahui resolusi browser yang
digunakan oleh pengunjung, Browser yang digunakan pengunjung,
mengetahui ISP pengunjung, Dan pengunjung datang dari region mana, dan
banyak lagi ...



> Email ..@your-name.net.tc*

> Automatic submission to 250+ search engines



dan banyak lagi, lengkapnya silahkan kunjungi http://www.smartdots.com/features/?LANG=US untuk segera mencobanya.
Sumber dari situs Ilmu Website dalam kategori domain registration dengan judul smartdots.com Free Domain support Path Forwarding

Free Subdomain.co.cc

domain gratis co.cc
Halo temen-temen semua.... Ini ada free subdomain gratis lagi, namanya free domain co.cc. Namanya hampir mirip dengan subdomain yang diberitahukan oleh teman kita areya@plasa.com yaitu free subdomain uni.cc. Phii dah coba, n registrasinya lumayan cepet. Dalam 24 jam sudah  diinformasikan ke email kita, apakah domain yang kita request avaliable atau tidak.

INFORMASI :
co.cc domain service


  • you.co.cc will redirect to your own website.
  • Both you.co.cc and www.you.co.cc work.
  • URL hiding / Path forwarding
  • Compatible with the major search engines and optimized to give you a higher ranking.
Cost


  • For Free
Website Promotion


  • Free submission to the major search engines.
  • Compatible with the major search engines and optimized togive you a higher ranking.
Real-time Statistik


  • Real-time reporting
  • Detailed information of your visitors including total and average,unique, hourly information, what web site they come from, exact time of visit, and IP address.
Teman - teman bisa mencobanya di http://www.co.cc/regist/regist_step1.php.
Sumber dari situs Ilmu Website dalam kategori domain registration dengan judul Free Subdomain co.cc

Hosting Gratis PHP SQL

hosting gratis 00webhost
Bagi teman teman yang sedang berkelana mencari hosting - hosting gratis yang support PHP & MySql, baik yang akan digunakan untuk membantu meringankan bandwidth utama website anda seperti yang dilakukan ilmuwebsite atau sekedar ingin mencoba menjalankan script php, atau bisa juga sedang belajar mencoba membuat website berbasis PHP, silahkan coba hosting yang satu ini:

http://www.000webhost.com

Registernya ke sini: http://www.000webhost.com/order.php



Mereka 100% menawarkan hosting gratis, dengan spesifikasi seperti ini:

250 MB Disk Space, 100 GB Data Transfer
PHP with MySQL Database Support

Ok, sekarang waktunya Test and Review by ilmuwebsite.com, hasilnya:
                                                                                                                                   
Space : Ya... benar pada cPanelnya di kasih 250mb
Bandwidth: Janjinya 100Gb, tapi di cPanelnya bandwidth nya tidak tertulis...
Kecepatan server (Speed Test) : Bagus... Cepat di crawl oleh googlebot (test kami), tapi ada beberapa orang yang menyatakan Server Uptimenya 77%, tapi kami belum merasakan hal itu.
cPanel: Bagus cPanel nya versi terbaru 13 (x3), versi ini menurut kami loading nya berat, lebih baik yang versi lama yaitu versi 10 (x)
FTP: Bagus... FTP nya Ok, sudah kami coba dengan smartftp dan tidak ada masalah..
Support DNS & Subdomain : Ya... mereka memberikan pilihan penggunaan domain anda sendiri dengan arahan Name Server, contoh domain: unair.info (contoh arahan DNS domain ke 000webhost.com), atau anda juga dapat memilih menggunakan subdomain mereka namasitus.890m.com atau namasitus.site88.net, contoh: http://networkandgame.890m.com
Name Server : dns1.000webhost.com
    : dns2.000webhost.com
Affiliate: SCAM - Mereka tidak akan pernah membayar anda
  
Total Score
    untuk versi hosting gratis PHP SQL
: 90
 Request Test and Review silahkan kirim email ke: webmaster[at]ilmuwebsite[dot]com

Feature yang di janjikan oleh pihak 000webhost adalah:

Support: 

  • PHP mail() function and Sendmail 
  • Curl, GD2 library, ImageMagick, Zend 
  • fopen() and PHP sockets 
  • safe_mode is OFF, file uploads ON 
  • Zend Optimizer support, Ioncube loader..  and much more features  are enabled
PHP mail() function and Sendmail: ini berarti anda bisa menggunakan fungsi PHP Send Mail

Ok, silahkan coba :)
Sumber dari situs Ilmu Website dalam kategori hosting service dengan judul 000webhost - Hosting gratis PHP SQL

Membuat Mouse Trail


Tulisan ini
akan membahas suatu teknik dimana kita akan pandu semua pecinta flash
di tanah air untuk membuat sebuah tampilan menarik di flash yaitu mouse
trail. Mouse trail ini bisa berupa bintang, bola dan lain sebagainya
yang selalu bergerakgerak mengikuti mouse kemanapun mouse tersebut
digeser.

Lebih lanjut silahkan download pdf nya, disini: http://unair.info/flash/mouse-trail.zip
Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Trail Mouse

Membuat Butiran Air


Tutorial yang akan
saya bawakan kali ini adalah, membuat butiran air dengan aplikasi 
CorelDraw, saya sengaja menggunakan Coreldraw. Alasannya adalah vector,
yang tidak  mengalami distorsi walaupun gambar diperbesar beberapa
kali.

Langsung saja :

Pada awalnya kita membutuhkan sebuah rectangle yang nantinya digunakan sebagai alas.
Tekan F6 di keyboard untuk langsung membuatnya. Di sini saya membuatnya dengan  ukuran 368 x 234 pixel.

Kemudian saya menggunakan elispe tool dengan menekan F7 di keyboard untuk membuat
sebuah elips dengan ukuran 43 x 51 px.


1. Melakukan duplikasi elips tersebut dengan mengopynya ctrl+c lalu mem-pastenya ctrl+v  di tempat yang sama.

2.
Setelah itu, di luar persegi, buatlah sebuah rectangle ( ukuran bebas
). Kemudian, rectangle yang telah dibuat tadi di taruh di atas elips
hasil kopian yang tadi.

3. Dalam keadaan keduanya terpilih. Lakukan trim ( back minus front ).
    Sehingga hasilnya seperti ini, setelah fillnya di beri warna putih.


4.
Dengan transparency tool, lakukan transparasi gradien, menjadi seperti
ini. kemudian lakukan langkah no 1 sebanyak 2 kali. hal ini di gunakan
untuk memberi sisi gelap dari butiran air.

5. Perbesarlah salah satu elips yang tadi ... kemudian lakukan trim, seperti di langkah ke 3.



6. Kemudian dengan transparency tool, lakukan transparansi gradien seperti ini ...


7.
Setelah itu, hilangkan outline-nya dengan memilih objek yang akan
dihilangkan outline, kemudian klik ikon seperti gambar di bawah ini :


8.
Kemudian, buatlah elipse dengan ukuran 6 x 6 pixel. Beri fill colornya
warna putih. Setelah itu berilah shadow effect, dengan memilih
interactive drop shadow tool, shadow ini akan di gunakan sebagai
pantulan cahaya putih nantinya.


9. Beri drop shadow colornya berwarna putih,  kemudian drop shadow opacitynya 86 persen.

10. Kemudian buatlah kembali elips dengan ukuran 43 x 51 pixel. Beri fillcolornya berwarna putih.
11. Setelah itu, buat kembali elips dengan ukuran 50 x 51 pixel. Elips ke dua ini di taruh di bawah elips sebelumnya.

12.
Lakukan trim ( back minus front ) pada kedua elips tersebut sehingga
menjadi seperti ini. Kemudian berilah transparasi sebesar 68 persen.


Yup, hasil akhirnya akan seperti ini.


File tutorial ini dapat di download di sini.
http://unair.info/img/embun/embun.zip

Sumber dari situs Ilmu Website dalam kategori coreldraw dengan judul Membuat Butiran Air

Teknik Gambar Bentuk Lipatan Kertas



Jumpa kembali dengan penulis, seperti janji  penulis sebelumnya,
penulis akan membayar lunas sekarang. :D~ Dalam tutorial Coreldraw kali
ini penulis akan coba jelaskan pemanfaatan teknik pewarnaan dan shaping
yang sederhana untuk memberikan kesan kedalaman dan gelap terang. Perlu
dicatat, tools coreldraw yang akan kita gunakan nanti adalah, Shape Tool, Pen Tool, Erase Tool, Transparency Tool dan Rectangle Tool.



Yups, sebelum masuk kedalam tutorial intinya yaitu Teknik Shaping
Lipatan Kertas, penulis akan sedikit membicarakan tentang teknik
pewarnaan terlebih dahulu. Khususnya teknik pewarnaan gelap terang.
Coreldraw bukanlah suatu aplikasi 3D yang dapat menghasilkan bidang
gelap dan terang secara otomatis, dengan kata lain CorelDraw tidak
dapat berfungsi sebagaimana yang dapat dilakukan oleh aplikasi 3DS Max,
Alias Maya Wavefront ataupun aplikasi 3D papan atas lainnya. Namun
dalam coreldraw seorang graphic designer benar-benar dituntut untuk
sekreatif mungkin menghasilkan kesan kedalaman dari suatu objek yang
dibuat agar terlihat benar-benar alami. Ini tantangan yang sulit
memang, tapi cukup menyenangkan. Disinilah toolbar serba guna milik
coreldraw benar-benar berperan penting sebagai peralatan perang bagi
para designer yang menggunakannya. Huff… Untuk teknik gambar
bentuk/shaping penulis tidak akan jelaskan secara terperinci karena ini
merupakan teknik shaping sederhana yang benar-benar biasa. :D



Sebelum bertempur, biasakanlah untuk membuat lembar baru.

Kemudian klik lembar baru kosong tersebut, pada bagian unit pilih pixels.

Ya, langsung saja kita ujicobakan tutorial coreldrawnya :



Pertama pilih tool rectangle, atau dapat juga menekan F6 di keyboard.





Buat bentuk persegi dengan width 990 px dan heightnya 1319 px





Dengan Erase tools …





Hapus/hilangkan sedikit demi sedikit bagian pinggir-pinggirnya dari
objek persegi yang baru di buat tadi sehingga hasilnya seperti ini …





Dengan shape tools …





Lekuk-lekukan bagian ujung atas dan pinggir-pinggir objek persegi tersebut …





sehingga hasil akhirnya nanti akan seperti ini …





Buatlah sebuah shape dengan pen tool ukurannya width 539 px  dan height 274 px





Sehingga hasilnya yaitu segitiga seperti ini …





Pilih bagian alas segitiga tersebut kemudian klik kanan pilih to curve





Lekuk-lekukan bagian alas tersebut hingga hasil akhirnya menjadi seperti ini …





Jika di gabung dengan objek persegi yang tadi akan menjadi seperti ini







Sekarang masuk kebagian teknik Pewarnaan I.

Teknik pewarnaan yang pertama ini butuhkan karena nanti objek-objek
tersebut akan tumpang tindih sehingga sulit untuk di berikan pewarnaan.




Buatlah duplikat segitiga yang tadi, dengan cara copy paste, kemudian beri warna 90% black seperti ini.





Kemudian pilih menu bitmap, lalu convert to bitmap, setelah selesai
dalam kondisi objek yang diconvert tersebut terpilih/terseleksi masuk
ke menu bitmaps | blur | gausian blur, berikan radiusnya 10.0 …





Hingga hasilnya menjadi seperti ini …





Kemudian dengan transparency tool,





Buat menjadi transparan di bagian alas segitiga yang telah diblur tersebut,





Kemudian letakkan tepat di bawah segitiga yang sebelumnya, hingga menjadi seperti ini





Dengan Interactive Fill Tool





Lakukan pewarnaan objek persegi sehingga menjadi seperti ini …





Masih dengan interactive fill tool, lakukan pewarnaan pada objek segitiga tadi sehingga hasilnya menjadi seperti ini …





Kemudian dengan pen tool





Buat satu objek baru, di atas objek segitiga, seperti ini …





Seleksi segitiga yang baru tersebut, kemudian tekan shift di keyboard
kemudian klik objek segitiga yang telah diberiwarna dibawahnya, pilih
menu Arrange | Shaping | Intersect, kira-kira seperti ini hasilnya …





Delete objek segitiga yang paling atas, dan beri warna hitam objek yang dihasilkan dari intersect tadi …





Dengan transparency tool …





Lakukan transparansi di bagian sisi objek hasil intersect tersebut sehingga hasilnya seperti ini ….





Selanjutnya kita akan memberikan efek gelap pada objek persegi paling besar.

Buat objek baru diatas objek persegi yang utama …





Kemudian pilih objek yang baru, kemudian klik shift di keyboard,
seleksi objek persegi yang besar di bawahnya, pilih menu Arrange |
Shaping | Intersect, sehingga hasilnya seperti ini





Hapus persegi yang paling atas, kemudian beri warna 70% black.

Klik kanan objek yang berwarna 70% black tersebut, pilih extract
content, kemudian delete. Dengan transparency tool, buat si objek yang
berwarna 70% black tersebut menjadi seperti ini.





Kemudian kita akan membuat lipatan kecil kertas tersebut, pertama buat garis Bantu terlebih dahulu …





Dengan pen tool





Buat objek seperti ini …





Kemudian beri warna putih, dengan transparency tool, lakukan transparency pada objek tersebut sehingga hasilnya seperti ini ..





Dengan pen tool





Buat objek seperti ini …





Kemudian beri warna hitam …





Dengan transparency tool buat objek hitam tersebut menjadi seperti ini …





Untuk selanjutnya konsepnya sama saja, buat objek baru, kemudian
berikan kesan gelap terang, sehingga hasil akhirnya akan menjadi
seperti ini …





Hmmm, cukup sekian untuk tutorial membuat kertasnya. Kalo ada yang ditanyakan silahkan kirim email ke alkemail@gmail.com
File Tutorial Corel Draw tersebut dapat di download disini.


Shoutz to :

b_scorpio [ maaf atas kelalaiannya :D ] tetap pada jalan tuk menguasai
dunia. :D~ , jojo, abu_zahra, safril, phii_, ivan, fadli, dr.emi,
ilmuwebsite community. 




Sumber dari situs Ilmu Website dalam kategori coreldraw dengan judul Teknik Gambar Bentuk Lipatan Kertas