Rabu, 16 Mei 2018

Pembuatan Banner 3KA02 UG


 
 
 
 
 
DISUSUN OLEH:



PANJI PANGESTU                         (15115314)
PUTERI ELLIZA AZHARI            (15115417)
RAVI NOVIANO                            (15115697)
REYHAN FIRGIAWAN                 (15115798)
RIMA NUR ROHMAH                  (16115002)
ROMY ABIDIN                              (16115259)
VHICO PUTRA PRATAMA           (17115021)
WANTRI GABE DANIEL              (17115107)





SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER& TEKNOLOGI INFORMASI
UNIVERSITAAS GUNADARMA



BANNER

A.    Pengertian dan tujuan banner
Banner adalah sebagai identitas sebuah blog atau website selain itu fungsi dari banner adalah sebagai media iklan, promosi, publikasi,menjalin persahabatan  dan berbagai kepentingan lainnya. Berbagai jenis dan ukuran standar banner yang biasanya di pergunakan dalam blog atau site di media internet.
Banner itu artinya adalah gambar, kebanyakan dibuat dengan ukuran kecil yang biasanya dimasukkan atau disisipkan di sebuah halaman web.
Banner dilengkapi sebuah link,yang kalau di klik akan menuju ke suatu situs yang telah ditentukan oleh si pembuat banner tersebut. Misalnya banner iklan di suatu blog , kalau ada yang meng-klik, maka si pengunjung akan dibawa ke situs iklan yang dituju.
Tujuan dari banner adalah untuk mengiklankan produk tertentu dan menarik orang sebanyak mungkin/ lalu lintas mungkin untuk produk tertentu.[1]
Adapun banner yang berukuran kecil biasanya di gunakan untuk saling bertukar link, sedangkan banner yang ukuran sedang untuk media iklan. Sebaiknya banner tersebut jangan meniru punya orang lain, jadi buatlah banner ciptaan sendiri yang menarik agar siapa saja yang melihat banner tersebut merasa tertarik dan akan mengklik link tautan kita.
Berbagai ukuran utama  banner :
Banner ukuran standar pada umumnya untuk kepentingan iklan atau promosi  (window pop-up ) sebagai contoh
1.                  300 x 250 IMU / pixel (Medium Rectangle)
2.                  250 x 250 IMU / pixel (Square Pop-Up)
3.                  240 x 400 IMU / pixel (Vertical Rectangle)
4.                  336 x 280 IMU / pixel (Large Rectangle)
5.                  180 x 150 IMU / pixel (Rectangle)
Banner dan buttons merupakan jenis banner yang di pergunakan pada blog atau situs di media internet ukurannya antara lain:
1.                  468 x 60 IMU / pixel (Full Banner)
2.                  234 x 60 IMU / pixel (Half Banner)
3.                  88 x 31 IMU / pixel (Micro Bar)
4.                  120 x 90 IMU / pixel (Button 1)
5.                  120 x 60 IMU / pixel (Button 2)
6.                  120 x 240 IMU / pixel (Vertical Banner)
7.                  125 x 125 IMU / pixel (Suare Button)
8.                  728 x 90 IMU / pixel (Leaderboard)
Skycrapers  umumnya dipasang di kiri atau kanan pada blog atau situs berbentuk memanjang dari atas ke bawah umumnya / biasanya untuk blog atau situs yang mempunyai article yang panjang  Jenis dan ukuran banner ini antara lain:
1.                  160 x 60 IMU / pixel (Wide Skyscraper)
2.                  120 x 600 IMU / pixel (Skyscraper)
3.                   300 x 600 IMU / pixel (Half Page Ad)[2] 


Cara pembuatan banner menggunakan GIMP:
HASILNYA DALAM FORMAT JPEG






