Mengenal Program Adobe After Effects

Adobe After Effect adalah program pengolah video editing. Fungsi Adobe after Effect adalahdigunakan untuk mengolah dan menambahkan efek - efek khusus dalam pembuat video acara -acara seperti pernikahan, maupun pembuatan iklan di industri perTVan (broadcast).

Cara memulai program After Effect CS3


berikut ini cara membuat lembar kerja baru (new Project) di Adobe After Effect:
disini penulis menggunakan After Effect CS3
1. Pada Windows Klik Start >> All Program >> Adobe After Effect CS3
maka anda akan melihat tampilan seperti ini:

klik gambar untuk memperbesar tampilan Layout AE CS3
sebelum kita masuk ke langkah berikutnya, simak keterangan Layout AFTER EFFECT CS3 di atas

+ MENU UTAMA
Tempat kumpulan menu - menu untuk mengakses fitur yang ada di AE CS3 terdiri dari File, Edit, Composite, Layer, Effect, Animation, dll

+ TOOL BAR
Tempat alat - alat untuk mengEdit Video nantinya seperti Zoom, Teks, Shape, Clone, dll

+ LIBRARI dan EFEK VIEW
Tempat file source dan juga tampilan efek yang akan dimunculkan di Video anda. Ini adalah tempat semua impor Komposisi, Video, Audio, Graphics dll

+ KUMPULAN PALLETE
Ada beberapa seperti Time, Audio, Efek dll. Ini panel yang besar namun tidak sepenuhnya diperlukan untuk penggunaan dasar. Hal ini dapat ditutupi di Tutorial yang akan datang.

+ KOMPOSISI
Menampilkan isi frame untuk komposisi yang dipilih

+ DETAIL EFEK dan LAYERS
Seperti halnya program desain grafis lainnya, Palette ini digunakan untuk Navigasi anda dalam mengedit Video serta memberikan sentuhan permainan LAYER MODE, BLEND MODE, maupun MASKING untuk menggabungkan 2 gambar atau lebih sehingga terlihat menjadi 1 tampilan Animasi

+ TIMELINE
Timeline adalah fungsinya menampilkan durasi dan panjang video serta tampilan layer dan keyframe anda

2. klik Composition >> New Composition


nah akan muncul seperti ini:

Penjelasan Setting Composition di After Effect CS3
A. Berikan nama Komposisi Anda [sesuatu yang sedikit lebih deskriptif dari "Comp satu" misal nama project anda]
B. Atur tahap yang diperlukan dimensi Anda jika Anda tahu spesifik Ukuran Video anda [ini bisa diubah nanti jika diperlukan]
C. Set Pixel Rasio Aspek untuk Square Pixel karena ini akan menjadi Flash
D. Mengatur frame rate AE untuk menyesuaikan frame rate yang ingin Anda gunakan dalam Flash
E. Tetapkan durasi Anda diperlukan Komposisi [ini juga bisa diubah nanti jika diperlukan].
Klik OK

Ok, Sekian dulu Tutorial Dasar After Effect dari saya, sampai jumpa lagi di Tutorial berikutnya gan :)
Terimakasih, semoga bermanfaat

Sumber : www.ilmugrafis.com

Read More

Cara Instal XAMPP Di Windows

kita bisa membuatnya di komputer terlebih dahulu. Caranya adalah dengan menginstal aplikasi server localhost di PC kita.

Salah satu aplikasi server localhost dan yang paling banyak digunakan adalah XAMPP. Aplikasi ini dibuat oleh Apache Friends dan installer-nya bisa langsung diunduh dari situs mereka. Saat ini yang paling baru adalah versi 1.8.1.

XAMPP sendiri ada dua macam, yakni paket komplit dan satunya lagi adalah paket portable lite.

XAMPP paket komplit itu isinya adalah:

• Apache
• MySQL
• PHP
• phpMyAdmin
• FileZilla FTP Server
• Tomcat
• Strawberry Perl Portable
• XAMPP Control Panel

Sedangkan XAMPP Portable Lite isinya hanya aplikasi PHP dan MySQL, lebih enteng dan cocok buat yang sering memakai kedua aplikasi tersebut.

Nah, kali ini saya akan menuliskan tentang panduan cara instal XAMPP di PC. Berhubung saya pakainya Windows, maka panduan ini juga diperuntukkan PC Windows ya.

1. Download aplikasi XAMPP xampp-win32-1.8.1-VC9-installer.exe.
2. Dobel klik file xampp yang baru saja Anda download, selanjutnya akan muncul jendela “installer language” seperti di bawah ini:
   
3. Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.
4. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.
   
   
5. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.
   
6. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next.
   
7. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasic:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browsedan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.
   
8. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.
   
9. Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.
   

Cara Menjalankan Aplikasi XAMPP

1. Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas.
2. Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.
   
   
3. Sekarang bukalah browser kesukaan Anda, dan coba ketikkanhttp://localhost/xampp di address bar. Jika muncul tampilan seperti gambar di bawah ini, instalasi telah berhasil.
   

Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.

Sumber : webhostmu.com

Read More

Cara Membuat Tabel Dengan Kode HTML

TAG DASAR

Cara membuat tabel dengan kode HTML diperlukan 3 tag dasar yaitu : TABLE, TR, TD. Tag TABLE untuk menandai sebuah tabel, TR untuk membentuk baris, TD untuk membentuk kolom. Secara default nilai border=0, jadi tabel akan tampil pada browser tanpa bingkai. Untuk dapat menampilkan bingkai, maka nilai border harus diberi nilai minimal =1.

Contoh , di bawah ini adalah serangkaian kode HTML untuk membuat tabel :

<table border=1>
<tr>
<td>tanggal</td>
</tr>
</table>




Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :



CARA MEMBUAT TABEL 1 BARIS 2 KOLOM

Berikut ini adalah cara membuat tabel dengan kode HTML 1 baris 2 kolom, lihat penerapannya di bawah ini :

<table border=1>
<tr>
<td>tanggal</td>
<td>nama</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :



CARA MEMBUAT TABEL 3 BARIS 1 KOLOM

Berikut ini adalah cara membuat tabel dengan kode HTML 3 baris 1 kolom adalah sebagai berikut :

<table border=1>
<tr>
<td>tanggal</td>
</tr>
<tr>
<td>kota</td>
</tr>
<tr>
<td>jenis kelamin</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :



CARA MEMBUAT TABEL DENGAN ATRIBUT CELLSPACING

Atribut CELLSPACING digunakan untuk menentukan jarak antar sel pada sebuah tabel. Lihat penerapan CELLSPACING pada kode HTML berikut ini :

<table border=1 cellspacing=10>
<tr>
<td>becak</td>
<td>sepeda</td>
</tr>
<tr>
<td>mobil</td>
<td>motor</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :






CARA MEMBUAT TABEL DENGAN ATRIBUT CELLPADDING

Atribut CELLPADDING digunakan untuk member jarak antara sel dengan tulisan. Lihat penerapannya pada kode HTML berikut ini :

<table border=1 cellpadding=10>
<tr>
<td>becak</td>
<td>sepeda</td>
</tr>
<tr>
<td>mobil</td>
<td>motor</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :



CELLSPACING DAN CELLPADDING DIPAKAI BERSAMA – SAMA

Jika kedua atribut tersebut dipakai bersamaan dalam pembuatan tabel, maka penerapannya seperti kode HTML berikut ini :

<table border=1 cellpadding=10 cellspacing=10>
<tr>
<td>becak</td>
<td>sepeda</td>
</tr>
<tr>
<td>mobil</td>
<td>motor</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :



MENENTUKAN LEBAR KOLOM DENGAN PROSENTASE ( WIDTH=100% )

Jika lebar kolom ditentukan 100 %, maka tampilan tabel akan melebar memenuhi lebar halaman. Jika lebar setiap kolom tidak ditentukan, maka lebar 100% akan terbagi sama lebar untuk setiap kolomnya. Apabila jumlah kolomnya 2, maka tabel tersebut akan terbagi menjadi 2 sama lebar, masing – masing 50%.

Lebar kolom pada tabel dapat ditentukan tidak sama lebar, artinya masing – masing kolom lebarnya tidak sama. Lihat contoh penerapannya pada kode HTML berikut ini :

<table border=1 width=100%>
<tr>
<td width=25%>becak</td>
<td width=75%>sepeda</td>
</tr>
<tr>
<td width=25%>mobil</td>
<td width=75%>motor</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :









MENENTUKAN LEBAR DAN TINGGI KOLOM DENGAN SATUAN PIXEL

Untuk membuat tabel, lebar kolom ( WIDTH ) dan tinggi kolom ( HEIGHT ) dapat ditentukan dengan satuan pixel. Lihat penerapannya dengan kode HTML berikut ini :

<table border=7 >
<tr height=40>
<td width=150>becak</td>
<td width=250>sepeda</td>
</tr>
<tr height=80>
<td width=150>mobil</td>
<td width=250>motor</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :



PERATAAN TULISAN DALAM TABEL

