Di Masa Depan Komputer Grafis Paling Unggul

Jumat, 07 November 2014

M.MUJTAHIDIN (1155201011)

Membuat Animasi Sederhana Menggunakan Macromedia Flash 8

========================================================================

Berkaitan dengan mata kuliah yang berhubungan dengan MULTIMEDIA, khususnya tugas dari dosen membuat Animasi bergerak, maka pada kesempatan kali ini saya akan mencoba sedikit berbagi penjelasan bagaimana membuat animasi bergerak dengan pola Gambar Capung
Langkah-Langkahnya adalah :
  • Buka Aplikasi Macromedia Flash 8 pilih Flash Document
  • Buat pola untuk sayap  dengan menggunakan oval Tool, kemudian pada bagian Stroke Color hilangkan garis untuk polanya dan pilih warna sesuai yang diinginkan pada Fill Color
  • Kemudian bentuk pola menyerupai sayap capung dengan cara memilih Selection Tool, arahkan kursor panah pada pojok pinggir pola yang digambar, kemudian setelah kursor memberikan tanda tertentu (garis melengkung) tekan dan lalu Tarik untuk membentuk pola. Setelah itu untuk motif sayap buat lingkaran kecil bulat dan lonjong dari Oval Tool, untuk motif garis melengkungnya gunakan Pencil Tool kemudian satukan bersama pola gambar sayap, seperti pada gambar berikut
  • Setelah pola sayap dibuat seperti diatas, Pilih kedua pola tersebut dengan menggunakan Selection Tool, kemudian pilih Menu Modify -> Group ( Ctrl + G ) , lalu copy pola dengan cara klik Kanan -> Copy, Klik Kanan -> Paste. Setelah itu balik Pola yang tercopy seperti gambar yang bercermin dengan memilih Menu Modify -> Transform ->  Flip Horizontal, hingga seperti gambar berikut
  • Setelah itu buat pola Badan, Kepala dan ekor capung dengan kembali menggunakan Oval Tool, bentuk dan gabungkan menjadi satu, kemudian pilih ketiganya dengan Selection Tool, kemudian gabungkan dengan memilih Menu Modify -> Group ( CTRL + G ). Jangan lupa untuk menggabungkan badan dengan sayap, kemudian groupkan dengan cara seperti sebelumnya
  • Setelah Pola badan sayap sudah jadi, gabungkan pola tersebut, buat gambar kaki dengan menggunakan Pencil Tool,
  • setelah itu pilih lagi semua objek menggunakan Selection Tool kemudian pilih Menu Modify -> Convert to Symbol maka akan muncul konfirmasi berikut
  • Ubah nama pada kolom Name, pilih Movie Clip dan centang bagian tengah pada Registration kemudian pilih OK, maka pada kolom library akan muncul Movie Clip dengan nama Capung beserta gambar pola capung yang dibuat tadi. Setelah itu klik gambar dua kali pada layar kerja sampai muncul movie clip dengan nama Capung di bagian Timeline pojok kiri atas
  • Setelah itu gambar kembali di seleksi lagi secara keseluruhan menggunakan Selection Tool, kemudian pilih kembali Menu Modify -> Timeline -> Distribute to layers ( CTRL + Shift + D ) yang berfungsi untuk menambah dan menampilkan editor Layer pada bagian Layer. Pada bagian editor layer akan muncul beberapa layer dari sayap bagian kanan, kiri dan badan yang bisa diketahui saat kita meng klik bagian-bagian dari gambar pola capung tersebut, Layer tersebutpun dapat di ubah namanya sesuai dengan bagian pada pola gambar.
  • Pada editor layer bagian badan klik timeline titik angka 5, kemudian klik kanan -> insert frame dan kunci
  • Kemudian untuk Layer sayap bagian kiri dan kanan klik keduanya pada timeline titik angka angka 1, tekan Shift -> klik pada timelinenya ,kemudian klik Kanan -> Create Motion Tween
  • Setelah itu pada gambar capung  pilih atau Klik setiap bagian dengan menggunakan Free Transform Tool kemudian klik bagian sayap kanan dan Tarik titik sumbu tengah yang ada pada bagian tersebut ke bagian tengah badan sebagai titik tumpuh pada saat sayap bergerak nantinya, ulangi perintah tersebut pada sayap kiri capung
  • Setelah itu pada atur editor Layer untuk bagian sayap kanan dan kiri  pada timelinenya buatkan framedengan titik angka 6 pada timelinenya untuk batasan poros sayap pada saat bergerak terbuka caranya klik pada angka titik 6 untuk bagian sayap kanan dan kiri, Klik Kanan -> Insert Keyframe  dan lakukan hal yang sama pada titik angka 3 untuk batasan poros sayap saat menutup. Perhatikan gambar berikut, tanda bulat hitam pada timeline layer adalah keyframe yg sudah dibuat
  • Setelah dibuatkan Frame seperti diatas pada editor timeline Layer, klik gambar pada layar editor kemudian transform bagian sayap Kanan dan kiri, Tarik sumbu tengah yang ada pada bagian pola dan Tarik ketengah bagian badan capung seperti berikut
  • Setelah itu jalankan Gambar dengan masuk dimenu Control -> test Movie  atau CTRL -> ENTER.
  • Kemudian Pada Layer 1,buatkan KeyFrame pada timelinenya dan sejajarkan dengan timeline yang sebelumnya,  klik kanan -> Insert Keyframe ,  kemudian kembali klik kanan -> Action pada pojok bawah kotak pilihan Menu, dan akan tampil gambar editor pada Action Frame yang ada dipojok  bawah kiri Editor Macromedia seperti berikut :
  • Kemudian pilih Global Function -> Timeline Control dan pilih GoToandPlay klik double sampai muncul pada editor, kemudian untuk yang dalam kurung ganti dengan angka -1 yang berarti mengambil daripada Layer -1, setelah itu pilih Scene 1 dan jalankan kembali Movie clip capungnya.

