Tutorial Membuat Animasi Danbo Gundam dengan Menggunakan Blender

Saya Hasta Arya Marga Yonanda dari kelas 3IA18 jurusan teknik Informatika semester 5. Kali ini saya membuat blog tutorial membuat animasi danbo Gundam dengan menggunakan aplikasi blender sebagai tugas softskill ketiga dari mata kuliah Desain Pemodelan Grafik. Berikut langkah-langkah membuat karakter animasi gundam dalam bentuk danbo:

Buka aplikasi blender terlebih dahulu

Buat objek yang nantinya akan diberi texture. Berikut adalah danbo yang sudah saya buat seperti gambar diatas

Ubahlah mode object mode menjadi edit mode untuk mengedit objek. Lalu pilih sisi bidang dan seleksi bagian yang ingin diberi texture.

ubah ke mode compositing untuk mengatur texturenya lalu masukkan image texture yang ingin diberikan kepada objek yang sudah diseleksi. Lalu unwrap objek yang sudah diseleksi tersebut seperti gambar diatas

Ubah kembali modenya ke default dan ubah ke object mode. Selanjutnya pilihlah texture  sehingga texture sudah terpasang di objek seperti gambar diatas

Selanjutnya ulangi langkah–langkah sebelumnya untuk memberi texture pada setiap sisi objek danbo tersebut 

Untuk membuat rigging pada bangun danbo diatas, pertama yaitu tekan Ctrl + A sebagai shortcut Menu add. Setelah itu pilih armature dan pilih yang single bone. Selanjutnya centanglah Menu X-Ray pada Display di sebelah kanan bawah dan letakkan bone di tengah gambar danbo tersebut. Kemudian perbesarlah ukuran bone tersebut dengan cara tekan S dan gerakkan mouse untuk memperbesar ukurannya hingga sesuai ukuran yang diinginkan. Langkah berikutnya yaitu ganti modenya ke edit mode dan klik pada bulat di ujung bone untuk membuat subdivide lalu tekan E untuk membuat bone baru yang tersambung dengan bone sebelumnya. Lakukan sampai semua badan terisi oleh bone di dalamnya. Kemudian ubahlah kembali modenya menjadi object mode. Seleksi seluruh objek dengan menekan tombol A. ubah modenya menjadi pose mode dan tekan Ctrl + P lalu pilih with Automatic Weights. Pembuatan Rigging sudah selesai dan gambar sudah dapat digerakkan.

Sekarang kita akan memasukkan animasi agar dapat dirender menjadi video animasi. Berikut langkahnya:

Pertama yaitu ubahlah modenya dari Default ke Animation seperti pada gambar diatas

Setelah diubah modenya, otomatis tampilannya berubah seperti pada gambar diatas. Langkah berikutnya yaitu kita masuklah ke menu time line yang terletak di pojok kiri bawah dan atur frame ke posisi nol. Langkah berikutnya yaitu gerakkan objek agar dapat berpindah posisi. Saya memasukkan setiap gerakan setiap 25 frame sehingga saya awali gerakan dengan frame ke 25. Aturlah frame pada time line terlebih dahulu ke frame 25. Setelah itu pilih bone yang akan dipakai untuk digerakkan seperti gambar diatas. Selanjutnya kita harus blok semua objek beserta dengan bonenya. Caranya adalah dengan klik pada salah satu object lalu tekan A dua kali lalu tekan Shift sambil klik salah satu bone di dalam objek tersebut. Kemudian tekan A lagi dua kali. Apabila kedua langkah tersebut berhasil maka akan tampil seperti pada gambar diatas. Jika ingin memindahkan objek maka harus dilakukan setelah objek diubah gerakan tubuhnya.

Selanjutnya kita tekan I pada keyboard sehingga muncul menu Insert Keyframe Menu seperti pada gambar diatas dan pilih opsi LocRotScale. Pembuatan animasi pada frame ke 25 sudah selesai. Buatlah animasi berikutnya pada setiap 25 frame di time line. Pada animasi ini, saya hanya membuat animasi hingga pada frame ke 325 saja

