Sunday, February 16, 2014

Membuat Animasi Bergerak di Photoshop

Bukalah Photoshop, buatlah dokumen baru dengan Ctrl + N. Ukuran canvas terserah maunya berapa, pakai yang 500x500 pixel juga gapapa…
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaQWdfxEPJQGYSN3pS9yY_p0VcFxzanH-u2e-ahNb7LGKJkbaqe7UtMENu_Ur-7eDLbsJgt53VpkGHOnstAtwndEgZVEPvDixWKnHTdQB6gTiBuLcvUOA-FuonEfYi-rtfRG0nSja1WkO5/s320/p1.JPG
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutChNTApHeq93outsRsgzHlS764traGkPLyc6YKEhb0XzIO1uTavUganvEVdRWnCOxqngLqJtYCNczp9kaKsRrr5SjJxX5juhQ7wnvZhfLz7HzbLgWpwY3mixvsF9nzQtvCKURKwt5I4b/s320/p2.JPG
Buat Lingkaran Hijau

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSWbyDkhDvCrqvoMQwzNyECZhIqAAsS5H67SLX0LagIjTZp26i9wDgJUwg7WBJQZ1onKpZw06agPOSvwSSdbjUri-31NO4IwtxGg3rB8okWoU1fgf6v3xfHsP-DjQ2Px2mHFzdpYxlT1KU/s400/p3.JPG
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVCSYv3wDyexxtIwdM8sKdYIh1ebtSzGc59qNfxdTrIcvorqVmt7B0o1sa93AzKsqlVAcEe2MQefmDZyVUo7_F-jXoD9BETM1SoQ2WNdzkp9xOy1Lgi860gYTSF9BsmEcJZ1z21O5PRDL/s320/p4.jpg
Gambar Badan

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcbJf1bYvm7lZCBIToV-BBVW9DfwCvnEYV3IsrTS0LzpO1jA4cVsWlY9Y21Kh3JltimZJE7knh6gkFujMVHaMKi8s7vfNo-uZTqJRY0oQ8DZnnxn4dy9dIvJa9J58QGuvuW7eBoJpIw05m/s320/p5.JPG
Sekarang udah punya 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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-ytiig7VqQ8SfsLaiKRSw9oaWgkeCaQkBK66OCgpumfdVYknwLVAzNXpzBa50vMW7Kcuz9UgYR07Y9kNRwpqB3kEuCpNU6ByTmvQJeS7BD3KS2ZTQVOFomq7q-JWLHp6h2t3Kds42121/s200/p6.JPG
Buat mata

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZ1P0isW3MObQ-M_7P4Oox9ymjD4kXZNjHjFWES0vGH5BCc293cviXQoYCj1hr5KmwmNdshBwSdclqLRDzUeSzN-CzSqps1NzAvF5A-oXph3W5ROeIFCMrgnIE1IeGShNhub64DG6Zc3u/s320/p7.JPG
Copas 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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF6LQn7KoFtOkJ3qNSrjQ9wBSKYy3GpH0ygI3B7mUBR_0pVK3M8f0hUqGlUIJQIQTi0B3PG7anAI2CRCpCqWBEOc9eSZ9LHuRx7ajPgig-2BF_GcUG0sjk2QaDuUOueUSkTbxFPvrHcAkj/s320/p8.JPG
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMz8rVNYj4JL9IO8DFgxX6OhTeRHxVIkJazNOYFdNXA1kvNSFW2klzi_wweNI9ss4wz3RxKlZ3OHaUG-NrX0e5NllM8e0zI2qWL73bat9GJfgeQE2O5-VElGmNMvnjj-3pM1pBR12a9rPF/s1600/p9.jpg
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMTxeXR7c5WdcudSBx8Mh_IzTB1Em-sSa9Vg9IblHG3fKkpS2CXG1ULH2ZUDBT3LfujwcB_xPlFC_H0AK8PUH0sBhy-Wfq_LWn-kx0Jdxk3erYffBnw0Bk3tJJe2JxXVtooeb1M77W2iwn/s320/p10.JPG
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMna7agckcfnB1N2YmnjtdEObrczED4Um9rhgH8-vIw7qR8vi-6ZPbAVe8px_apXgUdPSardWeMeV0wkxc9K6Sz2H5T0GfnEdEE6pOE9tmz_m_rHh_OvpxJwaqrXDJhX94gKsXfoUY1AZ9/s400/p11.jpg
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWhhmIXPO7Z40fbg3_C9QE8ss03FIn2FK2DDK42MIycr3oHyispuPG15AmrmCsYULu2A3PYteBJKmF2DRg9hBHTxuF44GV8GM2YPNwLN95jE0vawb5rOVsIetCpPgMSPJ9o1xWm0gqBpG/s400/p12.jpg
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 coba pakai yang 1 sec biar ada efek lamanya.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3loF1gSC_Fi7zn8_2FRHN8olGcHYsSpz0JHQg-4GMzOPJITyyq6zefsFzpEp9ZdiPg9BseKL6npSRc5hAP6GAyddNIb4nALRC8VcLu75tX7qmTteTRYYUDdARGXOPALINsOe_nTRFW-N/s400/p13.jpg
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.

Nah jadi deh animasinya.
Kita juga bisa menambahkan apa saja sesuai kreatifitas kita.


Post by: Febriyanti Savitri J

0 comments:

Post a Comment