expr:class='"loading" + data:blog.mobileClass'>

Tuesday, 29 October 2013

Membuat Cermin 3 Dimensi



Publish: 20 November 2010 | Author & Copyright: Endra | Status: FREE tutorial

Allow gaan..ktemu lg sama ane,,kali ini saya akan berbagi Tutorial Autocad membuat cermin yg biasa dikamar agan semua.

Wokeehhh…gak pake lama deh..langsung aja siapkan aplikasi Autocad nya gan,dan buat sketsa pada TOP VIWE,rectangle luar=70x10, rectangle dalam cukup offset=0.5 kebagian dalam sperti gmbar dibawah ini…
image www.ilmugrafis.com

Copy sketsa tersebut menjadi 2,yg nantinya untuk membuat cerminya gan.

Agar lbih leluasa,dimensinya hapus aja gan…

Disini saya menggunakan tehnik EXTRUDE,masih inget kan gan bagaimana EXTRUD itu dan syaratnya jk lupa agan bisa liyat ditutorial saya tentang “BELAJAR EXTRUDE DAN SUBTRACT”.
Wookeehh…kita mulai gan,,

1. Pembuatan bingkai cermin
Pada posisi TOP View,,karena ada 2 sketsa yg telah dicopy,maka pilih salah satu aja gan untuk di eksekusi,lalu ikuti langkah2 dibawah ini,,
Command:extrude <enter>
=> Seleksi semua sketsa dengan klik dari kanan bawah lalu tarik hingga kiri atas kmudian klik kmbali untuk mengakhiri proses.
=> 0.5 (ketebalan dari sketsa tersebut) <enter>
=> Klik SE isometric view untuk melihat hasilnya, kemudian
image www.ilmugrafis.com
=> Command:Subtract <enter>
=> Pilih/klik pada rectangle luar <enter>
=> Pilih/klik pada rectangle dalam <enter>

Hasilnya sbagai berikut:
image www.ilmugrafis.com
[+] klik gambar untuk memperbesar ukuran view
Bingkai cermin telah jadi gan,,,

2. Pembuatan Cermin
Sekarang kita focus ke sketsa hasil copy an diawal tadi gan.kita hanya butuh rectangle bagian dalamnya saja, maka:
=> Command:extrude <enter>
=> 0.25 (ketebalan sketsa untuk cermin) <enter>
* Untuk cermin saya beri warna merah supaya lebih jelas perbedaanya antara bingkai cermin dan cermin itu sendiri.
=> MOVE / pindahkan cermin ke bingkai kaca dengan acuan poin sebagai berikut:
image www.ilmugrafis.com

image www.ilmugrafis.com

image www.ilmugrafis.com

3. RENDERING
Untuk tahap terakhir tinggal memberikan material gan…
Pertama2 putar dulu gan kacanya,sehingga posisinya menjadi Vertikal,dengan cara:
- Seleksi terlebih dahulu bingkai kaca tersebut
- Pada menubar, Modify>3D operations>3D rotate
image www.ilmugrafis.com
- Maka munculah 3 garis yg berbentuk lingkaran dgn warna merah,biru & hijau
- Dekatkan kursor anda pada bagian yg berwarna merah,jika telah mendapat acuan garis,lalu klik dan
image www.ilmugrafis.com
- Masukan nilai 90 pada command toolbars yang berarti perputarannya 90 drajat <ENTER>
image www.ilmugrafis.com
- Tekan Esc di keyboard anda untuk menyelesaikan perintah..

Selanjutnya, Pada MenuBar pilih VIEW>RENDER>MATERIAL

Buatlah 2 Material baru dengan nama “Bingkai” dan “cermin”
image www.ilmugrafis.com
a) Untuk material “Bingkai”
- Type = Realistik
- Template = wood varnished
- Select image = (Finnished,flooring…>saya ambil Dari image di dalam Autocad,anda bisa mencarinya)
image www.ilmugrafis.com

b) Untuk material “cermin”
image www.ilmugrafis.com
Type = Realistik Metal
Template = Mirror
Setelah semuanya selesai,apply to material.
>ambil posisi terbaik
>view>render>render
image www.ilmugrafis.com

Tips : Agar hasil rendering   lebih baik,gunakan material “lamp” dan atur pencahayaanya..
Hasilnya:
cermin kamar
Cermin Kamar sudah jadi, siapa yang ingin bercermin gratis :)
Terimakasih, SEMOGA BERMANFAAT


