Menggeser Memutar dan Merubah Ukuran Kubus

 

Pada tutorial berikut, anda akan saya tuntun bagaimana cara menggeser, memutar dan merubah ukuran kubus, agar anda mengetahui dasar-dasar dari tutorial Cinema 4D.
Ayo kita …!! Lakukan

1. Menggeser Kubus
Langkah pertama pilih icon kubus lalu klik kubus.

Maka akan muncul kubus yang telah anda klik tadi.

[Kubus dalam keadaan terseleksi] Sumbu X (merah), sumbu Z (biru), sumbu Y (hijau).

[Kubus dalam keadaan tidak terseleksi]

Lihat pada gambar kubus dalam keadaan terseleksi, terlihat tiga buah panah . Sumbu X (merah), sumbu Z (biru), sumbu Y (hijau).
Sorot panah biru (Sumbu Z), maka panah biru akan berubah warna menjadi warna kuning kemudian seret kearah yang anda inginkan, sekarang posisi kubus anda telah berubah. Selanjutnya jika anda ingin mengubah posisi kubus pada posisi diatas sorot Sumbu Y(hijau) begitu juga pada Sumbu X (merah).
Hasilnya:

[KUBUS BERUBAH POSISI SETELAH DIGESER]

2. Memutar Kubus
Pilih kubus, lalu klik icon Rotate (tekan R ) pada keayboard anda.

Caranya serupa seperti menggerakkan kubus, ada tinggal menyorot Sumbu X (merah), maka sumbu x akan berubah menjadi warna kuning setelah itu anda tinggal memutar kubusnya, gampang bukan…!!

KUBUS BERUBAH POSISI SETELAH DIPUTAR

3. Merubah ukuran kubus
Pilih kubus, lalu pilih icon Scale (tekan T) pada keayboard anda.

Untuk cara yang ketiga ini hampir sama dengan cara yang pertama dan kedua, pada ketiga panah terdapat titik berwarna orange, titik itu yang akan kita gunakan untuk merubah ukuran kubus menjadi memanjang kekiri dan kanan. Jika anda ingin merubah ukuran kubus menjadi melebar kekanan dan kekiri, anda tinggal menyorot titik orange kecil itu yang terdapat pada Sumbu Z (biru) lalu drag arahkan mouse anda kekanan.

Anda juga bisa membaca tutorial sebelumnya yaitu Tampilan Cinema 4D
Selamat mencoba….!!
Semoga bermanfaat 🙂

Mewarnai Object di Cinema 4D

 

Sesion kali kita akan coba belajar memberi warna/material pada objek di Program Cinema 4D. Setelah sebelumnya kita mengetahui langkah Menggeser Memutar dan Merubah Ukuran Kubus
Mari ikuti langkah-langkahnya ya, smoga bisa dimengerti.

Step 1
Langkah pertama adalah pilih icon Kubus (Cube) lalu klik icon Cone

Step 2
Pada Material Manager pilih menu “File” lalu pilih “Shader” kemudian klik material “Danel”, maka akan muncul material “Danel” pada Material Manager yang ada dibawah. Jika anda ingin menambahkan material yang lain, anda tinggal  memilihnya di menu “Shader”.

Step 3
Cara memberi warna/material kekubus ada 2 cara.Cara yang pertama , dengan mendrag icon material “Danel “ ke Object Manager atau bisa langsung mendrag material ke kubus. Kedua cara ini sebenarnya sama saja, sekarang tinggal tergantung pada anda cara mana yang lebih anda sukai….oke…

Selamat mencoba dan tetap semangat…!!!
Anda juga bisa membaca tutorial sebelumnya yaitu:
Menggeser Memutar dan Merubah Ukuran Kubus dan Tampilan Cinema 4D
Selamat mencoba….!!
Semoga bermanfaat 🙂

Kumpulan Poster Menarik

Poster atau juga dikenal dengan sebutan Plakat merupakan salah satu output dari desain grafis yang memuat komposisi gambar dan huruf di atas kertas berukuran besar. Banyak sekali Poster tersebar di sekitar kita mulai dari Poster Pentas Seni, Undian Berhadiah, Poster Movie, Poster Pendidikan, global warming, Poster Kesehatan, Bahaya Merokok, bahaya Narkoba, hingga Poster Pengumuman lainnya yang dibuat mulai dari bahasa Inggris dan bahasa Indonesia maupun Campuran keduanya. Poster biasanya dibuat dengan warna yang kontras dan kuat dan ditempel pada dinding dan permukaan datar lainnya dengan tujuan mencari perhatian mata seseorang. Untuk membuat Poster yang menarik dibutuhkan ide dan wawasan serta kemampuan mengolah gambar dan kata – kata agar poster terlihat menarik dan inspiratif.

