Senin, 02 Desember 2013

EFEK ANIMASI MASKING GAMBAR SWISHMAX

Tutorial kali ini sebenarnya lanjutan dari yang pertama yaitu efek masking gambar atau bisa dibilang efek masking episode ke-2. Oke, kita mulai aja….

1. Setelah membuka program Swishmax, klik menu “insert - image” pada outline panel.
Tutorial swishmax
Selanjutnya akan muncul kotak menu open lalu cari atau browse gambar yang nantinya akan dijadikan objek masking.
Tutorial swishmax
(contoh tampilan aja)
Penulis menggunakan gambar imut ini...
Tutorial swishmax
Anda bisa memakai gambar contoh ini
Caranya: Klik Gambar untuk memperbesar lalu Save di komputer anda 

2. Setelah memilih gambar atau foto, maka tampilannya akan seperti dibawah ini. Kali ini saya pakai gambar smile. Jika ukurannya terlalu besar, tarik sisi-sisinya dan atur sedemikian rupa agar pas dengan area kerja
Tutorial swishmax


3. Buat objek lingkaran menggunakan toolbox “ellipse”. Drag di area kerja
Tutorial swishmax


4. Nah, sekarang kita punya 2 objek yaitu objek gambar dan objek lingkaran. Seleksi 2 objek tersebut lalu klik kanan pilih grouping – group as sprite
Tutorial swishmax

5. Seleksi objek gambar, lalu pada timelinenya klik kanan pada frame 1 pilih move.
Tutorial swishmax


6. Setelah muncul tanda move pada timeline, sekarang kita gerakkan gambar pada area kerja dengan cara di drag ke arah sesuka kita. Sebaiknya jangan sampai melewati objek lingkaran
Tutorial swishmax


7. Klik kanan pada frame 20 lalu pilih move. Hal ini berguna untuk mendapatkan gerak gambar lebih dari satu gerakan.
Tutorial swishmax
Maka akan muncul tanda move lagi seperti di bawah ini, kemudian geser atau gerakkan objek gambar ke arah lain sesuka kita
Tutorial swishmax


8. Untuk menambah gerakan gambar lagi, lakukan langkah nomor 7 pada frame 30
Tutorial swishmax


9. Sekarang kita menuju efek maskingnya. Klik tanda panah pada outline panel. Ini bertujuan untuk menempatkan objek gambar di bawah objek lingkaran agar bisa di masking
Tutorial swishmax


10. Langkah terakhir adalah jangan lupa contreng kotak “use bottom object as mask” nya ya….
Tutorial swishmax
Mainkan hasilnya lewat tombol play movie.
Tutorial swishmax
Hasilnya: 
 
Efek ANIMASI MASKING GAMBAR

MEMBUAT EFEK MATAHARI BERPUTAR Swishmax



Tutorial Swishmax kali ini adalah menceritakan :) tentang efek rotasi matahari ataumembuat efek berputar matahari yang berputar...

Langkah - Langkahnya:

1. Pertama, buka program swishmax terlebih dahulu. Pada area kerja, dengan menggunakan tools “rectangle” buatlah kotak berwarna hijau. Kemudian gunakan tools “resize” dan tools “reshape” untuk mengubah kotak sesuai bentuk yang diinginkan, yaitu dengan menarik sisi-sisinya. Kali ini saya mengumpamakan kotak hijau sebagai padang rumput nan hijau. Hehehe…..
Gambar Tutorial

2. Objek kedua, buat lingkaran. 
Gambar Tutorial

Dengan cara yang sama, kita gunakan tools “resize” dan “reshape” untuk membentuk lingkaran menjadi sebuah bentuk awan
Gambar Tutorial

Setelah kita mendapatkan bentuk awannya, sekarang copy objek awan tersebut dengan cara klik kanan -> copy object
Gambar Tutorial

Kemudian paste hasil copy dengan cara klik kanan -> paste object
Gambar Tutorial

