Membuat Efek 3D Text Dengan Mudah Menggunakan CorelDraw

Haloo gaes, dalam tutorial kali ini gue mau ngasih tau caranya Membuat Efek 3D Text Dengan Mudah Menggunakan CorelDraw. Kamu pasti tau kan software pembuat grafis vektor ini ? CorelDraw tidak hanya bisa membuat gambar berbasis vektor, namun juga bisa membuat objek vektor menjadi terlihat 3D..

Oke sebelum menuju ke tutorialnya, gue jelasin dulu ya..

Dalam ruang lingkup desain grafis, gambar terbagi menjadi 2 jenis grafis yaitu gambar 2D dan 3D. Untuk membedakan antara 2D atau 3D itu mudah saja gaes, tinggal lihat, dan cermati gambar nya!~  ..
Gambar 2D atau 2 dimensi hanya memiliki bidang x dan y yaitu panjang dan lebar, sedangkan 3D atau 3 dimensi, memiliki bidang x y dan z ( panjang, lebar dan tinggi ). Begitulah sekilas yang ada dipikiran gue, semoga kalian paham.

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

Langkah awal dalam membuat kesan 3D pada text yaitu.. menjalankan software CorelDraw, bukan batu Corel ( batu koral ) alaah.

Buat dokumen baru, pilih Text Tool (F8) pada toolbox kemudian tulislah apa yang ingin kamu tulis.. oiya usahakan font atau karakter tulisan yang kamu pilih itu agak tebal.

Kalo kamu pengin memisahkan antara "BUKAN","MBAH", sama "DUKUN"nya, kamu bisa menekan Alt + A + B gunanya adalah untuk memisahkan space. Nah tinggal kamu atur letak dan posisi kata kata yang kamu tulis tadi. Kalo ga pengin ya sudah rapopo.

Oke selanjutnya pilih Contour tool pada toolbox yang ada disamping kiri kamu, kemudian atur property bar yang ada di atas area kerja seperti pada gambar, ingat ! pilih outside contour agar shape yang dihasilkan diluar dari font / karakter yang kamu tulis.

Jika Contour Offset (lapisan belakang) kurang tebal, kamu bisa menambahkan yang tadinya 0.941 mm menjadi .. hmm terserah laah pokoknya bagaimana menurut kamu pas aja.
Hasilnya kira - kira akan seperti ini.

Nah kemudian, dalam 3D itu ada yang namanya perspektif atau sudut pandang. Dalam tahap ini kita akan coba membuat perspektif pada objek yang sudah dibikin tadi. Pilih menu Effects - Add Perspective.

Pada setiap sudut objek akan ada 4 titik, kamu bisa atur semau kamu agar terlihat sudut pandang yang pas.

Jika sudah pas, langkah selanjutnya adalah memisahkan antara shape yang di contour dengan font nya (yang warna kuning sama hitam itu dipisah gaes). Dengan cara klik kanan pada bagian yg berwarna kuning (belakang font) lalu pilih Break Contour Group Apart atau dengan shortcut Ctrl + K.

Sudah terpisah khan ?.. Kemudian kita akan membuat bidang 3 dimensinya dengan menggunakan Extrude tools, tapi yang diberi bidang 3 dimensi cuma shape yang berwarna kuning (dibelakang tulisan) saja gaes, sehingga font / tulisannya bisa kita ubah warnanya atau diberi efek tertentu.

Klik bidang berwarna kuning kemudian pilih Extrude tool pada toolbox. Lalu tarik menuju posisi bidang yang kamu pengin, contohnya seperti pada gambar dibawah.

Agar bidang 3 dimensi nya terlihat, maka kita akan memberinya warna. Caranya adalah tetap pada tools extrude lalu kamu liat diatas area kerja itu ada yang namanya Extrusion Color, gunanya adalah memberi warna pada bidang 3 dimensi tersebut. Pilih Extrusion Color lalu pilih lagi Use Color Shading seperti pada lingakaran merah dibawah.

