Buat Logo & Image Button

Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.

Nah kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan buka alamat http://cooltext.com
   
2. Lalu klik tulisan Design a Logo
   
3. Klik gambar contoh logo yang sobat sukai
   
4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
   
5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
   
6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
   
7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
   
8. Klik tombol yang bertuliskan Render Logo Design
   
9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
   
10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
    
11. Selesai. Sobat sudah mempunyai sebuah logo.

Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :

1. Silahkan buka alamat http://www.photobucket.com,
   
2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
   
3. Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
   
4. Silahkan Sign In dengan Id sobat
   
5. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
   
6. Klin tombol yang bertuliskan Upload
   
7. Tunggu beberapa saat ketika proses upload berlangsung
   
8. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
   
9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
   
10. Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg. Disini sobat harus menambahkan kode <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

<img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg">

Maka contoh hasilnya akan seperti ini :

Untuk cara memasukan kode HTML kedalam blog sudah sering di bahas, jika lupa silahkan klik di sini.

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

<img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg" width="100" height="40" alt="ini contoh saja">

sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :





Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo, contoh image button :










Ok sobat, selamat menikmati hasil karyanya

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).






Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.


2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda


3. Pada kolom yang berjudul Style, klik menu appearance.



4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.


5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start


6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan



7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda


8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.


9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda



2. Klik menu Template


3. Klik Edit HTML


4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan


5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
   

6. Klik tombol Preview untuk melihat perubahan yang kita buat.


7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes



8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda


2. Klik menu Layout



3. Klik Page Element


4. Klik Add a Page Element


5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
   

6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka


7. Copy paste kode HTML shoutbox anda di dalam form Content



8. Klik tombol Save Changes


9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai


10. Tekan tombol Save


11. Selesai

Selamat mencoba !

Membuat Read More

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.




Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan
atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.



Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.



Silahkan ikuti langkah-langkah berikut :

• Login ke blogger.com dengan id sobat





• Klik menu bertuliskan Template






• Klik menu Edit HTML





• jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.





• Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :









<MainOrArchivePage>



div.fullpost {display:none;}



</MainOrArchivePage>



<ItemPage>



div.fullpost {display:inline;}



</ItemPage>





Untuk mempercepat pencarian kode </style>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis </style>
trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.





• langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :






<MainOrArchivePage><br/>


<a href="<$BlogItemPermalinkURL$>">Read more!</a>





</MainOrArchivePage>





Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$>
trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.





• Klik tombol yang bertuliskan SAVE SETTINGS
  
  
  
  
  
  
• Langkah selanjutnya adalah klik menu Setting





• Klik menu Formatting





• Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :






<div class="fullpost">




</div>




Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.





• kemudian jangan lupa klik tombol Save Settings





• Selesai

Cara Posting Artikel




Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.

• Klik menu Posting





• klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :








<div class="fullpost">






</div>






simpan artikel sobat yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian
simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div>



Agar lebih jelas, saya beri contoh, misal artikelnya begini :




Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita,
sedangkan tulisan yang lainnya tidak akan muncul.

<div class="fullpost">


dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.


</div>



Hasilnya yang akan tampak pada blog kita adalah seperti ini :



Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita,
sedangkan tulisan yang lainnya tidak akan muncul.




Read more!

Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.



Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan
keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja
yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.




Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span.
Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan
dengan perintah lain yang memakai kode Span.





Akhirul kata selamat mencoba !

MEMBUAT FILM ANIMASI 2D dengan MACROMEDIA FLASH

Langkah-langkah Membuat Film Animasi 2 dimensi dengan Macromedia Flash

1. Membuat konsep dan Ide cerita -> sinopsis


2. Membuat Storyboard

3. Menggambar Karakter

4. Menggambar Latar belakang dan objek lain

5. Pewarnaan

6. Proses animasi

7. Penggabungan animasi

8. Pengsian suara

9. Konversi Animasi Flash (SWF) ke VCD

Berikut ini adalah penjelasan dari langkah-langkah di atas


1. Membuat konsep dan Ide cerita