Perataan tulisan dalam sebuah tabel menggunakan tag ALIGN ( untuk perataan horizontal ) dan VALIGN ( untuk perataan vertical ). Untuk lebih memahaminya lihat contoh kode HTML berikut ini :

<table border=7 >
<tr height=40>
<td width=150 align=left valign=top>becak</td>
<td width=250 align=right valign=middle>sepeda</td>
</tr>
<tr height=80>
<td width=150 align=right valign=bottom>mobil</td>
<td width=250 align=center valign=middle>motor</td>
</tr>
</table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :

Read More

Cara Membuat Bullet Dan Numbering Dengan Kode HTML

ka anda membuat website atau blog dengan Blogger atau Wordpress, untuk membuat bullet dan numbering mungkin hanya dengan mengklik tombol yang sudah tersedia. Namun tahukah anda cara membuatnya dengan kode HTML?

Tulisan berikut ini akan menunjukkan kepada anda bagaimana cara membuat bullet dan numbering dengan kode HTML, sehingga anda akan tahu bagaimana cara membuat website sendiri dengan pemrograman HTML. Simak saja langkah - langkahnya pasti anda bisa melakukannya tanpa perlu belajar HTML yang bikin pusing.

Untuk membuat item tak berurut digunakan tag UL sedangkan untuk membuat item berurut digunakan tag OL. Setiap item ditandai dengan LI

Contoh :

Ini adalah beberapa pesan ibu : ( contoh item tak berurutan )
makan
jemput adik
pergi ke rumah nenek

Ini adalah beberapa pesan ibu : ( contoh item berurutan )
makan
jemput adik
pergi ke rumah nenek


Untuk menuliskannya dalam HTML, caranya sebagai berikut :

Contoh untuk item tak berurutan

<body>

<ul>

Ini adalah beberapa pesan ibu :

<li>makan</li>
<li>jemput adik</li>
<li>pergi ke rumah nenek</li>

</ul>

</body>




Contoh untuk item berurutan

<body>

<ol>

Ini adalah beberapa pesan ibu :

<li>makan</li>
<li>jemput adik</li>
<li>pergi ke rumah nenek</li>

</ol>

</body>

Read More

Modul & Latihan Dasar Menggunakan Kode HTML

belajar HTML sebernarnya diperlukan kalau kita ingin terjun di dunia online, misalnya bisnis online karena sedikit banyak akan menuntut kemampuan kita dalam mengedit kode - kode HTML. Walaupun kita menggunakan blog engine seperti Wordpress yang mempunyai plugin - plugin yang lengkap, namun sering ditemui kita harus mengedit sidebar, menempatkan kode HTML, mengedit kode warna HTML, menempatkan tabel dan banyak kasus lainnya kita harus menguasai dasar - dasar kode atau script HTML.

Untuk belajar HTML anda tidak perlu membeli modul khusus cara membuat kode HTML, dengan membaca artikel berikut ini saja anda sudah bisa belajar HTML sesuai keperluan anda untuk mengedit website anda. Pengertian HTML secara awam seperti saya adalah serangkaian kode - kode bahasa pemrograman yang digunakan untuk membangun website yang akan membentuk halaman - halaman situs setelah dionlinekan ke internet.

Untuk mempermudah pengertian anda dalam belajar HTML, di sini juga akan saya berikan contoh penerapan kode atau script HTML sehingga anda dapat mengikutinya dengan praktek pula. Bagi anda yang masih pemula, langsung saja kita lihat pembahasan kode HTML berikut ini :




Struktur kode HTML yang harus selalu ada di setiap halaman situs adalah:

<html>

<head>

<title>Tulis Judul Anda di Sini</title>

<meta name="description" content="tulis deskripsi/penjelasan singkat situs anda di sini">

<meta name="keyword" content="tulis kata kunci halaman anda di sini">

</head>

<body>

Di sini adalah konten / isi halaman anda

</body>

</html>




Latihan 1. Belajar membuat halaman sederhana dengan kode HTML

Sebagai bahan untuk belajar HTML, sekarang buka program Notepad anda. Caranya klik " start " pilih program, cari program Notepad, jika sudah anda buka kemudian tuliskan kode - kode HTML di bawah ini :

<html>

<head>

<title>Modul Belajar HTML</title>

<meta name="description" content="Modul belajar HTML untuk pemula">

<meta name="keyword" content="modul html,belajar html">

</head>

<body>

Modul HTML ini berisi latihan - latihan sederhana untuk beljar membuat sebuah halaman website agar dapat online di internet. Bagi anda yang masih pemula sebaiknya mengikutinya dengan memparaktekkan secara langsung agar lebih mudah dalam memahami setiap variasi kode - kode HTML.