Nah, sekarang kita mempunyai dua objek berbentuk awan
Gambar Tutorial


3. Sekarang kita buat mataharinya.
Pertama, buatlah objek lingkaran sebagai pusat rotasinya menggunakan tools “ellipse”. Kemudian buatlah objek yang menyerupai baling-baling yang nantinya menjadi objek rotasinya. Gunakan tools “rectangle” lalu putar (rotasi) menggunakan tools “rotate or skew”.
Gambar Tutorial

Lalu jadilah bentuk matahari seperti ini :
Gambar Tutorial


4. Nah, selanjutnya seleksi seluruh objek matahari tadi, lalu klik kanan pilih -> grouping -> group as shape
Gambar Tutorial


5. Selanjutnya seleksi hasil grouping-nya. Pada area timeline pada objek matahari, klik kanan pilih move 
Gambar Tutorial

lalu arahkan ke frame 25 atau sesuka kita
Gambar Tutorial


6. Sekarang kita buat efek putarnya, klik 2 kali pada frame 25. Pada kotak move setting klik kotak “ X angle” lalu pilih “rotate CW by”. Kita juga bisa menambahkan efek lain misalnya efek fade color. (baca tutorial sebelumnya EFEK WARNA "CROBY" FADE COLOUR)
Gambar Tutorial


7. Langkah terakhir kita beri efek awannya. Pada timeline objek awan, klik kanan lalu pilih move, drag ke frame 25 atau bisa kita atur sesuka kita. Kemudian drag objek awan tersebut (pada area kerja) ke arah kiri (ke arah matahari). Lakukan langkah tersebut pada objek awan yang kedua
Gambar Tutorial
Lihat hasilnya dengan cara klik tombol  “play movie”
Gambar Tutorial

Hasilnya :
 
Efek ROTASI dan PERGERAKAN AWAN 

Selamat mencoba

Membuat Mangekyou Sharingan Milik Sasuke


Pada tutorial menggambar dengan Flash kali ini kita akan membahas caramembuat gambar mangekyou sharingan milik sasuke denganmenggunakan program bernama Flash. Artikel kemarin kita sudah membahas bagaimana cara membuat mangekyou sharingan milik itachi dan kakashi diMicrosoft Paint tetapi pada kesempatan kali ini saya akan membahasnya denganProgram Flash yang juga tak kalah bagus untuk menggambar

Sebelum kita memulainya langkah yang harus diambil adalah membuka programMacromedia flash / Adobe Flash 
1. Langkah pertama yaitu buatlah sebuah object lingkaran dengan image ilmugrafis Oval
image ilmugrafis

2. Selanjutnya, Potonglah bagian tengah garis object dengan menggunakanSelection Tool image ilmugrafis
image ilmugrafis
Jika sudah diseleksi tekan delete untuk menghapus
image ilmugrafis
Jika sudah klik masih menggunakan Selection Tool gabungkan 2 gambar yang telah terpisah tersebut
image ilmugrafis

3. Langkah berikutnya adalah  drag object tersebut dengan menggunakanSelection Tool  jika sudah pilih Menu Modify  >> Transform >>Free Transform
image ilmugrafis
image ilmugrafis
jika sudah ubahlah bentuk objek seperti digambar
image ilmugrafis

4. Langkah berikutnya yaitu  buatlah sebuah objek bola dan masukkan ke dalam objek bola tersebut
image ilmugrafis
Copy objek yang kita buat tadi dan ubah posisi berputar 90 derajat
image ilmugrafis
Lakukan pencopyan objek lagi dan ikuti seperti apa yang sudah dijelaskan digambar (270 derajat dan 45 derajat)
image ilmugrafis
image ilmugrafis

