Selasa, Agustus 09, 2016

membuat animasi gif

Hay Ndan sebelumnya Kenalin dulu ni, gua Softus Salam kenal untuk kalian pembaca setiap softus okee ndan kali ini softus  Mau bagi-bagi cara membuat animasi bergerak melalui Photoshop Caranya Mudah banget kok Gooo... Baca tutorial di bawah ini :



  1. Siapkan Aplikasi Adobe Photoshop.
  2. Jika Sudah ada aplikasinya langsung aja Buka Aplikasi Photoshop anda.
  3. Untuk membuat GIF kita  harus menambahkan window animation pada Photoshop. Caranya klik menu Window pilih Animation. Hingga muncul jendela animation seperti ini.

  4. Buat file baru.  File - New (untuk pengaturan lanjutanya kita bisa sesuaikan dengan keinginan kita)/Ctrl + N. Ukuran canvas terserah, saya menggunakan ukuran 500x500 pixels. Seperti di bawah.
  5. 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.
  6.  Berikan garis hitam disekeliling lingkaran dengan klik duakali di bagian layer lingkaran hijau. dan aturlah sesuai dengan pengaturan di bawah ini.

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

  8. Maka lingkaran yang berwarna hijau dengan garis pinggir hitam telah berhasil dibuat. Buatlahlayer 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.



    Hapuslah path yang masih ada pada gambar dengan klik kanan dan pilih Delete Path.

  9. Buatlah garis pinggir pada gaambar badan seperti pada lingkaran yang dibuat tadi. Maka hasil yang didapatkan kurang lebih seperti dibawah ini.
  10. 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.


  11. Buat mata lalu 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.



  12. 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.
  13. 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.

  14. 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.
  15. 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.

  16. 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.

  17. 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 bergerak 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.
    Cieeeehhh Udah siap tu animasi bergerak sederhananya .. mudah bukan.. :) :) :)
    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 komentar:

Posting Komentar