<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PenulisBLOG.com &#187; flash</title>
	<atom:link href="http://penulisblog.com/category/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://penulisblog.com</link>
	<description>Feel, See, Hear, Think -&#62; Write</description>
	<lastBuildDate>Sun, 28 Feb 2010 03:20:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Masking pada Flash</title>
		<link>http://penulisblog.com/flash/masking-pada-flash.html</link>
		<comments>http://penulisblog.com/flash/masking-pada-flash.html#comments</comments>
		<pubDate>Tue, 31 Mar 2009 10:31:26 +0000</pubDate>
		<dc:creator>dewa yudhi</dc:creator>
				<category><![CDATA[flash]]></category>
		<category><![CDATA[masking animation]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://penulisblog.com/?p=108</guid>
		<description><![CDATA[Animasi masking adalah animasi yang hanya menampilkan suatu bagian dari suatu gambar dengan suatu objek, seperti topeng. Objek tersebut disebut mask. Hanya gambar yang tertutup oleh mask diatasnya yang akan terlihat. Untuk lebih jelasnya, perhatikan gambar di bawah ini.
Pada flash, baik mask atau gambarnya bisa dianimasikan. Maka, kita akan mencoba membuat animasi dari kelihatan menjadi [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Animasi masking adalah animasi yang hanya menampilkan suatu bagian dari suatu gambar dengan suatu objek, seperti topeng. Objek tersebut disebut mask. Hanya gambar yang tertutup oleh mask diatasnya yang akan terlihat. Untuk lebih jelasnya, perhatikan gambar di bawah ini.</p>
<div id="attachment_114" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-114" title="foto009" src="http://penulisblog.com/wp-content/uploads/2009/03/foto009-300x225.jpg" alt="bunga" width="300" height="225" /><p class="wp-caption-text">Sebuah gambar yang akan diberi teknik masking</p></div>
<div id="attachment_112" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-112" title="mask2" src="http://penulisblog.com/wp-content/uploads/2009/03/mask2-300x225.jpg" alt="Sebuah lingkaran yang menutupi gambar. Lingkaran ini adalah mask-nya." width="300" height="225" /><p class="wp-caption-text">Sebuah lingkaran yang menutupi gambar. Lingkaran ini adalah mask-nya.</p></div>
<div id="attachment_113" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-113" title="mask3" src="http://penulisblog.com/wp-content/uploads/2009/03/mask3-300x225.jpg" alt="Sebuah lingkaran yang menutupi gambar. Lingkaran ini adalah mask-nya." width="300" height="225" /><p class="wp-caption-text">Hasil masking</p></div>
<p>Pada flash, baik mask atau gambarnya bisa dianimasikan. Maka, kita akan mencoba membuat animasi dari kelihatan menjadi kelihatan. Begini caranya..</p>
<ol>
<li> Buat file baru dengan cara File &gt; New (Ctrl+N)
<div id="attachment_115" class="wp-caption alignnone" style="width: 610px"><img class="size-full wp-image-116" title="gb-2" src="http://penulisblog.com/wp-content/uploads/2009/03/gb-2.jpg" alt="Gambar 2. Gambar yang telah dimasukkan ke dalam stage" width="600" height="363" /><p class="wp-caption-text">Gambar 1. Tampilan jendela file baru</p></div></li>
<li>Ubah nama &#8216;Layer 1&#8242; menjadi &#8216;gambar&#8217; dengan cara klik dua kali pada nama layer.<br />
Masukkan gambar yang akan diberi masking. File &gt; Import &gt; Import to Stage (Ctrl+R)<br />
Beri keyframe pada frame 25</p>
<p><div id="attachment_116" class="wp-caption alignnone" style="width: 610px"><img class="size-full wp-image-115" title="gb-1" src="http://penulisblog.com/wp-content/uploads/2009/03/gb-1.jpg" alt="Gambar 1. Tampilan jendela file baru" width="600" height="363" />Gambar 2. Gambar yang telah dimasukkan ke dalam stage</dt>
</dl>
</div>
</li>
<li>Buat layer baru, beri nama mask. Pada frame 1, buat mask berupa lingkaran (atau apa saja, tergantung kebutuhan kamu). Tidak usah khawatir dengan warna.<br />
Karena mask ini akan dianimasikan, Convert to Symbol (F8) menjadi Graphic dengan registration point berada di tengah.</p>
<div class="mceTemp">
<dl id="attachment_120" class="wp-caption alignnone" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-120" title="gb-33" src="http://penulisblog.com/wp-content/uploads/2009/03/gb-33.jpg" alt="Gambar 3. Membuat mask" width="600" height="376" /><p class="wp-caption-text">Gambar 3. Membuat mask</p></div></li>
<li>Beri keyframe pada frame 25. Besarkan lingkaran hingga menutupi stage. Beri motion tween.
<p><div id="attachment_117" class="wp-caption alignnone" style="width: 610px"><img class="size-full wp-image-117" title="gb-3" src="http://penulisblog.com/wp-content/uploads/2009/03/gb-3.jpg" alt="Gambar 3. Membuat mask" width="600" height="363" /><p class="wp-caption-text">Gambar 4. Mask yang dianimasikan</p></div></li>
<li>Sekarang adalah proses masking. Caranya klik kanan pada layer mask, kemudian pilih Mask.
<p><div id="attachment_118" class="wp-caption alignnone" style="width: 345px"><img class="size-full wp-image-118" title="gb-4" src="http://penulisblog.com/wp-content/uploads/2009/03/gb-4.jpg" alt="Gambar 4. Mask yang dianimasikan" width="335" height="384" /><p class="wp-caption-text">Gambar 5. Proses masking</p></div>
<p>Sehingga, ikon layer berubah menjadi…<br />
<a href="http://Gambar6.Layermasking"><img class="alignnone size-full wp-image-119" title="gb-5" src="http://penulisblog.com/wp-content/uploads/2009/03/gb-5.jpg" alt="gb-5" width="600" height="364" /></a></li>
<li>Test movie. Masking sudah selesai. Jika animasi masking belum memuaskan, dan ingin diperbaiki, unlock layer mask. Lalu mulailah memperbaiki. Selamat mencoba.</li>
</ol>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://penulisblog.com/flash/masking-pada-flash.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

