Senin, 16 Maret 2015

Animasi Stickman dengan Adobe Flash CS3

Animasi Stickman dengan Adobe Flash CS3 (Latihan Animasi Frame by Frame)

Yo! semuanya, bagaimana kabarnya hari ini sahabat-sahabat PalComTech? Tentunya luar biasa kan. Baiklah kali ini saya akan memberikan tutorial pada semua sahabat PalComTech dengan program animasi Adobe Flash, yaitu bagaimana membuat animasi stickman. Yup! stickman, animasi yang sangat terkenal dengan nama Xiao-xiao inilah yang kali ini akan saya jelaskan bagaimana cara membuatnya.
Screen shot 2014-11-30 at 8.22.38 PM

Langkah 1

Screen shot 2014-11-30 at 8.22.53 PM
Mulailah dengan memilih Pencil Tool dan pilihlah tingkat ketebalan garis pensil yang akan digunakan untuk menggambar nantinya pada bagian Properties.

Langkah 2

Screen shot 2014-11-30 at 8.23.02 PM
Dari sini buatlah gambar pertama dari stickman yang ingin dibuat pada stage.

Langkah 3

Screen shot 2014-11-30 at 8.23.07 PM
Berikutnya tambahkanlah frame kosong dengan menekan tombol F7 pada keyboard untuk memberiBlankKeyFrame pada animasi yang dibuat dan mulai menggambar dilembar atau frame berikutnya. Tapi untuk sebelum menggambar pada frame berikutnya, aktifkan Onion Skin untuk mempermudah penggambaran berikutnya.

Langkah 4

Screen shot 2014-11-30 at 8.23.14 PM
Gambarlah gerak karakter selanjutnya dengan mengikuti petunjuk bayangan gambar pada frame sebelumnya.

Langkah 5

Screen shot 2014-11-30 at 8.23.22 PM
Ulangi langkah ke 3 dan ke 4 dan lanjutkan sampai mendapatkan gerakan yang diinginkan sesuai dengan tahapan frame demi frame yang digambar.
Nah, teruskan selangkah demi selangkah, frame demi frame gambar karakter sehingga menjadi gerakan karakter yang diinginkan seperti berjalan, berlari dan lain sebagainya. Baiklah, begitulah cara membuat animasi sederhana ini. Cukup sekian dulu artikel hari ini ya. Tetap berusaha membuat animasi yang menarikand see you next article yo!.
 ^_^ Lihat jua postingan di :

Dunia Vektor

Cara Membuat Foto Vektor
Nah pebisnis online. Anda bisa lebih mudah membangun kesan ‘kreatif’ jika seandainya anda punya 1 buah foto vektor yang bisa anda jadikan identitas online anda. Ayo hari ini kita bikin satu. Kali ini, saya akan memberikan sedikt tutorial tentang bagaimana membuat vektor mata dengan CorelDraw x4.

Persiapan

