Test Block Top

The Blog...
Articles, Tips & Trick and Other Interesting Information...

26 Juli 2010

Text Effect Photoshop

Pada artikel kali ini saya akan coba sedikit mengulas trik membuat effect text menggunakan Adobe Photoshop. OK, langsung mulai saja. Sebelumnya download dahulu font yang diperlukan untuk mengikuti step tutorial ini, namun tidak masalah jika anda ingin menggunakan font lain (font anda sendiri).

Pertama, buat background layer. Caranya klik pada menu "File" » "New..." (ctrl + N). Buat background dengan dimensi ukuran terserah anda, pada tutorial ini saya akan membuat background dengan dimensi "500 x 200px" (sesuaikan dimensi ukuran sesuai kemauan anda), background content "warna putih (white)".

Text effect photoshop1

Sekarang buat gradient background, caranya klik pada "Gradient Tool" kemudian klik lagi pada "Gradient Editor".

Text effect photoshop 2

Kemudian edit properties gradient (lihat gambar di bawah).

Text effect photoshop 3

Lihat gambar di bawah untuk apply gradient. Tempatkan tanda plus (cross) pada pojok kiri atas background, kemudian drag & drop sampai ke pojok kanan atas background, kemudian lepas.

Text effect photoshop 4

Hasil gradient yang baru saja dibuat akan tampak seperti gambar di bawah ini:

Text effect photoshop 5

Setelah background gradient selesai anda buat, selanjutnya buat text yang diperlukan. Buat text versi anda, namun pada contoh di bawah ini text yang akan dipakai adalah "PCMAC". Namun text harus ditulis satu per satu untuk setiap layer per karakter/huruf. Tentukan ukuran huruf sebesar 130px. Setelah semua karakter huruf dibuat, klik pada "Move Tool" » centang "Auto-Select" » kemudian atur penempatan masing-masing huruf selurus dan sedekat mungkin (drag & drop masing-masing huruf).

Text effect photoshop 6

Selanjutnya membuat layer style huruf. Pilih layer huruf "P" » klik kanan » pilih "Blending Option..."

Text effect photoshop 7

Setelah anda klik "Blending Option...", maka akan muncul kotak dialog Layer Style setting. Klik pada "Gradient Overlay", kemudian samakan setting seperti gambar di bawah ini.

Text effect photoshop 8

Pada box Setting Layer Style setelah selesai setting gradient, jangan dulu klik tombol "OK", selanjutnya klik pada "Drop Shadow", samakan setting dengan gambar di bawah.

Text effect photoshop 9

Hasilnya akan seperti gambar di bawah ini:

Text effect photoshop10

Tenerapkan layer style huruf lainnya sama dengan layer style huruf "P", caranya klik kanan pada layer huruf "P" kemudian klik "Copy Layer Style". Kemudian klik kanan pada huruf lainnya » klik "Paste Layer Style". Hasilnya akan seperti gambar di bawah ini:

Text effect photoshop11

Jika dilihat, efek text sekilas terlihat agak kaku. Untuk merubah efek lekukan text, klik kanan pada huruf yang ingin diedit » klik "Blending Option..." » klik "Gradient Overlay" Ubah nilai "Angel" nya. Contoh pada huruf "A", nilai angle saya ganti dari "0" ke "-90".

Text effect photoshop12

Sesuaikan nilai angelnya untuk masing-masing huruf sesuai selera anda. Asumsikan Style Layer masing-masing huruf sudah disesuaikan seperti gambar di bawah ini.

Text effect photoshop13

Style Effect huruf sudah selesai dilakukan, jika sudah merasa puas dengan hasilnya anda bisa berhenti sampai di sini saja. Namun jika anda ingin menambahkan sentuhan warna lainnya selain warna hitam dan putih, berikut cara simpel penerapannya. Buat layer baru di atas layer paling atas yang sudah ada (pada contoh di atas layer huruf "C"). Buat layer "Solid Color". Tahap pembuatannya seperti gambar di bawah ini:

Text effect photoshop14

Setelah anda tekan tombol OK, maka text dan gradient akan hilang tertutup dengan solid color yang baru saja anda buat. Untuk mulai menerapkan efek warna dengan warna dasar solid color, caranya klik pada layer solid color, ganti "Normal" dengan "Soft Light".

Text effect photoshop15

Selesai. Efek warna & model huruf yang digunakan dapat anda sesuaikan menurut selera.

Text effect photoshop16

22 Juli 2010

Kumpulan Video Tutorial cPanel

