1. Hello Guest, selamat datang di Forum WinPoin. Kamu bisa bertanya, berdiskusi, sharing, dan ngobrolin apapun seputar Windows, Windows Phone, PC, Gadget, atau hal seputar Teknologi lainnya. Selamat berkomunitas! ;)

Tutorial Membuat Animasi GIF dengan Photoshop

Discussion in 'General' started by Yusril Ibnu, Jun 7, 2014.

  1. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,353
    Sebelumnya bila berkenan silahkan +REP, karena ini berdasarkan keahlian sendiri, tutorial sendiri asli dari saya tnapa copas sedikit apapun. Jika Anda bingung cara membuat gambar gif, mungkin cara ini dapat membantu, peralatanya cukup mudah..., cukup dengan software Photoshop CS atau CC, Bagaimana cara membuatnya ?, yuk kita ikuti saja :

    1. Pertama, pilih File > New, lebar dan tinggi sesuaikann sesuka anda namun rekomendasi jangan terlalu besar !. pada background Contents pilih transparent. lalu klik OK

    [​IMG]

    2. Buat teks sesuka anda, saya ambil contoh tulisan "WINPOIN"

    [​IMG]

    3. Lalu saya memuat bulatan lingkaran di O dengan warna biru, merah, orange, dan hijau, beserta saya duplikat tulisan "Winpoin", dan diberi style.

    [​IMG]

    4. Di kolong bawah klik "Create Frame Animation"

    [​IMG]

    5. lalu buat frame 5, caranya pilih layers yang akan tetap tampil (nyala matikan simbol mata disamping layers)
    Minsal saya buat begini :
    • Winpoin 2 = Frame 5
    • Winpoin = Frame 1-4
    • Elipse 1 Copy = Frame 1
    • Elipse 1 Copy 2 = Frame 2
    • Elipse 1 Copy 3 = Frame 3
    • Elipse 1 = Frame 4

    [​IMG]

    6. Saya belum puas ingin membuat efek Fade pada animasi caranya minsal pilih layers 4 dan 5 lalu klik tombol bergambar bulat bulat yg arah bawah samping (Disebelah tombol >> , dan sebelum tombol gambar kertas [,] ) , lalu saya memilih frame to add 3, dengan parameter ceklis semua. klik oke.

    [​IMG]

    [​IMG]

    Begitupun dengan layers yang paling akhir

    [​IMG]

    7. Sesuaikan waktunya dan posisinya. dan saya pake setting forefer untuk pemutaranya (jalan terus)

    [​IMG]

    8. Jika sudah pada File, klik save for web, nanti muncul dialog berikut, samakan dan sesuaikan, pilih gambar GIF

    [​IMG]

    9. Jika sudah simpan gambar dengan akhiran gif, klik save

    [​IMG]

    10 Dan ini dia hasilnya :

    [​IMG]

    Bagaimana ? Mudahkan ? Sekian Thread saya semoga bermanfaat bagi anda terimakasih.
     
  2. Z.A.Y

    Z.A.Y Moderator Staff Member

    Joined:
    May 21, 2014
    Messages:
    1,792
    nah ini dia yang saya cari :goodjob:

    +rep :ketawa:
     
  3. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,353
    siip silahkan, (thread lagi direnovasi mau perbaiki gambar pake petunjuk) hihih :ketawa:
    thanks +repnya :kagum:
     
  4. Isyroq Ank PKU

    Isyroq Ank PKU Active Member

    Joined:
    Mar 13, 2014
    Messages:
    1,473
    Wah...saya suka ama gambar animasi tapi gak pandai buatnya :ketawa:
     
  5. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,353
    saya juga tidak terlalu mahir... :ketawa:
    mungkin cara ini dapat dicoba..
    (Thread ini hanya contoh, kreasikan sendiri :goodjob:)
     
  6. marwanto.se

    marwanto.se New Member

    Joined:
    May 7, 2013
    Messages:
    7,659
    Patut dicoba nih, ternyata bisa dilakukan dengan Photoshop. :kagum:
    +Rep. :goodjob:
     
  7. Isyroq Ank PKU

    Isyroq Ank PKU Active Member

    Joined:
    Mar 13, 2014
    Messages:
    1,473
    Ok sob :goodjob:
     
  8. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,353
    yap... photoshop juga bisa donk.. :cool:
    thanks +repnya :goodjob: :kagum:
     
  9. Ambrizal Suryadinata

    Ambrizal Suryadinata Saya Ganteng Staff Member

    Joined:
    Jan 25, 2014
    Messages:
    2,587
    Frame by Frame.
    Bukan begitu ??.
     
  10. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,353
    yaps :goodjob:
    dibuat berdasarkan dari frame ke frame lainya :sokganteng:
    [hr]
    [hr]
    INFO = Update Gambar
    [hr]
     

Share This Page