Featured Post Today
print this page
Latest Post
Showing posts with label ./Tutorial. Show all posts
Showing posts with label ./Tutorial. Show all posts

Cara Membuat Animasi Bergerak Sederhana di Photoshop

Assalamualaikum..


Ye, akhirnya posting lagi setelah sekian lama hanya nge-draft dan nge-draft postingan. Kali ini Saya akan mencoba memeberikan suatu tutorial yang sangat sederhana yang mungkin semua sudah tahu. Oh keh, sekarang kita akan membuat animasi bergerak sederhana dengan menggunakan program grafis semua umat yaitu Photoshop. Kita akan mencoba membuat animasi dengan karakter Parampaa. Tahukan games fenomenal Parampaa. Yang bertubuh ijo itu loh. 

Ini dia hasil dari pekerjaan yang akan coba kita buat.
Parampaa (Hasil Akhir)

Penasaran cara buatnya? Baiklah, kita mulai saja tutorial kali ini. Enjoy it plus try it!


Bukalah Photoshop, buatlah dokumen baru dengan Ctrl + N. Ukuran canvas terserah, saya menggunakan ukuran 500x500 pixels. Seperti di bawah.

Dokumen Baru

Buatlah sebuah lingkaran menggunakan Ellipse Tool di menu bar samping atau ikon bundar. Ubahlah warna di Foreground color dengan kode #aad985 atau berwarna hijau. Buatlah lingkaran seperti di bawah.

Buat Lingkaran Hijau

Berikan garis hitam disekeliling lingkaran dengan klik duakali di bagian layer lingkaran hijau. dan aturlah sesuai dengan pengaturan di bawah ini.

Pengaturan garis pinggir

Maka lingkaran yang berwarna hijau dengan garis pinggir hitam telah berhasil dibuat. Buatlah layer baru dan pindahkan layer tersebut di bawah layer lingkaran hijau. Setelah itu kita buat setengah badannya menggunakan Pen Tool atau bisa dengan klik P di keyboard. Buatlah seperti gambar dibawah. Untuk mengisi path yang telah tersambung cukup dengan klik kanan dan pilih Fill Path.

Gambar Badan

Hapuslah path yang masih ada pada gambar dengan klik kanan dan pilih Delete Path.
Buatlah garis pinggir pada gaambar badan seperti pada lingkaran yang dibuat tadi. Maka hasil yang didapatkan kurang lebih seperti dibawah ini.

Parampaa dengan Badan

Nah, sekarang kita buat matanya persis dengan membuat kepala tadi dengan Ellipse Tool dan berikan garis pinggirnya serta titik hitam ditengahnya. Setelah itu gandakan mata yang telah dibuat tadi dengan menekan Ctrl + J pada keyboard.

Buat mata
Gandakan mata

Wajah tanpa mulut ngga lengkap dong, sekarang kita buat mulutnya dengan Pen Tool hanya dengan membuat garis sedikit melengkung. Klik kanan pada path melengkung tersebut dan pilih Stroke Path. Oiya, ketebalan Brush harus diatur ke poin 5. Hasil yang kita dapatkan seperti dibawah.

Gambar Lengkap

Sekarang kita akan menggabungkan antara background putih yang telah digandakan, kepala, kedua mata, badan, dan mulut dengan tekan Ctrl + Shift + E.. Maka akan didapatkan gambar seperti dibawah.

Penggabungan
Sekarang kita akan membuat mata berkedip. Sebelum itu kita harus menyembunyikan gambar yang telah digabung dan kedua mata dengan menghilangkan tanda mata hitam di layer.

Mata berkedip dapat dibuat dengan menggunakan Pen Tool dengan sesuai pola yang diinginkan. Caranya sama dengan membuat senyum. jangan lupa gandakan dan geser posisinya serta mengubah arahnya 180 derajat. Seperti di bawah.

Mata Berkedip

Gabungkan layer-layer seperti background putih, mata berkedip, senyum, badan, dan kepala seperti menggabungkan gambar yang tadi sehingga kita medapatkan dua buah gambar sempurna.

Ini bagian yang ditunggu-tunggu, kita akan menggerakkan matanya. Sebelum itu, kita harus mengaktifkan menu animasi dengan pilih Window lalu Animation.