• Tentukan tema cerita (bisa didapat dari kehidupan keseharian, cerita-cerita animasi yang sudah ada, komik, dsb)

• Contoh konsep cerita: hiburan, lingkungan hidup

Misal: Seekor nyamuk/lalat terbang dari tempat sampah yang kumuh yang tergenang, kemudian nyamuk terbang dan menuju sebuah rumah mewah yang semua dindingnya terbuat dari kaca. Nyamuk sial karena tidak bisa masuk menembus dinding kaca tersebut.

Pesan: Jagalah kebersihan di lingkunganmu karena bahaya demam berdarah mengancam tanpa memandang status sosial.

• Cara mencari ide cerita

Imajinasi Positif Andai aku bisa terbang seperti burung

Andai aku jadi presiden

Dll.


Imajinasi Negatif Andai aku bisa menghancurkan dunia

Andai aku bisa merampok bank

Dll.

2. Membuat Storyboard

• Mengapa perlu Storyboard?

a. jika film dikerjakan 1 tim, agar alur cerita bisa dipahami oleh anggota tim.

b. Agar kita tidak lupa dengan alur cerita yang sudah kita rencanakan (sebagai pedoman atau pengingat)

c. Untuk mempermudah pembacaan isi cerita secara visual (seperti komik)

• Seperti komik, storyboard umumnya terdiri dari beberapa adegan yang tersusun dan didalamnya terdapat:


a. bentuk (alur cerita)

b. bentuk adegan

c. bentuk klimaks (adegan yang paling memuncak dalam isi cerita)

d. bentuk dramatisasi (adegan yang berisi tentang adegan karakter tertentu yang berisi romantisme, lucu, teror, dan takut)

• Dalam pembuatan storyboard terdapat beberapa istilah khusus, seperti:

a. Kamera (pengambilan kamera untuk pembuatan film biasa atau animasi)

b. Bahasa-bahasa teks berita (menerangkan dialog yang harus diucapkan)

c. Bahasa Audio dan Special Effect (bahasa yang menerangkan letak suara yang harus ada dalam adegan tersebut dan efek khusus yang harus digunakan).

• Storyboard dapat dibuat dengan 2 cara:


a. Penggambaran cerita dalam bentuk strip (potongan-potongan gambar) sesuai perkiraan tampilan yang diharapkan di layar (seperti komik), disertai penjelasan lengkap mengenai cerita.

Contoh:

Latihan Animasi

Hi7x… cuma mau nampilin aja pas diriku latihan animasi sederhana :

1. Yang pertama nie Idenya datang setelah diriku maenin game 2D dari gameboy (lupa judulnya), diriku jadi pingin bisa bikin animasi gerakan karakter pas jalan n kalau bisa pas ngeluarin jurus, tapi yang pas ngeluarin jurus hasilnya tidak sesuai keinginan jadi tak hapus aja… Nie animasi orang jalan2 pertama yang konsepnya kubuat dengan Photoshop, lalu animasi ditangani dengan Image Ready, diriku cuma experiment aja jadi ya ancur lah n lom sempat kasih warna… cuma 3 frame aja, jadi ya gerakannya masih kaku gitu… Maklum diriku g’ bisa gambar n g’ tahan low musti gambar berkali-kali, gambar 3 frame aja dah nguras tenaga n pikiran… hi7x…

Nampak Samping

Nampak Depan

2. nah diriku pingin juga buat video/animasi gundulz2 pacul yang pingin kugabungkan ma ntu lagu, tapi konsepnya g’ dapet (rencananya sih awalnya pagi2 matahari muncul dari balik awan, truz muncul sesosok gundulz bawa pacul n gendong tas lagi jalan2 di sawah n tiba2 jatuh kesandung batu kemudian isi gendongannya tumpah, ya kaya’ isi lagunya gitu dah), akhirnya cuma dapet gambaran dikit karakter gundulz lagi jalan2, n kukerjakan aja, nie gambaran awal sih pinginnya kaya’ gini (buat pakai Photoshop, ancur banget dah… maklum g’ bakat gambar…) :