BAGIAN KE-2
MEMBUAT ANIMASI CAPUNG TERBANG
  • Langkah pertama adalah Pilih atau Klik gambar Capung pada layar kerja  dan perkecil menggunakan Selection Tool, kemudian seret ke pinggir editor lembar kerja
  • Setelah itu Layer 1 ganti nama menjadi Capung dengan cara klik double sampai kursor berkedip, ketikan nama dan tekan ENTER.
  • Kemudian Buatkan Motion Tween di Layer 1 yang sudah diganti namanya tadi pada Timeline titik angka satu dengan cara Klik Kanan-> Create Motion Tween, selanjutnya Buatkan pula Keyframe pada sembarang titik angka pada editor Timelinenya, misalnya angka timeline 70, perhatikan gambar
  • Setelah itu pilih Add Motion Guide, dan akan muncul Layer baru pada editor Layer yang bernama Guide Capung
  • Setelah itu Kunci pada Layer Capung
  • Setelah itu pada Layer Guide Capung, klik titik angka 1 pada Timeline, kemudian pilih Pen Tool pada pilihan Menu Tool dilembar kerja Macromedia kemudian buat rute atau jalur terbang capung dengan cara perklik bagian tengah badan capung, klik – Tarik sampai membentuk pola seperti pada gambar dan kembali klik Selection Tool hingga membentuk alur terbang Capung
  • Setelah itu buka kembali kunci pada Layer Capung, klik pada titik angka 1 pada Layer Capung pilih Free Transform Tool -> klik gambar capung dan hadapkan ke arah rute awal seperti pada gambar berikut
  • Setelah itu klik lagi angka titik akhir 70 pada timeline dan ubah kembali posisi capung ke titik akhir pola rute yang dibuat seperti pada gambar
  • Untuk melihat bagaimana bentuk gerak terbang Capung, klik dan geser – geser center Frame yang ada pada Timeline
  • Dan langkah terakhir adalah klik sembarang pada timeline gambar diatas untuk mengatur agar gambar mengikuti pola rute terbang yang sudah dibuat tadi, kemudian pada properties Bagian bawah akan muncul gambar seperti berikut dan centang bagian Orient to path

Demikian Artikel ini dibuat semoga bermanfaat bagi teman-teman yang sedang diberi tugas Multimedia membuat Animasi bergerak.

DAFTAR PUSTAKA
http://dcc-dp.org/berita544-membuat-animasi-sederhana--menggunakan-macromedia-flash-8.html