1. Pilih foto terbaik anda. Manakah yang akan anda vector. Saya sarankan yang sederhana dan tidak butuh terlalu banyak tekstur.
2. Gunakan tools “Bezier” atau “Pen” untuk menggambar mata. Kali ini, saya akan mempraktekkan bagaimana membuat vector mata dengan “Bezier Tools”.
1-vector-corel
3. Buat garis dengan Bezier tools.
2-vector-corel
4. Kemudian ubah dengan tools curve. Gunakan “shape tools”, lalu klik pada garis yang ingin kita buat melengkung. Ketika sudah terseleksi garis tersebut, klik  “Convert Line To curve”. Kemudian drag garis hingga melengkung sesuai dengan garis mata.
3-vector-corel
4. Atau cara paling cepat, buat garis lengkung secara langsung dengan membuat garis lurus seperti cara diatas, tanpa melepas click kiri pada mouse, hingga garis dapat melengkung dan buat garis sesuai dengan garis mata.
4-vector-corel
5. Berikutnya adalah pewarnaan. Dalam tehnik pewarnaan diperlukan turunan warna. Turunan warna ini didapat dengan menggunakan “eyedropper tool”, tapi sebelumnya aktifkan “Dockercolour Window” dulu.
5-vector-corel
6. Lalu “Docker Colour Window” akan keluar disebelah kanan lembar kerja anda.
6-vector-corel
7. Smart Fill adalah  tools praktis untuk mewarnai bidang yang kita ingini dengan syarat bidang yang akan kita isi warnanya tidak boleh mengalami “kebocoran”. Contoh penggunaan smart fill, kali ini saya akan mewarnai bola mata dengan warna hitam dengan menggunakan smart fill:
7-vector-corel
8. Perhatikan bidang bulat yang melewati garis mata yang kita buat tadi. Saya buat melebihi dari garis mata agar sama bentuk bulat mata yang asli dengan bentuk mata yang akan kita vector nanti. Stepnya adalah, kita buat bulatan dengan “elipse tools” untuk membuat bidang yang bulat sempurna dengan menekan tombol CTRL ketika kita drag bidang bulat yang kita inginkan. Lalu sesuaikan bulatan yang belum terisi warna tersebut sampai sama dengan posisi bola mata sebenarnya. Klik  “Smart Fill”, kemudian klik pada object yang ingin anda isi warna. Apabila warna yang dihasilkan tidak seperti yang anda harapkan, bisa anda ganti warna sesuai yang anda kehendaki dengan klik panel warna yang ada. Klik kanan untuk mewarnai “outline/garis luar”, dan klik kiri untuk mewarnai “inline/bidang”.
9. Eyedropper adalah tools yang bisa kita gunakan untuk mencuri warna. Kita dapat ambil berbagai macam warna yang ada dalam bidang apapun. Meskipun object yang ingin kita ambil warnanya memiliki format bitmap maupun Vector.
8-vector-corel
10. Kali ini, eyedropper kita gunakan untuk mendapat turunan warna apa yang cocok untuk vector yang akan kita buat. Misalnya untuk pewarnaan kulit. Kita gunakan warna coklat tua hingga coklat muda. Turunan warna itu akan kita dapat dengan mengaktifkan Eyedroper dan klik pada daerah  yang ingin kita ketahui turunan warna apa saja yang ada, dan yang mungkin cocok sebagai warna vector kita. Warna yang diambil oleh “eyedropper” akan masuk kedalam “Docker Colour Window” yang berada disisi kanan lembar kerja anda.

Penerapan

1. Pertama, buat garis mata sesuai gambar asli.
9-vector-corel
2. Tumpuk dengan bidang bulat.
10-vector-corel
3. Gunakan smartfill. Warnai masing-masing bidangnya. Dan hapus bidang bulat yang berlebih.
11-vector-corel
4. Berikan sedikit perbedaan gelap terang pada sudut-sudut mata. Dengan menggunakan Bezier tools, smartfill, dan eyedropper jika diperlukan.
12-vector-corel
5. Tambahkan sedikit pemanis di bagian mata agar terlihat lebih hidup.
13-vector-corel
6. Sekarang buat sisi gelap terang di sekitar matanya. Gunakan Bezier tools, smart fill dan eyedroper untuk mendapatkan  warna yang sesuai warna aslinya.
14-vector-corel
7. Copy menjadi dua, lalu lakukan mirroring untuk kedua mata.
15-vector-corel
8. Buat pula bagian alis dengan Bezier tools.
16-vector-corel
9. Lihat hasil vector kita ketika dipasang background putih.
17-vector-corel
10. Vector di bagian mata sudah selesai. Anda dapat melanjutkan dengan secara berturut-turut membuat vektor untuk bagian bibir, hidung, wajah, kemudian sedikit bagian badan.
Cukup panjang ya? Meskipun demikian, saya harap prosesnya menyenangkan untuk anda ;-)

Lihat juga yah : 

CARA MEMBUAT COVER BUKU DENGAN PHOTOSHOP

CARA MEMBUAT COVER BUKU DENGAN PHOTOSHOP

Cara membuat cover buku dengan photoshop | tutorial photoshopkali ini adalah requestan dari mas risky, yang pada beberapa yang lalu beliau merequest cara membuat garis yang di beri efek cahaya yang tutorialnya sudah saya publish. Bagi sobat yang mau baca tutorial cara membuat garis yang diberi efek cahaya dengan photoshop silahkan bisa mengunjungi “caramembuat efek cahaya pada garis dengan photoshop”.