Konsep Karakter

Konsep Lingkungan

Tapi pas mau bikin animasinya pakai Image Ready agak kesulitan, jadi ya kusederhanakan aja, jadinya kaya’ gini : (total 12 frame diulang-ulang, dimensi 320×240, n ukuran file 152kn pas di-export ke format .gif)

Ancur Dah…

3. Nah kalau yang nie baru kubuat tadi malem, sebenernya cuma mau ngetes aja diriku dah lupa pa belom pas buat animasi gundulz2 pacul dulu… Berhubung dah ngantuk ya biar cepet beberapa bagian tak hilangkan kaya’ cangkul ma tas ma pager, tapi pas finishing akhirnya malah kutambah beberapa bagian yaitu pohon… Kali ini frame-nya kutingkatkan jadi 16 frame dengan harapan gerakan makin halus, n hasilnya sesuai yang kuinginkan, emang lebih halus walau tetep aja g’ bagus, ya maklum lah diriku kan amatir… Dimensi tetep pakai 320×240 n ukuran pas ku-export dalam format .gif adalah 285kb…

Sebenernya pingin nulis bagi ilmu bikin animasi yang no.3 tapi ribet, mulai dari pembuatan tiap bagian/layer, grouping, pengaturan layer mana yg depan n mana yang belakang, sampai proses animasi dengan Image Ready, sebenernya sih bisa aja kutulis buat bagi ilmu, cuma makan tempat, penjelasannya panjang banget n waktunya juga kupikir kurang memadai soalnya diriku juga ngatuk… Moga aja lain kali low diriku bisa kasih penjelasan yang lebih simpel n enak dibaca baru tak tulis bagi ilmunya cz low sekarang tak tulis malah ribet jadinya…

TRIK MEMPERCEPAT WINDOWS

Seringkali kita mengeluh windows berjalan lambat, start lama, shutdown lama. Teman kita menyarankan untuk memakai software khusus yang berguna agar windows XP berjalan lebih cepat dan optimal. Software tersebut mungkin bagus, tapi biasanya tidak gratis dan membutuhkan spesifikasi komputer yang tinggi. Dengan tips ini kita tidak perlu menginstall software tambahan apapun untuk mempercepat kinerja windows XP Anda.

1. Menggunakan file system NTFS

Jika Anda baru menginstall windows xp, gunakan file system NTFS. File sistem NTFS lebih cepat diakses dan scandisknya juga sangat cepat. Jangan gunakan FAT, kecuali Anda ingin bisa mengakses harddisk tersebut di windows 98 yang tanpa software tambahan. Windows 98 bisa mengakses file NTFS dengan software tambahan: ntfs-reader atau NTFS98.

2. Memilih program startup yang perlu

Bagian ini harus selalu dicek oleh Anda, karena kalau berisi virus / spyware / malware, komputer Anda jadi lambat. Untuk membuka startup ini, jalankan START -> RUN, ketik msconfig, buka tab startup.

Di sinilah terlihat semua program yang dijalankan pada saat startup. Anda bisa mengecek satu persatu file tersebut dihardware, terletak di folder apa. Jika Anda sempat, klik kanan file tersebut, dilihat properties-nya, terus dilihat versi dan siapa pembuatnya. Jika dari Microsoft atau sumber lain yang Anda percaya berarti aman. Jika ada program yang tidak perlu, hilangkan cek pada baris yang mau di-non-aktifkan.

3. Mematikan services yang tidak perlu

Masih dalam window msconfig, buka tab services. Ini adalah service yang otomatis dijalankan windows pada saat startup. Ada beberapa service yang tidak perlu dan sebaiknya dimatikan, yaitu:

* Automatic Live Update Scheduler. Service ini jika Anda tidak ingin otomatis update windows, atau komputer Anda tidak terhubung Internet sama sekali.
* Error Reporting Service. Jika Anda pernah melihat window yang isinya “error occured ….” terus ada pilihan send atau don’t send. Itulah guna dari service ini. Kita biasanya memilih don’t send, jadi service ini sebaiknya dimatikan.
* Live Update, sama dengan Automatic Live Update Scheduler.
* Automatic Updates, sama dengan Automatic Live Update Scheduler.
* Remote Desktop Help Manager. Digunakan untuk membantu Anda jika mengalami kesulitan atau error di windows, Anda bisa meminta teman Anda untuk mengakses komputer Anda dari jarak jauh (Internet). Jika Anda tidak pernah memakainya, service ini sebaiknya dimatikan.
* Remote Registry. Untuk mengakses registry (file setting windows) dari jarak jauh. Sebaiknya dimatikan.
* Uninterruptible Power Supply (UPS). Ini hanya digunakan jika komputer Anda menggunakan UPS, yaitu alat yang berguna untuk menyimpan energi listrik ketika listrik padam. Matikan service ini jika Anda tidak menggunakan UPS.
* Even Log.Windows mencatat semua log tentang apa yang terjadi di windows. Jika Anda tidak pernah menggunakan even log (ada di Control Panel -> Administratif Tool), maka service ini boleh dimatikan.
* Windows Audio. Boleh dimatikan jika komputer Anda tanpa sound card.

4. Meminimalkan visual effect

Buka Start Menu -> Control Panel -> System Properties. Buka tab Advanced. Klik pada Performance setting. Pada tab Visual effect pilih Adjust for Best Performance. Kemudian cek pada pilihan Use visual styles for windows and buttons agar tampilan windows Anda tetap seperti Windows XP.

5. Mengeset virtual memori yang optimal

Buka Start Menu -> Control Panel -> System Properties. Buka tab Advanced. Klik pada Performance setting. Klik tab Advanced. Pada bagian bawah ada pilihan Virtual Memory, klik pada tulisan Change. Gunakan custom size. Isi dengan:

Minimum : 1024 MB

Maximum : 2048 MB

6. Scan dan defragmen secara teratur

Scan (seminggu sekali) dan defragmen (sebulan sekali) harddisk Anda secara teratur. Buka windows explorer, klik kanan pada harddisk Anda, pilih Properties. Buka tab tools. Pilih error checking untuk menjalankan scan disk, dan pilih defragmentation untuk men-defragmen hardisk.

Demikian tips untuk membuat windows XP menjadi lebih cepat dan optimal, tanpa software tambahan. Semoga berguna.

Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1

Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

Langkah 2

Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3

• Jika Anda menggunakan versi Photoshop 7 hingga CS:
  
  Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).
  
  

  

  
  


• Jika Anda menggunakan versi Photoshop CS3:
  
  Pilih menu Window > Animation
  

  

  
  

Langkah 4

Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.

Langkah 5

Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6

Klik icon Duplicate current frame.

Langkah 7

Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.


Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8

Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.

Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

• Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.


• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.


• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.


• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9

Klik icon Plays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.

Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.

Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini.

Gambar contoh animasi 1

Gambar contoh animasi 2

TRIK MENDETEKSI VIRUS DENGAN ANTI VIRUS FLASHDISK

Ada tidaknya virus pada PC bisa dideteksi dengan aplikasi virus portabel yang ada di flash disk (UFD). Berguna untuk mengamankan UFD dari virus dan membasmi virus.

Komputer bisa terinfeksi virus lewat USB flash disk (UFD).. Tapi, dari mana virus di UFD itu berasal. Dari komputer yang sudah terinfeksi, tentunya. Contohnya komputer-komputer di warnet-warnet. Jadi, cegah juga masuknya virus ke dalam UFD. Caranya adalah dengan memindai komputer yang hendak dicoloki UFD.

Kita bisa menjalankan antivirus yang portable—antivirus yang disimpan di UFD, tak perlu diinstal di komputer untuk bisa berjalan. Dengan antivirus itu, komputer akan dipindai. Hmm... memang, tidak butuh waktu yang sedikit, apalgi kalau komputer memiliki file yang sangat banyak. Tetapi, memang seperti itulah kenyataan dalam dunia TI—kenyamanan berbanding terbalik dengan keamanan.