MEMBUAT BAGIAN DEPAN BANNER
1.        Klik file, new file
2.      Gunakan Blend Tool untuk membuat gradasi warna pada background
3.      Gunakan Text Tool untuk membuat tulisan
4.      Gunakan Rectangle Select Tool untuk membuat persegi panjang atau kotak seperti garis panjang warna pink diatas dan warna biru dibagian bawah.
5.      Klik File, lalu Open as layers, pilih  gambar Ariana. Gunakan Scale Tool untuk mengatur ukuran gambarnya. Gunakan Fuzzy Select Tool untuk menghilangkan warna background pink pada gambar, lalu klik kanan pilih Colors lalu pilih Color to Alpha.
6.      Sesuaikan semua letaknya dengan benar, ukuran tulisan, font tulisan dan hasilnya akan
Seperti ini :


1.      Untuk menggunakan animasi atur sesuai keinginan anda tempat mengatur disebelah pojok kanan,
2.      Jika ingin salah satu gambar tidak berkedip, pilih gambar yang berada disebelah pojok kanan,, kemudian tekan merge down.
3.      Jika anda ingin melihat animasi yang anda telah buat tekan filters lalu animation kemudian pilih playback lalu tekan play. Kemudian animasi akan bergerak sesuai yang barusan anda atur sendiri.
4.      Inilah tampilan step by step dari animation yang saya buat.
  









DAFTAR PUSTAKA

Pembuatan Animasi Sederhana Kelompok 3 3KA02 UG

Tugas softskill membuat animasi sederhana kelompok Universitas Gunadarma
Tulisan Mengenai anggota kelompok,Cara pembuatan animasi, dan sumber tertera pada tulisan dibawah ini  :

Tugas Kelompok Animasi
Lulus Bukanlah Akhir

 


Nama Anggota :
1.      Vhico Putra Pratama (17115021)
2.      Romy Abidin (16115259)
3.      Wantri Gabe(17115107)
4.      Panji Pangestu (15115314)
5.      Reyhan Firgiawan (15115798)
6.      Ravi Noviano (15115697)
7.      Rima Nur Rohmah (16115002) 
--    Puteri  Elliza Azahri (15115417).





Universitas Gunadarma



ABSTRAK


Animasi dengan judul yang bermacam-macam kini telah banyak dibuat oleh para creator animasi. Film animasi memiliki alur cerita yang berbeda-beda sesuai dengan keinginan creator, tetapi semuanya memiliki satu tujuan yaitu untuk menyampaikan pesan dari sebuah film animasi kepada masyarakat tentang makna dan tujuan dari animasi tersebut. Untuk itu penulis tertarik untuk membuat film animasi bertemakan tentang waktu adalah segalanya dengan unsur 3D yang bertujuan untuk menyampaikan pesan kepada semua orang, agar setelah melihat film animasi tersebut masyarakat dapat memahami pesan yang terdapat dari film animasi tersebut. Software komputer yang penulis gunakan adalah Muvizu yaitu suatu program untuk pembuatan animasi. Program ini memberikan fasilitas dan tool yang efektif dan fleksibel untuk menghasilkan animasi yang menarik. Tujuan dari pembuatan proyek akhir ini adalah untuk merancang dan membuat film animasi 3D yang kreatif dan inovatif. Selain itu juga dapat menghasilkan film animasi yang menarik dengan bantuan komputer sesuai dengan sinematografi, mulai dari pengembangan ide kreatif, proses produksi sampai dengan tahap finishing. Dengan harapan film animasi ini dapat memberikan hiburan kepada masyarakat dan pesan yang baik untuk semua masyarakat khususnya pelajar yang telah lulus dari jenjang sekolah agar tidak melakukan hal-hal yang berbahaya untuk merayakan kebahagiaannya setelah lulus dari sekolah.

       Kata kunci : animasi 3D, Muvizu, Film Animasi.
  


Pendahuluan