"From" untuk warna awal, atau atas, atau utama.. haha kemudian "To" itu untuk warna akhir atau bayangan, biasanya From itu warna - warna terang terus To itu warna - warna yang gelap. Paham ? semoga saja.

Yeahh kamu sudah membuat text yang tadi nya biasa, kini menjadi terlihat 3D / 3 dimensi. Celamat eaaa, nah untuk tahap pembuatan backgroundnya kamu bisa kreasikan sendiri sesukamu.

Untuk tutorial versi videonya tonton aja langsung video Youtube gue dibawah ini.

Sekalian Subscribe ya bray hehehe :)

Sekian dari gue, cara Membuat Efek 3D Text Dengan Mudah Menggunakan CorelDRAW.. semoga bermanfaat ya.
Kalau kalian kesulitan, bisa tanya - tanya sama mbah di kolom komentar, oke ?!
Cheers !

Cara Memasukkan Video Dalam HTML

Kali ini saya akan memposting "Cara Memasukkan Video Dalam HTML" , Baiklah berikut cara memasukan audio pada dokumen HTML. Di sini yang kita gunakan hanyalah Notepad.

1) Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML.

2) simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

3)Sekarang mari kita mulai untuk membuat video pada dokumen HTML seperti di bawah ini.

<!DOCTYPE html>

<html>

<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>

<body>
<video width="320" height="240" controls autoplay>
  <source src="judul video.mp4" type="video/mp4">
</video>
</body>

</html>


1) Kemudian Simpan Script di atas yg sudah di Copy Paste di Notepad.
2) Buat folder kosong terlebih dahulu sebelum di Save.Kemudian Masukkan File HTML yg sudah kalian buat.
3) Anda bisa mengganti " judul video.mp4" diatas dengan judul musik yang ingin dimasukkannya tetapi tanpa menghilangkan ".mp4" nya.
4) Satukan/Masukkan juga File Videonya yang kalian inginkan di Folder tadi (jangan lupa edit skrip di Notepad kembali jika kalian mau mengganti File Videonya).
5) Terakhir, buka File HTML yang sudah kalian buat dengan Browser yg kalian inginkan.

Semoga script yang kita sharing di atas bermanfaat bagi kita semua ya guyssss
Terima Kasih :)

Membuat Form Dengan HTML

haii guys kali ini saya akan  berbagi tips yaitu membuat form dengan HTML langsung disimak aja ya
 Pada HTML, form dibuat dengan tag <form></form>. Tag ini biasanya digunakan untuk membuat tampilan form, chombobox mau pun tampilan pilihan lainnya pada sebuah web. Atribut yang dimiliki tag ini adalah name yang digunakan untuk nama form, action digunakan untuk menunjukkan file tujuan dimana form akan dikirim yang digunakan pada server side, dan atribut method digunakan untuk menentukan method pengiriman yang dipakai (method POST/method GET) yang digunakan pada server side. Selain atribut, adapun elemen-elemen yang ada pada form, yaitu <input></input>. Tag <input></input> ini terletak di dalam blok tag <form></form>. Tag <input></input> memiliki beberapa atribut, yaitu sebagai berikut :
1. type (jenis inputan), pada form memiliki berbagai jenis inputan, yaitu text, password, checkbox, radio, hidden, button, submit, reset, file, image.
2.Name, merupakan nama elemen atau nama variabel yang nantinya digunakan sebagai pengenal saat form dikirim.
3. value, merupakan nilai isian (value) pada elemen/variabel (atribut name) saat form dikirim.
4. size, merupakan atribut untuk menentukan lebar dari form inputan, biasanya digunakan untuk jenis inputan text dan password.
5. maxlength, merupakan atribut untuk menentukan maksimal inputan yang akan diinputkan pada form.
Agar lebih paham silakan lihat contoh di bawah ini :
1. Penggunaan jenis inputan text dan password