Yang kita butuhkan adalah antivirus portable, seperti AntivirX, ClamWin yang bisa diunduh dari www.clamwin. com. Kita juga perlu membuat sebuah file yang jalan otomatis ketika UFD dicolok. File itu akan menjalankan antivirus yang ada di UFD. Ini mirip dengan file jalan otomatis yang sering terdapat pada CD instalasi program.

Buka Notepad dan ketikkan baris-baris perintah berikut ini.
[autorun]
Open=antivirus. exe
Action=Open Anti Virus Portable!
Icon=icon.ico
Label=Your_Name
Kalau sudah, simpan dengan nama autorun.inf. Agar tidak jadi file TXT, ubah Save as Type menjadi [All Files].

Berikut ini adalah penjelasan ringkas mengenai perintah-perintah dalam file autorun.inf tadi.
Perintah “Open” adalah perintah untuk membuka antivirus tersebut. Perintah Open diikuti dengan file yang menjalankan antivirus. Jadi, ganti “antivirus.exe” di perintah itu dengan nama file antivirus yang digunakan. Misalnya, nama file antivirusnya “antivirx.exe” maka perintah tersebut menjadi “Open=clamwin. exe”. Nah, kalau file itu berada di dalam folder lain—misalnya folder AntivirX 1.0, perintah itu berubah menjadi “Open=AntivirX 1.0-clamwin. exe”.

Perintah “Action”berguna untuk menampilkan kalimat pada kotak dialog ketika antivirus akan dijalankan. Kalimat yang mengikuti perintah ini boleh diganti dengan kata-kata lain.
Perintah “Icon” berfungsi untuk mengganti ikon standar UFD yang tampil pada Windows Explorer. Enggak ada fungsi khusus yang berkaitan dengan antivirus, ikon itu cuma mempercantik saja. Tentu saja file ikon harus ada juga di UFD. Nama file yang pada contoh “icon.ico” diganti sesuai dengan nama file ikon yang digunakan. Terakhir, perintah “Label” berfungsi ntuk memberikan nama dari pada UFD. Sama seperti perintah “Icon”, perintah ini juga enggak ada hubungannya dengan usaha pencegahan masuknya virus.

Atribut file autorun.inf itu baiknya dibuat menjadi “Read-Only”--cuma bisa dibaca, tidak bisa diubah-ubah. Kalau tidak bisa diubah, berarti virus tidak akan bisa memodifikasi file tersebut. Caranya begini, klik kanan file itu, lalu klik [Properties] . Pada bagian Attributes, beri tanda centang pada [Read-Only].

Berikut ini adalah penggunaan UFD untuk mendeteksi virus yang ada pada komputer.
1. Masukkan UFD namun jangan membuka flash disk pada komputer. UFD belum dibuka, virus dalam komputer tidak akan masuk ke dalam flash disk atau sebaliknya.
2. Jalankan fungsi jalan otomatis dengan mengklik tombol [OK] pada kotak dialog yang muncul. Antivirus portabel yang ada pada UFD akan berjalan.
3. Scan virus pada komputer, khususnya pada C:-Windows-System32 .
4. Kalau ada antivirus melaporkan adanya virus, jangan ragu, komputer itu memang bervirus.
5. Selanjutnya silakan bersihkan komputer itu. Kalau tidak, yah cabut saja buru-buru UFD yang dicolok.

Caption:
1. File autorun..inf yang akan menjalankan antivirus secara otomatis berisi baris-baris perintah.
2. Ketika dijalankan, muncul sebuah pilihan dengan teks seperti yang dimasukkan pada baris perintah “Action”. Pilih itu dan klik [OK].

CARA MUDAH BIKIN ANIMASI PHOTOSHOP CS3

