Pengantar Animasi dan Desain Grafis tugas 3

Peng. Animasi & Desain Grafis

(Pembuatan Banner Dengan Coreldraw Graphics Suite X7)

Tugas 3

Kelompok 1

(10115092) Ade Irwan Partogi	(10115586) Alvin Setiawan
(10115378) Ahnaf Sabil Erlangga	(10115912) Apang Mursalat
(10115404) Aji Bagus Rojaki	(11115285) Bayu Gusti Pangestu
(10115421) Akbar Nuryadin	(11115400) Brendan Ardiyanto
(10115462) Aldi Ferdiansyah Suyono

3KA02

SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI

UNIVERSITAS GUNADARMA

ABSTRAK

Dalam penulisan ini penulis akan menjelaskan bagaimana membuat banner pada aplikasi Coreldraw Graphics Suite X7. Di sini akan dijelaskan bagaimana langkah-langkah dari mulai membuat background, mengimport gambar dan memberi teks atau tulisan. Pada akhirnya gambar akan dieksport menjadi JPG.

BAB I

PENDAHULUAN

1.1.  Latar Belakang

Banner merupakan sebuah identitas sebuah blog atau website selain itu banner itu sendiri mempunyai  fungsi sebagai media iklan, promosi, publikasi atau berbagai kepentingan lainnya. Dari pengertian dan fungsinya sendiri banner merupakan suatu gambar yang banyak dipakai untuk keperluan iklan dan sebagai identitas dari iklan tersebut banner harus dibuat sendiri agar mempunyai suatu ciri khas tersendiri.

Dalam pembuatan banner tidaklah terlalu sulit tapi memerlukan kreatifitas dari pembuatannya agar sesuai dengan apa yang diinginkan dari pemilik banner tersebut, maka dari itu penulis mengangkat topik tentang pembuatan banner dimana di dalam penulisan ini akan dijelaskan langkah-langkah pembuatan banner.

1.2.  Batasan Masalah

Yang menjadi batasan masalah dalam penulisan ini adalah membuat banner dengan menggunakan Coreldraw Graphics Suite X7 dan menjadikan banner dalam format JPG

1.3.  Tujuan Penulisan

Memberikan tata cara pembuatan banner agar pembaca mengerti bagaimana cara membuat benner di Coreldraw Graphics Suite X7

1.4.  Metode Penelitian

Metode yang digunakan dalam penulisan ini adalah penulis menggunakan studi pustaka dengan cara mencari data atau referensi melalui media internet.

1.5.  Sistematika Penulisan

Sistematika yang disusun oleh penulis  adalah sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini akan dijelaskan tentang latar belakang kenapa penulis mengambil penulisan ini, batasan masalah yang akan penulis batasi, tujuan dari penulisan ini serta metode yang digunakan dan sistematika penulisan.

BAB II PEMBAHASAN

Pada bab ini penulis akan menjelaskan isi atau maksud dari penulisan, dimana penulis akan menjelaskan langkah-langkah pembuatan Coreldraw Graphics Suite X7 sampai banner dieksport dalam format JPG

BAB III KESIMPULAN DAN SARAN

Pada bab ini berisi tentang kesimpulan dari penulisan ini dan saran apa yang akan diberikan penulis kepada para pembaca agar dapat lebih baik dari penulis dalam pembuatan banner.

BAB II

PEMBAHASAN

Banner yang akan dibuat dalam penulisan ini akan menggunakan aplikasi Coreldraw Graphics Suite X7, berikut langkah-langkahnya :

1.      Persiapkan gambar-gambar yang dibutuhkan yang sudah disediakan pada daftar pustaka.

2.      Bukalah aplikasi Coreldraw Graphics Suite X7

3.      Klik New Document atur resolusi menjadi 200dpi, klik OK.

4.      Ubah Drawing Units menjadi centimeters

5.      Tetukan ukuran spanduk menjadi 200cm x 100cm

6.      Membuat background dengan warna coklat dangan menggunakan tool Interactive Fill

7.      Import gambar gunungan wayang dengan cara Klik File > Import > pilih gambar > import, lalu letakan di tempat yang diinginkan