sumber : http://www.ilmugrafis.com/autocad.php?page=membuat-cermin-3dimensi

Illustrasi Daun Gaya Mesh Tool


Illustrasi Daun Gaya Mesh Tool
Publish: 05 Agustus 2010 | Author & Copyright: Damar Sasongko Ae | Status: FREE tutorial

Pada tutorial yang sebelumnya kita telah belajar cara penggunaan mesh tool nah sekarang saatnya kita belajar mengaplikasikan tehnik mesh tool dalam membuat suatu gambar Daun di Adobe Illustrator sehingga daun tampak alami dan warnanya menarik.

Langkah - Langkahnya:

1. Kita harus membuat object dengan menggunakan Pen Tool , lalu warnai
image ilmugrafis

2. Buat garis - garis mesh (jika anda telah mempelajari tutorial mesh tool di tutorial sebelumnya maka pengaplikasiannya sama saja)
image ilmugrafis

3. Seleksi pada seluruh pinggir titik - titik mesh dengan menggunakan Direct Selection Tools (A) , tekan shift untuk menyeleksi
image ilmugrafis
Setelah terseleksi semua titik - titik yang di pinggir kemudian pilih warna dengan pallete color untuk menghasilkan efek gradasi mesh
image ilmugrafis

4. Buatlah tulang daun dengan Pen Tool
image ilmugrafis

5. Berikutnya membuat urat daun
image ilmugrafis

6. Perbanyak Copy paste urat daun yang telah dibuat hingga seperti ini
image ilmugrafis

7. Kemudian bikin gambar tangkai dengan Pen Tool , untuk warna bikin gradient / Gradasi
image ilmugrafis

gambar bidang dengan menggunakan Pen Tool , untuk warna pilih warna agak tua dari warna dasar daun (blending : multiply dan opacity: 16%)
image ilmugrafis

Letakkan di tengah daun
image ilmugrafis
untuk menambah kesan gradasi maka tambahkan bidang lagi sebagai berikut
Pilih warna putih (blending Softlight dan atur opacitynya 17%)
image ilmugrafis

dan Jadilah setangkai bunga... eh Setangkai daun... ^_^
image ilmugrafis

Kurang lebih seperti ini :
ilustrasi daun
Illustrasi Daun di Adobe Illustrator
Selamat belajar Tutorial Illustrator di ilmuGrafis
Terima kasih, Semoga bermanfaat


 sumber : http://www.ilmugrafis.com/ex-illuistrator_vector.php?page=illustrasi-daun-gaya-mesh-tool

Pengenalan Adobe InDesign dan Layout



Publish: 17 Februari 2009 | Author & Copyright: Johan | Status: FREE tutorial

tutorial indesign
Aplikasi desktop publishing yang kini makin populer yaitu Adobe InDesign adalah aplikasi yang digunakan untuk desain layout atau publikasi. Adobe InDesign sering digunakan penerbit majalah, koran, biro cetak, dan biro iklan untuk mendesign produknya. Sebelum Adobe mengeluarkan Adobe InDesign, Adobe telah mengeluarkan Adobe PageMaker yang berfungsi sebagai desain layout juga. Saat ini Adobe PageMaker telah dihentikan produksinya dan Adobe telah mengeluarkan Adobe InDesign CS3 yang lebih powerfull daripada versi sebelumnya maupun Adobe PageMaker...

Layout InDesign
tutorial indesign
Area kerja Adobe InDesign mirip dengan area kerja Adobe Photoshop. Di sebelah kiri terdapat ToolBox, sebelah kanan terdapat Workspace Window (Pallete) yang bisa dimunculkan atau disembunyikan. Di bagian tengah terletak Document Window yang berisi dokumen yang sedang dibuat. Di bagian ini terlihat rule, magnify, halaman. Pada halaman dokumen itu sendiri terlihat bagian mana yang ikut tercetak, dan bagian mana yang tidak tercetak.

sumber : http://www.ilmugrafis.com/indesign.php?page=pengenalan-adobe-indesign-layout

Menu - Menu Animasi Menarik di Dreamweaver



Publish: 5 Agustus 2011 | Author & Copyright: Johan | Status: FREE tutorial