Ok back to the topic. Pada waktu dulu, kalau saya ingin membuat cover buku, saya hanya menggunakan bantuan Microsoft word. Karenan memang hanya itu yang bisa saya lakukan. Tetapi sekarang setelah mencoba belajar photoshop, lambat laun saya sudah bisa membnuat cover buku dengan photoshop. Dan hasilnya lebih bagus dan lebih rapi bila dibandingkan dengan membuat cover buku dengan Microsoft word.
Cara membuat cover buku dengan photoshop
Membuat cover buku dengan photoshop ini ada dua tahap yang harus kita lakukan. Yang pertama adalah membuat pola atau kerangka cover buku yang akan kita buat, dan yang kedua adalah, mendesain cover buku itu dengan gambar dan tulisan supaya terlihat lebih indah.

Langsung saja kita mulai membuat cover buku dengan photoshop ini pada tahap pertama, yaitu membuat kerangka atau pola cover buku.

Membuat pola cover buku dengan photoshop

Buku adalah sebuah bentuk bangun ruang yang memiliki 3 dimensi dengan ukuran panjang x lebar x tinggi. Sedangkan cover buku adalah penutup sebuah buku, biasanya terbuat dari sesuatu yang lebih keras dari isi buku itu sendiri.

Jadi sebelum membuat cover buku kita terlebih dahulu harus mengetahui panjang, lebar dan tinggi suatu buku. Perhatikan gambar di bawah ini.
Cara membuat cover buku dengan photoshop
Pada praktek tutoririal membuat cover dengna photoshop kali ini saya akan membuat sebuah buku dengan ukuran A5 ( 21cmx14.8cm) dan tebal (tinggi) 1 cm. ukuran buku standar. Jadi saya membutuhkan kertas untuk cover buku ukuran A4 (A5 cover depan + A5 cover belakang) + 1 cm untuk ketebalan bukunya. Jika ukuran buku sudah sobat ukur, sekarang kita akan memulai membuat cover buku dengan photoshop.


Setelah mendalami dan mempelajari photoshop lebih dalam lagi, ternyata ada pengaturan dalam photoshop yang bisa kita manfaatkan unutk mengatur jarak yang kita inginkan menggunakan guide. Untuk lebih jelasnya silahkan baca : cara membuat pola cover buku dengan photoshop


1. Buka photoshop sobat dan klik Ctrl+N untuk membuat document baru. Kemudian aturla seperti gambar berikut ini.
Cara membuat cover buku dengan photoshop
Name            : isi dengan cover buku untuk mempermudah
Width            : isi 29.7 cm ukuran lebar cover buku depan+belakang
Height           : isi 21 cm ukuran tinggi cover buku
Resolution    : isi dengan 300 pixels/inch supaya hasil cover buku tidak pudar atau buram
Color mode  : isi dengan CMYK color karena kebanyakan mesinprinter menggunakan color mode CMYK. Setelah semuanya diatus seperti di atas klik OK. *catatan ukuran ini unutk membuat cover buku ukuran A5, sehingga lebar keseluruhan cover depan dan belakang menjadi A4. Jika sobat mau membuat cover buku dengan ukuran yang berbeda, silahkan disesuaikan saja ya. J

2. Buat lagi document baru (Ctrl+N) untuk membuat tebal cover buku. Disini saya akan membuat cover buku dengan tebal buku 1Cm, sehingga pengaturannya seperti berikut ini.
Cara membuat cover buku dengan photoshop
Name            : isi dengan cover buku untuk mempermudah
Width            : isi 1 cm ukuran tebal cover buku
Height           : isi 21 cm ukuran tinggi cover buku
Resolution    : isi dengan 300 pixels/inch
Color mode  : isi dengan CMYK color

3. Masih di document tebal cover buku. Klik Ctrl+A untuk menyeleksi seluruh document tebal cover buku. Kemudian klik Ctrl+C untuk mengCopy document tersebut.

4. Pindah ke document cover buku, kemudian klik Ctrl+V untuk menempel (paste) document tebal cover buku tadi. Sehingga hasilnya menjadi seperti ini.
Cara membuat cover buku dengan photoshop
Karena warna background (cover buku) dan layer 1 (tebal cover buku) sama-sama putih, jadi gambar tebal cover buku tidak terlihat.

5. Supaya gambar tebal cover buku terlihat, silahkan tambahkan effect Stroke. Caranya doble klik layer 1 (tebal cover buku) kemudian ceklisstrokeJika kesulitan, silahkan sobat  lihat tutorial Cara mewarnai garis pinggir pada tulisan di photoshop. Sehingga hasilnya akan menjadi seperti ini.
Cara membuat cover buku dengan photoshop