cPanel adalah sebuah control panel web hosting pada Linux yang memberikan tampilan grafis dan peralatan automasi yang dibuat untuk memudahkan proses hosting di sebuah situs web. cPanel menggunakan 3 tingkat struktur untuk memberikan fungsi administrator, agen, dan pemilik situs web untuk mengatur berbagai macam aspek dari situs web dan administrasi server melalui sebuah penjelajah web standar. Selain memberikan Guide User Interface untuk memudahkan pengguna, cPanel juga dilengkapi dengan perintah dalam teks dan berdasarkan API agar vendor perangkat lunak pihak ketiga, organisasi web hosting dan pengembang untuk automasi sistem standar proses administrasinya.


cPanel didesain untuk berfungsi pada dedicated server ataupun virtual private server yang bisa digunakan pada Sistem Operasi centOS, Red Hat Linux, dan FreeBSD. Aplikasi-aplikasi didukung cPanel termasuk Apache, PHP, mySQL, Postgres, Perl, Python, and BIND, dengan email seperti POP3, IMAP, layanan-layanan SMTP.


Sumber: WikiPedia Indonesia


Download Video cPanel.

Membuat database MySQL. Download (ZIP Password » yyt@#$lMV56zA)
Change Style. Download (ZIP Password » iury%$lvn25)
Update Informasi Kontak. Download (ZIP Password » update764lKN#J)
Shorcut (Jalan Pintas) cPanel. Download (ZIP Password » yyt%$@kv02)
Subdomain. Download (ZIP Password » bm09gBE@k)
MySQL® Database Wizard. Download (ZIP Password » sqlyzc%#kv0)
Addon Domain. Download (ZIP Password » 4dd0ON@jg*^h)
Parked Domains. Download (ZIP Password » qwLP76@nb*V)
Redirects. Download (ZIP Password » 09ivnDJ!po)
Change Password (ganti password cPanel). Download (ZIP Password » 64HNvbh@*j!nh)
Password Protect Directories. Download (ZIP Password » 856bZcvb!@k)
GnuPG Keys. Download (ZIP Password » gpunGH%$lV97)
Hotlink Protection. Download (ZIP Password » 88vb!kj_Mvi)
IP Deny Manager. Download (ZIP Password » uytbNV945V@)
Site Software. Download (ZIP Password » hhgBVZ9@j)
SSH/Shell Access. Download (ZIP Password » hsh^V)nvBp2)
File Manager. Download (ZIP Password » nbg;DRv)3)
Backups. Download (ZIP Password » kmvnYy3409$k)
Ftp Accounts. Download (ZIP Password » ahISFJDRL92#h)
Web Disk. Download (ZIP Password » iru^mv%@;!9)
Branding (for root user). Download (ZIP Password » iruKV%#;)kv76)
Getting Started. Download (ZIP Password » 4568@$#CvkL)
Quick Image Edit. Download (ZIP Password » QqQuICq09@#kvB)
Edit Logos. Download (ZIP Password » olKSXjr)2@!#h)
Edit Icons. Download (ZIP Password » iryBVhgL^vr)
Edit Header/Footer. Download (ZIP Password » uryNF846Jdn@hL)
Edit UI (User Interface). Download (ZIP Password » yrtfk^@#l)!m)
Edit Preview Images. Download (ZIP Password » nvb#$09Xs4)
Email Accounts. Download (ZIP Password » iu7^#$nvpo5)
Forwarders. Download (ZIP Password » @^^5jgh_2kj!N2)
Auto Responders. Download (ZIP Password » 4ut0R3s#per)
Mailing Lists. Download (ZIP Password » p%^iv023nV)
BoxTrapper. Download (ZIP Password » qpzmN@#jf!u)

18 Juli 2010

Trik Split & Merge File Via FTP Menggunakan Script PHP

Beberapa hari yang lalu saya terima email dari visitor blog ini. Orang tersebut tanya perihal masalah yang dia alami:

.... Ada nggak cara supaya file berukuran besar bisa dipecah menjadi beberapa bagian? Sehingga saya bisa upload setahap demi setahap, kemudian baru digabungkan kembali di webserver...


Coba pakai Compressing Software winrar, waktu mau diekstract melalui file manager cPanel hasilnya 'file tidak dikenali' (bisa jika punya akses ke SSH). Coba lagi pakai WinZIP yang terpotong menjadi beberapa bagian, tetap nggak bisa (karena hanya bisa extract 1 file). Setelah sekian kali terus mencoba, Alhamdulillah berhasil. Caranya seperti ini.

Pertama, local server (terserah mau pakai WAMP atau XAMP) harus sudah terinstall di komputer/PC. Jika belum tahu cara install WAMP, baca panduannya di sini. Setelah itu buka direktori dimana wamp server terinstall, di PC saya "C:\wamp", cari direktori folder "www" » kemudian buat folder baru dengan nama apa saja, contoh "split-merge". Screenshot direktori seperti gambar di bawah ini:

Screenshot direktori wamp server


Untuk mulai split file, pertama tempatkan file yang ingin displit ke folder "split-merge". Untuk file yang sudah mempunyai ekstensi (mp3, wav, avi, flv, sql, exe, psd, jpeg, gif, png, dll) tidak menjadi masalah jika anda langsung menaruh pada folder "split-merge". Namun bagaimana jika anda ingin upload beberapa file berukuran besar yang berada pada satu folder. Maka cara terbaik yang harus anda lakukan adalah compress folder tersebut menggunakan Winrar, winzip atau software file compress lainnya.

Namun ingat, compress dengan dengan ekstensi file "ZIP", kemudian taruh zip file tersebut pada folder "split-merge".

Kemudian buat file php baru seperti kode di bawah ini (fungsi php split & merge).

[php]
<?php
class split_merge
{
/*Fungsi PHP yang diperlukan untuk memecah (split) file*/
function split_file($file_name,$parts_num)
{
$handle = fopen($file_name, 'rb') or die("error opening file");
$file_size = filesize($file_name);
$parts_size = floor($file_size/$parts_num);
$modulus=$file_size % $parts_num;
for($i=0;$i<$parts_num;$i++)
{
if($modulus!=0 & $i==$parts_num-1)
$parts[$i] = fread($handle,$parts_size+$modulus) or die("error reading file");
else
$parts[$i] = fread($handle,$parts_size) or die("error reading file");
}
//Akhir File Handle
fclose($handle) or die("error closing file handle");

//Perintah Split File
for($i=0;$i<$parts_num;$i++)
{
$handle = fopen('splited_'.$i, 'wb') or die("error opening file for writing");
fwrite($handle,$parts[$i]) or die("error writing splited file");
}
//Akhir file handle
fclose($handle) or die("error closing file handle");
return 'OK';
}//Akhir Fungsi split_file

/*Fungsi PHP yang diperlukan untuk menggabungkan file*/

function merge_file($merged_file_name,$parts_num)
{
$content='';
//Perintah ambil potongan file
for($i=0;$i<$parts_num;$i++)
{
$file_size = filesize('splited_'.$i);
$handle = fopen('splited_'.$i, 'rb') or die("error opening file");
$content .= fread($handle, $file_size) or die("error reading file");
}
//Perintah gabungkan file
$handle=fopen($merged_file_name, 'wb') or die("error creating/opening merged file");
fwrite($handle, $content) or die("error writing to merged file");
return 'OK';
}//Akhir merge_file
}//akhir class split_merge
?>
[/php]

Copy dan pastekan kode di atas pada text editor (notepad atau aplikasi sejenis lainnya), kemudian simpan pada direktori folder "split-merge"dengan nama "split_merge.inc.php". Buat satu lagi file php seperti kode di bawah ini (Fungsi PHP yang diperlukan untuk memecah/split file menjadi beberapa bagian/potongan):

[php]
<?php

//Fungsi PHP yang diperlukan untuk memecah (split) file
require_once('split_merge.inc.php');

//Tentukan nama file beserta nama file ekstensinya yang ingin dipecah
$file_name='video_test.zip';

//Tentukan jumlah potongan (split) file yang anda inginkan
$parts_num=8;

$w=new split_merge();

//Perintah untuk split file
$w->split_file($file_name,$parts_num) or die('Error spliting file');
echo 'File Berhasil Dipecah Menjadi Beberapa Potong File';

?>
[/php]

Copy dan pastekan kode di atas pada text editor, simpan dengan nama "split.php" pada direktori folder "split-merge". Beberapa kode di atas yang harus anda edit:

→ "$file_name='video_test.zip';" » "video_test.zip"sesuaikan dengan nama file anda diakhiri dengan nama ekstensi file.

→ "$parts_num=8;" » "8" adalah jumlah potongan file yang akan dihasilkan ketika proses split berlangsung (contoh jika anda mempunyai file berukuran 10MB dan ingin displit dengan ketentuan ukuran masing-masing file 2MB, maka angka 8 ini anda ganti dengan 5 => 10MB/2MB=5).

Jika sudah maka pada direktori "split-merge" akan berisi file antara lain split.php, split_merge.inc.php dan file yang ingin displit (contoh: video_test.zip). Screenshotnya seperti gambar di bawah ini:

Screenshot direktori folder split file ftp

Nah sampai di sini sudah bisa mulai proses split file. Sekarang jalankan aplikasi WAMP Server yang baru saja anda install. Setelah itu buka aplikasi browser anda, ketikkan "http://localhost/" atau "http://127.1.0.1/", maka akan keluar halaman seperti gambar di bawah ini:

Screenshot split file webserver ftp

Klik pada link "split-merge", maka akan keluar halaman seperti gambar di bawah ini:

Screenshot split file ftp

Klik pada link "split.php", jika berhasil maka akan keluar pesan konfirmasi seperti gambar di bawah ini:

hasil split fiile ftp

Atau biar cepat, anda bisa langsung mengetikkan alamat "http://localhost/split-merge/split.php" pada address bar web browser. Nah sekarang hapus file "video_test.zip" dan "split.php" karena sudah tidak diperlukan lagi. Buat file php baru (Fungsi PHP yang diperlukan untuk menggabungkan potongan file pada ftp) seperti kode di bawah ini:

[php]
<?php

//Fungsi PHP yang diperlukan untuk menggabungkan potongan file
require_once('split_merge.inc.php');

//Tentukan nama file yang akan digabungkan (merge)
$merged_file_name='immrg.zip';
$parts_num='8';
$w=new split_merge();

//Perintah untuk menggabungkan potongan file
$w->merge_file($merged_file_name,$parts_num) or die('Error merging files');
echo '<br>Potongan File Berhasil Digabungkan';

?>
[/php]

Copy dan pastekan kode di atas pada text editor. Edit:

→ "$merged_file_name='immrg.zip';" » "video_test.zip" ganti dengan nama terserah anda namun nama file ekstensi (.zip) tetap dipakai. Nama ini akan digunakan sebagai nama file utuh ketika potongan (split) file digabungkan.

→ Edit "$parts_num='8';" » "8" sama dengan angka sewaktu anda edit file "split.php".

Kemudian simpan file di atas dengan nama "merge.php" pada direktori "split-merge". Sekarang upload semua file (split_merge.inc.php, merge.php, splited_0...dst sampai splited_akhir) pada webserver menggunakan software ftp. Buat dahulu satu folder khusus pada root "public_html", contoh buat folder baru dengan nama "merge". Upload semua file ke direktori folder "merge".

Upload split file ke ftp webserver

Setelah terupload semua, sekarang siap untuk menggabungkan (merge) file. Jika nama direktori untuk menaruh file sama dengan yang saya contohkan di atas, pada address bar web browser ketikkan "http://www.domain-anda.com/merge/merge.php". Jika berhasil maka akan keluar halaman pesan konfirmasi sukses seperti di bawah ini.

merge split file ftp berhasil

Jika anda upload file selain ekstensi ".zip" maka sampai di sini sudah selesai, hapus semua file php dan file split karena sudah tidak diperlukan lagi. Namun jika anda upload file dengan ekstensi ".zip" sedangkan file yang diperlukan masih belum tersekstrak, maka anda dapat ekstrak file pada halaman "File Manager" yang dapat anda akses via halaman cPanel. Login ke akun cPanel anda » klik pada "File Manager", setelah itu navigasikan ke folder "merge". Klik kanan file zip yang ingin anda ekstract, kemudian klik "extract". Selesai file anda sudah terekstract.

Semoga membantu & have fun...
:D
14 Juli 2010

Portable Dreamweaver CS4 & CS5

Adobe Dreamweaver sampai sekarang masih memegang predikat sebagai software web editing terbaik yang digunakan oleh kebanyakan web designer & developer. Pengembangan dukungan CSS menjadikan software web editing ini cocok untuk mendesain grapic tampilan web yang komplek belum lagi ditambah dukungan Photosop Smart Objects semakin memudahkan anda para web designer untuk tetap mempertahankan kualitas gambar (image) kelihatan tajam.


Keunggulan



  • Built-in HTML, CSS Editor & validator seperti halnya WYSIWYG (What You See Is What You Get).

  • Pada Contect CSS Editing memudahkan anda melihat semua CSS Style yang mempunyai dampak (efek) pada area mana saja dalam suatu halaman.

  • Termasuk di dalamnya Spry framework, Subversion integration bahkan dukungan untuk membuat files Adobe Air.

  • Text Editor dilengkapi dengan kode pewarnaan yang berbeda untuk HTML, PHP, ASP dan beberapa bahasa pemrograman web lainnya, ditambah lagi penyelesaian tag kode yang dapat dilengkapi secara otomatis.

  • Koneksi langsung dengan Adobe Photoshop dan Adobe Firework untuk melakukan edit gambar.

  • Dukungan karakter khusus dan karakter UTF-8 khusus untuk membuat halaman yang tidak menggunakan bahasa Inggris.

  • Dan masih banyak lagi.


Jika anda gemar bereksperimen otak-atik halaman web, software ini cocok buat anda. Namun jika anda baru mulai menekuni web programming, jangan takut terintimidasi dengan visualisasinya yang kelihatan ribet. Karena setelah tahu dan mencoba software web design ini, maka anda tidak akan mau berpindah ke web design software yang lain.


Download


DREAMWEAVER CS5 PORTABLE


Download

13 Juli 2010

eBook Gratis: Dasar Pemrograman PHP dan MySQL

Loncat ke Atas ↑