Berkembangannya aplikasi untuk membuat animasi mempermudah untuk para creator untuk membuat animasi sesuai dengan story dan keinginannya masing-masing. Aplikasi yang digunakan untuk membuat animasi sangat beragam dari yang kompleks seperti blender sampai yang sangat sederhana seperti muvizu. Animasi bertujuan untuk memberikan hiburan kepada penonton dan menyampaikan pesan tertentu untuk penonton.
 Muvizu sendiri adalah aplikasi membuat animasi yang sangat mudah dikarenakan semuanya telah disediakan dari background,character,object,light,camera dan lain sebagainya. Kita hanya perlu mendrag,klick,record saja. Inti dari cerita animasi kelompok kami adalah menceritakan seorang yang telah meninggal namun terkutuk dan tidak bisa pergi ke dunia sana, dia menjadi tengkorak yang abadi, tengkorak ini melihat jasadnya dengan penuh penyesalan dan berteriak sangat kencang di kuburan sehingga membuat Roger si anjing pejaga terganggu, akhirnya roger datang untuk menegur serta menanyakan kenapa dia berisik dan tetap ada dikuburan.
 Tengkorak ini menceritakan kisahnya dan rogerpun ikut bersedih , setelah itu ada seorang yang memberikan nasehat kepada para pemirsa untuk tidak melakukan hal-hal bodoh yang mengakibatkan kematian .
  




ISI

Untuk membuat animasi ini kelompok kami menggunakan aplikasi bernama muvizu , diaplikasi ini semua telah disediakan mulai dari character, background, movement record suara dan yang lainnya , sehingga cukup mudah digunakan untuk membuat animasi sederhana seperti pada video yang kelompok kami buat.
Judul : Lulus Bukan Lah Akhir segalanya
Cerita : menggambarkan seorang tengkorak bekas dari murid yang kecelakaan saat konvoi kelulusan .
Pertama-tama saat aplikasi dibuat kita akan disuguhkan background apa saja yang bisa kita gunakan untuk membuat animasi , jadi kita hanya cukup memilih dari pilihan yang ada sesuai dengan tema animasi yang ingin kita buat ,
Setelah memilih Background , otomatis langsung ter-loading masuk kedalam project animasi kita

Character : 

Karakter yang digunakan dalam animasi sederhana kelompok kami ada 3 yaitu Roger,Skeleton, dan Manusia bernama Charless.


Untuk membuat karakter disini kita cukup memilih “Create” pada menu bar di atas , saat mengklik create akan muncul tab pilihan karakter-karakter yang ada disitu ada banyak sekali karakter yang bisa kita pilih , setelah memilih karakter kita bisa memodifikasi bagaimana tampilan karakter di bar karakter yang ada .


Menggerakan karakter :
Pergerakan yang kami buat adalah Skeleton dan Charless yang berjalan , dan Roger yang berlari lalu berjalan
   


Untuk dapat menggerakan karakter sangat mudah yaitu memilih “Direct” pada Menu bar lalu pilih movement karakter , nanti akan muncul tab kecil dimana itu digunakan untuk merekam setiap pergerakan karakter, akan ada pilihan di tab untuk jalan pelan, jalan biasa, dan berlari, pilih terlebih dahulu lalu tekan tombol record (lingkaran merah) akan ada cooldown saat mulai kita hanya perlu menggerakan karakter seperti dengan mengklik tujuan yang akan dituju oleh karakter kita. Setelah selesai record harus distop agar tersimpan 

Aksi dari Karakter :



Aksi yang kami gunakan, Skeleton        : Sedih, berjalan murung, Teriak , dan kaget, dialog

                                             Roger            : Memarahi sambil menunjuk-nunjuk skeleton , dialog

                                             Charles         : Bingung, Tertawa , dan Dialog
untuk membuat karakter lebih hidup dan bisa melakukan hal-hal seperti melambaikan tangan, ketakutan, memukul sedih , kita masih menggunakan menu yang ada di “Direct” yaitu Character Action , nanti akan muncul 9 tab dimana tab-tab itu adalah macam-macam gerakan yang bisa dilakukan oleh karakter , dibagian bawah ada menu change prepare untuk merubah isi dari tab jika action yang kita inginkan tidak ada . setelah ditentukan apa saja yang berada di 9 tab itu kita tinggal record lagi dan mengklik action yang ada ditab, karakter kita akan bergerak sesuai dengan action yang ada di tab .