Muncullah menu animasi di bagian bawah layar kerja, untuk memanggil semua layer yang akan dibuat menjadi animasi tekan bagian yang diberi warna merah, lalu pilih Make Frames From Layers.

Menu Animasi

Kita kan hanya membutuhkan bagian layer yang sempurna, untuk itu kita harus menghapus layer-layer yang tidak dibutuhkan. Hapuslah semua layer kecuali yang terdapat kotak merah dengan meng-klik ikon tong sampah yang dibawah.

Menghapus layer yang tak penting

Nah tinggal tersisa dua layer, kita bisa memutarnya dengan meng-klik bagian warna biru dan bisa mengatur waktu per layer di bagian warna merah. Kali ini saya pake yang 1 sec biara ada efek lamanya.

Pengaturan Animasi

Ini yang penting. Cara menyimpannya yaitu dengan klik File pilih Save for Web & Devices... atau tekan Alt + Shift + Ctrl + S di keyboard.

Muncul kotak dialog, lalu klik Ok. Muncul lagi kotak dialog terakhir yang memberi perintah tempat menyimpan file dan nama file. klik OK.

Animasi Parampaa sudah jadi seperti gambar paling atas. :)
Kita juga bisa menambahkan apa saja sesuai kreatifitas kita. Seperti saya menambahkan lidah merah di Parampaa. Liat gambar di bawah.



INTI-nya, jangan takut MENCOBA karena kita tidak akan tau apa yang akan kita dapatkan. Okeh-okeh.. : ) X ) : p

Terima Kasih, dan tunggu tutorial yang lebih kompleks dari yang sangat sederhana ini. :)
0 comments

Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5

Sudah Lama saya Tidak Memposting Di BLog ..
Okeh Langsung KE TKP
Apakah Anda pernah melihat animasi GIF lucu yang berasal dari sebuah video, dan Anda ingin membuat animasi semacam itu? Sekarang, Anda bisa membuat animasi tersebut dengan mudah! Ikuti petunjuk dari artikel ini untuk membuat animasi tersebut dengan Photoshop CS5

Instruksi