Lalu buat lingkaran lagi di tengah, Hasilnya akan seperti gambar dibawah ini
image ilmugrafis
5. Langkah terakhir yaitu pewarnaan  pada langkah ini anda bisa memberi  warna sesuka anda atau bisa juga mengikuti prosedur artikel ini . untuk pewarnaannya warna yang akan digunakan yang soft , agar tidak terlalu tajam gambarnya . untuk warna merah gunakan warna merah #F84C5A
image ilmugrafis
image ilmugrafis
image ilmugrafis
Dan hasil akhirnya akan seperti ini
image ilmugrafis

dengan sedikit ketekunan maka anda bisa menciptakan manga 
image ilmugrafis
Mangekyou Sharingan Milik Sasuke by Miko IG 
Semoga bermanfaat

Tips Penggunaan Gambar Pada Web Desain

Seringkali para designer web pemula menggunakan gambar yang berlebihdalam mendesain, akibatnya web tersebut akan terasa lambat saat di load oleh browser. 
Walaupun secara grafis web tersebut bagus namun dalam mendesign sebuah halaman web designer harus memperhatikan isi (content) dari web tersebut, jangan sampai anda mengalahkan fungsi dari web sebenarnya hanya karena tampilan grafis.

Pemakaian grafis harus dapat mengatasi kebutuhan dan fungsi dari situs, misalkan komposisi warna dan bentuk, dan kesan yang akan ditonjolkan dari web tersebut, apakah untuk tujuan komersial ? situs pribadi ? perusahaan ? pemerintah ? ataukah tempat gallery online ? dan masih banyak lagi.

Pemakaian grafis atau gambar yang kurang tepat pada sebuah web dapat mengakibatkan anda akan kehilangan pengunjung yang sebenarnya anda butuhkan.



Penggunaan Gambar Pada Web
Berikut ini adalah daftar bagian dari web yang biasanya memakai gambar namun banyak juga designer web yang menggunakan text untuk bagian tersebut.

1. Tombol Navigasi
Tombol navigasi mutlak diperlukan dalam sebuah web, dengan pengaturan tombol navigasi yang jelas akan membantu pengunjung menemukan informasi yang diinginkanya, berberapa hal yang perlu diperhatikan dalam membuat tombol navigasi adalah Tulisan atau Text harus dapat dilihat dengan jelas dan mudah dibaca.

2. Logo
Baik itu logo perusahaan, organisasi atau logo pribadi sering menggunakan gambar, logo berfungsi sebagai gambar identitas dari perusahaan, logo yang bagus dapat meningkatkan brand name suatu perusahaan atau organisasi.

3. Site Map
Penggunaan site map secara gambar memang dapat memudahkan pengunjung dalam mencari informasi namun penggunaan gambar dalam site map harus di pilih benar apakah web anda menjadi terlalu lamabt atau tidak.

4. Bullet
bullet banyak digunakan untuk penekanan point-point tertentu pada dokumen

5. Banner
Banner yang dipasang di website dengan tujuan untuk memperbaiki komposisi bentuk, warna dan informasi penting (Hot Items) sering digunakan dalam website, dengan grafis yang menarik pengunjung akan tertarik untuk mengklik banner tersebut. - Also known as a title graphic. Main function is to let your visitors know which web

6. Garis Batas
Garis batas antar menu, bagian web, pemisah footer, header dan isi web baik horizontal maupun vertical layak digunakan karena biasanya garis batas mempunyai ukuran file yang kecil.

7. Gambar Background
Bagian ini digunakan untuk memberikan ciri khas, dan komposisi isi dan background pada web yang akan dibuat, asalkan file gambar yang digunakan tidak terlalu besar, gambar Background layak digunakan.

8. Headings
Alasan gambar digunakan untuk heading yang paling sering adalah karena beberapa tipe text tidak terdapat pada computer client, karena itulah digunakan file gambar sebagai gantinya.