8.      Lalu buatlah tulisan “Gunadarma art present” dengan menggunakan tool Text

9.      Lalu menuliskan tulisan “PAGELARAN WAYANG KULIT” dengan font Harrington, lalu tambahkan shadow berwarna putih.dengan cara pilih klik kanan tool Drop Shadow Tool > Drop Shadow

10.  Lalu tambahkan tulisan “ILANGE JIMAT KALIMOSODO” dan “DALANG KI AHNAF SABIL”.

11.  Import tulisan “KOMUNITAS WAHAN TELISIK SENI SASTRA”

12.  Import lambang google maps dengan disisipkan tulisan “HARI JUMAT, 10 APRIL 2019” dan “KAPUK INTERNATIONAL CONVETION CENTER”.

13.  Menyisipkan lambang dan tulisan “SANGGAR ANAK NEGERI”.

14.  Dan kemudian import lambang Universitas Gunadarma, dan disisipkan di bagian depan gunungan wayang yang disebelah kanan banner.

15.  Kemudian memotong sebagian kecil lambang Universitas Gunadarma, untuk menyesuaikan dengan gambar gunungan wayang.

16.  Eksport gambar dengan cara klik File > Export > pilih lokasi penyimpanan gambar yang anda inginkan > beri nama > pilih Save As Type menjadi JPG – JPEG Bitmaps > Export > OK

17.  Maka hasil akan seperti Gambar 2.1.

Gambar 2.1. Hasil Banner

  

BAB III

KESIMPULAN DAN SARAN

3.1. Kesimpulan

Dari penulisan ini dapat ditarik kesimpulan bahwa pembuatan banner itu mudah hanya membutuhkan kreatifitas dan pengetahuan tentang tool-tool yang disediakan dari Coreldraw Graphics Suite X7 atau aplikasi lainnya.

3.3. Saran

Disarankan kepada para pembaca jangan hanya puas sampai disini terus mencari referensi yang lebih dalam mengenai pembuatan banner dan penggunaan Coreldraw Graphics Suite X7 agar lebih mendalami dalam pembuatan banner atau desain grafis lainnya dan agar terus belajar untuk menjadi lebih baik lagi.

Daftar Pustaka

http://www.techsigntic.com/2017/01/tutorial-export-file-coreldraw-ke-jpg-png.html?m=1

http://gdesain12.blogspot.co.id/2016/01/cara-memasukan-gambar-ke-corel-draw-x7.html?m=1

http://ecorel.blogspot.co.id/2016/01/fungsi-fungsi-tool-pada-toolbox-coreldraw-x7.html?m=1

https://www.togicreative.com/2018/01/cara-membuat-spanduk-di-coreldraw-4menit.html?m=1

http://dikepalaku.blogspot.co.id/2011/08/logo-gunadarma-inkscape-dan-text-to.html?m=1 (Logo Gunadrama)

http://sanggarsenianaknegeri.blogspot.co.id/2014/01/?m=1 (Logo Sanggar Anak Negri)

http://komunitas-wts.blogspot.co.id/?m=1 (Logo Komunitas Telisik Seni Sastra)

https://id.pinterest.com/pin/530510031084835351/ (Gunung Wayang)

Read more ...

Pengantar Animasi dan Desain Grafis tugas 2

Peng. Animasi & Desain Grafis

(Animasi Tentang Mahasiswa Saat PI)

Tugas 2

Kelompok 1

(10115092) Ade Irwan Partogi	(10115586) Alvin Setiawan
(10115370) Ahnaf Sabil Erlangga	(10115912) Apang Mursalat
(10115404) Aji Bagus Rojaki	(11115285) Bayu Gusti Pangestu
(10115421) Akbar Nuryadin	(11115400) Brendan Ardiyanto
(10115462) Aldi Ferdiansyah Suyono

3KA02

SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI

UNIVERSITAS GUNADARMA

ABSTRAK

Membuat animasi menggunakan aplikasi FlipaClip dan memsukan suara dengan aplikasi VidTrim dimana semua aplikasi ini berjalan pada platform Android. Pembuatan animasi dimulai dari pembuatan project baru pada FlipaClip, menentukan FPS dari animasi, menentukan background, pembuatan sketsa atau object yang dibutuhkan sampai penentuan frame dan pembuatan video. Setelah video dibuat akan masuk ke bagian memasukan suara kedalam video yang sudah dibuat dengan aplikasi VidTrim dari mulai memilih video, memilih suara, proses memasukan suara dan memotong video.