Animasi adalah suatu objek yang disusun sedemikian rupa berdasarkan urutan frame-frame sehingga menimbulkan efek gerak. Berikut ini kita mencoba membuat sebuah animasi dengan dua buah objek yaitu lingkaran berwarna merah dan juga lingkaran berwarna kuning. Apabila proyek kita kali ini berakhir dengan benar maka hasilnya adalah seperti lampu berkedip merah dan kuning. Proyek pembuatan animasi kita kali ini menggunakan adobe photoshop, bila belum memiliki software adobe photoshop silahkan download di sini. Pertama-tama buatkan sebuah lingkaran kecil dan berikan warna kuning (shape 2) kemudian duplikasi layer lingkaran berwarna kuning tadi (shape 2) menjadi layer baru dan ubah warna lingkarannya menjadi warna merah (shape 2 copy).
Sehingga kita memiliki duah buah objek pada dua buah layer yaitu "shape 2" dan "shape 2 copy" seperti pada gambar berikut


Setelah membuat kedua buah layer dengan dua buah objek berwarna merah dan kuning, langkah selanjutnya adalah mengeditnya dalam ImageReady untuk dijadikan sebuah animasi dengan klik icon pada bagian paling bawah toolbox seperti pada gambar berikut :


Pada ImageReady editor perhatikan window/jendela animasi sudah muncul, jika belum muncul maka klik pada menu Window kemudian pilih Animation sehingga terlihat window animasi seperti berikut.

Perhatikan pada bagian layer, hilangkan terlebih dahulu Indicates Layer Visibility atau tanda mata pada layer "shape 2 copy" sehingga objek yang muncul pada frame pertama adalah objek yang berwarna kuning.

Langkah selanjutnya tambahkan satu frame lagi untuk menempatkan objek kedua dengan warna merah yaitu dengan cara, klik untuk memunculkan tanda mata pada sebelah kiri layer "shape 2 copy" dan klik untuk menghilangkan tanda mata pada layer "shape 2" sehingga yang muncul pada frame kedua adalah objek yang berwarna merah sehingga pada jendela animation terlihat seperti berikut.


Setelah selesai memasukan objek pada frame-frame, selanjutnya tentukan waktu jedah setiap frame pada bagian bawah masing-masing frame dan coba jalankan atau play animasi.

Langkah terakhir adalah menyimpan hasil animasi kita menjadi sebuah file dengan ekstensi gif yaitu dengan cara klik menu File - Save Optimazed As... dan berikan nama sesuai keinginan anda.
Dasar dari pembuatan animasi menggunakan adobe photoshop sudah selesai, selanjutnya tergantung kreativitas kita masing-masing para pengguna komputer untuk mengembangkan idenya dan menuangkannya dalam sebuah objek bergerak atau animasi.

Sekian...
Semoga bermanfaat, dan selamat berkreasi... Sumber: Suryanto suryadiningrat

cara bikin tulisan bercahaya fhotoshop Cs3

Waduh dah lama banget g’ nulis bagi ilmu, nah kali nie bagi ilmunya buat memenuhi request temen2 yg sebenernya dah lama di-request tapi bru sempet kuwujudkan kali ini…

Ya udah lah daripada kebanyakan ngomong yang g’ jelas, langsung aja nie dia langkah2nya :

PS : Eh ya sebelumnya, kali nie diriku pakai Photoshop CS3, jadi bisa langsung dianimasikan di Photoshop-nya, kalau temen2 masih pakai Photoshop dengan versi dibawah CS3, misal Photoshop 7, Photoshop CS, tow Photoshop CS2 silahkan pakai Image Ready yang udah keinstall satu paket ma installasi Photoshop-nya.

1. Buat file baru, dan beri nama terserah, misal “button”, lalu berhubung button yang akan kita buat ukurannya kecil, pada preset pilih web saja, lalu pilih yang Rectangle ukuran 180x50px, truz kli OK.


2. Gunakan Rounded Rectangle Tool (U) untuk membuat sebuah layer objek button seperti pada gambar, tapi sebelumnya tentukan radius sebesar 70px biar tiap objek siku nampak bulat halus :