<html>
<head>
<title>Form</title>
</head>
<body>
<form>
Nama : <input type="text" name="nama" size="20" maxlength="5"><br>
Pass : <input type="password" name="pass" size="15" maxlength="20">
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :

Nama :
Pass :

2. Penggunaan jenis inputan radio

<html>
<head>
<title>Form</title>
</head>
<body>
Jenis Kelamin :
<form>
<input type="radio" name="jenis_kelamin" value="laki_laki"> Laki-laki 
<input type="radio" name="jenis_kelamin" value="perempuan"> Perempuan
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :
Jenis Kelamin :

Laki-laki
Perempuan

3. Penggunaan jenis inputan checkbox

<html>
<head>
<title>Form</title>
</head>
<body>
Makanan Kesukaan :
<form>
<input type="checkbox" name="makanan" value="bakso"> Bakso 
<input type="checkbox" name="makanan" value="nasgor"> Nasi Goreng 
<input type="checkbox" name="makanan" value="timlo"> Timlo 
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :
Makanan Kesukaan :

Bakso
Nasi Goreng
Timlo

4. Penggunaan jenis inputan hidden

<html>
<head>
<title>Form</title>
</head>
<body>
<form>
Hidden value <input type="hidden" name="nilai" value="100">
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :

Hidden value

5. Penggunaan jenis inputan submit dan reset

<html>
<head>
<title>Form</title>
</head>
<body>
<form>
Nama : <input type="text" name="nama"><br>
Pass : <input type="password" name="pass"><br>
<input type="submit" value="submit"> <input type="reset">
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :

Nama :
Pass :

6. Penggunaan jenis inputan button

<html>
<head>
<title>Form</title>
</head>
<body>
<form>
<input type="button"value="klik">
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :

Selain tag <input></input>, ada pun elemen-elemen lain pada form, yaitu <textarea></textarea> dan <select></select>. Untuk lebih jelasnya silakan lihat contoh di bawah ini :
1. Penggunaan textarea

<html>
<head>
<title>Form</title>
</head>
<body>
Keterangan :
<form>
<textarea name="keterangan" rows="5" cols="20">Ini adalah textarea</textarea>
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :
Keterangan :

Ini adalah textarea

2. Penggunaan select

<html>
<head>
<title>Form</title>
</head>
<body>
Pilih Jurusanmu :
<form>
<select name="jurusan">
<option value="informatika">informatika</option>
<option value="matematika">matematika</option>
<option value="kimia">kimia</option>
<option value="biologi">biologi</option>
<option value="fisika">fisika</option>
</select>
</form>
</body>
</html>

yang akan menampilkan hasil seperti di bawah ini :
Pilih Jurusanmu :

Silakan dicoba dan dimodifikasi source codenya agar lebih paham. Selamat belajar.. :)

Edit video menggunkan Corel Video Studio Pro X4 untuk Pemula

Hello agan semua… makasih masih mau kunjung ke blog ane.

Kali ini ane gak bikin tutor Photoshop tapi karena ada permintaan untuk membuat tutor editing video yang mudah dipakai bagi pemula maka ane mencoba bikin tutor Video Editing.

Untuk aplikasi/software yang ane pakai adalah Corel Video Studio Pro X4 ( dulu namanya Ulead Video Studio ).

Tutor ini bisa diterapkan juga pada versi X12 dan X13 walau ada sedikit perbedaan di bagain Panel Folder Media nya.. Tapi kalo dasar-dasar oprasionalnya sama saja kok..

Untuk mendapatkan software ini silahkan Googling. Atau dapat mencari di server lokal indowebster.com dan lebih mudah lagi menggunkan torrent.. 

Oke, kita mulai..

1. Tampilan dasar Corel Video Studio Pro X4

Panel Preview : untuk menampilkan media yang kita edit ( Video,Music,Title,Trans,Efek ..dll )

Media Folder : untuk membuat Folder tempat menyimpan berkas Media yg di edit

Panel Step : urutan langkah ( Step ) editing

Menu Tool : Menu

File Explorer : Tempat meletakkan file media yang di edit dalam suatu folder