PENDAHULUAN

1.1.  Latar Belakang

Pembuatan animasi adalah suatu hal yang sebenarnya sangat rumit dikarnakan kita harus bermain dalam frame dan urutan dari frame-frame tersebut agar terlihat sesuai dengan yang diinginkan. Banyak aplikasi yang menyediakan fasilitas untuk membuat animasi namun sangat rumit dan pengguna harus mempunyai keahlian khusus untuk memakai aplikasi tersebut. Tapi berbeda dengan aplikasi FlipaClip yang memberikan kemudahan serta simple untuk digunakan oleh user yang tidak memiliki banyak keahlian.

Teknologi yang kini berkembang pesat memberikan peluang kepada banyak orang untuk belajar membuat animasi baik yang sederhana maupun kompleks dan maka dari itu penulis tertarik untuk membuat animasi dengan aplikasi ini.

1.2.  Batasan Masalah

Yang menjadi batasan masalah dalam penulisan ini adalah membuat animasi yang bersifat kompleks dengan menggunakan aplikasi FlipaClip dan VidTrim

1.3.  Tujuan Penulisan

Memberikan tata cara pembuatan animasi agar pembaca dapat mengerti dan membuat animasi sederhana di FlipaClip

1.4.  Metode Penelitian

Metode yang digunakan dalam penulisan ini adalah penulis menggunakan studi pustaka dengan cara mencari data atau referensi melalui media internet.

1.5.  Sistematika Penulisan

Sistematika yang disusun oleh penulis  adalah sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini akan dijelaskan tentang latar belakang kenapa penulis mengambil penulisan ini, batasan masalah yang akan penulis batasi, tujuan dari penulisan ini serta metode yang digunakan dan sistematika penulisan.

BAB II PEMBAHASAN

Pada bab ini penulis akan menjelaskan isi atau maksud dari penulisan, dimana penulis akan menjelaskan langkah-langkah pembuatan animasi serta pemasukan suara kedalam video

BAB III KESIMPULAN DAN SARAN

Pada bab ini berisi tentang kesimpulan dari penulisan ini dan saran apa yang akan diberikan penulis kepada para pembaca agar dapat lebih baik dari penulis dalam pembuatan animasi.

BAB II

PEMBAHASAN

Animasi yang kami buat ini menggunakan aplikasi berbasis android yaitu FlipaClip. FlipaClip merupakan aplikasi untuk membuat animasi yang berjalan di platform android. Di dalam aplikasi ini kita membuat animasi dari frame-frame yang disatukan menjadi sebuah animasi.

2.1. Fitur-Fitur Yang Ada Dalam Flipaclip

1.     Onion Layers

2.     Drawing Layers

3.     Animation Timeline

4.     Frames Manager

5.     Drawing Tools

6.     Text Tool

7.     Build Animation Videos

8.     Pressure Sensitive Pen Support

9.     Share Animasi

2.2. Langkah-Langkah Membuat Animasi

1.    Buka Aplikasi FlipaClip dan akan muncul halaman awal FlipaClip

2.   Membuat Project Baru, isi nama project sesuai keinginan, tentukan canvas dan pilih Frame Per Second, cemakin besar FPS yang dipilih maka akan semakin banyak frame setiap detiknya. Contoh jika kita pilih 12 fps maka 1 detik akan ada 12 frame, 2 detik 24 frame dst.

3.     Tampilan awal dari project yang baru dibuat

4.     Pilih tool text lalu ketik kata-kata yang ingin dimasukan

5.     Tekan pada frame lalu tekan tool yang diberi tanda panah 1 untuk mengcopy frame dan tekan tool yang diberi tanda panah 2 untuk mempaste frame

6.     Copy sampai jadi 10 layer atau lebih, sesuai kebutuhan. Kerena semakin banyak maka akan semakin lama atau memperpanjang waktu videonya.