9. Photo
Foto kegiatan atau bagian kegiatan yang menonjolkan specific dari website sangat diperlukan, dengan foto yang jelas diharapkan pengunjung langsung dapat mengerti milik siapa,untuk apa website itu dibuat, dan category apakah web site tersebut. Penggunaan foto sering dipakai untuk memperjelas item produk pada website e-commerce.


Beberapa hal yang perlu diperhatikan dalam pemilihan dan pemakaian gambar atau grafis agar tampak serasi pada web yang anda buat
adalah :

1. Warna semua grafis harus serasi, baik itu antara menu, logo perusahaan atau orgonasisasi, header, footer dan gackground yang digunakan.

2. Warna dalam text tombol navigasi harus dapat dibaca dengan jelas, perhatikan ukuran teks yang akan dimasukkan pada tombol navigasi, apakah terlalu kecil ? apakah sudah enak dibaca?, biasanya warna text dalam tombol navigasi disesuaikan (tidak harus sama) dengan warna Logo atau Judul utama website

3. jangan gunakan terlalu banyak kombinasi warna, sebab kombinasi warna yang berlebihan akan terkesan norak dan memperlambat proses download browser, cukup gunakan dua sampai 4 kombinasi warna dalam website, kecuali mascot atau icon tertentu.

4. Perhatikan ukuran website anda terhadap setiap penambahan gambar atau grafis, ukuran paling umum adalah 40 sampai dengan 70 K, dengan rata-rata koneksi modem 28.8

5. Pisahkan gambar yang mempunyai warna berbeda, hal ini terjadi pada bagian grafis yang terdapat degradasi warna atau dua warna lebih.lebih baik usahakan untuk memotong perbagian warna yang berbeda, hal ini dapat mempercepat proses download gambar pada browser.

6. Pilihlah jenis file yang benar, kapan anda menggunakan file gamabr jpeg dan kapan menggunakan gif, pemilihan jenis file gamabr yang tepat akan mempercepat proses download browser.

Ingat pemakaian grafis jangan sampai menjadikan fungsi utama website tidak terpenuhi, apabila terlalu besar ukuran website anda akibat banyaknya file gambar, gantilah background, garis pemisah, bullet, heading dan dengan HTML

Semoga Bermanfaat

Penjelasan Tentang Cinema 4D

MAXON Computer adalah pengembang professional 3D modeling, painting, animation and rendering solution. Produknya sudah banyak mendapat penghargaan di bidang di film, televisi, science, arsitektur, engineering dan industri.

cinema 4D


Cinema 4D adalah Produk dari MAXON ,software ini memang belum terkenal seperti teman-temannya yaitu 3D max dan Maya yang sering digunakan oleh para animator maupun orang banyak untuk membuat animasi ataupun arsitektur 3D. Tapi anda jangan salah, sudah banyak banget film animasi yang di buat oleh Cinema 4D diantaranya The Golden Compass, Beowulf, all three Spider-Man films, Surf's Up, Fantastic Four: Rise of the Silver Surfer, Ghost Rider, Open Season, all three Pirates of the Caribbean films, Monster House, Eragon, Superman Returns, The Chronicles of Narnia: The Lion, the Witch, and the Wardrobe, Serenity, War of the Worlds, Polar Express, The Flight of the Phoenix, Van Helsing, King Arthur, Star Wars: Episode II - The Attack of the Clones, the On-Air Packages for TMZ T.V., Comedy Central, Monday Night Football, Jeopardy, Wheel of Fortune, ESPN, NFL Network, TiVO, NBC, DirecTV, CBS NFL, Smart House, Fox dan masih banyak lagi. Sekarang Cinema 4D sudah mencapai versi 11.

Semoga Bermanfaat...

Terima kasih

Prinsip - Prinsip Desain Grafis


prinsip desain grafis
Dalam bekerja seorang desainer grafis harus mempertimbangkan berbagai prinsip demi mencapai hasil akhir yang baik. Prinsip-prinsip desain yang akan dijelaskan di bawah ini bukanlah sebuah nilai mati bahwa desain yang paling baik adalah seperti apa yang dikandung dalam prinsip tersebut. Tetapi sekadar anjuran beginilah seharusnya desain yang baik. Karena sesungguhnya tidak ada penilaian bagus atau jelek atas sebuah desain. Semuanya itu tergantung selera desainer grafis, klien dan khalayak yang menjadi sasaran pesan. Hal ini ditegaskan pakar desain grafis, Danton Sihombing dalam majalah Cakram: penilaian karya desain grafis sesungguhnya adalah menguji tingkat kelayakannya, dalam arti tidak ada karya desain grafis yang benar ataupun yang salah.

Prinsip - Prinsip Desain Grafis adalah sebagai berikut: 

Kesederhanaan
Banyak pakar desain grafis menyarankan prinsip ini dalam pekerjaan desain. Hal ini sangat logis demi kepentingan kemudahan pembaca memahami isi pesan yang disampaikan. Dalam penggunaan huruf sebuah berita misalnya. Huruf judul (headline), subjudul dan tubuh berita (body text) sebaiknya jangan menggunakan jenis font yang ornamental dan njilimet, seperti huruf blackletter yang sulit dibaca. Desainer grafis lazim juga menyebut prinsip ini sebagai KISS (Keep It Simple Stupid). Prinsip ini bisa diterapkan dengan penggunaan elemen ruang kosong (white space) dan tidak menggunakan terlalu banyak unsur-unsur aksesoris. Seperlunya saja.

Keseimbangan
Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual. Prinsip keseimbangan ada dua, yaitu: keseimbangan formal (simetris) dan keseimbangan informal. 

Keseimbangan formal memberikan kesan sempurna, resmi, kokoh, yakin dan bergengsi. Keseimbangan formal juga menyinggung mengenai konsistensi dalam penggunaan berbagai elemen desain. Semisal wana logo. Dalam desain kartu nama desain dibuat dengan full color (F/C). Tetapi dengan pertimbangan agar desain lebih variatif dan tidak membosankan, maka pada media desain yang berbeda Anda membuat logo tersebut dengan warna duotone. Nah, pada kondisi ini, gagasan variasi desain sebaiknya tidak diperlukan. Apa jadinya kalau logo tersebut adalah logo sebuah produk barang. Konsistensi juga sangat diperlukan sebagai kesan identitas yang melekat pada sebuah merek produk. Kita tidak mau konsumen sampai lupa pada produk yang dijual. Sedangkan keseimbangan informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop, meninggalkan sikap kaku, dan posmodernis.

Kesatuan
Kesatuan adalah kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi. Contohnya adalah ilustrasi, garis dan teks diberi raster sehingga memberikan kesan kesatuan terhadap pesan yang dimaksud.

Penekanan (aksentuasi)
Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan membaca bagian desain yang dimaksud. Kalau dalam konteks desain surat kabar ini bisa dilakukan dengan memberikan kotak raster atas sebuah berita. Hal ini akan mengesankan pentingnya berita itu untuk dibaca oleh pembaca. Atau juga membesarkan ukuran huruf pada judul berita, sehingga terlihat jauh berbeda dengan berita lainnya. Penekanan juga dilakukan melalui perulangan ukuran, serta kontras antara tekstur, nada warna, garis, ruang, bentuk atau motif.

Irama (repetisi)
Irama merupakan pengulangan unsur-unsur pendukung karya seni. Irama merupakan selisih antara dua wujud yang terletak pada ruang, serupa dengan interval waktu antara dua nada musik beruntun yang sama. Desain grafis mementingkan interval ruang atau kekosongan atau jarak antar obyek. Misalnya jarak antarkolom. Jarak antar teks dengan tepi kertas, jarak antar 10 foto di dalam satu halaman dan lain sebagainya.

Demikian Prinsip - Prinsip desain Grafis, semoga bermanfaat
Terima kasih