Senin, 03 November 2014

Membuat game dengan Unity3D

Proses  pembuatan game memerlukan sebuah software/tool yang disebut game engine. Game engine memberikan kemudahan dalam menciptakan konsep sebuah game yang akan dibuat. Mulai dari pengaturan game objek dan suara efek, grafik rendering, scripting karakter pemain/musuh, dan sebagainya.
Tahun lalu penulis telah membuat artikel membuat game dengan UDK, sekarang mari kita menggunakan  Salah satu game engine yang sudah banyak digunakan yaitu unity 3D.
Pada sesi awal ini kamu akan diperkenalkan pada fitur-fitur didalam unity3D, dan pada sesi-sesi berikutnya kamu akan mulai belajar membuat games canggih secara setahap demi setahap dengan Unity3D.

Terdapat 2 hal yang bisa kita dapatkan dari UNITY:

1.  Aspek Design : Menggunakan Unity  untuk membangun Level.
Aspek ini tidak termasuk proses desain atau modeling, dikarenakan unity bukan tool untuk mendesain.
Pergunakan 3D editor lain seperti 3dsmax, Maya atau Blender untuk mendesain.
unity_1_h
(Desain Terain untuk level outdoor didalam Unity3D)

2. Aspek Programming: Membuat game dengan Unity.
Unity mempunyai banyak kemampuan untuk menampilkan materi games secara menakjubkan, akan tetapi Unity tidak mempunyai banyak fungsi dan mekanik untuk berinteraksi , kecuali jika kita mulai membuat programmingnya / scripting.
unity_1_i
(Contoh javascript)
Unity 3D atau Unity adalah sebuah game engine yang berbasis cross-platform. Dengan program unity kita bisa membuat game yang dapat dimainkan pada perangkat komputer, ponsel pintar android, web games (memerlukan plugin unity web player), iPhone, PS3, dan bahkan X-BOX.
unity_1_a
Terminologi

Scenes
Pengertian scene didalam Unity3D adalah Levels. Atau area didalam 3D Space yang menampung banyak object games.
Jika kamu membuat beberapa levels didalam games, maka didalam project Unity akan dibagi menjadi beberapa Scenes.
unity_1_b
(Banyaknya scenes didalam satu project bisa dilihat didalam project windows bagian assets, dimana seperti contoh gambar diatas hanya terdapat 1 scene dengan nama ‘mymarble’ dengan isi komponen didalamnya di perlihatkan dalam hierarchy window).
Scenes tidak hanya digunakan untuk level tapi juga bisa dibuat sebagai Opening Screen, Menu Configuration.

Packages
packages bisa diibaratkan seperti compress file seperti Zip atau Rar, nah di dalam Unity packages bisa menggabungkan semua materi games baik itu berupa file ataupun foldernya dan digabungkan menjadi satu. Kamu juga bisa memberikan packages tersebut ke rekan satu team kamu.
Packages ataupun kumpulan asset bisa kamu download di Unity3D.com sebagai kebutuhan pelengkap games kamu.
unity_1_c
(Gambar diatas  adalah packages yang dinamakan Terrain assets, dimana di dalamnya terdapat aset aset terrain yang bisa kamu download gratis, ada juga beberapa packages yang berbayar)
Selesai mendownload kamu bisa mengimport kedalam Unity dengan cara mengklik menu Asset dan mengimport package.
Selain itu juga kamu bisa mengexport materi games untuk dijadikan packages, dengan cara memilih terlebih dahulu folder materi yang ada didalam project window dan memilih menu Assets>Export Package.
unity_1_d
Unity mempunyai kecanggihan dalam mengatur Dependencis (ketergantungan / link) dalam setiap mater yang akan dimasukan kedalam packages, misalkan  ada karakter didalam asset kamu maka semua yang menjadi pelengkap karakter tersebut akan dimasukan kedalam package sesuai dependencies nya.

Prefabs
Prefabs bisa dibilang sebagai kontainer atau sebagai salah satu cara untuk membuat group asset dan dijadikan template untuk digunakan berkali-kali didalam project. Prefabs bisa juga dibilang symbol  (flash),
tidak hanya materi level design saja yang bisa dijadikan prefab, tapi juga gabungan script bisa dijadikan prefab.
Pembuatan prefab yang  diambil dari gambungan materi didalam hierarchy, biasanya di awal menggunakan tools yang dinamakan gameObject, disini kita menggunakan gameObject yang kosong (empty).
Pertama kita buat empty gameObject dengan kunci CTRL+SHIFT+N, lalu drag dan masukan materi-materi tersebut kedalam game object yang kosong. berikutnya didalam project window create, kamu buat prefab baru dan drag game object tersebut kedalam prefab.  prefab yang baru sekarang berisikan gameobject yang didalamnya terdapat mater-materi yang kamu pilih, selanjutnya kamu bisa menggunakan prefab tersebut berkali kali di dalam project.
unity_1_e
Nah didalam inspector window kamu bisa melihat pilihan prefab yaitu Apply (merubah salah satu item didalam prefab lalu membuat master prefab juga mengikuti erubahan yang kamu lakukan), Revert (mengembalikan seperti semula perubahan yang kamu lakukan di dalam prefab).

Game Objects
Game object adalah segala keperluan kamu dalam membangun sebuah level games.
ciri-ciri Game Object :
  • Bisa di Pindah(Move),  Putar(Rotated), besar kecilkan(Scale).
  • Bisa diberikan nama
  • Mempunyai sifat Hierarchy, Link.
  • Dan bisa didefinisikan melalui komponent.
Sebagai contoh, jika kita membuat game object kosong (CTRL+SHIFT+N) dan gameobject ‘Cube’. Kamu bisa lihat di window inspector, perbedaan isi dari kedua gameobject tersebut.unity_1_f

Untuk transform (move rotation, scale) keduanya sama, tetapi pada gamobject cube terdapat 3 buah komponent tambahan berupa ‘mesh filter’, box collider dan meshrenderer.
Di dalam game object yang kosong juga bisa kamu tambahkan komponent seperti cube dengan menekan tombol ‘Add Component’.
Component
unity_1_g
Component adalah group dari suatu fungsi yang berisikan parameter-parameter yang mendefinisikan seperti apa bentuk ataupun sifat dari game object. dengan kata lain component mendefinisikan game object.
Kadang untuk menciptakan satu game object yang sesuai dengan kebutuhan, kita memerlukan beberapa komponent didalamnya yang bisa kita masukan dari menu ‘Components’.
jika kamu perhatikan pada menu GameObject>Create Other dan juga pada window hierarchy>Create mempunyai menu yang sama. semuanya itu merupakan suatu Empty game Object’ yang ditambahkan beberapa komponent didalamnya.
Sebagai contoh,  jika kamu membuat light dari “GameObject>Create Other>Directional Light” itu sama saja dengan kamu membuat empty gameobject
dengan tambahan ‘Component >Rendering >Light”, tinggal dirubah type lightnya menjadi directional. Pointnya disini sesuatu yang membedakan game object adalah component yang ada di dalamnya.

Assets
asset adalah aspek dari permainan yang akan direferensikan oleh beberapa komponen atau asset itu sendiri , atau kelengkapan penunjang pembuatan game.
Asset dibagi 2, yaitu External dan Internal.
untuk external (mengimport semua kebutuhan untuk pembuatan games yang mencakup) :
  • 3D Models
  • Textures
  • Sound effects
  • Script
Internal  (sudah ada didalam Unity) :
  • Materials
  • Shaders
  • Cube Maps
  • Physics Materials
  • Prefabs
Script
Pengertian yang harus diluruskan disini adalah , Script bukan sebuah program karena program adalah sesuatu yang berdiri sendiri (stand alone), bisa kamu compile dan dijadikan exe.
Sedangkan script hanya berfungsi mengikuti aplikasi yang membawanya, dalam kasus ini adalah UNITY. jadi script di dalam Unity tidak bisa kamu bawa ke program lain selain Unity.
Script didalam Unity harus kamu buat untuk bisa menciptakan games yang bisa dimainkan,  memang unity mempunyai tools yang mengagumkan untuk membuat suatu proses development games, tetapi unity tidak mempunyai komponent untuk menembak misalkan, komponent Ammo atau peluru, Komponen Health (Nyawa)., semuanya itu harus kamu buat scriptnya untuk disambungkan ke component atau ke game object.