Suara :
Disini kami menggunakan suara asli untuk mendubbing karakter berbicara. 



Cara untuk sinkronasi suara kita menggunakan menu yang berbeda yaitu “Prepare” lalu pilih dialog character ,disitu akan muncul tab kecil yang ada pilihan untuk upload dan record , jika kita ingin mengisi karakter dengan suara kita , kita pilih yang record , di record itu kita merekam suara kita terlebih dahulu , setelah selesai suara kita direkam dan disimpan .
  
kita beralih ke menu “Direct” lalu pilih dialog character , disitu akan muncul tab baru dimana kita dusuruh untuk mengupload suara yang telah kita rekam tadi , Sebelum mengupload ada tab pilihan karakter mana yang kita ingin berikan suara, setelah memilih karakter yang ingin di masukan suara, tinggal pilih upload lalu record kembali .
  


View / Rekaman kamera :
Disini kami menggunakan 4 kamera, jadi kami memilih create untuk kamera 4 kali dan ditempatkan disudut yang berbeda-beda .
Cara untuk merekam apa saja tindakan yang dilakukan karakter serta background yang ada , kita harus memilih menu “Create” dan pilih Kamera. Kamera digunakan untuk merekam seperti layaknya kita melakukan syuting film. Jumlah kamera bisa lebih satu disesuaikan dengan kebutuhan . 



Movement camera :
disini kami membuat kamera mengikuti roger dan skeleton , dan kamera tetap diam saat di pesan-pesan amanah.



untuk menggerakan kamera mengikuti karakter , kita menggunakan menu “Direct” lalu pilih Camera Movement , nanti view akan otomatis menjadi kamera mana yang kita ingin gerakan dan muncul tab kecil record , saat tab record kita start, kita harus menggerakan kamera sesuai dengan sudut animasi yang kita inginkan .
Cut Camera :
Saat merekam kita bisa memindahkan kamera mana saja yang aktif , semisalnya di video pertama saat tengkorak jalan , kami menggunakan kamera satu untuk merekam dan mengikuti , saat tengkorak sedih kita pindah aktif ke kamera 2, dan saat roger datang untuk menegur tengkorak kita menggunakan kamera 3 untuk merekam 



Caranya adalah memilih di menu “Direct” lalu pilih Camera Cut , akan ada tab kecil dimana itu menunjukan kamera 1 sampai kamera 4 , saat merekam kita tinggal memilih saja mana yang harus aktif , ketika satu kamera aktif yang lain akan otomatis non-aktif

Render :  Setelah kita selesai mengatur record dan merekam segala tindakan yang diinginkan ada Menu “Video” di menu bar , untuk merender kita pilih itu, nanti akan ada pilihan tipe video yang kita inginkan , seberapa bagus kualitas video, ada preview juga untuk melihat hasil dari project kita sebelum merender-nya . jika sudah me-setting pilih saja render .


Backsound : Untuk memasukan lagu backsound disini kami menggunakan aplikasi lain yaitu sony vegas dimana video yang telah kita render tadi kita masukan ke sony vegas lagu kita masukan lagu yang ingin menjadi BGM dari animasi kita . suara lagu dikecilkan akan tidak mengalahkan suara utama dari animasi .

Sumber :
Muvizu Tutorial: Membuat animasi 3D singkronisasi bibir (lip sing)

Muvizu Play Tutorial 4: Character Movements in Hindi | Learning Never Ends

Animation Techniques – Keyframing Camera Movement – Auto Mode

Muvizu Tutorial 12: Use Camera cuts in Hindi | Learning Never Ends

Music :

Sad Piano Music (THIS WILL MAKE YOU CRY / Saddest Piano & Violin Ever!)

Horror Piano Theme

IKON - '벌떼 (B-DAY)' M/V