Berikut ini Contoh Kumpulan poster menarik dan inspiratif dari para Desainer Grafis

CINEMA dan MOVIE POSTER

Poster CINEMA ANNIVERSARI

MOVIE Poster

POSTER LOMBA SEPEDA GUNUNG

Poster Qoute

POSTER Bintang Olah Raga

POSTER PENTAS SENI

Poster Kesehatan

Poster Narkoba

Poster Pertunjukan

Poster Global Warming

Dan ini dia karya Miko Wibowo salah satu Penulis dan Staff dari ilmugrafis yang berhasi menyabet juara 1 di LOMBA DESAIN POSTER INTERNET CERDAS

Poster Internet Cerdas

selamat menikmati berbagai jenis contoh poster yang menarik. Semua poster di atas bisa anda dapatkan ukuran resolusi besarnya Di Sini. Akan saya tambahkan jika menemukan contoh – contoh brosur yang lainnya. Lihat juga contoh Brosur Profesional. Terima kasih. Semoga menambah inpirasi Anda.
Dari ilmu grafis untuk pembaca. Semoga Bermanfaat

Membuat Game Tebak Angka

 

Pada tutorial Flash Games sebelumnya kita sudah belajar bagaimana dan seperti apa dasar pembuatan Games di Flash. Pada tutorial kali ini kita akan membahas dan praktik cara membuat game dengan pemrograman flash. Sedikit tambahan materi bisa dibaca dulu di bawah ini :

BEHIND THE SCENE : KONSEP DASAR PEMOGRAMAN GAME PART 1

Adobe Flash atau sebelumnya bernama Macromedia Flash adalah sebuah perangkat lunak besutan Adobe Inc. (Dulu milik Macromedia Inc.) yang diperuntukan untuk membuat animasi digital dan  website interaktif. Terlepas dari itu, ternyata flash memiliki perkembangan yang cukup pesat sehingga flash menjadi software multimedia yang luar biasa. Kehadiran action script sebagai bahasa pemograman dasar pada flash menjadikan flash lebih powerful sebagai software pengembang game yang mudah dan efektif. Berikut ini adalah konsep-konsep dasar pemograman game dengan menggunakan action script 3.0
Pernyataan Kondisi IF

Pernyataan IF dalam kehidupan nyata dapat diartikan menjadi  “Jika… maka,..” dengan kata lain pernyataan if bisa menghasilkan 2 kemungkinan atau lebih. Contoh : Jika poin nol maka game berakhir.
Format penulisan if sebagai berikut:

if(kondisi) {             //perintah dijalankan jika kondisi benar } else {             //perintah dijalankan jika kondisi salah }

Berikut ini adalah contoh game sederhana dengan menggunakan pernyataan if, yaitu game “ Tebak Angka ”

Berikut tutorial cara pembuatannya :

1. Buat file baru dengan memilih action script 3.0 file.

Buatlah desain game seperti di bawah ini.

3. Ketikan script di bawah ini pada frame 1 dengan mengaktifkan panel action (F9).

//variable awal var angkaMisteri:uint; var angkaPrediksi:uint; //kondisi awal permainan display.text=”Tebak angka yang aku pikirkan, dari 1-100!”; //menghasilkan angka acak dari 1 sampai 100 angkaMisteri=Math.ceil(Math.random()*100); //event pada tombol cek cekBtn.addEventListener(MouseEvent.CLICK, cekAngka); function cekAngka(event:MouseEvent):void { angkaPrediksi=uint(inputTeks.text); //jika angka yang ditebak kurang dari target if(angkaPrediksi < angkaMisteri) { display.text=”Angka terlalu kecil! coba lagi”; } //jika angka yang ditebak lebih dari target else if(angkaPrediksi > angkaMisteri) { display.text=”Angka terlalu besar! coba lagi”; } //jika angka yang ditebak sama dengan target else { display.text=”Anda benar!!!”; } }

Hasilnya sebagai berikut:

Coba tebak ANGKA BERAPA yang ada di pikiran Komputermu!! Asik kan.

Ok, Tutorial dan logika cara pembuatan game tebak angka dengan Adobe Flash. Terima kasih, Selamat belajar pemrograman Flash, Untuk file mentah atau source codenya bisa di download disini. Semoga Bermanfaat

Membuat Kartu Ucapan Selamat Berpuasa

Hai jumpa lagi dengan saya Jefry Kurniawan, Pada Tutorial Photoshop di kesempatan kali ini saya ingin membuat kartu ucapan (selamat berpuasa) sederhana menggunakan Photoshop.

Ok sebelum memulai mari kita berdoa dahulu agar diberi kelancaran belajar. Ada baiknya menguasai anda menguasai photoshop dasar. Ada beberapa bahan yang Anda harus download terlebih dahulu, silahkan download source untuk bahan tutorial Kartu Ucapan di link berikut ini

Shape Masjid | Download Disini | Mirror
Font DS Arabic | Download Disini | Mirror

Untuk shape-nya letakkan pada folder Custom Shapes, di komputer saya berada di C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

Ok setelah semuanya siap, mari langsung ikuti tutorialnya.

1. Buat dokumen baru dengan memilih menu File > New dengan ukuran 800×600 px.

2. Buat layer baru (CTRL+Shift+N) kemudian buat seleksi pada Layer 1 menggunakan Rectangular Marquee Tool (M) seperti gambar di bawah.

3. Kemudian fill dengan warna hitam, sehingga area yang diseleksi menjadi hitam.
Sekarang aktifkan Shape Tool (U) dan load shape masjid yang telah kita install pada folder di awal tadi.
Pilih jenis masjid yang Anda suka, kemudian letakkan pada tengah-tengah dokumen.

4. Buat layer baru lagi diatas layer shape masjid, kemudian aktifkan Brush Tool (B) dan sapukan brush rumput menggunakan warna hitam pada lahan kosong di sisi kanan dan kiri masjid.

5. Setelah itu, buat layer baru dan letakkan layer barunya di bawah Layer 1. Kemudian aktifkan gradient tool (G) dengan jenis radial gradient, warna yang digunakan adalah #c2f37c dan #3cb878. Tarik gradient dari tengah menuju ke arah atas sambil menekan tombol Shift, maka hasilnya akan seperti ini.

6. Sekarang aktifkan Type Tool (T) dan gunakan font yang telah di download (DS Arabic), untuk ukuran bisa Anda sesuaikan, disini saya menggunakan warna #ffffa2 untuk warna font-nya.

7. Untuk mempercantik tampilan, berikan sentuhan akhir berupa sapuan brush di sekitar masjidnya, jika Anda mempunyai brush bulan mungkin bisa digunakan untuk menambah cantik tampilan desainnya. Jika anda butuh koleksi brush lengkap dapatkan di IG Store : Ultimate Brush Photoshop
Berikut hasilnya :

Demikian tutorial kartu ucapan sederhana yang saya buat kali ini, semoga tutorial ini memberikan inspirasi untuk Anda agar bisa mengembangkannya lebih dari sekarang. Sampai ketemu lagi di tutorial-tutorial berikutnya. Salam Desain. Tutorial Terkait : Desain Spanduk Ramadhan
Terima kasih, Semoga bermanfaat ^_^

Membuat Halaman Otomatis di InDesign

Adobe InDesign merupakan penerus dari aplikasi Freehand, selain ringan aplikasi ini sangat cocok untuk mendesain layout majalah maupun koran. Nah bayangkan ketika kita melayout majalah dan koran atau buku yang beratus – ratus halaman dan harus menginput halaman secara manual 1 per 1? pasti rasanya langsung lemas. Ok, agar tidak terjadi hal seperti ini maka kita harus mengetahui bahwa di dalam InDesign ada fitur halaman Otomatis.

Bagaimana cara membuat halaman otomatis di InDesign CS6? Disini saya menggunakan InDesign CS6 namun bagi yang masih menggunakan InDesign versi di bawahnya bisa mempraktekkan juga karena fitur ini sudah tersedia di Adobe InDesign versi sebelumnya, jadi santai saja dan tidak perlu khawatir.

Berikut tutorialnya:

1. Buka Program Adobe InDesign Anda dan buka lembar kerja baru, abaikan settingan karena kita akan fokus ke pembuatan halaman saja.
(Start >> All Program >> Adobe InDesign – New Document)

2. Tekan CTRL + SHIFT + P atau F12 , untuk membuat halaman baru. Sebagai contoh disini saya membuat 5 halaman maka tekan CTRL + SHIFT + P sebanya 4X

atau Cara Alternatifnya tekan F12 lalu pilih Insert Page

Karena kita membuat 5 halaman maka Isi Pages dengan 4, OK

Hasilnya kita punya 5 halaman namun masih kosong, belum ada nomor halamannya

3. Selanjutnya supaya nomor halamannya keluar dan aktif maka arahkan mouse ke pojok kiri bawah disitu ada Page Navigation, Klik panah kebawah seperti gambar dibawah ini

Kemudian klik A-Master, nah dihalaman A-Master ini formatnya tidak sama dengan halaman 1 dstnya. Karena A-Master berhubungan dengan fasilitas penomoran halaman otomatis, header, pembuatan footnote, bahkan sampai ke duplicate master page (akan dijelaskan dalam tutorial InDesign berikutnya)

selanjutnya Gunakan Teks Tool dan drag teks di lembar kerjanya

Ok selanjutnya tekan CTRL + ALT + SHIFT + N , maka akan muncul A (artinya master page A – nomor Otomatis)
Ok, Selesai silahkan cek di halaman anda, huruf A akan menjadi nomor 1,2,3,4,5, Dst
(Note : untuk merubah jenis font dan ukuran atau penempatan maka kita harus masuk ke halaman master Page dan mengeset ulang Font atau ukuran dan Properties lainnya)

Kenapa gambar di atas saya buat beda? agar Anda lebih tahu bahwa kita harus Mengeset manual halaman Ganjil (gambar kiri – nomor halaman saya letakkan di kanan bawah halaman) dan Genap (gambar kanan – nomor halaman saya letakkan di sebelah tengah bawahnya halaman). Semoga penjelasan saya dapat dimengerti 🙂

Di Indesign CS5 maupun CS6 Master Page lebih komplek, jadi ketika membuat halaman otomatis maka harus mengeset halaman Ganjil (kiri) dan Genapnya (kanan) seperti contoh di atas

Bagaimana Cara Mengatur besar kecil dan warna maupun lainnya? Anda harus kembali ke master page!! Dibagian ini kita bisa memodifikasi besar fonts, jenis font, warna, perataan kiri, tengah dan kanan tergantung nanti posisinya mau ditaruh dimana.

4. Selesai, untuk melihat hasilnya tinggalkan master page dan klik page originalnya

Contoh Preview Halaman 4 dan 5 Otomatis muncul (Wah jadi inget tahun kemerdekaan Indonesia 1945) Merdekaaa!!!
Terima kasih, Semoga Bermanfaat

Membuat Game Tangkap Nyamuk (Part 2)

 

Pada postingan sebelumnya kita telah menyelesaikan tutorial permainan tangkap nyamuk tahap pertama. Selanjutnya, kita akan mengembangkan permainan menjadi lebih menarik lagi yaitu dengan menambahkan display jumlah nyamuk yang mati, counter time dan efek suara.

Catatan: tutorial ini adalah lanjutan dari Bikin Game Tangkap Nyamuk (part 1) jadi anda harus memulai dari part 1 dulu sebelum mengikuti tutorial flash ini.
Berikut langkah-langkahnya.

1.] Buat display teks seperti di bawah ini:

Untuk mengisi variable, isikan pada kolom var pada panel properties text.

Agar lebih menarik kita tambahkan efek suara pada saat nyamuk mati dan pada saat game berakhir.

2.] Download file suara di bawah ini. <link download>

3.] Import file yang telah di download ke dalam library dengan memilih File > Import > Import to library.

4.] Buka panel library, klik kanan pada sound clip dead.wav kemudian pilih linkage.

5.] Pada linkage properties, centang pilihan Export for ActionScript kemudian OK.

6.] Lakukan langkah 4-5 untuk sound clip gameOver.wav.

7.] Seleksi movieclip nyamuk, buka panel action kemudian tambahkan script di bawah ini pada event mouse down setelah baris perintah nyamukMati=1;

nyamukMati=1; //efek suara mati                                 _root.soundFx2.start(0,1); } }

8.] Pada frame 1 main movie, modifikasi script yang ada menjadi seperti di bawah ini:
//kondisi variable awal
stop();
banyakNyamuk=20;
jumNyamukMati=0;
counter=120;
soundFx1=new Sound();
soundFx1.attachSound(“gameOver.wav”);
soundFx2=new Sound();
soundFx2.attachSound(“dead.wav”);

//menggandakan nyamuk
for(i=0;i<banyakNyamuk;i++)
{
duplicateMovieClip(_root.nyamuk,”nyamuk”+i,i);
_root[“nyamuk”+i]._x=Math.random()*800;
_root[“nyamuk”+i]._y=Math.random()*600;
}