</body>

</html>




Setelah selesai menuliskan kode - kode HTML di atas kemudian anda simpan. Caranya : klik " file " kemudian pilih " save as " tentukan lokasi penyimpanan, misalnya pada folder " latihan " di " my document " , pada " file name " tulis nama file misalnya " latihan1.html " pada save as type isikan " all file " kemudian klik " save ".

Untuk mengetahui hasilnya pada browser, caranya sebagai berikut :

Cari file " latihan1.html " yang anda simpan pada folder " latihan " di " my document " , setelah ketemu kemudian klik kanan, pilih " open with " lalu pilih browsernya misalnya " internet explorer " maka hasilnya akan tampak seperti gambar di bawah ini :



DENGAN LANGKAH - LANGKAH SEPERTI DI ATAS COBA ANDA PRAKTEKKAN LATIHAN - LATIHAN SELANJUTNYA

Latihan 2. Belajar membuat link atau tautan dengan kode HTML :

misalnya : kata yang terlihat dalam link ( ancor text ) adalah "cara membuat website"

sedangkan alamat/URL dari halaman yang dituju tersebut adalah http://edyutomo.com/internet-dan-komputer/cara-membuat-website

maka kode HTML nya adalah :

<a href="http://edyutomo.com/internet-dan-komputer/cara-membuat-website">cara membuat website</a>

hasilnya adalah cara membuat website




Latihan 3. Belajar kode warna HTML untuk mengedit warna teks :

<font color="red">kata yang diedit</font>, ini akan mengubah warna teks menjadi merah.

Lihat contoh berikut ini :

<font color="red">Modul HTML</font> ini berisi latihan - latihan.....

hasilnya akan tampak sebagai berikut :






Latihan 4. Kombinasi kode warna HTML, paragraf baru, ukuran huruf dan jenis huruf :

<p align="left"><font face="arial" size="6" color="red">kata yang diedit</font></p>

ini akan membuat paragraf menjadi rata kiri, dengan jenis huruf arial, ukuran 6 dan warna teks menjadi merah.

Lalu bagaimana untuk membuat warna menjadi warna campuran, ah... itu gampang. Caranya anda buka photoshop, lihat gambar di bawah :



klik kotak merah yang saya lingkari, kemudian akan muncul kotak dialog color picker, lalu cari warna yang anda inginkan, lalu copy code warna yang ada di bawah ( saya tandai ), setelah itu anda paste pada kode warna HTML untuk mengedit warna.

Contoh : color="#ed260b"

mudah - mudahan jelas ya.




Kode HTML lainnya :

<p>isi paragraf</p> , untuk membuat paragraf baru

<br>isi kalimat</br> , untuk membuat baris baru

<b>kata/kalimat</b> , untuk membuat teks tebal

<i>kata/kalimat</i> , untuk membuat kata miring

<u>kata/kalimat</u> , untuk membuat garis bawah




Latihan 5. Belajar cara menyisipkan gambar dengan kode HTML :

Sebelum kita menyisipkan gambar, terlebih dahulu kita harus mengupload foto atau gambar untuk mendapatkan link dari gambar tersebut untuk keperluan menyisipkan gambar yang telah kita tentukan

sebagai contoh saya telah mengupload gambar pada situs image hosting http://photobucket.com, sehingga saya mendapatkan url link gambar seperti berikut ini :

http://i1095.photobucket.com/albums/i480/satujambi/contoh1.gif




Sebagai contoh, lihat ilustrasi contoh penerapan kode HTML di bawah ini :

<p>di bawah ini adalah contoh gambar :</p>

<img src="http://i1095.photobucket.com/albums/i480/satujambi/contoh1.gif">




hasil dari penullisan kode HTML adalah sebagai berikut :






Latihan 6. Belajar kode HTML untuk menyisipkan link pada gambar

Sebagai contoh, berdasarkan gambar di atas, kita akan menyisipkan link menuju halaman http://edyutomo.com/anak-dan-balita/kumpulan-puisi-anak, maka kode HTML yang perlu dibuat adalah sebagai berikut :

<a href="http://edyutomo.com/anak-dan-balita/kumpulan-puisi-anak"><img src="http://i1095.photobucket.com/albums/i480/satujambi/contoh1.gif"></a>

Hasilnya akan menjadi sebagai berikut :






Coba anda klik gambar di atas, pasti akan terbuka halaman yang dituju. Selamat anda sudah dapat membuat link pada gambar.

Sumber : www.edyutomo.com

Read More