3. Sekarang kita akan memberikan efek glossy pada button tersebut, klik 2x pada layer button tersebut pada jendela layer, centang/pilih Stroke, ukuran 1px, warna hitam, lalu centang/pilih Gradient Overlay, buat pola warna seperti pada gambar :



4. Nah setelah itu kalau mau diberi tulisan silahkan, misal dalam hal ini sebagai contoh diriku akan membuat tulisan Glossy dan Button, 2 tulisan ntu dipisah cz nanti mau dibuat efek transisi. Pertama buat tulisan Glossy dengan Horizontal Type Tool (T), kugunakan jenis huruf yang umum, yaitu Arial, dengan kondisi bold-italic, ukuran 30pt, lalu ketik kata Glossy, beri efek pada layer tersebut, klik 2x pada layer teks Glossy, pilih/centang Drop Shadow atur Angle:120|Distance:3|Spread:0|Size:3, lalu pilih/centang Bevel and Emboss dan atur Depth:7|Size:0|Soften:0|Angle:100|Altitude:32|Highlight Opacity:100|Shadow Opacity:0, lalu pilih/centang Stroke dan atur Size:1 dengan warna biru tua, terrakhir pilih/centang Gradient Overlay dan buat pola warna seperti pada gambar :


5. Sekarang buat tulisan “Button”, cukup ulangi langkah no.4 tapi tulisan Glossy diganti dengan Button, atau duplicat-kan layer teks Glossy dengan Ctrl+J, lalu klik 2x icon “T” pada layer Glossy copy dan ketik kata Button untuk menggantikan kata Glossy.


6. Nah sekarang kita akan membuat layer terakhir, yaitu cahaya, buat layer kosong baru dengan pilih Layer >> New >> Layer atau klik CTRL+Shift+N, sekarang gunakan Rectangle Tool (U) untuk membuat sebuah layer/objek persegi panjang seperti gambar : Lalu klik 2x pada layer baru tersebut untuk mengatur efek/pewarnaan, pada Blending Option: Default atur nilai Opacity:100%|Fill:0%, lalu pilih/centang Gradient Overlay dan atur pola warna seperti pada gambar, buat 3 point/titik warna, putih semua, bagian kiri-kanan Opacity:0%, bagian tengah Opacity:100%, lalu klik OK, setelah itu masih di pilihan Gradient Overlay atur Angle:0