Fitur Unity 3D
Di bawah ini terdapat beberapa fitur unity untuk menambah kecanggihan dari level game yang kita buat untuk Unity :
  • Audio reverb zone
unity_1_j
Fitur yang membuat sebuah lokasi suara atau area suara dalam game untuk mengeluarkan efek suara tergantung dari jarak yang ditentukan, sehingga disini pada suatu area tertentu, pemain akan merasakan suara yang berbeda-beda pada setiap area.
  • SkyBox
Fitur yang dapat merubah langit  game.
unity_1_k
  • Particle system
particleSystem
Fitur membuat efek atmosfer seperti asap, api, uapan air, dan sebagainya.
  • Real-time lighting dan texturing
unity_1_l
  • Fleksibel dalam Move, Rotate dan Scale
unity_1_m
Demikian beberapa fitur dan pengenalan program engine yang cukup populer yaitu Unity3D

              
 >>semoga bermanfaat.... Amin



Belajar Unity3d – Game Engine


By: Rahmatil maula (1155201005) 
  Kita belajar bareng yukkk!!!

Unity3d atau Unity adalah sebuah software atau program komputer yang saat ini sedang populer di kalangan game developer atau para pembuat game. Dengan program Unity3d kita bisa membuat game dengan mudah dan cepat, dan yang lebih menguntungkan lagi bahwa game yang kita buat bisa dimainkan di berbagai platform, mulai dari PC (Windows, Mac), Website (Unity Web Player, Flash), Perangkat Mobile (Android, iOS), dan berbagai perangkat console (Nintendo Wii, PS3, Xbox 360).

Program Unity3d terdiri dari dua versi yaitu ada yang versi FREE dan PRO. Versi FREE merupakan versi gratis dari Unity sedangkan versi PRO merupakan versi berbayar yang pada saat artikel ini ditulis harganya $1500. Versi PRO ini dapat dicoba selama 30 hari, setelah habis masa percobaan akan menjadi versi FREE jika kita tidak membeli lisensinya. Perbedaan versi-versi ini terletak pada fitur-fiturnya, dimana versi PRO dijual dengan fitur lengkap sedangkan versi FREE digratiskan dengan beberapa fitur saja. Versi FREE hanya mendukung berbagai perangkat saja, sedangkan versi PRO mendukung banyak perangkat.
Hal yang paling menarik dari Unity3d adalah kemampuannya dalam mendukung berbagai perangkat teknologi. Unity3d membutuhkan perangkat tambahan (add-on) untuk melakukan hal itu. DImana perangkat tambahan (add-on) tersebut dijual dengan harga tertentu.
Namun ada berita penting dari Unity3d tertanggal 21 Mei 2013 yang dimuat di blog resmi Unity yaitu bahwa sebuah game atau applikasi yang dibuat agar dapat dimainkan di perangkat mobile yang selama ini membutuhkan add-on dengan lisensi PRO sekarang sudah di gratiskan alias FREE. Jadi sekarang kita bisa membuat game atau aplikasi yang bisa kita jalankan di perangkat mobile (Android dan iOS) dengan mudah dan gratis.
Hal utama yang membuat Unity3d sangat terkenal adalah kemampuannya dalam mengontrol berbagai Object (GameObject) dalam game atau applikasi dengan mudah. Fitur GUI (Graphic User Interface), Audio, Animasi, Effect, dan Scripting (Pemrograman) dimiliki oleh Unity3d dan proses mempelajarinya sangat mudah untuk pemula.
Unity3d mendukung Scripting (pemrograman) dengan menggunakan berbagai bahasa pemrograman diantaranya C#, JavaScript (UnityScript), dan BOO Script. Jika sebelumnya kita mempunyai code C# yang penting, kita bisa menggunakannya di Unity dengan mudah.
Hal lain yang penting dari Unity adalah adanya Asset Store, dimana disini kita bisa membeli berbagai paket yang bisa kita gunakan sebagai asset dalam project kita, juga tersedia beberapa yang gratis.
Website resmi dari Unity3d ada di : http://unity3d.com


 Semoga Bermanfaat. . .Amin :)

Kamis, 30 Oktober 2014