6. Buatlah kotak besar dengan menggunakan rectangular tool (U) kemudian kasih effect stroke seperti gambar tebal cover bukudiatas. Lalu rubah fillnya menjadi 0%. Sehingga hasilnya menjadi seperti ini.
Cara membuat cover buku dengan photoshop
Kotak besar ini berfungsi untuk membuat batas sisir buku (batas untuk memotong/merapihkan)

Sampai di sini sobat sudah selesai membuat pola cover buku dengan photoshop. Yang pada tahap selanjutnya sobat tinggal mendesain cover buku sobat. Sebagai penampakan sementara hasilnya adalah sebagai berikut. Jangan lupa untuk di Save terlebih dahulu supaya lebih aman.
Cara membuat cover buku dengan photoshop

Mendesain cover buku dengan photoshop

Setelah sobat selesai membuat pola untuk cover buku, sekarang kita akan memasuki tahap berikutnya, yaitu mendesain cover buku. Mendesain disini bukan berarti saya akan menuntun sobat mendesain sebuah cover buku dengan menggunakan photoshop, akan tetapi saya hanya akan memberikan rumusan-rumusan yang biasanya diletakan pada sebuah desain cover buku. Jadi masalah warna, gambar tulisan dal hal-hal yang berkaitan dengan memperindah cover buku sobat, saya serahkan kepada sobat. Tutorial tambahan yang bisa sobat manfaatkan trik-trik mengedit tulisan dengan photoshop

Mari kita mulai mendesain cover buku dengan menggunakan photoshop.

1. Silahkan sobat masukan sebuah gambar cover buku yang sobat inginkan. Posisinya harus berada di bawah layer 1 (tebal cover buku) dan shape 1 (batas sisir buku). Lihat contoh dibawah ini.
Cara membuat cover buku dengan photoshop

2. Pada cover buku bagian depan isi dengan judul buku, keterangan, penerbit dan penulis. Contohnya sebagai berikut ini. 
Cara membuat cover buku dengan photoshop
Keterangan  : -
Penerbit       : tutorial89
Penulis         : Ibnu Syamsun

3. Pada bagian tebal buku isi dengan penulis dan judul buku. Untuk memutar tulisan menjadi 90 atau miring silahkan klik menu edit > transform > rotate 900 CW. Sehingga hasilnya menjadi seperti ini.
Cara membuat cover buku dengan photoshop

4. Pada cover buku baigan belakang isi dengan deskripsi buku, penerbit termasuk logo dan alamat lengkapnya dan no ISBN, jika sobat sudah mendaftarkan buku sobat ke Perpustakaan Republik Indonesia. >Cara mendapatkan No ISBN. Sehingga hasilnya menjadi seperti ini
Cara membuat cover buku dengan photoshop

5. Cek kembali tulisan dan desainnya. Jika semuanya sudah yakin tidak ada lagi yang keliru. Silahkan di Flatten (digabungkan) dengan caraklik kanan salah satu layer > Flatten image sehingga seluruh layer akan menjadi satu. *Sebelum di flatten, save terlebih dahulu untuk dijadikan master. Untuk jaga-jaga jika ingin di edit ulang. Karena ketika sudah di Flatten sudah tidak bisa di edit lagi.
Cara membuat cover buku dengan photoshop

6. Klik Shift+Ctrl+S kemudian pilih format PDF.

Sekarang cover buku sobat sudah jadi. Tugas sobat sekarang tinggal mengeprintnya. Atau di print ke tempat percetakan. Sebagai info tambahan, harga pasaran untuk ukuran A3 (2xA4) harganya sekitarRp.5.000,- jadi saya sarankan lebih baik sobat mengeprintnya di tempat pengeprintan langsung. Karena hasilnya lebih bagus.

Bagi yang mau mendownload contoh cover buku dalam format PSD silahkan langsung aja klik “contoh cover buku format PSD” *karena ini hanya contoh, jadi ukurannya saya perkecil supaya uploadnya tidak terlalu menghabiskan kuota J

Sekian tutorial photoshop kali ini, pada lain kesempatan saya akan coba share tutorial photoshp menarik lainnya. Trimakasih atas perhatiannya. Semoga bermanfaat.

Sebelum sobat menutup Artikel Cara membuat cover buku dengan photoshop ini, mohon berikan masukannya di kolom komentar. Apa kekurangan dan kelebihan Artikel Cara membuat cover buku dengan photoshop ini?, supaya saya bisa terus belajar untuk memberikan yang terbaik.


Lihat juga yah ^-^ :