Panel Option : Opsi / Properties dari sebuah media atau opsi suatu fasilitas editing

Timeline Track : Tempat meletakkan media yg sedang/akan di edit

Gbr.1

2. Pastikan posisi kita saat ini pada Step “EDIT “ .Buatlah Folder baru bernama latihan.. Klik Add lalu ketik “Latihan”.

Gbr.2

3. Sebelum kita lanjutkan,kita pahami dulu Media lainnya yang akan kita pakai dalam editing.

• TRANSISION

Berisi animasi untuk membuat transisi antar video agar lebih menarik

Gbr.3

• TITLE

Untuk membuat Title atau Judul atau Teks

Gbr.4

• GRAPHIC

Berisi template warna background atau dpat kita tambahkan sendiri dengan gambar lain

Gbr.5

• FILTER

Untuk membuat Efect pada suatu Video

Gbr.6

4. Kita lanjutkan… Pastikan posisi kita berada pada panel Media ( 1) dan pada Folder Latihan (2), klik icon Import Media File (3), masukkan file video yang akan kita edit.. sebelum kita masukkan ke project, kita bisa melihat ( preview ) media yg kita pilih dengan cara klik play (4).
   

Gbr.7

5. Setelah video kita import, kita dapat melakukan preview dengan cara, klik File Video (1) lalu klik Play (2).

Gbr. 8

6. Mengimport Video ke Timeline. Klik lalu Drag Video yang kita pilih dan letakkan di Video track ( timeline ).

Gbr. 9

Untuk berpindah-pindah posisi ( timer ) kita dapat menggeser Timeline Slider, Klik tanda Slider ( Panah dibagian angka-angka penunjuk yang seperti penggaris) lalu geser ke kanan atau kiri.

Gbr. 9b

7. Klik Panel Option sampai layar Opsi muncul. Pada Option ini kita bisa mengatur properti sebuah media ( video ) seperti : Volume,Color,Speed,Snapshoot ( memfoto suatu frame gambar ) dan lain-lain.

Gbr.10

8. Membuat Transisi. Klik Menu Transision, lalu pilih salah satu tempale transisi dan Drag ke batas antara 2 video.

Gbr. 11

Untuk melihat hasil tansisi,coba perbesar timline dgn cara mengatur Zoom ( lihat lingkar yg kanan ), lalu geser slider Timeline ke posisi sebelum perbatasan antar 2 video, lalu klik tombol Play .

( Pada tombol play ada 2 pilihan yaitu Project dan Clip, Jika pd posisi “Project” maka video akan di play secara penuh beserta efek nya.. jik pd posisi “Clip” maka video akan diplay hanya pd video yg terpilih saja tanpa efek ).

Gbr. 12

9. Membuat title. Geser Timline Slider pada posisi terserah agan..

Klik Menu Title lalu pilih salah satu template title yang agan pilih dan Drag ke Title Track di timeline.

Gbr.13

Gbr.14

Setelah di drag, lakukan ganti Textnya, dan lakukan perubahan pada menu Opsi di Panel option.

Gbr. 15

Untuk menambah durasi title agar lebih panjang, geserlah batas pinggir ( kiri atau kanan ) pada Track Title. Track ini juga bisa di geser-geser dgn cara Klik Tahan Tracknya dan geser ke posisi yang di inginkan.

Gbr. 16

Untuk merubah animasi title, bisa dilakukan melalui opsi Atribute

Gbr. 17

Kita bisa juga membuat title secara manual ( Tanpa Template ), yaitu pada saat mengklik menu Title maka pada layar Preview muncul tulisan “Double-Click Here to add a title” , silahkan klik dobel pad alayar dan ketik teks yang kita inginkan, allu atur Atribute nya

Gbr.18

10. Memasukkan Audio Music.

Agar video yang kita buat lebih menarik, kita tambahkan background music.. caranya Klik menu Media (1 ) lalu pilih Folder Music dan import lah musik yang kita inginkan ke dalam folder music. ( Caranya hampir sama dengan langkah 4 ).

