<?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>Saffawati&#039;s Blog &#187; tutorial</title>
	<atom:link href="http://saffawati.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://saffawati.com</link>
	<description></description>
	<lastBuildDate>Wed, 23 May 2012 18:39:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Photoshop #04 : Dreamy Rainbow Effect</title>
		<link>http://saffawati.com/photoshop-04/</link>
		<comments>http://saffawati.com/photoshop-04/#comments</comments>
		<pubDate>Wed, 17 Nov 2010 19:12:17 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Art & Photography]]></category>
		<category><![CDATA[Cross Process Action]]></category>
		<category><![CDATA[Dreamy Rainbow Effect]]></category>
		<category><![CDATA[Photoshop Cs5]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=5477</guid>
		<description><![CDATA[Penat Saffa fikir dan cuba cari macam mana orang buat / edit gambar dengan style colorful effect ni. Dan akhirnya! Selepas berhempas pulas lah sangat mengGOOGLE, akhirnya Saffa jumpa satu tutorial dekat blog ni. Disebabkan Saffa bukan master dalam Photoshop ni, selalu pakai Photoshop Action (download daripada DeviantArt), maka, tertanya-tanya lah Saffa, bagaimanakah, nak create [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fphotoshop-04%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><p>Penat Saffa fikir dan cuba cari macam mana orang buat / edit gambar dengan style colorful effect ni. Dan akhirnya! Selepas berhempas pulas lah sangat mengGOOGLE, akhirnya Saffa jumpa satu tutorial dekat <a href="http://www.whatkatiedoes.net/2010/04/light-leak-photoshop-effect.html">blog</a> ni.</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/TOQZfUa3API/AAAAAAAACPY/jB1_q97-6Do/DSC02264a.png" alt="" /></p>
<p style="text-align: left;">Disebabkan Saffa bukan master dalam Photoshop ni, selalu pakai Photoshop Action (<em>download daripada DeviantArt</em>), maka, tertanya-tanya lah Saffa, bagaimanakah, nak create gradient. <em>I know, Like , Seriously!? Photoshop user for 2 years, tapi tak reti nak create gradient?</em> =.=&#8221;</p>
<p style="text-align: left;">Dan disebabkan Saffa ni pakar TRY &amp; ERROR. Kalau tak jadi, tekan F12 je lah. Apa susah. Berjayalah Saffa menjumpai caranya. (<em>Saffa menggunakan Photoshop CS5</em>)</p>
<p style="text-align: left;">1) Layer &gt; New Fill Layer &gt; Gradient &gt; Tab &#8220;New Layer&#8221; (<a href="http://lh5.ggpht.com/_U51Q_2ktsmY/TOQfRVsP2XI/AAAAAAAACPo/6nf3zReDMoc/1.png">VIEW Screen Shot</a>) &gt; Click OK</p>
<p style="text-align: left;">2 ) Tab &#8220;Gradient Fill&#8221; &gt; Pilih Gradient &amp; Adjust Angle Gradient (<a href="http://lh4.ggpht.com/_U51Q_2ktsmY/TOQfRl3B8_I/AAAAAAAACPs/4lYb_1hgLHg/2.png">View Screen Shot</a>) &gt; Click OK</p>
<p style="text-align: left;">3) Tukar Layers (<em>Normal &gt; Overlay</em>) dan Opacity / Fill (<em>ikut kesesuaian</em>) (<a href="http://lh5.ggpht.com/_U51Q_2ktsmY/TOQik-o5sFI/AAAAAAAACP0/KAuLl-bnko4/cats.png">View Screen Shot</a>)</p>
<p style="text-align: left;">4)  Boleh buat tarian pisang sekarang. Dah siap! Teheeeee.</p>
<p style="text-align: left;">Ini adalah gradient yang Saffa guna (<a href="http://lh6.ggpht.com/_U51Q_2ktsmY/TOQah01O_ZI/AAAAAAAACPg/JNsI2xjGDhY/3.png">VIEW</a>) &#8211; Soft Blue, Soft Yellow &amp; Soft Pink. Gambar asal sebelum Dreamy rainbow Effect (<a href="http://lh3.ggpht.com/_U51Q_2ktsmY/TOQZeywjtoI/AAAAAAAACPU/T8TQQ00X13k/DSC02264.png">View</a>).</p>
<p style="text-align: left;">Other pictures with Dreamy Rainbow Effect :<span id="more-5477"></span></p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh3.ggpht.com/_U51Q_2ktsmY/TOQnEZD9tEI/AAAAAAAACQA/7WpVHlUIFRI/DSC02272.png" alt="" /></p>
<p style="text-align: center;">Gradient Blue, Green, Red</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh5.ggpht.com/_U51Q_2ktsmY/TOQnEBycyjI/AAAAAAAACP8/F9kd9uRvuTs/DSC02269.png" alt="" /></p>
<p style="text-align: center;">Gradient Yellow, Orange, Magenta, Green</p>
<p style="text-align: left;">Dua gambar kat atas ni, color dia agak striking sebab color gradient dia bold, tak soft macam gradient gambar yang pertama and opacity / fill dia lagi tinggi. Pandai-pandai lah bermain dengan gradient and opacity / fill. All the best! :)</p>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/photoshop-04/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Edisi Kembar #03: Tutorial</title>
		<link>http://saffawati.com/edisi-kembar-03-tutorial/</link>
		<comments>http://saffawati.com/edisi-kembar-03-tutorial/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 16:01:05 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[edisi kembar]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=4352</guid>
		<description><![CDATA[Edisi Kembar Saffa &#38; Saffawati kembali lagiiiiiii! Hahaha&#8230; #1 #2 #3 #4 Kenapa Saffawati sibuk buat tutorial edisi kembar? kerana ini lah ; Formspring. Saffa buat cincai cincai jer nih. Sorry. Okay. Nak buat EDISI KEMBAR ni tak susah pun, you just need a lil bit imagination, time and basic photoshop skill. Tak lupa juga [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fedisi-kembar-03-tutorial%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><p>Edisi Kembar Saffa &amp; Saffawati kembali lagiiiiiii! Hahaha&#8230;</p>
<p>#1</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh5.ggpht.com/_U51Q_2ktsmY/TDw1KMnAiBI/AAAAAAAABnU/hZA0Ai0Ywoo/1a.jpg" alt="" /></p>
<p style="text-align: left;">#2</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/TDw1oB_7LbI/AAAAAAAABnY/vAYw2XYKizU/2a.jpg" alt="" /></p>
<p style="text-align: left;">#3</p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/TDw2qqbw8DI/AAAAAAAABng/2GRMqgi2O2U/3a.jpg" alt="" /></p>
<p style="text-align: left;">#4</p>
<p style="text-align: left;"><img class="aligncenter" src="http://lh4.ggpht.com/_U51Q_2ktsmY/TDw2x5XUlLI/AAAAAAAABnk/oKCE1Yrc6YU/4a.jpg" alt="" /><span id="more-4352"></span></p>
<p style="text-align: left;">Kenapa Saffawati sibuk buat tutorial edisi kembar? kerana ini lah ; <a href="http://www.formspring.me/nursaffawati/q/772380548">Formspring</a>. Saffa buat cincai cincai jer nih. Sorry.</p>
<p>Okay. Nak buat EDISI KEMBAR ni tak susah pun, you just need <span style="color: #ff0000;">a lil bit imagination, time<span style="color: #000000;"> and</span> basic photoshop skill</span>. Tak lupa juga <span style="color: #ff0000;">CAMERA with a self timer</span>!</p>
<p><strong>1. Imagination.</strong></p>
<p>Fikir jalan cerita dan cuba sketch pada kertas. Bayangkan. Bayangkan karakter kembar anda. Bayangkan jalan cerita dan scene-scene yang anda perlu kan untuk edisi kembar.</p>
<p><strong>2. Camera with self timer.</strong></p>
<p>Now. Find a suitable place untuk letak camera. Dan guna kan self timer untuk amik gambar yang di perlu kan untuk menghasilkan satu scene.</p>
<p><span style="color: #ff0000;">for example;</span></p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh4.ggpht.com/_U51Q_2ktsmY/TDw25owt9qI/AAAAAAAABno/J7iuSm8SiyQ/t1.jpg" alt="" /></p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/TDw258s3nGI/AAAAAAAABns/PARoQF6-hHc/t2.jpg" alt="" /></p>
<p style="text-align: left;">Untuk menghasilkan scene satu dalan edisi kembar (<em>rujuk gambar pertama dalam entri ni</em>), Saffa guna camera with self timer yang diletakkan pada posisi yang sama untuk amik dua gambar di atas.</p>
<p style="text-align: left;"><strong><span style="color: #000000;">3. Photoshop Skill</span></strong></p>
<p style="text-align: left;">Dan menggunakan basic photoshop skill yang Saffa ada, Saffa gabungkan dua gambar tersebut.</p>
<p style="text-align: center;"><em><strong>Gambar pertama ;</strong> Layer 0. <strong>Gambar kedua;</strong> Layer 1.</em></p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh3.ggpht.com/_U51Q_2ktsmY/TDw7oWQlSMI/AAAAAAAABn0/8Q2-cWmkmaQ/layer.jpg" alt="" /></p>
<p style="text-align: left;">Disebab gambar tersebut berada dalam kedudukan yang sama (<em>KECUALI Saffa &amp; Saffawati</em>), tak susah lah nak edit gambar tu.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/TDw7oaIY_mI/AAAAAAAABn4/VRTAz3d3hzs/t3.jpg" alt="" /></p>
<p style="text-align: left;">Saffa tak sure korang faham ker tak bila tengok gambar kat atas tu. BASICALLY, <strong>Layer 1 (Saffa) ada ATAS Layer 0 (Saffawati)</strong>. So, Layer 1 tu tutup Layer 0. JADI, Saffa <span style="text-decoration: underline;">guna eraser tool</span> untuk erase bahagian kerusi pada Layer 1 tu. SUPAYA Layer 1 tu &#8216;tembus&#8217;. <span style="color: #ff0000;">Bila dah &#8216;tertembus&#8217; Layer 1 tu. Nampak lah Layer 0</span> atau Saffawati yang ada dekat kerusi tu.</p>
<p style="text-align: left;">Kemudian Saffa buat sedikit adjustment pada warna tudung Saffa untuk membezakan Saffa &amp; Saffawati.<em> Tak kuasa Saffa nak tukar-tukar baju!</em> =.=&#8221;</p>
<p style="text-align: left;">Oh ya! Lepas tu Saffa guna <span style="text-decoration: underline;">Photoscape</span> untuk edit dialog tu. <span style="color: #ff0000;">DONE!</span></p>
<p>MAAF. Saffa tak ada masa nak ajar dengan lebih terperinci macam mana nak edit gambar tu. SUPPOSEDLY. If ada very very basic Photoshop skill such as faham tentang layer and eraser tool.. Sepatutnya lah kan. Dapat figure out macam mana Saffa buat.</p>
<p>DAN tak semestinya nak kena guna ERASER TOOL jer untuk edit gambar kembar ni. SELECTION TOOL pun boleh jugak. ;)</p>
<ul>
<li><a title="Photoshop #001: Apa KAH ‘Layers’?" href="../photoshop-001-apa-kah-layers/">Photoshop #01: Apa KAH   ‘Layers’?</a></li>
<li><a title="Photoshop #002: Ada Apa Lagi Dengan ‘Layers’?" href="../photoshop-002-ada-apa-lagi-dengan-layers/">Photoshop #02:  Ada Apa Lagi Dengan ‘Layers’?</a></li>
<li><a title="Photoshop #03:  Crop Object / Hilangkan Latar Belakang" href="../photoshop-03/">Photoshop  #03: Crop Object /  Hilangkan Latar Belakang</a></li>
</ul>
<blockquote><p>Jangan lupa bagi tau Saffa if buat edisi kembar! All the best! ;)</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/edisi-kembar-03-tutorial/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Photoshop #03: Crop Object / Hilangkan Latar Belakang</title>
		<link>http://saffawati.com/photoshop-03/</link>
		<comments>http://saffawati.com/photoshop-03/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 15:31:01 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Art & Photography]]></category>
		<category><![CDATA[Adobe Photoshop CS5]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Download Adobe Photoshop CS5]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=4250</guid>
		<description><![CDATA[Dah lama tak berphotoshop tutorial! MAAF. Busy &#38; malas. Hehehe.. Memandangkan Kakak sulung Saffa request suruh ajar macam mana nak hilangkan background. Saffa pun decide untuk buat tutorial ni. ;) Untuk tutorial ni, Saffa guna Photoshop CS5. Untuk pengguna photoshop version lain.. masih boleh ikut tutorial ni. TAPI. Kalau rajin. Download lah photoshop CS5 (PORTABLE) [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fphotoshop-03%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/TCstUqTUrYI/AAAAAAAABjM/gOwmRH4m8Ug/SC.jpg" alt="" /></p>
<p style="text-align: justify;"><strong>Dah lama tak berphotoshop tutorial!</strong> MAAF. Busy &amp; malas. Hehehe..</p>
<p style="text-align: justify;">Memandangkan Kakak sulung Saffa request suruh ajar macam mana nak hilangkan background. Saffa pun decide untuk buat tutorial ni. ;)</p>
<p style="text-align: justify;">Untuk tutorial ni, Saffa <strong><span style="color: #ff0000;">guna Photoshop CS5</span></strong>. Untuk pengguna photoshop version lain.. masih boleh ikut tutorial ni. TAPI. Kalau rajin. Download lah <strong>photoshop CS5 (PORTABLE)</strong> : <a href="http://www.mediafire.com/?kfoz1kjmyve">Mediafire part1</a> | <a href="http://www.mediafire.com/?nyyme0mmtde">mediafire part 2</a> (<em>Credit:</em> <a href="http://elyasshowtt.gapuranetwork.net/2010/05/adobe-photoshop-cs5-portable/">Elyas</a>)</p>
<p style="text-align: justify;">Untuk tutorial ni, Saffa akan guna gambar Nenek Tua dengan cermin mata besar.</p>
<h2 style="text-align: left;">#01</h2>
<p style="text-align: left;">Okay. Tak payah cakap panjang-panjang. <strong><span style="color: #ff0000;">Bukak gambar.</span></strong></p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/TCoBcn9uptI/AAAAAAAABhM/nK2fBki227A/DSC00690.png" alt="" /></p>
<p style="text-align: center;"><span id="more-4250"></span></p>
<h2 style="text-align: justify;">#02</h2>
<p style="text-align: justify;">Saffa selalu crop gambar guna <strong><span style="color: #ff0000;">quick selection tool</span></strong>. Basically Saffa just guna tool ni untuk select object and <em>tadaaaa</em>&#8230; SIAP!</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/TCn_kgQBw2I/AAAAAAAABgw/tPD4XVzQsOA/3.png" alt="" /></p>
<p style="text-align: left;">Satu lagi tool yang Saffa selalu guna ialah <strong>polygonal lasso tool</strong>.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh4.ggpht.com/_U51Q_2ktsmY/TCoIFKT1SxI/AAAAAAAABiA/FGwBB6kDLhc/1.png" alt="" /></p>
<h2 style="text-align: justify;">#03</h2>
<p style="text-align: justify;">Tapi hari ni nak ajar guna <strong><span style="color: #ff0000;">QUICK SELECTION TOOL</span>.</strong></p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh5.ggpht.com/_U51Q_2ktsmY/TCn_lF3X8RI/AAAAAAAABg8/ZWI8Ax_ayo4/7.png" alt="" /></p>
<p style="text-align: justify;"><span style="color: #ff0000;"><strong><span style="color: #008000;">Postive untuk select.</span> <span style="color: #000080;">Negative untuk deselect</span></strong><span style="color: #000080;">.</span></span> Makin besar saiz selction tu. Makin luas/besar area yang dia akan selct dengan satu click. Try main-main dengan tool ni dulu untuk faham kan function tool ni.</p>
<h2>#04</h2>
<p style="text-align: justify;">Okay. Kalau guna quick selection tool, bila kita click kat mana-mana.. akan jadi macam gambar kat bawah. Dia akan<span style="color: #ff0000;"> <strong>detect area yang sama warna / rata</strong></span><strong>.</strong></p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/TCn_k9eiARI/AAAAAAAABg0/rtho8i5alXw/4.png" alt="" /></p>
<p style="text-align: left;">Lepas tu<strong> select select select <span style="color: #ff0000;">sampai cover semua</span></strong> gambar kita / object yang nak di crop tu macam kat bawah. Biar lah terkeluar keluar pun.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/TCoKLjLx-AI/AAAAAAAABiI/MsBOf_U5q44/Untitled.png" alt="" /></p>
<h2 style="text-align: left;">#05</h2>
<p style="text-align: left;">Okay. Zoom in image / View in actual pixels. Nak bagi senang nampak sikit. Ini bahagian yang terkeluar kan.</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/TCn_k6JTh-I/AAAAAAAABg4/Z7N5J8xihUc/6.png" alt="" /></p>
<p style="text-align: left;">Gunakan <strong><span style="color: #ff0000;">NEGATIVE quick selection tool</span> </strong>untuk deselect area yang terkeluar tu. <strong>Resize saiz selection tool</strong> tu bagi kecik sikit untuk elakkan ter deselect banyak sangat.</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/TCn_lEDedVI/AAAAAAAABhA/cGtmlY7abPg/8.png" alt="" /></p>
<h2 style="text-align: left;">#06</h2>
<p style="text-align: left;">Okay. Done with selection!</p>
<p style="text-align: left;">(<strong>Info tambahan:</strong><em> BTW, boleh jer kalau kita mula dengan select background. Sebab kadang-kadang pilih background lagi senang. Terutama bila background tu kosong dan tak berserabut. Lepas dah select background tu.. Right click.. Inverse selection. Lepas inverse tu.. Automatik line putus-putus tu akan select object instead of background</em>)</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/TCoB2ZSxznI/AAAAAAAABhQ/bWn5yvhlAPI/10.png" alt="" /></p>
<h2 style="text-align: left;">#07</h2>
<p style="text-align: left;">Now. <strong>Lepas dah habis select</strong> image yang kita nak crop tu. RIGHT CLICK pada image yang kita select and pilih <strong><span style="color: #ff0000;">Layer via COPY.</span></strong></p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/TCoB2n4DiQI/AAAAAAAABhU/eirG7xygXBw/11.png" alt="" /></p>
<h2 style="text-align: left;">#08</h2>
<p style="text-align: left;"><span style="color: #ff0000;"><strong>Hide layer background</strong></span> / gambar asal kita tu. Just click kat &#8216;mata&#8217; tu.</p>
<p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/TCoB27_o9gI/AAAAAAAABhc/90OFRrUSVMk/13a.png" alt="" /></p>
<h2 style="text-align: left;">#09</h2>
<p style="text-align: left;">Dan jadi lah begini! Well done! <strong><span style="color: #ff0000;">Anda telah pun berjaya.</span></strong> HOORAYYYY.</p>
<p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/TCoB2mJxGJI/AAAAAAAABhY/0WfxVwb39AY/13.png" alt="" /></p>
<h2 style="text-align: left;">TIP:</h2>
<p style="text-align: left;">Untuk memastikan anda telah select dengan betul dan smooth. Buat stroke pada layer 1 macam gambar kat bawah.</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/TCoB238OmNI/AAAAAAAABhg/4WeVyxNK60U/14.png" alt="" /></p>
<p style="text-align: left;">Nanti jadi macam ni. Ahah! Dapat nampak kan yang Saffa tak select dengan betul..</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/TCoEEcEpg7I/AAAAAAAABhs/x2PLiYzAjmE/14a.png" alt="" /></p>
<p style="text-align: left;">Guna kan &#8216;Eraser&#8217; dan padamkan bagi smooth sikit macam gambar kat bawah ni.</p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/TCoEFCvsxTI/AAAAAAAABhw/OetefvtZWd0/15.png" alt="" /></p>
<p style="text-align: left;">Okay. Dah. Tu jer.</p>
<p style="text-align: left;">Saffa prefer jugak guna <strong>POLYGONAL LASSO TOOL</strong>. Walaupun leceh sikit. Tapi hasil dia sangat <strong><span style="color: #ff0000;">SMOOTH</span></strong>. Tapi macam susah lah pulak nak buat tutorial polygonal lasso nih. Iya lah. Start je guna tool tu. Nak kena habiskan.</p>
<p style="text-align: left;">Susah lah nak print screen semua etc. Nanti&#8230;.. &#8220;Eyh? Dah siap select?&#8221;</p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/TCoEFyHlB-I/AAAAAAAABh4/rh_ytcH3pAI/thank.png" alt="" /></p>
<p style="text-align: left;">Jumpa lagi!  BTW, Kalau buat tak jadi-jadi jugak. Meh sini gambar tu. Saffa tolong crop  kan. Email kat saffawatiATgmail.com</p>
<p style="text-align: left;">HABIS CERITA. Tak payah nak  mengamuk-mengamuk dekat Photoshop tu. =)</p>
<blockquote>
<p style="text-align: left;">P/s: Feel free to ask anything kalau tak faham. T__T</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/photoshop-03/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Photoshop #002: Ada Apa Lagi Dengan &#8216;Layers&#8217;?</title>
		<link>http://saffawati.com/photoshop-002-ada-apa-lagi-dengan-layers/</link>
		<comments>http://saffawati.com/photoshop-002-ada-apa-lagi-dengan-layers/#comments</comments>
		<pubDate>Sat, 22 May 2010 18:17:14 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Art & Photography]]></category>
		<category><![CDATA[Adobe Photoshop CS5]]></category>
		<category><![CDATA[Belajar Photoshop]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Photoshop Layers]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=3831</guid>
		<description><![CDATA[Saffa rasa mesti ramai lagi yang confius dengan &#8220;Layers&#8221;.. Tak per tak per. Kali ni Saffa tunjuk lagi bannyyaakkkk gambar! Hahaha. WARNING: Full with pictures! AGAIN! :) Saffa rasa.. Kali ni CONFIRM korang akan lebih faham tentang layers! Ada APA Dengan CINTA SUSUNAN &#8220;Layers&#8221;? Mula-mula.. Create &#8220;New Layer&#8221; dengan click pada icon sebelah tong sampah [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fphotoshop-002-ada-apa-lagi-dengan-layers%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><p>Saffa rasa mesti ramai lagi yang confius dengan &#8220;Layers&#8221;.. Tak per tak per. Kali ni Saffa tunjuk lagi bannyyaakkkk gambar! Hahaha.</p>
<blockquote><p><strong>WARNING:</strong> Full with pictures! AGAIN! :)</p></blockquote>
<p>Saffa rasa.. Kali ni CONFIRM korang akan lebih faham tentang layers!</p>
<h2 style="text-align: left;"><span style="color: #000080;">Ada APA Dengan <span style="color: #f9059c;"><span style="text-decoration: line-through;">CINTA</span></span> SUSUNAN &#8220;Layers&#8221;?</span></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://lh3.ggpht.com/_U51Q_2ktsmY/S_e3vLijxbI/AAAAAAAABE4/b2__PQNbpZ4/Untitled.png" alt="" /></p>
<p style="text-align: left;">Mula-mula.. <span style="color: #ff0000;"><strong>Create &#8220;New Layer&#8221;</strong></span> dengan click pada icon sebelah tong sampah tu..</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_e3vUwkL4I/AAAAAAAABE8/GL5JILmCF5k/Untitled2.png" alt="" /></p>
<p style="text-align: left;">Lepas Saffa create NEW LAYER.<strong> Saffa guna kan TOOL &#8216;BRUSHES&#8217; untuk brush brush brush atas Layer 4</strong>. Jangan risau. <span style="text-decoration: underline;">Nanti Saffa ajar pasal &#8220;Brushes&#8221;</span>. Sekarang ni belajar-belajar elok-elok dulu pasal Layers okayy? Hehehe..</p>
<p style="text-align: left;">Try tengok kat bawah ni. Disebabkan <span style="color: #ff0000;"><strong>Layer 4 ni atas Layer 3</strong></span> (<em>Layer Image Saffa</em>).. Maka. Ini lah jadi nya..<span id="more-3831"></span></p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/S_e3upjBwLI/AAAAAAAABEw/j5EijUuaJOg/01.png" alt="" /></p>
<p style="text-align: left;">Jadi. Kita<strong> <span style="color: #ff0000;">MOVE</span></strong> je lah <strong><span style="color: #ff0000;">position Layer 4</span></strong> tu!</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_e3vFKEYTI/AAAAAAAABE0/T0kumFwre30/02.png" alt="" /></p>
<p style="text-align: left;">Kepada posisi bawah Layer 3.</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_fMEbZbQjI/AAAAAAAABFs/bpSz0HbUjGE/2.png" alt="" /></p>
<p style="text-align: left;">Trang tang tang&#8230;.</p>
<p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_fMEjVAO8I/AAAAAAAABFw/w4sbw91aMHw/3.png" alt="" /></p>
<blockquote>
<p style="text-align: left;">Saffa rasa mesti korang dah faham kan kan kannn?</p>
</blockquote>
<p style="text-align: left;">Jadi. Sekarang. Mari lah belajar. Apa lagi yang korang boleh buat dengan &#8220;<span style="color: #ff0000;"><strong>Layers</strong></span>&#8220;.. Seterusnya&#8230; Kita akan memperguna pakai kan Layer 4.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_feiDJ2tnI/AAAAAAAABF4/T7P4L_7A9L0/s512/Untitled.png" alt="" /></p>
<p style="text-align: left;">Click ada apakebenda ntah.. yang &#8216;<span style="color: #ff0000;"><strong>NORMAL</strong></span>&#8216; tu.. Dan keluar lah seperti di atas. Saffa select <span style="color: #ff0000;"><strong>OVERLAY</strong></span>. Dan effect nya.. Boleh lah tengok di bawah ni eyk.. Overlay ni akan blend Layer 4 (Image Brushes) dengan Layer 2 (Image Board)</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_feidnIeNI/AAAAAAAABF8/jlXi4mIV4Cw/Untitled2.png" alt="" /></p>
<p style="text-align: left;">Untuk effect-effect yang lain tu. Macam biasa, <strong>Try &amp; Error sendiri</strong> lah eyh. :)</p>
<p style="text-align: left;">So. What next? Saffa click pula pada <span style="color: #ff0000;"><strong>OPACITY</strong></span>.. Saffa set pada 50%.</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_feit3TyXI/AAAAAAAABGA/e1JgHGGNpn0/Untitled3.png" alt="null" /></p>
<p style="text-align: left;">Dan hasil nya seperti yang di bawah&#8230; Tau tak &#8220;<span style="color: #ff0000;"><strong>opacity</strong></span>&#8221; tu apa? Opacity ni kejelasan/kegelapan. Makin kurang Opacity. Makin lutsinar image tu.</p>
<p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_fejIbCWEI/AAAAAAAABGE/O2_PRdyv2Jg/Untitled4.png" alt="" /></p>
<p style="text-align: left;">Apa yang Saffa bakal buat selepas ni adalah.. Sungguh lah tidak terungkap dengan kata-kata. (<em>Tak reti nak explain</em> =.=&#8221;)</p>
<p style="text-align: left;"><strong><span style="color: #ff0000;">Right Click pada Layer 3</span></strong> (Image Saffa).. Dan keluar lah&#8230;</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_fejQnZ99I/AAAAAAAABGI/0RJkfwI3daM/s512/Untitled5.png" alt="" /></p>
<p style="text-align: left;">Saffa <span style="color: #ff0000;"><strong>duplicate Layer 3 sebanyak dua kali<span style="color: #000000;">.</span></strong></span> Lepas tu. Saffa guna kan MOVE TOOL untuk Move kan Image-Image duplicate Saffa tu ke kiri dan ke kanan. Cuba tengok elok-elok posisi Image Saffa dalam <span style="color: #ff0000;"><strong>Layer 3 copy &amp; Layer 3 copy 2</strong></span>.</p>
<p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_fe8pCsSWI/AAAAAAAABGY/Pnv6-jRE3SE/Untitled6.png" alt="" /></p>
<p style="text-align: left;">Dan ini lah hasilnya. Cool kan Cool kan COOL kaaannnnn.. Hahahaha..</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_fe81F2ebI/AAAAAAAABGc/eb---e6OycI/Untitled7.png" alt="" /></p>
<p style="text-align: left;">Baik lah. Perasan tak gambar mata tu? Yup. <span style="color: #ff0000;"><strong>Icon MATA (Eye) tu indicate visibility</strong></span>. Kata kan lah korunk tak nak Layer 3 tu. Boleh pilih untuk INVISIBLE kan Layer tu dengan click pada mata tu. ;)</p>
<p style="text-align: left;">Kat bahagian <strong><span style="color: #ff0000;">Effects</span></strong> tu pun ada gambar mata kann? Yup. Effects tu pun boleh invisible jugak. Short cut. Tak payah nak susah-susah bukak &#8216;<span style="color: #ff0000;"><strong>Layer Style</strong></span>&#8216;.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh3.ggpht.com/_U51Q_2ktsmY/S_fe9hVFi8I/AAAAAAAABGg/iRMARDm32DI/Untitled8.png" alt="" /></p>
<p style="text-align: left;">Dan ini lah hasilnya;</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_fe93kx2eI/AAAAAAAABGk/xGBU0D1Wo2Q/Untitled9.png" alt="" /></p>
<p style="text-align: left;">Actually. Kalau memang betul-betul tak nak layer tu. Boleh jer delete terus. Ada gambar icon tong sampah kat bawah sekali tu.. Tak pun. Kat bahagian Right Click pun ada jugak. &#8216;Delete Layer&#8217;.</p>
<p style="text-align: left;">Ini adalah hasil akhir Saffa.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_fe5u2i6SI/AAAAAAAABGM/wtM-Q_dNW7s/Untitled-1.png" alt="" /></p>
<p style="text-align: left;">Apa yang telah Saffa buat? <em>Yang INVISIBLE tu. Saja jer nak tunjuk..</em></p>
<p style="text-align: left;">1. Saffa guna <span style="color: #ff0000;"><strong>Move Tool</strong></span> untuk move <span style="color: #ff0000;"><strong>Layer 3 copy &amp; Layer 3 copy 2</strong></span> bagi dekat sikit dengan Image Saffa yang kat tengah tu (Layer 3)..</p>
<p style="text-align: left;">2. Then.. Saffa <strong><span style="color: #ff0000;">select Layer 3 Copy</span></strong>. Pastu pergi dekat Menu Bar. <span style="color: #ff0000;"><strong>Click Edit &gt; Transform &gt; Rotate</strong></span>. Dan ulang benda yang Saffa dekat <strong><span style="color: #ff0000;">Layer 3 Copy 2</span></strong>.</p>
<p style="text-align: left;">3. Layers. Saffa set <span style="color: #ff0000;"><strong>Opacity Layer 3 copy &amp; Layer 3 copy 2 kepada 50%</strong></span>.</p>
<p style="text-align: left;">4. Tools. <strong><span style="color: #ff0000;">Type Tool</span></strong>. Saffa taip &#8220;Saffawati.Com&#8221;&#8230; And then pergi dekat Layers&#8230; letak Effect <span style="color: #ff0000;"><strong>Drop Shadow + Outer Glow</strong></span>.</p>
<p style="text-align: left;">5. DONE! :)</p>
<p style="text-align: left;">Lastly, Saffa pergi dekat <span style="color: #ff0000;"><strong>Menu Bar &gt; Layers &gt; Flatten Image</strong></span>. BTW. Kalau dah flatten image. Dah tak boleh edit-edit tau! Tak boleh dah nak rotate gambar Saffa tu SAHAJA. Sebab semua layers tu dah &#8216;flatten&#8217; jadi satu image. ;)</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_fe-GjBhHI/AAAAAAAABGo/GxX4OKfRg-g/Untitled10.png" alt="" /></p>
<p style="text-align: left;">Sebenarnya ada banyak lagi yang boleh buat dengan Layers ni. Nanti lah eyk. Slow-slow.</p>
<p style="text-align: left;">Baik lah anak murid. Apa kata korang try buat guna <a href="http://lh6.ggpht.com/_U51Q_2ktsmY/S_fe6FA2aeI/AAAAAAAABGQ/Cb6lA_vRn3E/saffa.png">Image Saffa</a> &amp; <a href="http://lh3.ggpht.com/_U51Q_2ktsmY/S_fe6lJpTrI/AAAAAAAABGU/Xokioko5JYU/board_bg-tile.jpg">Image Board</a> . <strong>Right click and save</strong>! Selamat mencuba. Hingga ke temu lagi di lain hari dan waktu di tempat sama iaitu Saffawati.Com.</p>
<blockquote>
<p style="text-align: left;">Next: Kita akan belajar pasal TOOLS plak. :)</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/photoshop-002-ada-apa-lagi-dengan-layers/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Photoshop #001: Apa KAH &#8216;Layers&#8217;?</title>
		<link>http://saffawati.com/photoshop-001-apa-kah-layers/</link>
		<comments>http://saffawati.com/photoshop-001-apa-kah-layers/#comments</comments>
		<pubDate>Sat, 22 May 2010 11:29:29 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Art & Photography]]></category>
		<category><![CDATA[Adobe Photoshop CS5]]></category>
		<category><![CDATA[Belajar Photoshop]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Photoshop Layers]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=3813</guid>
		<description><![CDATA[WARNING: Full with Images Saffa tak pasti nak mula kan tutorial photoshop dengan apa topik apa. Selepas penat memulas otak. Kita mula kan dengan lafaz Bismillahirrahmanirrahim dan Ummu Kitab, Al Fatihah&#8230;. Baik LAH. Apa kah &#8216;Layers&#8217;? Secara ringkasnya. &#8216;Layers&#8217; adalah Lapisan (PAAANNGGG.. Kena ketuk dengan kuali =.=&#8221;). Okay okayyyy. Layers sangat penting. Kalau tak penting. [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fphotoshop-001-apa-kah-layers%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><blockquote><p><strong>WARNING:</strong> Full with Images</p></blockquote>
<p>Saffa tak pasti nak mula kan tutorial photoshop dengan apa topik apa. Selepas penat memulas otak. Kita mula kan dengan lafaz Bismillahirrahmanirrahim dan Ummu Kitab, Al Fatihah&#8230;. Baik LAH.</p>
<h1><span style="color: #000080;">Apa kah &#8216;Layers&#8217;?</span></h1>
<p>Secara ringkasnya. <strong>&#8216;Layers&#8217; adalah Lapisan</strong> (<em>PAAANNGGG.. Kena ketuk dengan kuali</em> =.=&#8221;). Okay okayyyy.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://saffawati.com/wp-content/uploads/2010/05/ps2.png" alt="" /></p>
<p>Layers sangat penting. Kalau tak penting. Mana mungkin seyh mereka punyai kategori mereka yang tersendiri di <strong>MENU BAR</strong>. Kamu bisa buat macam-macam dengan ini &#8216;Layers&#8217;&#8230; Mau <span style="color: #000080;">add, delete, name, rename, move, adjust, mask, show / hide, blend itu layers,  lock atau unlock layers, tambah effects, group dan ungroup layers</span>, hatta tukarin itu <span style="color: #000080;">o</span><span style="color: #000080;">pacity of layers</span>.</p>
<blockquote><p>&#8216;Layers&#8217; ni tak susah pun nak faham. KACANG AJA.. Mari kita mula kannn sekarang! <strong>GO!</strong></p></blockquote>
<p>1. <strong><span style="color: #ff0000;">Bukak lah Photoshop</span></strong>. Kalau tak bukak.. Camna mau belajar maaa.. KEMUDIAN;<span id="more-3813"></span></p>
<h2><strong>File </strong>(<em>Menu Bar</em>) &gt; <strong>New</strong></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_eIQBHGezI/AAAAAAAABDg/P28ZChAmh20/2.png" alt="" /></p>
<p style="text-align: left;">Ubah <strong>Saiz </strong>dan juga <strong>Background Contents</strong> mengikut pilihan anda&#8230;</p>
<p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_eIP5R_17I/AAAAAAAABDc/qcyA5_jzAes/3.png" alt="" /></p>
<h2><strong>File </strong>(<em>Menu Bar</em>) &gt; <strong>Open</strong></h2>
<p><strong><span style="color: #000080;">a) Photo</span><br />
</strong></p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_eSxwRfk5I/AAAAAAAABDs/n8RH_KOBJ9E/s512/d.png" alt="" /></p>
<p style="text-align: left;"><span style="color: #000080;"><strong>b) Image</strong></span></p>
<p style="text-align: center;"><img src="http://lh3.ggpht.com/_U51Q_2ktsmY/S_eSxu4JauI/AAAAAAAABDo/ZR_ZwoTV9XE/s512/500.png" alt="" /></p>
<p style="text-align: left;">Nampak tak <strong>Layer 1, Background</strong> and <strong>Layer 0</strong> tu? Itu semua Layer lah..</p>
<h2 style="text-align: left;"><span style="color: #000080;"><strong>Jadi. Apa kah FUNGSI-FUNGSI layers?</strong></span></h2>
<p style="text-align: left;">Layers ni memboleh kan kita bermain <span style="color: #ff0000;">SCRAP BOOK</span>. Susun-susun dan lekat-lekat gambar. Tindih-tindih gambar! Dan bermacam-macam lagi! Layer 1 : Paling bawah. Layer 2.. atas Layer 1. Dan seterusnya..</p>
<p style="text-align: left;"><strong>File (Menu Bar) &gt; Open &gt; </strong>Saffa bukak Image (Board_bg_tile)</p>
<p><strong>Right Click </strong>pada tab &#8220;board_bg_tile.jpg @ 100% (RGB/8)&#8221; &gt; <strong>Move to new Window</strong></p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_egnVgw62I/AAAAAAAABD0/yhfz5m5ZHWQ/ps.png" alt="" /></p>
<p style="text-align: left;">Then? Ini lah yang terjadi. Saffa highlight dengan warna merah untuk menunjukkan yang image tu di buka pada new window.. <strong>Kenapa nak bukak pada new window?<br />
</strong></p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_egnsGO8XI/AAAAAAAABD8/fNlntKd10Ms/psa.png" alt="" /></p>
<p style="text-align: left;">Sebab Saffa nak <span style="color: #ff0000;"><strong>drag/tarik layer &#8220;Background&#8221;</strong></span> ni pada <strong><span style="color: #008000;">&#8220;Untitled-1&#8243;</span>.</strong> Bagaimana?</p>
<p style="text-align: left;">Guna kan <span style="color: #0000ff;">&#8220;<strong>MOVE TOOL</strong>&#8220;</span>&#8230; dan <span style="color: #ff0000;"><strong>tarik</strong> <strong>layer &#8220;Background&#8221;</strong> </span>tu masuk kawasan <span style="color: #008000;">&#8220;<strong>Untitled-1</strong>&#8220;</span>.</p>
<blockquote>
<p style="text-align: left;">Sebab tu lah Saffa suruh bukak Image board_bg_tile ni pada new window.. =)</p>
</blockquote>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_egnTmBAII/AAAAAAAABD4/hafE3o97H40/psa3.png" alt="" /></p>
<p style="text-align: left;">Lepas dah<strong> <span style="color: #ff0000;">drag/tarik layer &#8220;Background&#8221;</span></strong> tu pada kawasan Untitled-1. Then&#8230; Tutup image board_bg_tile. Dan ini lah&#8230;</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_eiyPZKasI/AAAAAAAABEE/YMg_s82eboQ/h.png" alt="" /></p>
<p style="text-align: left;">Okayy. Lepas tu Saffa bukak Image Saffa with transparent background and drag masuk <span style="color: #008000;"><strong>Untitled-1</strong></span>.</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_enQbmjBWI/AAAAAAAABEU/hpYKXZxCvA0/s2.png" alt="" /></p>
<p>Cuba tengok. Layer 1, 2, 3. Kalau lah Saffa drag layer 3 (<em>guna Move Tool</em>) dan letak antara layer 1 dan 2 = letak bawah layer 2.. Image Saffa tu akan terlindung di sebalik Image Board tu.</p>
<p>Sebab tu lah Saffa cakap Layers ni <span style="text-decoration: underline;">macam main Scrap Book</span>. =P</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_enQFCtPTI/AAAAAAAABEQ/jzXd5u7Yqlw/s1.png" alt="" /></p>
<p style="text-align: left;">Baik lah. Sekarang boleh click pada<strong> &#8220;<span style="color: #ff0000;">fx</span></strong><strong>&#8220;.. </strong></p>
<blockquote>
<p style="text-align: left;">Sebelum click fx.. Pastikan korang <span style="text-decoration: underline;">dah select layer yang betul</span>. :) Cuba tengok gambar kat atas.. Okayy. Betul. Layer 3. :)</p>
</blockquote>
<p style="text-align: center;"><img class="aligncenter" src="http://lh3.ggpht.com/_U51Q_2ktsmY/S_etE7bkOtI/AAAAAAAABEk/lN6X5L-DShA/g.png" alt="" /></p>
<p><strong><span style="color: #ff0000;">fx &gt; Blending Options..</span> </strong>Dan. Keluar lah &#8216;<strong>Layer Style</strong>&#8216; macam kat bawah ni. Kalau korang click dekat <span style="color: #ff0000;"><strong>fx &gt; Drop Shadow / Stroke</strong> / <strong>Pattern Overlay</strong></span> etc.. Sama jer.. Akan keluar &#8216;<strong>Layer Style</strong>&#8216;.. Tapi Layer Style for.. well.. apa yang korunk tu click lah kan.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://lh3.ggpht.com/_U51Q_2ktsmY/S_etFYbe3tI/AAAAAAAABEo/5rN4TBgHiT0/n.png" alt="" width="490" height="380" /></p>
<p style="text-align: left;">Jadi. Saffa telah memilih untuk <strong>Drop Shadow and Stroke</strong>.</p>
<p style="text-align: center;"><img src="http://lh4.ggpht.com/_U51Q_2ktsmY/S_e4CoGKHDI/AAAAAAAABFA/fbtbHp-oxcU/cats3.png" alt="" /></p>
<p style="text-align: left;">Dan. Ini lah hasilnya bila Saffa <span style="color: #ff0000;"><strong>Drop Shadow dan Stroke pada Layer 3</strong></span> (<em>Layer Image Saffa</em>).</p>
<p style="text-align: center;"><img src="http://lh5.ggpht.com/_U51Q_2ktsmY/S_enQyZGfGI/AAAAAAAABEc/QKlLga1PJPI/cats4.png" alt="" /></p>
<p style="text-align: left;">&#8216;<strong>Layer Style</strong>&#8216; tu ada banyak lagi kann? <strong>Inner Shadow, Inner/Outer Glow, Bevel &amp; Embos</strong>s etc.. Ha. Yang itu korang <span style="text-decoration: underline;">try and error</span> lah. Tak kan nak tunjuk semua.. Kang sampai esok pun tak habis lagi korang loading entri ni.. Huhu..</p>
<p style="text-align: left;">OH. BTW. Sebenarnya&#8230; Boleh jer nak <strong>start dengan Image Board_bg_tile</strong> tu. Maksudnya. Tak payah lah nak create &#8216;Untitled-1&#8242;.. Lepas tu drag Image Board tu.. Then drag plak Image Saffa&#8230; Just open jer Image Board then Drag Image Saffa.</p>
<blockquote>
<p style="text-align: left;">Err. Harap-harap faham lah apa yang Saffa cuba perkatakan. T___T</p>
</blockquote>
<p style="text-align: center;"><img class="aligncenter" src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_e7m-RzTMI/AAAAAAAABFc/wTYUeI5HwiA/z.png" alt="" /></p>
<p style="text-align: left;">Maka.</p>
<p style="text-align: left;">Banyak lagi sebenarnya yang boleh buat dengan layer-layer ni. Tapi. Apa kata kita..</p>
<blockquote>
<p style="text-align: left;">Bersambung esokk ajer lahhhh..</p>
</blockquote>
<p>Hehehe.. I Like This. :P</p>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/photoshop-001-apa-kah-layers/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Apa KAH Adobe Photoshop CS5?</title>
		<link>http://saffawati.com/pengenalan-adobe-photoshop-cs5/</link>
		<comments>http://saffawati.com/pengenalan-adobe-photoshop-cs5/#comments</comments>
		<pubDate>Fri, 21 May 2010 05:59:56 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Art & Photography]]></category>
		<category><![CDATA[Adobe Photoshop CS5]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Download Adobe Photoshop CS5]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=3785</guid>
		<description><![CDATA[First and foremost, you can download Adobe Photoshop CS5 (Known as White Rabbit) *# HERE #*. 100% GUARANTEED that the link works (Saffa download yang PORTABLE dari link Mediafire)! Before this.. Saffa dah try download countless of Photoshop. Tapi. Semuanya bermasalah! =( LUCKILY the link works. IF tak, maka, tidak lah wujud header yang besar [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fpengenalan-adobe-photoshop-cs5%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><p style="text-align: center;"><img src="http://lh6.ggpht.com/_U51Q_2ktsmY/S_S9nkyPohI/AAAAAAAABDM/IcOWqtREM0o/adobe-photoshop-cs5-code-name-white-rabbit.jpg" alt="" /></p>
<p style="text-align: left;">First and foremost, <span style="color: #ff0000;">you can download <strong>Adobe Photoshop CS5 </strong><span style="color: #000000;">(Known as White Rabbit) *#</span></span> <span style="color: #000080;"><strong><a href="http://elyasshowtt.gapuranetwork.net/2010/05/adobe-photoshop-cs5-portable/">HERE</a></strong></span> #*. <strong>100% GUARANTEED</strong> that the link works (<em>Saffa download yang PORTABLE dari link Mediafire</em>)! Before this.. Saffa dah try download countless of Photoshop. Tapi. Semuanya bermasalah! =(</p>
<p style="text-align: left;">LUCKILY the link works. IF tak, maka, tidak lah wujud header yang besar gedabak di atas, sidebar yang sangat vain dan juga theme blog Saffa yang so &#8220;<em>full of myself</em>&#8220;. Err. Tak muak ker tengok gambar Saffa banyak-banyak? =.=&#8221; Haish. Tiba-tiba rasa MALU sebab blog ini sangat <span style="color: #ff0000;">VVVAAAAAAIN</span>! <strong>Nevermind! </strong>Hahaha..</p>
<p style="text-align: left;"><strong>So. Apa KAH Adobe Photoshop CS5?</strong></p>
<blockquote>
<p style="text-align: left;">Adobe Photoshop CS5 Extended software is the ultimate solution for <strong>advanced digital imaging</strong>, delivering all the editing and compositing capabilities of Photoshop CS5 plus breakthrough tools that let you <strong>create and edit 3D and motion-based content</strong>.</p>
<p>Keep pushing creative boundaries with world-class 2D and 3D design. Use <strong>powerful new selection, painting, and warping capabilities</strong> to create standout images. Get just the right look for each client&#8217;s site. Easily select intricate image elements for placing in layout. Create <strong>3D artwork for logos and buttons</strong>. Create and enhance 3D and motion-based content and prepare still images and text for all your projects. Work fast with cross-platform 64-bit support, and create <strong>stunning HDR images</strong> for video backdrops. Design cutting-edge looks for interactive web content and experiences. Create <strong>3D artwork, warped graphics, and realistic painting effects</strong> for all your projects.</p></blockquote>
<p style="text-align: left;"><span id="more-3785"></span></p>
<h2 style="text-align: left;"><span style="color: #000080;"><strong>Interface / Muka Asas Photoshop CS5</strong></span></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://saffawati.com/wp-content/uploads/2010/05/ps.jpg" alt="" /></p>
<h2 style="text-align: left;"><span style="color: #000080;"><strong>Menu Bar</strong></span></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://saffawati.com/wp-content/uploads/2010/05/ps2.png" alt="" /></p>
<p style="text-align: left;">Err. Korang klik klik lah tengok sendiri. Saffa tak dapat nak print screen</p>
<h2 style="text-align: left;"><span style="color: #000080;"><strong>Jenis Editor?</strong> (Di Bahagian Sidebar)</span></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://saffawati.com/wp-content/uploads/2010/05/ps1.png" alt="" /></p>
<p style="text-align: center;"><img class="aligncenter" src="http://saffawati.com/wp-content/uploads/2010/05/sidebar.png" alt="" /></p>
<p style="text-align: left;">Kalau nak edit benda-benda yang Essential / Design / Painting / Photography.. Klick Bar yang kat atas tu.. Nanti Sidebar akan tukar.. Sidebar ni consist important things untuk.. Well.. Things untuk Essential / Design / Painting / Photography lah. :D</p>
<p style="text-align: left;">Macam yang korang tengok.. <strong>IF &#8220;PAINTING</strong>&#8220;. Ada Brushes&#8230; <strong>IF &#8220;DESIGN&#8221;</strong>. Ada Words &amp; Colors. <strong>IF &#8220;PHOTOGRAPHY&#8221;</strong> ada Black White / Sephia preset.. Adjustment brightness, curve etc..</p>
<p style="text-align: left;">Actually.. Tak salah pun kalau korunk nak edit <strong>GAMBAR</strong> dekat <strong>&#8220;DESIGN&#8221;</strong>. Bukan <strong>&#8220;PHOTOGRAPHY</strong>&#8220;.</p>
<p style="text-align: left;">SEBAB&#8230; Benda-benda kat Sidebar ni sebenarnya benda-benda daripada <strong>MENU BAR</strong> (File Edit Image Layer Select etc).. Basically.. Sidebar ni menyenang kan kerja korang. Dia dah letak benda-benda penting. Tak payah lah nak klik klik MENU BAR tu? Faham?</p>
<h2 style="text-align: left;"><span style="color: #000080;"><strong>Tools</strong></span></h2>
<p style="text-align: center;"><img class="aligncenter" src="http://saffawati.com/wp-content/uploads/2010/05/Tools.png" alt="" /></p>
<p style="text-align: left;">Tools ni.. 2 hari 3 malam.. Belum tentu dapat explain semua fungsi-fungsi dia. =.=&#8221;</p>
<p style="text-align: left;">Jadi.</p>
<p style="text-align: left;">APA KAH? Nampak complicated? <span style="color: #ff0000;">fghjklh!@#$%^&amp;</span></p>
<p style="text-align: left;">Hahaha. jangan RISAU. <strong>Saffa tak akan ajar semua</strong>. Sebab Saffa pun <span style="text-decoration: underline;">bukannya TERER Photoshop sangat</span>. Tools yang kat atas tu.. 60 % jer yang Saffa RETI pakai. =.=&#8221;</p>
<p style="text-align: left;">Jadi. <span style="color: #ff0000;"><span style="color: #000000;"><strong>Saffa ajar yang BASIC sahaja okayy?</strong></span><br />
</span></p>
<p style="text-align: left;">Dengan skill BASIC PHOTOSHOP ni, korang boleh reka header macam Saffa. Buat banner, poster.. Edit-edit effect gambar etc. Serius. Tarak tipu punya wooo.. =)</p>
<blockquote>
<p style="text-align: left;"><em>Bersambung</em>..</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/pengenalan-adobe-photoshop-cs5/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>10 Cara Untuk SHOT Yang Telah Saffa Pelajari [Teknik Menangkap Gambar]</title>
		<link>http://saffawati.com/teknik-fotografi-saffa-pelajari/</link>
		<comments>http://saffawati.com/teknik-fotografi-saffa-pelajari/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 18:24:25 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Art & Photography]]></category>
		<category><![CDATA[d60]]></category>
		<category><![CDATA[digital camera]]></category>
		<category><![CDATA[gambar]]></category>
		<category><![CDATA[pictures]]></category>
		<category><![CDATA[teknik fotografi]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tips asas fotografi]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=1861</guid>
		<description><![CDATA[DISCLAIMER: This entry was written when I barely knew what is photography. Not a very good so-called-photography entry. So, please take this entry lightly. I&#8217;m showing how we can take pictures rather than just plain eye level shot. That&#8217;s all. Okay. Sumpah rasa nak gelak. Teknik Fotografi? Teknik Menangkap Gambar. WTHeck. Hahahaha. Gila perasan. Ok. [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fteknik-fotografi-saffa-pelajari%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><blockquote style="text-align: center;"><p><strong>DISCLAIMER:</strong> <span style="color: #ff0000;">This entry was written when I barely knew what is photography.  Not a very good so-called-photography entry. So, please take this entry lightly. I&#8217;m showing how we can take pictures rather than just plain eye level shot. That&#8217;s all.</span></p></blockquote>
<p style="text-align: center;">Okay. Sumpah rasa nak gelak. <strong><span style="text-decoration: line-through;">Teknik Fotografi?</span></strong> Teknik Menangkap Gambar. WTHeck. Hahahaha. Gila perasan. Ok. Whatever. *<em>Still Laughing</em>*</p>
<p style="text-align: center;">*silent*</p>
<p style="text-align: center;">Ermm. =_________= Jom kita usya &#8216;<strong>teknik </strong><strong><span style="text-decoration: line-through;">fotografi</span></strong>&#8216; yang Saffa telah pelajari sejak beberapa bulan yang lepas! Secara spesifiknya, sejak Saffa <a href="http://saffawati.com/an-outing-to-klcc/">berphotoshoot</a> dengan Syafick di KLCC!</p>
<p style="text-align: center;"><span id="more-1861"></span></p>
<p style="text-align: center;"><img class="aligncenter" src="http://img38.imageshack.us/img38/211/merahc.jpg" alt="" /></p>
<p style="text-align: center;"><strong>1. Amik Gambar Dari Atas (Bermain dengan Perspektif)</strong></p>
<p style="text-align: center;">Di inspirasikan daripada &#8220;<em>MySpace Angle&#8221;</em>. Erm.. Perspektif bawah pun boleh, tapi Saffa rasa lah. Tak berapa sesuai lah. Kalau amik gambar orang dari bawah nanti gemuk kowt? *<em>tak semestinya</em>* Pandai-pandai lah eyk!</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img515.imageshack.us/img515/7688/above.jpg" alt="" /></p>
<blockquote style="text-align: center;">
<p style="text-align: left;">Cuba bayangkan gambar ini di ambil melalui angle biasa. Bukan angle atas. Rasanya mana lagi stunning? =)</p>
</blockquote>
<p style="text-align: center;"><strong>2. Posisi Objek Tidak Semestinya Di Tengah</strong></p>
<p style="text-align: center;">Entah kenapa Saffa suka letak objek di tepi. Mungkin sebab pengaruh <a href="http://en.wikipedia.org/wiki/Rule_of_thirds">Rule Of Thirds</a> ; <em>Proponents of the technique claim that aligning a subject with these points <span style="text-decoration: underline;">creates more tension, energy and interest</span> in the composition <strong>than</strong> simply <span style="text-decoration: underline;">centering the subject </span>would</em>.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img35.imageshack.us/img35/9971/amal.jpg" alt="" /></p>
<p style="text-align: center;"><strong>3. Latar Belakang Kosong Menonjolkan Objek (Bermain dengan Latar Belakang)</strong></p>
<p style="text-align: center;"><span style="text-decoration: underline;">Tajuk gambar pertama</span> ; Sila tengok Saffa. Hahahaha. Oh ya, lihat gambar ke empat (di bawah) ; tak semestinya latar belakang kosong itu perlu betul-betul kosong seperti gambar pertama untuk menonjolkan &#8216;objek&#8217;.. ;)</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img19.imageshack.us/img19/1705/happym.jpg" alt="" /></p>
<p style="text-align: center;"><strong>4. Hijau Itu Indah</strong></p>
<p style="text-align: center;">Okay. <span style="text-decoration: line-through;">Ini teknik Fotografi terbaru</span>. &#8220;<em>Hijau Itu Indah&#8221;</em>. Haha.. The best place untuk berphoto shoot adalah di Taman. Percayalah. Latar belakang Rumput, Tanah, Pokok, Jalan, Kerusi.. Semuanya memang lah ermm. Percaya je lah. Haha.</p>
<p style="text-align: center;"><strong>5. 1, 2 Shoot. Jangan Kira!</strong></p>
<p style="text-align: center;"><span style="text-decoration: line-through;">Selalu</span> Kadang-kadang mesti kena &#8216;marah&#8217; bila amik gambar. <span style="text-decoration: underline;">Saffa, jangan kira. Shoot jer</span>. Fine Syafick. Fine. T_T Gambar ketiga (di atas) sebenarnya half-candid kowt. =.=&#8221;</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img190.imageshack.us/img190/8977/cndd.jpg" alt="" /></p>
<blockquote style="text-align: center;">
<p style="text-align: left;">Totally candid. Gambar candid boleh jadi &#8216;buruk&#8217;, tapi dalam masa yang sama kadang-kadang hasil dia sangat! <strong>Wah!</strong> =)</p>
</blockquote>
<p style="text-align: center;"><img class="aligncenter" src="http://img34.imageshack.us/img34/5949/11319820.jpg" alt="" /></p>
<p style="text-align: center;"><strong>6. Amik Gambar Melalui &#8216;Sesuatu&#8217;</strong></p>
<p style="text-align: center;">Cermin? Ah. Bosan walaupun FUN. Haha. Serius nih, cuba amik gambar melalui pantulan/skrin/Shade@Cermin Mata Hitam etc.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img19.imageshack.us/img19/2048/bulat.jpg" alt="" /></p>
<p style="text-align: center;"><strong>7. Amik gambar secara Simmetri</strong></p>
<p style="text-align: center;">Ignore <em>Rule Of Third</em>! Letak &#8216;Objek&#8217; di tengah / simmetri. Hasilnya?</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img256.imageshack.us/img256/6198/dilajem.jpg" alt="" /></p>
<p style="text-align: center;"><strong>8. Amik Gambar Orang Yang Tengah Bergambar (Bermain dengan Objek/Fokus)</strong></p>
<p style="text-align: center;">Er. Ini macam konsep <em>Candid</em> sebenarnya tapi tak candid. Try lah, sumpah memang &#8216;<em>baik punya</em>&#8216;. Terutama kalau ada photo shoot formal, korunk menyelit dan &#8216;Curik&#8217; amik gambar dyeorg tengah bergambar.</p>
<p style="text-align: center;">Macam &#8216;<em>Okay, semua pandang kanan</em>&#8216;&#8230; Get it?</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img141.imageshack.us/img141/3568/curi.jpg" alt="" /></p>
<p style="text-align: center;"><strong>9. Amik Gambar Melalui Matahari (Bermain dengan Lens Flare)</strong></p>
<p style="text-align: center;">Amik gambar melalui Matahari ni akan menghasilkan dua gambar. Satu gambar biasa macam kat bawah. Satu lagi gambar &#8216;Silhoutte&#8217;.</p>
<p style="text-align: center;"><img src="http://img223.imageshack.us/img223/2355/lensflare.jpg" alt="" /></p>
<blockquote style="text-align: center;">
<p style="text-align: left;">Err.. Korunk nampak tak &#8216;pancaran matahari&#8217; tu? =.=&#8221;</p>
</blockquote>
<p style="text-align: center;"><img class="aligncenter" src="http://img215.imageshack.us/img215/7843/sill.jpg" alt="" /></p>
<blockquote style="text-align: center;">
<p style="text-align: left;">Fine. Ini gambar Silhoutte yang tak menjadi.. =.=&#8221;</p>
</blockquote>
<p style="text-align: center;"><strong>10. Kenali Kamera Anda (Bermain dengan Setting)</strong></p>
<p style="text-align: center;"><span style="text-decoration: underline;">Ini sepatutnya first kowt</span>. Haha. Whatever.. Bagi pengguna SLR/DSLR, kena lah tau setting <strong>aperture, ISO, white balance</strong> etc.</p>
<p style="text-align: center;">Bagi pengguna Digital Camera, pandai-pandai lah kan. Sekarang ni dah canggih kan, ada night mode, potrait mode, natural mode, auction mode, behind glass mode etc.</p>
<p style="text-align: center;"><img src="http://img253.imageshack.us/img253/6468/46858811.jpg" alt="" /></p>
<p style="text-align: center;">Bandingkan gambar di atas dan di bawah! Mana pilihan anda? =) *<strong>Setting</strong>; White Balance*</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img39.imageshack.us/img39/5620/40906120.jpg" alt="" /></p>
<p style="text-align: center;">Fine. Ini bukan Teknik Fotografi. Tapi apa ntah.. Teknik camner nak amik gambar dengan lebih best je.. Haaha.. <strong>Ada banyak lagi kowt</strong>. Tapi cukuplah setakat ni dulu. Okay readers!</p>
<p style="text-align: center;">Hate mails ; Saffawati[at]gmail[dot]com T_________T</p>
<blockquote style="text-align: center;">
<p style="text-align: left;">P/s: Saya budak baru belajar, Kalau salah tolong <span style="text-decoration: line-through;">tunjukkan</span> bagitau.. <img onclick="grin('^_dodgy');" src="http://saffawati.com/wp-includes/images/smilies/dodgy.gif" alt="^_dodgy" /></p>
</blockquote>
<blockquote style="text-align: center;">
<p style="text-align: left;">P/s2: Gambar di atas di ambil oleh Saffa / <a href="http://www.facebook.com/profile.php?id=1165862377&amp;ref=ts">Syafick</a>.</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/teknik-fotografi-saffa-pelajari/feed/</wfw:commentRss>
		<slash:comments>71</slash:comments>
		</item>
		<item>
		<title>How To Create And Customize Your Twitter Background</title>
		<link>http://saffawati.com/how-to-create-and-customize-your-twitter-background/</link>
		<comments>http://saffawati.com/how-to-create-and-customize-your-twitter-background/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 17:58:57 +0000</pubDate>
		<dc:creator>saffa</dc:creator>
				<category><![CDATA[Blog & The Stuff]]></category>
		<category><![CDATA[customize twitter]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[pictures]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[twitter background]]></category>
		<category><![CDATA[twitter generator]]></category>
		<category><![CDATA[twitter tutorial]]></category>

		<guid isPermaLink="false">http://saffawati.com/?p=1594</guid>
		<description><![CDATA[Twitter tu apa? Twitter ni sebenarnya  salah satu laman web yang membolehkan korunk ni hantar mesej ringkas (maksimum 140 aksara);  yang di kenali sebagai Tweet. Tweet korunk ni kemudiannya akan didisplaykan kat profile twitter korunk dan juga page followers Tweet korunk. Secara ringkas nyer, bayangkan Twitter ni macam korunk update status korunk kat Facebook / MySpace. [...]]]></description>
			<content:encoded><![CDATA[<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsaffawati.com%2Fhow-to-create-and-customize-your-twitter-background%2F&amp;layout=standard&amp;show_faces=false&amp;width=500&amp;action=like&amp;font=arial&amp;colorscheme=evil" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:500px;"></iframe></div><h1 style="text-align: center;"><span style="color: #ff0000;">Twitter tu apa?</span></h1>
<p><strong>Twitter</strong> ni sebenarnya  salah satu laman web yang membolehkan korunk ni hantar <strong>mesej ringkas</strong> (maksimum <strong>140</strong> aksara);  yang di kenali sebagai Tweet. Tweet korunk ni kemudiannya akan di<em>display</em>kan kat profile twitter korunk dan juga page followers Tweet korunk.</p>
<p>Secara ringkas nyer, bayangkan Twitter ni macam korunk <span style="text-decoration: underline;">update status korunk kat Facebook / MySpace</span>.</p>
<p>Saffa sarankan korunk baca post kat blog Khai bagi sesiapa yang nak tahu lebih mendalam pasal Twitter ni. <span style="text-decoration: underline;">Tutorial: Twitter buat Pengguna Baru</span> (<a href="http://justkhai.com/blog/tutorial-twitter-buat-pengguna-baru-part-1/">Part 1</a>) (<a href="http://justkhai.com/blog/tutorial-twitter-buat-pengguna-baru-part-2/">Part 2</a>)</p>
<p>Okayh. Twitter Background ni terbahagi kepada empat jenis; <strong>Plain Colour Background, Seamless/Tiles Background, Blend In Background and Large Background.<span id="more-1594"></span><br />
</strong></p>
<p>Buat masa sekarang, Twitter hanya ada 12 backgrounds kat bahagian settings.. Dengan berpuluh-puluh ribu pengguna Twitter, mesti korunk nak kelainan kan? Huhu</p>
<p>Ok. Dah.. Bagi sesiapa yang ada Twitter atau baru bukak akaun Twitter, jom <em>customize </em>korunk punya <strong>Twitter Background</strong>!</p>
<ul>
<li><span style="text-decoration: underline;"><strong>How To : Plain Colour Background</strong></span></li>
</ul>
<p style="text-align: center;"><img class="aligncenter" src="http://img154.imageshack.us/img154/7255/megat.jpg" alt="" /></p>
<p>Settings -&gt; Change Design Colors -&gt; Save</p>
<ul>
<li><strong><span style="text-decoration: underline;">How To : Seamless/Tiles Background</span></strong></li>
</ul>
<p style="text-align: center;"><img class="aligncenter" src="http://img411.imageshack.us/img411/7872/rara.jpg" alt="" /></p>
<p>Settings -&gt; Change Background Images -&gt; <strong>Upload Picture/Pattern</strong> -&gt; Tick &#8216;Tile Background&#8217; -&gt; Save</p>
<p><span style="text-decoration: underline;">Where To Find The Patterns?</span></p>
<p><strong>Recommended Sites</strong>: <a href="http://bestdesignoptions.com/?p=1576">1000+ Background Patterns You can Use for Free</a> , <a href="http://www.colourlovers.com/">Colour Lovers</a> &amp; <a href="http://www.twitterpatterns.com/">Twitter Patterns</a>.</p>
<p>Kelebihan menggunakan Seamless/Tiles nih adalah <em>background</em> tu serasi dengan semua resolusi monitor komputer/laptop.</p>
<ul>
<li><strong><span style="text-decoration: underline;">How To : </span></strong><strong><span style="text-decoration: underline;">Blend In Background</span></strong></li>
</ul>
<p style="text-align: center;"><img class="aligncenter" src="http://img22.imageshack.us/img22/9501/rames.jpg" alt="" /></p>
<p>* Settings -&gt; Change Background Images -&gt; Upload Picture -&gt; Save -&gt; Change Design Colors -&gt; Save</p>
<p><strong>Recommended Tutorial</strong> : <a href="http://adobetuts.blogspot.com/2009/05/twitter-background-step-by-step-how-to.html">Twitter Background : Step by step how to design!</a></p>
<ul>
<li><strong><span style="text-decoration: underline;">How To : Large Background</span></strong></li>
</ul>
<p style="text-align: center;"><img class="aligncenter" src="http://img22.imageshack.us/img22/6505/saffat.jpg" alt="" /><br />
* Settings -&gt; Change Background Images -&gt; Upload Picture -&gt; Save  -&gt; Change Design Colors -&gt; Save</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img403.imageshack.us/img403/5478/tutz.jpg" alt="" /></p>
<p>Tak susah pun naik buat. Mula-mula <strong>cari </strong><em><strong>pattern</strong></em><strong> untuk </strong><em><strong>background</strong></em> / <strong>guna </strong><em><strong>background</strong></em><strong> kosong</strong> jer. <strong>Set kan saiz</strong> gambar basic (<em>background</em>) tu kepada 1024 X 800 pixel (<em>terpulang pada korunk punya resolusi monitor</em>). Kemudian <strong>letak dan susun</strong> je lah gambar-gambar korunk kat <strong>tepi</strong> (<em>yang highlight warna biru tu</em>). <strong>Siap!</strong></p>
<p style="text-align: center;"><img src="http://blackat9.tripod.com/images/bars/mysticbar.gif" alt="" /></p>
<p style="text-align: center;"><img class="aligncenter" src="http://img513.imageshack.us/img513/6660/tips.jpg" alt="" /></p>
<p><strong><span style="text-decoration: underline;">Saiz Twitter Background</span></strong></p>
<p>Disebabkan bukan semua orang memiliki model laptop/komputer yang sama. Resolusi monitor pun berbeza. Ada yang kecik comel. Ada yang besar gedabak. Jadi, saiz background mesti lah <strong>1024×800  / 1280 </strong>x <strong>1024 pixels.</strong></p>
<p>Okay. Kalau pilih <strong>resolusi 1024 x 800</strong>. <span style="text-decoration: underline;">Margin kiri</span> tak boleh lebih daripada <strong>120 pixels</strong>.. Sebab nanti akan terlindung belakang Twitter tu..</p>
<p>Kalau pilih <strong>resolusi 1280 x 1024</strong> atau <span style="text-decoration: underline;">lebih besar</span>.. <span style="text-decoration: underline;">Margin kiri</span> tak boleh lebih daripada <strong>200 pixels</strong>.. kalau tak, nanti  pengguna resolusi rendah macam 1024 x 768 tak akan nampak.. Terlindung sikit/separuh..</p>
<p><strong><span style="text-decoration: underline;">Saiz Twitter Background 2</span></strong></p>
<p>Lagi kecik lagi bagus. Dalam <strong>100kb ker.</strong>. Kalau besar gedabak sangat macam Saffa punya background ni (<strong>600kb</strong>), kesian la orang yang pakai dial up atau siputmyx.. Milo panas pun boleh jadi milo sejuk tunggu page Twitter saffa loading kan? Haha..</p>
<p style="text-align: center;"><img class="aligncenter" src="http://img27.imageshack.us/img27/5483/twittertut.jpg" alt="" /></p>
<blockquote><p>Saffa guna saiz 1280 X 800</p></blockquote>
<p><strong><span style="text-decoration: underline;">Posisi Paling Tip Top</span></strong></p>
<p>Posisi yang paling Tip Top adalah kat <strong>bahagian atas, kiri</strong>. Kalau ada benda yang memang nak bagi sesiapa nampak, letak kat situ.. Gambar BF/GF, Signage: &#8216;I&#8217;m Taken&#8217;, URL blog ker..</p>
<p><strong><span style="text-decoration: underline;">Warna Background &amp; Sidebar</span></strong></p>
<p>Dah siap Twitter Background tu, jangan lah lupa <span style="text-decoration: underline;">match kan warna background &amp; sidebar dengan warna Twitter Background</span> korunk tuh.</p>
<p><img class="aligncenter size-full wp-image-1598" title="Background" src="http://saffawati.com/wp-content/uploads/2009/07/back.jpg" alt="Background" width="480" height="170" /></p>
<blockquote><p>Ini lah akibatnyer kalau tak blend in warna Twitter Background. Paling sesuai kalau Saffa pakai warna hitam kan. Huhu</p></blockquote>
<p style="text-align: center;"><img class="aligncenter" src="http://blackat9.tripod.com/images/bars/mysticbar.gif" alt="" /></p>
<p>So, macam mana? Kalau malas nak design Twitter background. Saffa kan ada. Haha.. Kalau rasa tak mampu nak design Twitter Background sendiri, jangan risau, ada banyak giler Twitter Background bersepah kat laman web nih. Tunggu <strong>Google, Download and Upload kat Twitter</strong> je.</p>
<p>Lastly, sila-sila lah eyk. =.=&#8221;</p>
<p style="text-align: center;"><a href="http://twitter.com/saffa"><img class="aligncenter" src="http://img193.imageshack.us/img193/3964/saffa.jpg" alt="" /></a></p>
<p>Kowt ye pun tak nak follow Saffa.. T__T boleh lah kalau nak follow orang-orang yang feymes nih. <a href="http://www.chokilala.com/tips-n-tricks/twitter-artis-individu-terkenal-malaysia/">Senarai Twitter Selebriti &amp; Individu Terkenal di Malaysia</a></p>
]]></content:encoded>
			<wfw:commentRss>http://saffawati.com/how-to-create-and-customize-your-twitter-background/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
	</channel>
</rss>