Seorang Web desainer pasti akan melakukan segala cara untuk membuat tampilan websitenya menarik, salah satunya mungkin dengan cara membuat menu animasi. Cara itu antara lain dengan belajar Photoshop, Flash, dan juga Firework. Namun Pada tutorial Dreamweaver kali ini kita lupakan dulu hal itu karena kita akan belajar membuat menu yang menarik tanpa harus belajar animasi flash karena pada dreamweaver terdapat template - template animasi siap pakai yang sayang jika dilewatkan :)

Ok, berikut langkah - langkahnya:

1. Buka Program Dremaweaver anda, disini saya menggunakan Dremweaver 8 , namun cara ini bisa diterapkan untuk semua versi Dremweaver mulai dari MX , 8 hingga yang terbaru yaitu Adobe Dremweaver CS5
Start >> All Program >> Dreamweaver

2. kalau anda tidak / belum punya website untuk project anda bisa mengklik Create new: pilih HTML

3. Sebelum kita mulai membuat menunya maka kita diharuskan save (menyimpan) dulu project kita dengan menekan CTRL + S , pilih direktori / tempat penyimpanan lalu berikan nama file yang anda inginkan. klik Save

4. Setelah itu pilih menu Insert >> Media >> Flash Button
tutorial dreamweaver

5. Pilih template tombol menu animasi yang anda inginkan
tutorial dreamweaver
Disini ada berbagai macam tombol yang WOW, menarik bukan... sebagai contoh maka saya pilih saja salah satunya yaitu Glass-Silver
Button Text berfungsi untuk menambahkan judul / kata apa yang terdapat di dalam button nantinya
Font : jenis font yang dipakai
Size : ukuran font yang diinginakan
Link : tautan untuk menu nantinya

Tekan OK, untuk title isi saja
tutorial dreamweaver
OK

klo 1 menu kurang maka buat lagi sebanyak yang anda perlukan untuk menu di website anda dengan mengulangi langkah di atas
Contoh hasilnya:
tutorial dreamweaver
untuk mengetesnya tekan F12 untuk melihat hasilnya :)
Sampai ketemu lagi di Tutorial Dremweaver berikutnya
Semoga Bermanfaat ^_^/

sumber : http://www.ilmugrafis.com/dreamweaver.php?page=menu-animasi-menarik-dreamweaver

Animasi Burung Terbang



Publish: 17 April 2010 | Author & Copyright: Miko | Status: FREE tutorial

Dalam Tutorial kali ini akan membahas bagaimana membuat animasi sederhana yaitu Animasi burung yang terbang dengan mode Frame by Frame yaitu animasi dengan membuat gambar perframe beda halnya dengan Motion Tweening teknik frame by frame memerlukan waktu yang cukup banyak karma dalam setiap frame kita harus membuat gambar yang tidak sama, pada tutorial kali ini objek yang akan kita gunakan yaitu sebuah ilustrasi burung dan aplikasi yang digunakan yaitu Macromedia Flash MX Professional 2004

Langkah pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan Toolbox Brush Tool
tutorial flash
Untuk membuatnya perhatikan gambar dibawah ini
tutorial flash
Buatlah ilustrasi gambar burung dengan brush tool bisa juga menggunakan Pen Tool
Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya  kita tinggal paste gambar setelah itu nanti hanya menambah bentuk sayap yang berbeda saja
tutorial flash
buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1
tutorial flash
Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah
tutorial flash

tutorial flash
Untuk gambar yang terakhir buatlah sayap diatas punggung burung tetapi agak rendah sedikit, jika sudah selesai tinggal pewarnaan pada gambar
burung
langkah selanjutnya yaitu pembuatan animasinya pada gambar 1 letakkan dikeyframe pertama , atur posisi gambar sesuai keinginan anda asal semua gambar harus di 1 posisi yang sama semua
tutorial flash
buatlah Keyframe dengan cara klik kanan frame kedua >> pilih Insert Keyframe, setelah itu masukan Gambar 2
tutorial flash
buatlah Keyframe dan masukan gambar 3 keposisi yang sudah kita tentukan tadi
 tutorial flash
langkah selanjutnya blok semua Frame yang telah kita buat >> klik kanan dan pilih Copy Frame. Kemudian Paste ke frame selanjutnya
tutorial flash tutorial flash
Hasilnya bisa dilihat dengan cara pilih Menu Control >> pilih Play atau Ctrl+Enter










tutorial flash sumber : http://www.ilmugrafis.com/flash.php?page=animasi-burung-terbang