Setelah Import musik, Lakukakn drag musik yg dipilih (2 ) ke Track music di Timeline (3).

Letakkan slider timeline pada ujung video (4) lalu klik icon Gunting / Cut (5).

Gbr. 19

Gbr. 20

Atur Properti Music sesuai yang kita inginkan..

Gbr. 21

11. Merender Video

Setelah dirasa cukup editnya, selanjutnya kita Gabungkan seluruh hasil edit ini menjadi video yang utuh, proses ini disebut Rendering..

Klik Share pada menu Step, Lalu pilih menu Create Video file

Gbr. 22

Lalu pilihlah jenis video yang kita inginkan.. Dlam contoh ane pilih DVD-DVD Video (16:9)

Gbr.23

Beri nama file Video yang kan di render.

Gbr.24

Tunggu proses rendering sampai selesai..

Gbr. 25

Dan hasilnya..

Gbr. 26

Oke,,, kiranya sampai disini tutorial dari ini,insya allah dilanjut di tutor berikutnya..

Semoga bermanfaat…

Cara Membuat Logo Fecebook Dengan Corel Draw

Siapa yang tidak mengenal Facebook? Situs yang diciptakan oleh mahasiswa Harvard bernama Mark Zuckerberg ini, memang sangat fenomenal! Dalam waktu yang relatif singkat, situs jejaring sosial ini telah memikat hati jutaan orang penggunanya. Bahkan mengungguli popularitas situs sejenis yang merupakan pendahulunya, Friendster. Keunikan, kemudahan dan banyaknya fitur (fasilitas) yang ditawarkan, barangkali menjadi penyebab mengapa Facebook begitu diminati. Selain itu, logonya yang sederhana dan menarik menjadi magnet yang akan selalu mengingatkan orang akan situs ini. Trik berikut ini, akan coba menjelaskan langkah-langkah pembuatan logo Facebook menggunakan CorelDRAW X4.

1. Pertamakali tekan Ctrl+N untuk membuat kanvas kerja baru.
2. Pilih Rectangle Tool atau tekan F6.
3. Sambil menekan Ctrl, tekan dan geser Rectangle Tool untuk membuat kotak segiempat sama sisi (kubus).
4. Pastikan kubus dalam keadaan terpilih. Pada Property Bar, rubah ukuran lebar menjadi 5 CM dan tinggi 5 CM. Setelah selesai tekan P untuk menempatkan kubus tepat di tengah kanvas kerja.
5. Tekan F4 untuk memperbesar tampilan kubus.
6. Pilih Shape Tool atau tekan F10. Kemudian tarik node yang ada di sudut kiri atas ke arah dalam untuk membuat sudut-sudut kubus melengkung.
   
7. Tekan F11 untuk memunculkan kotak dialog Fountain Fill. Kemudian atur beberapa spesifikasi seperti contoh di bawah ini. Setelah selesai tekan OK.
   
8. Pilih Pick Tool kemudian klik di sembarang tempat untuk melepaskan pilihan pada objek kubus.
   
9. Pilih kembali Rectangle Tool atau tekan F6. Buat sebuah kotak persegi panjang dan tempatkan di posisi atas kubus.
   
10. Sama seperti pada objek kubus, lengkungkan sudut-sudut kotak persegi panjang tersebut menggunakan Shape Tool.
11. Tekan F11. Pada kotak dialog Fountain Fill atur beberapa spesifikasi seperti contoh di bawah ini. Setelah selesai tekan OK.
    
12. Tekan Outline kemudian pilih None untuk menghilangkan garis outline.
    
13. Pilih Transparency.
    
14. Pada Property Bar, pilih type: Linear dan angle: -90.
    
15. Pilih Text Tool atau tekan F8. Tulis huruf "f" menggunakan font: Arial Bold, ukuran: 150 pt dan warna: putih. Geser dan tempatkan huruf dengan "f" seperti contoh di bawah ini.