_root.onEnterFrame=function()
{
//menentukan waktu permainan
waktuMain=Math.floor(counter/12);
counter–;

//jika waktu habis
if(waktuMain<=0)
{
gotoAndStop(“gameOver”);
for(i=0;i<100;i++)
{
_root[“nyamuk”+i].removeMovieClip();
}
}
}

9.] Buat blank keyframe (F7) pada frame 2, buat tampilan seperti di bawah ini:

10.] Klik objek tombol, buka panel action lalu ketikan script berikut:

on(release) { gotoAndStop(1); }

11.] Klik frame 2 main movie, masukan script di bawah ini:

stop(); Mouse.show(); soundFx1.start(0,1);

12.] Selesai!! Jalankan Movie. Hasilnya seperti di bawah ini :

Ayooo,. CEPAT!! Tangkap nyamuk sebanyak-banyaknya!! ^^ Pow-Bang-Bruk-Spak-Ouch %$#%*
Terima kasih, semoga tutorial Belajar Membuat Game ini bermanfaat

Efek Camera Map Dengan 3DS MAX

Tutorial 3DS MAX kali ini sebenarnya sangat sederhana tapi bermanfaat sekali untuk memberi tekstur pada objek, khususnya objek yang memiliki banyak elemen. Nah, misalnya saja seperti gambar dibawah:

Objek tersebut saya buat dari beberapa buah kotak yang di attach. kalo agan memberinya tekstur seperti biasa, maka tekstur akan menempati masing-masing elemen saja. Agar teksturnya terlihat seperti gambar diatas, kita harus memberinya modifier list: Camera Map terlebih dahulu. Lebih jelasnya, langsung ke tutorial aja gan…

1. Buat sebuah box kecil nan tipis seperti gambar dibawah. Ukuran lebih detilnya, saya mengatur Length=15, Width=15, dan height=1,5.

2. Nah, duplikat objek kotak tersebut agar membentuk kotak yang lebih besar lagi. Untuk meng-copy objek, drag objek pada sumbu x sambil menahan tombol Shift pada keyboard. Pada jendela Clone Option yang muncul, atur nilai number of copies=7.

3. Seleksi semua objek dan copy lagi seperti cara diatas agar membentuk sebuah kotak.

4. Di viewport perspektif, hasilnya adalah seperti ini:

5. Objek tersebut masih belum menyatu. sebelum menyatukannya, ubah salah satu kotak menjadi Editable Mesh. Caranya, klik kanan salah satu kotak > Convert to > Convert to Editable Mesh.

6. Pada Modifier Editable Mesh, klik tombol Attach List.

7. Pada jendela Attach List yang muncul, seleksi semua objek dan klik tombol Attach.

8. Klik tombol M pada keyboard untuk membuka jendela Material Editor. Pilih pada slot pertama, dan pada Diffuse, klik tombol dan pilih bitmap. Silahkan pilih gambar sesuai selera agan untuk dijadikan material. Kalau saya pilih gambar elang gan…

9. Coba drag slot pertama ke objek di viewport. Nah, seperti yang sudah saya bilang diatas, tekstur bakal menempati masing-masing elemen saja. Solusinya, tambahkan Modifier list: Camera Map.

10. Eits, Sebelum menambahkan Camera Map, buat cameranya dulu gan. Di viewport Top, tekan tombol P untuk menggantinya dengan perspektif.

11. Pada menu View > Create Camera from view. Sekarang, kamera sudah siap….

12. Seleksi objek kotak, dan klik panel Modifier > Modifier List: Camera Map.

13. Di parameter camera map, klik tombol Pick Camera dan pilih kamera yang sudah disiapkan tadi di viewport.

14. Taraaa…… coba dirender gan. Sekarang material sudah merata pada objek. Tinggal tambahin variasinya saja.

15. Saya membentuk objek acak-acakan seperti gambar dibawah agar terlihat seperti puzzle. Dengan tambahan Plane dan lampu omni tentunya, hasilnya seperti ini…

Selamat mencoba

Hello world!

Welcome to WordPress.com! This is your very first post. Click the Edit link to modify or delete it, or start a new post. If you like, use this post to tell readers why you started this blog and what you plan to do with it.

Happy blogging!