Mengenal Adobe After Effect CS3


Mengenal Adobe After Effect CS3

Publish: 30 Desember 2010 | Author & Copyright: Johan | Status: FREE tutorial

Adobe After Effect adalah program pengolah video editing. Fungsi Adobe after Effect adalah digunakan untuk mengolah dan menambahkan efek - efek khusus dalam pembuat video acara -acara seperti pernikahan, maupun pembuatan iklan di industri perTVan (broadcast).

Cara memulai program After Effect CS3
- Pada waktu penulis menginstal program After Effect ini penulis sendiri pertama kali juga dibuat bingung, bagaimana memulainya? apa yg harus saya lakukan dengan program ini? apakah saya bisa memakainya? dan beberapa pertanyaan lainnya, akhirnya dengan sedikit kesabaran dan ketelatenan penulis mulai bisa menguasai sedikit dan langsung dibagikan kepada para pengunjung di ilmuGrafis :) "walaupun kecil yg penting berbagi, tul gak gan"

berikut ini cara membuat lembar kerja baru (new Project) di Adobe After Effect:
disini penulis menggunakan After Effect CS3
1. Pada Windows Klik Start >> All Program >> Adobe After Effect CS3
maka anda akan melihat tampilan seperti ini:
image www.ilmugrafis.com
klik gambar untuk memperbesar tampilan Layout AE CS3
sebelum kita masuk ke langkah berikutnya, simak keterangan Layout AFTER EFFECT CS3 di atas

+ MENU UTAMA
Tempat kumpulan menu - menu untuk mengakses fitur yang ada di AE CS3 terdiri dari File, Edit, Composite, Layer, Effect, Animation, dll

+ TOOL BAR
Tempat alat - alat untuk mengEdit Video nantinya seperti Zoom, Teks, Shape, Clone, dll

+ LIBRARI dan EFEK VIEW
Tempat file source dan juga tampilan efek yang akan dimunculkan di Video anda. Ini adalah tempat semua impor Komposisi, Video, Audio, Graphics dll

+ KUMPULAN PALLETE
Ada beberapa seperti Time, Audio, Efek dll. Ini panel yang besar namun tidak sepenuhnya diperlukan untuk penggunaan dasar. Hal ini dapat ditutupi di Tutorial yang akan datang.

+ KOMPOSISI
Menampilkan isi frame untuk komposisi yang dipilih

+ DETAIL EFEK dan LAYERS
Seperti halnya program desain grafis lainnya, Palette ini digunakan untuk Navigasi anda dalam mengedit Video serta memberikan sentuhan permainan LAYER MODE, BLEND MODE, maupun MASKING untuk menggabungkan 2 gambar atau lebih sehingga terlihat menjadi 1 tampilan Animasi

+ TIMELINE
Timeline adalah fungsinya menampilkan durasi dan panjang video serta tampilan layer dan keyframe anda

2. klik Composition >> New Composition
image www.ilmugrafis.com

nah akan muncul seperti ini:
image www.ilmugrafis.com
Penjelasan Setting Composition di After Effect CS3
A. Berikan nama Komposisi Anda [sesuatu yang sedikit lebih deskriptif dari "Comp satu" misal nama project anda]
B. Atur tahap yang diperlukan dimensi Anda jika Anda tahu spesifik Ukuran Video anda [ini bisa diubah nanti jika diperlukan]
C. Set Pixel Rasio Aspek untuk Square Pixel karena ini akan menjadi Flash
D. Mengatur frame rate AE untuk menyesuaikan frame rate yang ingin Anda gunakan dalam Flash
E. Tetapkan durasi Anda diperlukan Komposisi [ini juga bisa diubah nanti jika diperlukan].
Klik OK
image www.ilmugrafis.com
Ok, Sekian dulu Tutorial Dasar After Effect dari saya, sampai jumpa lagi di Tutorial berikutnya gan :)
Terimakasih, semoga bermanfaat
STAY TUNE AT IG


sumber : http://www.ilmugrafis.com/after-effect.php?page=mengenal-adobe-after-effect-cs3

WAWANCARA



Video diatas adalah tugas wawancara saya kepada bapak Sayuri pengrajin batik daerah singosari yang bertempat di pusat kerajinan kendedes singosari depan pasar. .
atau bisa dilihat di http://youtu.be/Gm_ekWq-Mdg