7. Nah sekarang buat layer baru dibawah layer cahaya dengan Ctrl+Shift+N, lalu klik Ctrl+E untuk menggabungkan layer baru tersebut dengan layer cahaya (hal ini bertujuan agar nanti jika layer cahaya dirotasikan, efek cahaya nggak kacau ^^) NP : Untuk mengatur posisi layer (menggeser keatas/kebawah gunakan tombol Ctrl+] atau Ctrl+[


8. Kini kita akan mengatur agar layer cahaya agak condong ke kanan, caranya pilih layer 1 (hasil penggabungan layer cahaya dengan layer baru), lalu klik Ctrl+T dan pada Rotate isikan nilai -30, lalu klik “Enter” pada keyboard.


9. Huh, bahan2 udah lengkap, kini saatnya ber-animasi… ^^ Sebelumnya pastikan jendela Animation aktif dulu, kalau belum aktifkan lewat menu Windows >> Animation, lalu buat 2 Frame tambahan lewat tombol anak panah disebelah kanan atas dari jendela Animation, lalu pilih New Frame dan lakukan 2x sampai ada 3 Frame di jendela Animation.



10. Sekarang saatnya mengatur animasinya, mohon temen2 ikuti langkah berikut ini dengan seksama dan berurutan agar animasi yang dihasilkan sama atau mirip dengan yang saya hasilkan : a. Pilih Frame 1 dan pada Frame 1 atur Layer teks Glossy dengan Opacity:100%, Layer teks Button:0%, layer 1 (cahaya):30% dan geser ke pojok kiri layar sampai tidak kelihatan. b. Pindah ke Frame 2 dan pada Frame 2 atur Layer teks Glossy dengan Opacity:0%, Layer teks Button:100%, lalu layer 1 (cahaya):100% dan geser ke tengah2 canvas kerja. c. Pindah ke Frame 3 dan pada Frame 3 atur Layer teks Glossy dengan Opacity:100%, layer teks Button:0%, dan layer 1 (cahaya):30% dan geser ke pojok kanan layar sampai tidak kelihatan.


11. Nah untuk membuat animasi secara otomatis maka akan kita gunakan fasilitas Tween, ikuti cara berikut : a. Pilih Frame 1 dan klik kanan panah kecil disebelah pojok kanan atas jendela Animation, lalu pilih Tween, lalu pada TweenWith pilih Next Frame karena akan kita animasikan dengan frame selanjutnya, yaitu Frame 2, lalu pada Frames to Add pilih 7 saja (angka favoritku ^^), semakin banyak Frame gerakan semakin halus tapi ukuran file jadi besar, kalau semakin sedikit ya sebaliknya. b. Kini kita punya 10 Frame, yang tadinya Frame 2 sekarang jadi Frame 9 (2+7, ingat kan yang tadi), maka sekarang pilih Frame 9 dan lakukan hal yang sama, yaitu gunakan Tween, pada TweenWith pilih Next Frame dan pada Frames to Add pilih 7… ^^ Sekarang total kita punya 17 Frame…


12. Langkah selanjutnya adalah mengatur timing, pilih semua frame, caranya pilih dulu Frame 1, lalu sambil menahan tombol Shift klik pada Frame 17, pada bagian bawah tiap frame kan udah ada timing default yaitu no delay/0 sec, nah akan kita ubah dengan cara klik bagian itu (timing) lalu tentukan timing-nya, berhubung kita akan tentukan timing sendiri pilih Other, lalu pada Set Delay isikan 0.05 seconds biar animasi berjalan agak cepat.

Nah sudah jadi nie, untuk mengetes-nya klik tombol Play pada jendela Animasi atau tekan tombol Spasi pada keyboard… gimana hasilnya? pasti jelek kan ^^, soale diriku low bagi ilmu g’ pernah bener sih… :b biasa ilmu yang sesat dan menyesatkan… he7x… ^^

Untuk menyimpannya pilih menu File ?? Save for Web & Devices (Alt+Shift+Ctrl+S) lalu tentukan format file-nya, dalam hal ini diriku biarkan format pada GIF, klik tombol Save, tentukan nama dan lokasi penyimpanan dan klik Save…

Dan inilah hasilnya :

Atau yang mau download file Photoshop (.psd) yang kubuat (sebagai contoh) silahkan klik link dibawah ini :

Download File Button.psd (214Kb)

Yah akhir kata walaupun hasilnya ancr diriku tetep berharap aja moga bagi ilmu kali ini bisa bermanfaat bagi temen2, khususnya buat yang sedang belajar animasi dasar… ^^

Cara Mengubah Logo Blog

Apa itu icon address bar ? untuk lebih mudah menjelaskannya, perhatikan gambar



nah itulah icon address bar, mungkin jika blog biasa gambarnya seperti ini

Nah itulah yang akan kita bahas kali ini, mengganti logo blog sesuai keinginan. Bagaimana caranya ? ikuti langkah di bawah ini :

1. Langkah pertama, buatlah logo anda sendiri sesuai keinginan anda atau anda bisa cari di internet
   
2. Jika gambar yang anda buat sudah jadi, upload gambar anda ke http://photobucket.com/ atau yang lainnya.
3. Jika sudah di upload ambil link gambar anda. Caranya arahkan kursor pada gambar dan copy link yang berada di kotak Direct Link
4. Login ke blog anda klik layout/Tata Letak -> Edit HTML. Cari kode </head>
5. Masukan kode dibawah ini tepat di atas kode </head>

<link href=' link anda yang telah di copy ' rel='shortcut icon'/>

Contoh

<link href='http://i953.photobucket.com/albums/ae17/abi-galoga/logo.gif ' rel='shortcut icon'/>

</head>

Selesai...selamat mencoba
jangan lupa comment