7.     Lakukan cara diatas untuk membuat teks lagi, disini saya membuat seperti gambar dibawah ini

8.     Lalu buat objek orang seperti gamabar dibawah ini

Untuk membuat objek seperti di atas, dapat menggunakan 2 tool, yaitu :

·         Tool pen, yang gambar pulpen/pena untuk membuat pola dari object

·         Tool fill, yang gambar ember untuk memberi warna pada setiap pola yang kita buat

9.     Copy frame sampai 10 lagi atau sesuai lama yang diinginkan

10.     Lalu ubah mulut pada object agar terlihat berbicara

11.   Buat gambar seperti dibawah ini untuk mengcopy ke semua frame gunakan sniping tool yang ditunjuk pada panah 1, select object seperti yang ditunjuk panah 2, lalu untuk copy tekan tool panah 3 dan paste pada frame yang diinginkan tekan tool yang ditunjuk panah 4.

12.   Copy object untuk lawan bicara, caranya dengan menggunakan sniping tool pilih object lalu copy dan untuk membalik tekan tool yang diberi panah. Cara ini dilakukan agar kita tidak membuat ulang object

13.   Lalu ubah agar tampilan seperti gambar dibawah ini

14.   Kita buat gambar seperti dibawah ini dengan cara seperti cara-cara sebelumnya

15.   Lakukan hal yang sama untuk membuat bagian-bagian selanjutnya

2.3. Langkah-Langkah Mengexport Kedalam Bentuk Video

1.      Jika sudah selesai membuat frame, kita bisa menjalankannya terlebih dahulu dengan mengklik tombol play

2.      Jika dirasa sudah cukup waktunya untuk kita export kedalam video dengan cara klik menu yang seperti 3 titik lalu pilih Make Movie

3.   Pilih format untuk video, dengan ukuran yang sudah disesuaikan oleh FlipaClip lalu tekan Make Movie

4.    Tunggu sampai video berhasil diexport

2.4. Langkah-Langkah Memasukan Suara Kedalah Video

1.      Video yang kita export tadi belum ada suaranya, jika kita ingin menambahkan suara seperti musik, lagu atau becksound kita bisa menggunakan VidTrim, Buka VidTrim lalu pilih video yang diinginkan.

2.      Jika sudah terbuka pilih tool transcode untuk memasukan suara ke video

3.    Lalu klik yang dilangkari merah dan cari lagu yang sudah disiapkan

4.    Klik pada tool yang dilingkari untuk mulai proses memasukan suara ke video

5.    Tunggu sampai selesai

6.    Untuk memotong video bisa klik tool trim

7.    Atur panjang video sesuai keinginan

8.    Jika sudah klik tool yang diingkari merah

BAB III

KESIMPULAN DAN SARAN

3.1. Kesimpulan

Dari penulisan ini dapat ditarik kesimpulan yaitu membuat animasi dengan menggunakan FlipaClip sangat memudahkan user yang masih baru mencoba membuat animasi dan proses pemasukan suarapun mudah dan praktis. Namun dari kesederhanaan dan kemudahan aplikasi ini masih banyak kekuarangan yang harus dimaklumi dan animasi yang dibuat lumayan memuaskan bagi para pemula.

3.3. Saran

Disarankan kepada para pembaca untuk sabar dalam setiap pembuatan animasi dikarenakan agar animasi berjalan sesuai yang diinginkan butuh ketelitian saat pembuatan animasinya dan jangan hanya puas sampai disini terus mencari referensi yang lebih dalam mengenai animasi dan desain grafis agar lebih mendalami dalam pembuatan animasi, agar terus belajar untuk menjadi lebih baik lagi.

Daftar Pustaka

https://www.google.com/amp/s/rahmadewi30.wordpress.com/2017/05/08/membuat-animasi-gabungan-menggunakan-aplikasi-flipaclip-dan-filmorago/amp/

https://www.carauhuy.com/2018/02/cara-menambahkan-lagu-musik-pada-video.html?m=1

https://play.google.com/store/apps/details?id=com.vblast.flipaclip

https://play.google.com/store/apps/details?id=com.goseet.VidTrim

http://www.metrolagu.com/getmp3?v=KUpoNUZ1ky4

Read more ...