Teknik Smudge Painting Manual dengan photoshop

By. Ali Mustofa (1155201041)

Tutorial Teknik Smudge Painting Manual dengan photoshop. Caranya agak sedikit rumit, namun hasilnya sangat bagus. Praktek Yukkk!!!
smudge+Painting+Manual15 Teknik Smudge Painting Manual dengan photoshop

1. Siapkan Fotonya
smudge+Painting+Manual Teknik Smudge Painting Manual dengan photoshop

2.Jika anda merasa kecerahan photo kurang, maka gunakan Creat New Fill, pilih levels, masalah besarnya poin tergantung dari kualitas photo anda.
smudge+Painting+Manual2 Teknik Smudge Painting Manual dengan photoshop

Tambahkan juga Brightness/Contrast
smudge+Painting+Manual3 Teknik Smudge Painting Manual dengan photoshop

Sekarang gabungkan semua Layer, pilih dengan menekan Shift dan klik pada setiap layer, Klik kanan pilih Marge Layers
smudge+Painting+Manual4 Teknik Smudge Painting Manual dengan photoshop

3.  Silahkan Duplikat dulu layernya dengan menekan CTRL+J, jika sudah masuk ke Filter-Sharpen-Sharpen, Lakukan 2x
smudge+Painting+Manual5 Teknik Smudge Painting Manual dengan photoshop

 4. Tambahkan Filter-Artistic-Paint Daubs,
Brush Size = 1
Sharpness = 7
Brush type = Simple
smudge+Painting+Manual6 Teknik Smudge Painting Manual dengan photoshop

5. Lanjut Ke pokok utama, Gunakan Smudge Tool,  untuk mengubah jenis brush Klik kanan pada photo, disini saya menggunakan Grunge Brush By Talei Stock, dengan Sterght 25.
Trik dalam menggunakan Smudge Tool adalah mengatur besar kecilnya Size sesui dengan area, misal untuk size kecil gunakan pada pagian mata, halis, kuping. dan jika pada rambut usahakan mengikut alur rambut.
smudge+Painting+Manual7 Teknik Smudge Painting Manual dengan photoshop

6. setelah semua digosok, gunakan Burn tool untuk memberikan kesan gelap/bayangan pada setiap lekukan. seperti baju, dagu. dll gunakan Exposure 10%
smudge+Painting+Manual8 Teknik Smudge Painting Manual dengan photoshop

 7. Gunakan kembali Sharpen sebanyak 2x untuk mempertegas gambar

smudge+Painting+Manual9 Teknik Smudge Painting Manual dengan photoshop

8. Pada tahan ke-8 boleh anda lewati, tapi jika perlu mengubah pola warna/cahaya, kecerahan gunakan menu Image-Adjustment.
smudge+Painting+Manual10 Teknik Smudge Painting Manual dengan photoshop

 9. Masuk ke tahap ahir, FIlter-Sharpen- Smart Sharpen
smudge+Painting+Manual11 Teknik Smudge Painting Manual dengan photoshop

10. Atur kembali Photo dengan Smudge Tool, pengaturan Strenght 20
smudge+Painting+Manual13 Teknik Smudge Painting Manual dengan photoshop

11. Gosok kembali dengan Burn tool pada bagian lekukan tubuh.
12. Hapus lah Latar, biasanya saya menggunakan Polygonal Lasso tool atau Pen  tool untuk melakukan seleksi, Jika sudah dihapus, buatlah latar dengan menggunakan Brush Tool, jenis brush yang digunakan adalah Smudge Set 1 frostbo
smudge+Painting+Manual14 Teknik Smudge Painting Manual dengan photoshop

Hasil Akhir.
smudge+Painting+Manual15 Teknik Smudge Painting Manual dengan photoshop

Silahkan dicoba dan berimajinasi dengan Teknik Smudge Painting Manual dengan photoshop.
                                              ==>> TERIMA KASIH <<==

Kamis, 12 April 2012

Tutorial Unity3D

Pengin Membuat Game belajar dulu yang ada disini

Tutorial Macromedia Flash

Untuk Belajar Macromedia Flash Trigonometri sederhana silahkan download disini
Untuk Belajar Macromedia Flash Statistika sederhana silahkan download disini