Kemudian aturlah batas frame untuk dirender. Pada gambar diatas, saya memilih untuk membatasi render Frame Range pada End Frame 325. Selanjutnya untuk gerakan, ubahlah FPS pada menu Frame Rate tersebut menjadi 5.

Terakhir yaitu simpan file tersebut dengan File Format Avi Raw dan pilih opsi RGB disamping File Format. Jangan lupa untuk memilih folder mana yang akan digunakan untuk menyimpan file tersebut. Berikutnya kita harus merender file tersebut yaitu dengan mengklik opsi Animation seperti pada gambar diatas. Kita hanya perlu menunggu sebentar sampai proses render selesai.

Dan ini adalah hasil terakhir dari animasi yang sudah dibuat :

https://www.youtube.com/watch?v=ROfYnppqEeE

Tutorial Membuat Poster Iklan Barber Mbah Jambrong di Canva

Pada postingan kali ini saya akan berbagi tutorial membuat poster barbershop mbah jambrong di aplikasi canva pada android.
1. Download aplikasi canva di Play Store, dan Buka aplikasi jika sudah selesai di download.

2. Pilih kategori poster pada halaman utama, pilih jenis poster yaitu periklanan.

3. Pilih model poster yang diinginkan.

4. Edit tulisan pada poster yaitu warna, ukuran, dan jenis font sesuai dengan yang diinginkan.

5. Edit gambar sisir, gunting dan alat cukur yaitu dengan mengubah warna-nya menjadi warna hitam dan ubah transparansinya.

6. Setelah gambar selesai di sunting klik tombol ceklis di pojok kiri atas dan klik icon download.

7. Poster sudah selesai dan siap dicetak.

Filosofi :

1. Gambar perlatan barber : menandakan kalau barbershop mbah jambrong memiliki peralatan yang lengkap

2. Tulisan potongan harga 50% untuk potong rambut sampai botak : menandakan adanya harga spesial untuk orang yang bersedia rambutnya dipotong sampai botak sebagai untuk respect kepada penderita kanker

3. Tulisan masih ada rambut 1 helai di kepala kami potong lagi : menandakan bahwa pelayanan di barber sangat loyal dalam menjalankan tugas

Membuat Logo menggunakan Aplikasi Logo Maker di Android

Pada postingan kali ini saya akan memberi tutorial membuat logo di Android menggunakan aplikasi Logo Maker.

  

1. Download Aplikasi Logo Maker di Play Store

2. Buka aplikasi Logo Maker dan pilih menu CREATE LOGO FROM SCRATCH

3. Pilih background yang diinginkan yaitu lingkaran.

         

4. Pilih menu Art dan pilih kategori RESTAURANT&CAFÉ dan pilih logo cangkir kopi.

        

5. Ganti warna dari Art tersebut dan geser ke arah bawah serta ubah ukuran dengan menggeser tanda panah sesuai dengan yang diinginkan.

6. Pilih menu text dan masukkan text dan sesuaikan bentuk font serta ukurannya.

            

7. Simpan logo dengan menyentuh lambang ceklis di pojok kanan atas.

             

Makna di logo :

1. Tulisan ALAM SAMANA SQUAD adalah nama squad dalam game Mobile Legend

2. Tulisan since 2018 adalah tahun berdirinya squad

3. Gambar cangkir kopi adalah menggambarkan tempat biasa bermain Bersama yaitu di warung angkringan sambil menikmati kopi.

ANALISIS WEB

WEBSITE

Website adalah halaman online yang dapat diakses dengan menggunakan sebuah domain, yang dikelola oleh individua tau kelompok yang menjadi administratornya. Lebih sederhananya website merupakan sebuah istilah umum yang digunakan untuk menyebut semua laman web yang berada di internet, contohnya yang digunakan di blog saya ini adalah www.blogspot.com ,dll. Blog merupakan salah satu tipe website yang populer karena sederhana dalam pengelolaannya, blog disebut juga sebagai website pribadi. Dibawah ini adalah analisis blog pribadi saya.

TAMPILAN INTERFACE BLOG

1.      Nama Website

Nama “Dreamer” saya berikan kepada blog saya ini karena saya berharap blog saya ini bisa memberikan para pembaca gambaran untuk mencapai cita-cita yang mereka impikan.

2.      Tampilan Grafis Web

Tampilan blog saya diawali dengan beranda yang berisi artikel yang terakhir saya post dan jika di scroll kebawah maka aka nada navigasi untuk pencarian artikel di blog ini. Tampilan layer belakang blog berwarna hitam agar tidak terlalu terang jika dilihat pada malam hari dan tulisan berwarna putih agar bisa terbaca dengan jelas.

3.        Tampilan Menu pada Blog

Menu pada blog saya menggunakan berisi arsip pada blog sesuai tahun dan bulan posting agar para dosen mudah mencari tugas saya yang diberikan setiap bulan. Dan pada blog saya ini juga berisi profil saya agar para pembaca bisa menghubungi saya jika masih ada yang kurang dimengerti.

4.        Bahasa pada Blog

Bahasa yang saya gunakan di blog ini adalah Bahasa Indonesia karena Bahasa Indonesia adalah Bahasa pengantar yang digunakan di perkuliahan dan Bahasa ibu di negara ini.

JENIS PENULISAN WEB

Berdasarkan sifatnya blog saya termasuk blog dinamis karena isi dari blog ini dapat di update secara berkala. Sedangkan berdasarkan platform blog ini termasuk website builder karena menggunakan platform blogspot karena platform tersebut memudahkan saya membuat blog tanpa harus ahli dalam menggunakan Bahasa pemrograman terlebih dahulu. Berdasarkan fungsinya blog ini termasuk blog atau website pribadi karena digunakan untuk mempublikasikan tugas yang diberikan oleh dosen pada perkuliahan.

STRUKTUR NAVIGASI WEB

Struktur navigasi di blog ini menggunakan struktur linear karena pembaca dapat memilih artikel yang akan dibaca tanpa harus membaca artikel sebelum atau sesudahnya.

KERANGKA BLOG

Blog ini terdiri dari nama blog yang berada di pojok kiri atas blog. Selanjutnya navigasi artikel blog di sisi sebelah kanan blog. Diatas navigasi artikel blog ada nama-nama blog universitas Gunadarma, dan di samping kanan navigasi artikel ada profil pemilik blog.

FLOWCHART BLOG

Struktur Web dan Jenis-jenis Web

Struktur dan Jenis-Jenis Web

1.  Struktur Web

Situs web adalah sekumpulan halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi. Struktur Situs Web merupakan bagian yang sangat penting yang harus dikuasai oleh seorang web designer. Dalam suatu organisasi apapun, pasti memiliki struktur organisasi. Organisasi situs web mengatur bagaimana hubungan antar halaman web, sehingga membuat pengunjung situs menjadi nyaman dan senang saat melihatnya.

Struktur web terdiri dari :

–    Struktur Linear

–    Struktur Grid

–    Struktur Hierarki

Struktur Linear :

1.     Struktur Linear murni :

·  Digunakan untuk situs-situs web yang kecil, seperti personal page.

·  Biasanya hanya terdiri dari 4 – 10 halaman.

·  Cocok digunakan untuk menampilkan isi yang bersifat tutorial atau penjelasan mengenai suatu pokok bahasan.

Kelemahan struktur jenis ini adalah ketidaknyamanan pengunjung dalam menjelajasi isi situs web.

Pada situs web yang besar struktur ini masih digunakan, tetapi hanya sebatas untuk bagian-bagian penting seperti halaman-halaman registrasi.

2.     Struktur linear tambahan :

·  Digunakan untuk menjelaskan sebuah isi sama seperti struktur linear murni

·  Uraian ini cocok untuk membuat sebuah penjelasan yang banyak mengandung uraian detail yang boleh untuk dilewatkan.

Kelemahan struktur ini sama dengan kelemahan struktur linear murni, yaitu pengunjung tidak dapat melompat kesuatu halaman tanpa melewati halaman berikutnya.

3.     Struktur linear dengan halaman pilihan :

·  Pada struktur ini pengunjung diberi pilihan untuk melompat ke suatu halaman tertentu tanpa harus melewati halaman berikutnya.

·  Struktur ini banyak digunakan pada sebagian besar situs web yang ada.

·  Cocok digunakan untuk menamoilkan informasi yang bersifat ringan, seperti artikel, berita dan informasi lain yang tidak menuntut pengunjung agar menyimak penjelasan secara bertahap.

4.     Struktur linear dengan halaman alternatif :

·  Pada dasarnya sama dengan struktur linear murni, bedanya pengunjug diberi alternatif “jalan” untuk pergi ke sebuah halaman.

·  Struktur ini hanya sedikit lebih baik dari struktur linear murni.

·  Struktur ini digunakan untuk isi situs yang bersifat menjelaskan halaman demi halaman, namun ada beberapa bagian yang memiliki tingkatan yang sama. Pada bagian inilah dapat dipisah menjadi halaman alternatif.

Struktur Grid :

Merupakan perluasan dari struktur linear murni. Struktur ini juga mengandung struktur linear dengan halaman alternatif dan struktur linear dengan halaman tambahan.

Struktur Hierarki :

Sangat banyak digunakan oleh sebagian besar situs web. Karena struktur ini bersifat fleksibel dan mudah untuk dikembangkan jika diperlukan. Menggunakan sub-sub direktori dan membentuk level-level ke bawah. File-file yang memiliki karakteristik fungsi yang sama akan disimpan dalam satu dierktori. Pada struktur ini gambar-gambar yang digunakan dalam setiap halaman web disimpan dalam sebuah drektori tertentu. Jenis-jenis Struktur Hierarki :

1.     Struktur hierarki lebar/ wide hierarki

·  Merupakan struktur dasar dari bentuk hierarki dimana terdapat sebuah halaman depan yang menghubungkan halaman-halaman lain di dalam situs web.

·  Penempatan halaman-halaman selain halaman depan diletakkan dalam satu level melebar.

·  Struktur ini sering digunakan pada situs-situs web yang sederhana dimana sebuah halaman index yang menghubungkan dengan halaman-halaman isi.

2.     Struktur hierarki pendek/ narrow hierarki.

·  Mirip dengan struktur hierarki lebar, perbedaannya adalah struktur ini menempatkan halaman-halaman isi menjadi lebih “dalam” atau lebih “masuk” ke dalam.

·  Sebagian besar situs web yang ada saat ini menggunakan gabungan antara dua jenis struktur hierarki ini.

·  Perlu diperhatikan bahwa struktur-struktur dasar ini tidak dapat diaplikasikan secara mentah-mentah karena penggunaan struktur ini sangat tergantung kepada pembagian kategori isi yang akan dijelaskan.

2. Jenis-jenis Web

Dilihat dari segi kontennya, website terbagi menjadi 2 jenis yaitu :

1.       Website Statis

Website statis merupakan website yang isi kontennya tidak dapat diubah secara langsung oleh end-user. Isi dari website hanya bisa diubah oleh orang yang mengerti mengenai bahasa pemrograman atau tools untuk merancang halaman website. Website jenis ini tidak mempunyai basis data, jadi informasi yang disampaikan ditulis langsung ke dalaman sintax. Biasanya website jenis ini dibuat untuk menampilkan informasi yang jarang diupdate misalnya Company Profile.

2.       Website Dinamis

Website dinamis adalah website yang isi kontennya sudah termanajemen dengan kata lain, sudah menerapkan sistem Content Management System untuk informasi yang disampaikannya. End-user bisa sewaktu-waktu mengupdate konten pada halaman website tanpa perlu faham sintax ataupun bahasa pemrograman. Melihat dari segi fungsionalitasnya, website seperti inilah yang sekarang banyak digunakan. Website dinamis, menurut fungsi dan informasi yang disampaikannya terbagi menjadi beberapa bagian diantaranya :

a. Website Company Profile

Meskipun banyak website company profile dibuat dengan website statis, namun seiring perkembangan zaman sekarang ini, website company profile sudah beralih dari asalnya statis menjadi website dinamis. Untuk keperluan apa website company profile dibuat dinamis? salah satu alasannya supaya data informasi bisa diubah seketika, tidak perlu menghire/menyuruh seorang web programmer untuk mengupdate informasinya. Selain itu, sekarang ini website company profile sudah terhubung ke situs lain seperti jejaring sosial, fungsinya supaya website tersebut lebih banyak dan lebih mudah diketahui oleh publik.

Contoh website company profile yaitu : http://www.indismart.co.id

b. Website Mesin Pencari

Website mesin pencari yaitu suatu website yang menyediakan fasilitas untuk mencari data diinternet (di website lain khususnya) berdasarkan keyword/kata kunci yang kita inputkan. Website seperti ini mempunyai peranan sangat penting dalam mengumpulkan informasi.

Contoh website mesin pencari diantaranya : http://www.google.com. http://www.yahoo.com

c. Website Portal

Website jenis ini merupakan jenis website yang menyediakan link ke website lainnya. Dengan kata lain website ini merupakan website yang isinya merupakan informasi link ke website lainya, link-link tersebut sudah termanajemen dengan baik sehingga memudahkan pengunjung mencari link ke situs lainnya. Fungsinya hampir sama dengan website mesin pencari, namun ruang lingkupnya lebih sempit lagi.

d. Website Blog

Fungsi blog sebetulnya adalah tempat si pemilik blog menuangkan ide tulisan dalam bentuk artikel yang dipublikasikan di internet. Atau bisa juga merupakan catatan buku harian, pengalaman si pemilik blog. Selain itu, blog juga bisa digunakan sebagai media untuk menyamaikan tutorial terhadap suatu metode atau jalan keluar suatu permasalahan.

Contoh website jenis ini diantaranya : http://www.indi-smart.com/blog, http://www.indi-smart.com/tutor

e. Website Networking

Pengertian networking disini adalah jaringan, sama halnya dengan mencipatakan “kenalan” didunia nyata, hanya medianya adalah online. Situs seperti ini sekarang sedang marak digunakan oleh sebagian besar pengguna internet. Fungsi dari website jenis ini adalah untuk membentuk komunitas, koneksi atau kenalan di dunia nyata, tanpa terbatas oleh ruang maupun waktu.

Contoh website jenis ini yaitu : http://www.goesmart.com, http://www.facebook.com, dll

f. Website Forum

Website forum merupakan website yang berfungsi untuk mendiskusikan suatu permasalah. Atau bisa juga digunakan untuk memposting suatu metode atau tata cara terhadap penyelesaian suatu masalah. Website seperti ini banyak digunakan pengguna internet saat ini, selain untuk memcari/menyebarkan informasi website jenis ini juga kadang digunakan untuk berniaga kepada para pengguna forum tersebut.

Contoh website jenis ini yaitu : http://www.kaskus.com, http://www.forum.tempointeraktif.com

g. Website Berita

Sesuai dengan judulnya, website ini bertujuan untuk menyampaikan informasi secara cepat dan akurat. Informasi/berita yang disampaikan bisa sangat beragam, diantaranya politik, pendidikan, otomotif bahkan sampai gosip.

Contoh website jenis ini yaitu : http://www.detik.com, http://www.kompas.com dll

h. Website galeri

Fungsi utama dari website jenis ini adalah sebagai media penyimpanan file berupa gambar di internet. Apa kebelihan dengan menyimpan file gambar milik kita diinternet ? tentusaja karena kita bisa membagikan link foto galeri kita ke user lain / orang lain di internet.

Contoh website jenis ini yaitu : picasa.google.com, instagram.com, dll

i. Website e-Commerce

e-Commerce atau perdagangan online merupakan website yang menyediakan informasi mengenai barang atau jasa secara online. Website jenis ini merupakan representasi dari cara penjualan secara real dan dituangkan dalam bentuk online. Kelebihan dari website jenis ini yaitu pemilik website mempunyai cakupan pasar yang luas, bahkan global.

Contoh website jenis ini yaitu : ebay.com, http://www.indi-smart.com/store

j. Website e-Learning

e-Learning merupakan kepanjangan dari electronic learning, jika dialih bahasakan pengertiannya adalah proses belajar melalui media elektronik. Media elektronik disini adalah konten pembelajaran yang ada di website, jadi fungsi website tersebut menyimpan materi maupun bahan pembelajaran secara online. Pengguna bisa mengakses materi/informasi tersebut kapan saja dan dimana saja.

Referensi : https://farhanismail98.wordpress.com/2017/04/09/struktur-web-jenis-jenis-web/