1. Setelah membuka Photoshop, buka menu File>Export. Klik pada Video Frames to Layers. (Cara ini hanya bisa dilakukan pada Photoshop CS5 versi 32 bit. Pengguna Mac bisa melakukan ini dengan membukaFinder>Applications>Photoshop CS5>Photoshop CS5. Klik kanan lalu pilihlah get info. Disitu seharusnya ada kotak centang untuk membuka Photoshop CS5 32 bit.Gambar Pertama Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat
Pilihlah video Anda dan klik Load. Pastikan video tersebut bisa diputar dalam Photoshop. Format yang didukung adalah .MOV, .AVI, .MPG, .MPEG, dan .MP4Gambar Kedua Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

2. Pilihlah seleksi yang cocok dibawah menu Range To Import. Untuk memilih beberapa frame, centang opsiSelected Frames Only. Opsi ini membuat Anda bisa membuat GIF lebih cepat. Ukuran/layer juga bisa dikecilkan sehingga Anda bisa dengan mudah mengedit file GIF.Gambar Ketiga Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat
Video Anda sekarang akan diubah kedalam layer sehingga Anda bisa membuatnya menjadi file GIF.Gambar keempat Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

3. Pergilah ke Window, dan beri tanda centang pada Animation.Gambar Kelima Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat
Pergilah ke menu animation dan hapuslah frame yang tidak perlu sehingga animasi Anda terlihat seperti yang Anda inginkan. Dari sini, Anda juga bisa menambahkan frame baru. Ingatlah bahwa jika jumlah frame sedikit, ukuran file GIF akan menjadi lebih kecil dan akan membutuhkan waktu yang singkat agar bisa ditampilkan sepenuhnya jika Anda mempostingnya pada situs webGambar Keenam Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat
Periksalah waktu animasi yang ditampilkan pada bagian kanan. Semakin besar angkanya, semakin lambat animasi akan berjalan dengan mulus.Gambar Ketujuh Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

4. Lihatlah pada bagian kiri bawah dari frame animasi dan beri tanda centang pada opsi Forever. Opsi ini akan membuat animasi terus berputar tanpa henti.Gambar kedelapan Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

5. Pilihlah opsi Rectangle Marquee Tool pada bagian atas kiri di toolbar kiri. Pilihlah porsi gambar yang akan difokuskan, yang ingin Anda inginkan.Gambar Kesembilan Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

6. Kurangi ukuran gambar dari video yang Anda ambil tersebut. Lakukan hal ini dengan cara membuka menuImage>Image Size, dan pilihlah dimensi baru untuk gambar Anda. Anda sebaiknya memilih ukuran yang pas, karena jika tidak, gambar GIF Anda akan terlihat ganjil. Sebaiknya Anda menggunakan ukuran setengah dari file GIF yang asli. Pergilah ke Image>Crop. Perintah ini akan memotong ruang yang tidak perlu dari gambar dan akan fokus pada subyek dari animasi.Gambar Kesepuluh Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

7. Pergilah ke File>Save for Web & Devices. Perintah ini akan mengoptimasi gambar Anda.Gambar kesebelas Cara Membuat Animasi GIF Dari Video Dengan Menggunakan Photoshop CS5 Oleh Segiempat

8. Gantilah format file menjadi GIF untuk memastikan gambar tersebut menjadi animasi. Periksalah apakah animasi Anda terlihat seperti yang Anda inginkan dengan meng-klik Preview pada kiri bawah jendela. Jika semuanya sudah pas, beri nama file GIF tersebut dan simpan pada direktori yang Anda inginkan.
1 comments

Membuat Foto Menjadi Kartun Dengan Photoshop

Membuat Foto Menjadi Kartun Dengan Photoshop

Dalam tutorial ini saya akan menjelaskan cara membuat foto anda menjadi gambar kartun dengan menggunakan photoshop. Tutorial ini memakai Adobe Photoshop CS2, tapi saya rasa langkah-langkah yang akan dijelaskan dalam tutorial ini bisa diaplikasikan pada photoshop versi-versi lainnya. Untuk membuat foto menjadi kartun dengan photoshop bisa dikerjakan dengan beragam teknik, salah satunya adalah teknik berikut ini:

kartun dengan photoshop


Langkah 1:
a. Buka foto yang akan anda edit di Adobe Photoshop. Dalam memilih foto yang akan anda jadikan kartun, sebaiknya pilih foto yang tajam (fokus) dan detil wajahnya terlihat dengan jelas. Foto yang buram, agak kabur, atau yang cenderung gelap, bukanlah pilihan yang bagus. Semakin besar resolusi foto maka akan semakin baik hasilnya.

b. Duplikat layer tsb. Ubahlah nama layer baru tsb menjadi 'asli'. Layer 'asli' bisa anda pakai untuk 'menyimpan' foto aslinya, agar jika sewaktu-waktu dibutuhkan maka gambar aslinya masih ada.

c. Kuncilah layer ini (klik tombol 'lock all'  ), dan matikan visibility-nya.

kartun dengan photoshop

d. Buatlah layer baru. Ubah namanya menjadi 'background'. Anda akan memakai layer ini sebagai warna latar belakang untuk foto kartun anda. Isilah layer ini dengan warna oranye menggunakan tool Paint Bucket dan letakkan pada posisi paling bawah.

kartun dengan photoshop

Langkah 2:
a. Pisahkan objek foto yang ingin dikartunkan dari background foto. Hapuslah bagian-bagian foto yang tidak diinginkan. Caranya, seleksi objek dengan menggunakan tool Pen. Dengan tool Pen, buatlah satu path di sekeliling objek, ubahlah path tsb menjadi selection (tombol: ctrl + Enter), inverse selection tsb (tombol: ctrl + shift + i), hapus (tombol: del), kemudian hilangkan garis selection (tombol: ctrl + D).

kartun dengan photoshop

Langkah 3:  
Langkah selanjutnya adalah membuat 'outline' objek foto anda.
a. Duplikat layer 'Layer 0', kemudian ubah nama layer menjadi 'outline'. 

kartun dengan photoshop

b. Lalu masuk menu: Image -> Adjustments -> Shadow/Highlight...
Klik tombol OK. 
Langkah yang ini tidak harus Anda lakukan. Namun seringkali langkah ini akan membuat hasil outline anda nantinya menjadi lebih tajam.

c. Pastikan warna di color palette adalah hitam untuk foreground dan putih untuk background. (Ketik 'd' pada  keyboard jika warna di color pallete bukan warna default tsb).

d. Ubah gambar menjadi outline dengan menggunakan filter Photocopy. 
klik menu: Filter -> Sketch -> Photocopy...
Set 'Detail' ke 3.
Set 'Darkness' ke 8.
Klik tombol 'OK' 
Hasil yang diinginkan adalah outline gambar terlihat detil namun tidak sampai menyebabkan outline terlihat 'kotor' penuh bercak hitam.
kartun dengan photoshop


e. Ubah garis-garis outline menjadi garis hitam solid.
Klik menu: Image -> Adjustments -> Threshold...
Geserlah slider ke kanan dan kiri, sambil dilihat previewnya, sampai preview yang tampil terlihat paling bagus (outline terlihat detil akan tetapi tidak kotor penuh bercak).
Klik tombol OK.
kartun dengan photoshop


Langkah 4: 
Langkah selanjutnya adalah mewarnai badan.
a. Pilih / aktifkan layer 'outline'. Kemudian tekan Ctrl-J untuk menduplikasi layer . Ubahlah nama layer menjadi 'white'.
kartun dengan photoshop

b. Selanjutnya kita ubah warna layer ini menjadi putih.
Pilih menu: Image :: Adjustments :: Brightnness/Contrast...
Geser slider 'Brightness' hingga mentok kanan (+100) dan slider 'Contrast' hingga mentok kiri (-100).
Klik OK.
Anda akan mendapatkan hasil seperti ini:
kartun dengan photoshop

c. Pindahkan posisi layer 'white' ke bawah layer 'outline'.

d. Ubah blending mode layer 'outline' menjadi 'Multiply'.

kartun dengan photoshop

e. Tekan tombol 'd' untuk mengembalikan warna foreground dan background ke default (hitam untuk foreground, dan putih untuk background)

f. Pilih / aktifkan layer 'white' pada Layers Palette.

g. Klik 'Create new fill or adjustment layer'  pada bagian bawah Layers Palette. Pada menu popup yang muncul, pilih 'Solid Color...'. Selanjutnya akan muncul kotak dialog 'Color Picker'.
Pada 'Color Picker', pilihlah warna coklat krem (#FAD594). Warna ini akan anda jadikan sebagai warna kulit.
Klik OK

h. Hasilnya seperti ini.
kartun dengan photoshop

i. Pilih tool 'Paint Bucket Tool'  . Klik pada kanvas untuk mengisi layer mask dengan warna hitam.

j. Ubahlah nama layer menjadi 'skin'.

Hasilnya akan seperti ini.
kartun dengan photoshop

k. Buatlah clipping mask antara layer 'skin' dengan layer 'white'. Tekan Ctrl + alt + G dalam keadaan layer 'skin' sedang aktif / terpilih.

l. Pada 'Layers Palette', klik layer 'outline' sambil menekan tombol Ctrl. Cara ini akan menyeleksi foto anda.

m. Tekan tombol 'x' untuk menukar warna foreground dengan warna background.

n. Pilih tool 'Paint Bucket'  , klik pada bagian dalam seleksi di kanvas untuk mengisinya dengan warna putih.

o. Tekan Ctrl + D untuk membatalkan seleksi.
kartun dengan photoshop

Langkah 5:
Memberikan Shading
Suatu gambar yang 'datar' tidak akan terlihat menarik. Anda bisa memberikan shading pada gambar anda supaya memberikan kesan kedalaman (3 dimensi), caranya:
a. Duplikat layer 'Layer 0', beri nama 'Layer 0 copy', lalu pindahkan layer ini ke atas layer 'outline'.
kartun dengan photoshop

b. Kaburkan (blur) sedikit layer ini.
Pilih menu: Filter -> Blur -> Gaussian Blur...
Set radius efek blurring ke 4 pixels. Klik Ok

c. Pilih menu: Filter -> Artistic -> Cotout...
Set 'Edge Simplicity' ke 2.
Set 'Edge Fidelity' ke 1.
Klik OK pada kotak dialog Cutout.

kartun dengan photoshop

d. Ubahlah nama layer 'Layer 0 copy' menjadi 'shade'.

e. Pilih menu: Image -> Adjustments -> Threshold...
Klik tombol OK jika Anda sudah puas dengan hasilnya.

f. Pilih tool 'Magic Wand Tool'   pada 'Tools Palette'.

g. Klik pada area berwarna putih pada kanvas.

h. Tekan tombol Delete (pada keyboard) untuk menghapus bagian berwarna putih pada layer 'shade'.

i. Tekan tombol Ctrl + D untuk menghilangkan seleksi.

j. Ubahlah blending mode layer 'shade' menjadi 'Soft Light'.
Ubah opacity menjadi 40%.
kartun dengan photoshop

Nah, kita sudah selesai dengan shade-nya. Mari kita lanjutkan dengan tint-nya.
Langkah-langkah pembuatan tint pada prinsipnya sama dengan cara pembuatan shade.

k. Pilih / aktifkan layer 'tint'.

l. Pilih menu: Image -> Adjustments -> Threshold...

kartun dengan photoshop
Geserlah slider ke kiri dan kanan. Bereksperimenlah dengan slider ini sambil terus memperhatikan preview hasilnya.
Klik tombol OK jika Anda sudah puas dengan hasilnya.

m. Pilih tool 'Magic Wand Tool'   pada 'Tools Palette'.

n. Klik pada area berwarna hitam pada kanvas.

o. Tekan tombol Delete (pada keyboard) untuk menghapus bagian berwarna hitam pada layer 'tint'.

p. Tekan tombol Ctrl + D untuk menghilangkan seleksi.

q. Ubahlah blending mode layer 'tint' menjadi 'Soft Light'. Ubah opacity menjadi 60% (bereksperimenlah dengan nilai opacity ini sampai Anda mendapatkan hasil yang pas).
kartun dengan photoshop

Langkah 6:  
Langkah selanjutnya adalah pewarnaan.
a. Pilihlah tool 'Paint Bucket Tool'   pada Tools Palette (atau tekan tombol 'G'). 

b. Tekan tombol 'd' untuk mengembalikan warna foreground dan background ke warna defaultnya (hitam untuk foreground dan putih untuk background). 

c. Pada Layers Palette, pilih / aktifkan layer 'skin'. 

d. Klik 'Create new fill or adjustment layer'  pada bagian bawah Layers Palette.
Pada menu popup yang muncul, pilih 'Solid Color...'. Selanjutnya akan muncul kotak dialog 'Color Picker'. 

e. Pada kotak dialog 'Color Picker', pilihlah warna biru. Warna ini akan anda pakai sebagai warna baju. 
Klik tombol OK 

kartun dengan photoshop

f. Klik kanvas untuk mengisi layer mask baju dengan warna hitam. 

g. Ubahlah nama layer menjadi 'baju1'.

h. Buatlah clipping mask antara layer 'baju1' dengan layer 'skin'. Tekan Ctrl + alt + G di saat layer 'baju1' sedang aktif (terpilih).

i. Lakukan lagi langkah-langkah di atas untuk membuat layer-layer untuk warna bibir, mata, iris, dan rambut dll.

j. Setelah layer-layer untuk warna siap, anda dapat mulai mewarnai tiap bagian dari gambar anda.
Mulai dengan mewarnai rambut.
Pilih 'Pencil Tool'  pada 'Tools Palette' (atau tekan tombol 'B' pada keyboard). 

k. Aktifkan / pilih layer 'rambut(color fill)' pada 'Layers Palette'. 

l. Pastikan bahwa warna foreground adalah putih. (Tekan tombol 'X' jika Anda butuh untuk menukar warna foreground dengan warna background). 

m. Mulailah mewarnai rambut. Gunakan hard brush dengan opacity diset pada angka 100%. Saat mewarnai pastikan bagian rambut Anda zoom-in agar pewarnaannya rapi tidak keluar dari batas gambar rambut. (Clipping mask yang telah kita buat pada langkah sebelumnya sangat membantu dalam hal ini. Warna yang anda sapukan tidak akan keluar dari objek gambar dan mengotori background)

kartun dengan photoshop

n. Selanjutnya ulangi step l hingga m untuk mewarnai iris.
Hasilnya seperti ini:
kartun dengan photoshop

0 comments
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Dirty Conectionn.Indonesi4.Com - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger