<?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>Robyn Gough Designs &#187; pse</title>
	<atom:link href="http://robyngough.com/tag/pse/feed/" rel="self" type="application/rss+xml" />
	<link>http://robyngough.com</link>
	<description></description>
	<lastBuildDate>Sun, 20 May 2012 23:30:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creating a Blinkie in Photoshop Elements</title>
		<link>http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=creating-a-blinkie-in-photoshop-elements</link>
		<comments>http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/#comments</comments>
		<pubDate>Sat, 21 Jun 2008 05:34:13 +0000</pubDate>
		<dc:creator>clikchic</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[animated gif]]></category>
		<category><![CDATA[animated gif in photoshop elements]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[blinkie]]></category>
		<category><![CDATA[create a blinkie in photoshop elements]]></category>
		<category><![CDATA[create a blinkie in PSE]]></category>
		<category><![CDATA[create animated gif]]></category>
		<category><![CDATA[photoshop elements]]></category>
		<category><![CDATA[photoshop elements blinkie tutorial]]></category>
		<category><![CDATA[pse]]></category>
		<category><![CDATA[pse blinkie tutorial]]></category>

		<guid isPermaLink="false">http://digiscrapart.com/blog/?p=6</guid>
		<description><![CDATA[<p><span style="color: #000000;">Anyone who joins the online digiscrapping communities will notice the popularity of blinking avatars and &#8216;blinkies&#8217;. This tutorial teaches you how to easily create you very own blinking avatars and blinkies in Photoshop Elements. This tutorial was written in PSE4, if there are any changes in later versions, please do let me know so I can update the tutorial.</span></p>
<p><strong>Creating Blinkie&#8217;s in Photoshop Elements 4+</strong></p>
<p>You will be amazed at how easy it is to create blinkie&#8217;s in PSE4. It works a little differently to Photoshop CS, so if you are using PSCS check out our article on <a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-cs/">creating blinkies in Photoshop CS+</a>.</p>
<p>First we need to start with the images we wish to use for each frame of the animation. In PSE each frame of the animation must be a single layer. Below I have saved each combination of layers as a jpg file to enable each frame to be combined into a single file. Each file must have exactly the same dimensions. Open each of the .jpg files you intend to use for each frame.</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 0pt none;" src="http://www.robyngough.com/Tutorials/1-3Images.jpg" alt="1 3Images Creating a Blinkie in Photoshop Elements" width="400" height="187" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>Once you have all your frames ready, you need to compile them into several layers of one file.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/2-DragImages21.jpg" alt="2 DragImages21 Creating a Blinkie in Photoshop Elements" width="255" height="312" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>To do so click on and drag the second frame on top of the first frame. Then drag the third on top of the second. Do this as many times as you have frames in order that you wish them to appear. Make sure each layer is lined up correctly. For this blinkie there are only going to be 3 frames.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/3-Layers.jpg" alt="3 Layers Creating a Blinkie in Photoshop Elements" width="274" height="212" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>Once you have done this, you will see the three layers in your layers menu. Make sure that each frame is in the correct order. If they are not, you can correct them by dragging the incorrect layer into the correct position on your layers palette.</p>
<p>you have your layers ready to go it is time to Save For the Web. In the file menu, choose Save For Web.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/4-Save4Web.jpg" alt="4 Save4Web Creating a Blinkie in Photoshop Elements" width="255" height="309" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p><span style="font-family: Verdana; color: #000000; font-size: x-small;">A new window will open up as below.</span></p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/5-Save4Web.jpg" alt="5 Save4Web Creating a Blinkie in Photoshop Elements" width="400" height="288" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>span style=&#8221;font-family: Verdana; color: rgb(0, 0, 0); font-size: x-small;&#8221;&#62;The Optimised File Format needs to be set to GIF. Click in the Animate Box to select Animate. Other settings at the top of the screen can be left as is. IF you wish to compress your file size to make it smaller you may wish to adjust the colour setting to a smaller number.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/6-Save4WebSettings.jpg" alt="6 Save4WebSettings Creating a Blinkie in Photoshop Elements" width="248" height="469" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p><span style="font-family: Verdana; color: #000000; font-size: x-small;">If you wish to adjust the viewing size of your image you can do so using the settings in the &#8216;New Size&#8217; section.</span></p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/7-FrameDelay.jpg" alt="7 FrameDelay Creating a Blinkie in Photoshop Elements" width="236" height="198" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>Ensure that the loop box is checked. I recommend a 0.5 sec delay as an optimum length of time to set the frame delay at.</p>
<p>Once you have set the frame delay click on ok and save the file to a easy to find place on your hard drive. Your blinkie is now ready for use.</p>
<p>&#160;</p>
<p style="text-align: right;">This article is © Robyn Gough (clikchic) 2006 All Rights Reserved Not to be reproduced in any way without written permission.</p>
<div class="pin-it-btn-wrapper"><a target="_blank" href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Frobyngough.com%2F2008%2F06%2F21%2Fcreating-a-blinkie-in-photoshop-elements%2F&#038;media=http%3A%2F%2Fwww.robyngough.com%2FTutorials%2F1-3Images.jpg&#038;description=Creating+a+Blinkie+in+Photoshop+Elements" count-layout="" class="pin-it-button" ><img border="0" style="border:0;" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" alt="PinExt Creating a Blinkie in Photoshop Elements" /></a></div><h4>Incoming search terms:</h4><ul><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="how to do blinkies in photoshop element">how to do blinkies in photoshop element</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="how to make a blinkie with pse">how to make a blinkie with pse</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="how to make blinkies on photoshop element">how to make blinkies on photoshop element</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make a blinikie photoshop 9">make a blinikie photoshop 9</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make a blinkie photoshop elements">make a blinkie photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make blinkies photoshop elements">make blinkies photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make blinkies using adobe photoshop elements">make blinkies using adobe photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="making blinkies in photoshop elements">making blinkies in photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="photoshop blinkie">photoshop blinkie</a> (1)</li>&#8230; <a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" class="read_more">Read more</a></ul>]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;">Anyone who joins the online digiscrapping communities will notice the popularity of blinking avatars and &#8216;blinkies&#8217;. This tutorial teaches you how to easily create you very own blinking avatars and blinkies in Photoshop Elements. This tutorial was written in PSE4, if there are any changes in later versions, please do let me know so I can update the tutorial.</span></p>
<p><strong>Creating Blinkie&#8217;s in Photoshop Elements 4+</strong></p>
<p>You will be amazed at how easy it is to create blinkie&#8217;s in PSE4. It works a little differently to Photoshop CS, so if you are using PSCS check out our article on <a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-cs/">creating blinkies in Photoshop CS+</a>.</p>
<p>First we need to start with the images we wish to use for each frame of the animation. In PSE each frame of the animation must be a single layer. Below I have saved each combination of layers as a jpg file to enable each frame to be combined into a single file. Each file must have exactly the same dimensions. Open each of the .jpg files you intend to use for each frame.</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 0pt none;" src="http://www.robyngough.com/Tutorials/1-3Images.jpg" alt="1 3Images Creating a Blinkie in Photoshop Elements" width="400" height="187" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>Once you have all your frames ready, you need to compile them into several layers of one file.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/2-DragImages21.jpg" alt="2 DragImages21 Creating a Blinkie in Photoshop Elements" width="255" height="312" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>To do so click on and drag the second frame on top of the first frame. Then drag the third on top of the second. Do this as many times as you have frames in order that you wish them to appear. Make sure each layer is lined up correctly. For this blinkie there are only going to be 3 frames.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/3-Layers.jpg" alt="3 Layers Creating a Blinkie in Photoshop Elements" width="274" height="212" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>Once you have done this, you will see the three layers in your layers menu. Make sure that each frame is in the correct order. If they are not, you can correct them by dragging the incorrect layer into the correct position on your layers palette.</p>
<p>you have your layers ready to go it is time to Save For the Web. In the file menu, choose Save For Web.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/4-Save4Web.jpg" alt="4 Save4Web Creating a Blinkie in Photoshop Elements" width="255" height="309" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p><span style="font-family: Verdana; color: #000000; font-size: x-small;">A new window will open up as below.</span></p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/5-Save4Web.jpg" alt="5 Save4Web Creating a Blinkie in Photoshop Elements" width="400" height="288" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>span style=&#8221;font-family: Verdana; color: rgb(0, 0, 0); font-size: x-small;&#8221;&gt;The Optimised File Format needs to be set to GIF. Click in the Animate Box to select Animate. Other settings at the top of the screen can be left as is. IF you wish to compress your file size to make it smaller you may wish to adjust the colour setting to a smaller number.</p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/6-Save4WebSettings.jpg" alt="6 Save4WebSettings Creating a Blinkie in Photoshop Elements" width="248" height="469" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p><span style="font-family: Verdana; color: #000000; font-size: x-small;">If you wish to adjust the viewing size of your image you can do so using the settings in the &#8216;New Size&#8217; section.</span></p>
<p style="text-align: center;"><img style="border: 0pt none; vertical-align: middle;" src="http://www.robyngough.com/Tutorials/7-FrameDelay.jpg" alt="7 FrameDelay Creating a Blinkie in Photoshop Elements" width="236" height="198" align="middle" border="0" title="Creating a Blinkie in Photoshop Elements" /></p>
<p>Ensure that the loop box is checked. I recommend a 0.5 sec delay as an optimum length of time to set the frame delay at.</p>
<p>Once you have set the frame delay click on ok and save the file to a easy to find place on your hard drive. Your blinkie is now ready for use.</p>
<p>&nbsp;</p>
<p style="text-align: right;">This article is © Robyn Gough (clikchic) 2006 All Rights Reserved Not to be reproduced in any way without written permission.</p>
<div class="pin-it-btn-wrapper"><a target="_blank" href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Frobyngough.com%2F2008%2F06%2F21%2Fcreating-a-blinkie-in-photoshop-elements%2F&media=http%3A%2F%2Fwww.robyngough.com%2FTutorials%2F1-3Images.jpg&description=Creating+a+Blinkie+in+Photoshop+Elements" count-layout="" class="pin-it-button" ><img border="0" style="border:0;" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" alt="PinExt Creating a Blinkie in Photoshop Elements" /></a></div><h4>Incoming search terms:</h4><ul><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="how to do blinkies in photoshop element">how to do blinkies in photoshop element</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="how to make a blinkie with pse">how to make a blinkie with pse</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="how to make blinkies on photoshop element">how to make blinkies on photoshop element</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make a blinikie photoshop 9">make a blinikie photoshop 9</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make a blinkie photoshop elements">make a blinkie photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make blinkies photoshop elements">make blinkies photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="make blinkies using adobe photoshop elements">make blinkies using adobe photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="making blinkies in photoshop elements">making blinkies in photoshop elements</a> (1)</li><li><a href="http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/" title="photoshop blinkie">photoshop blinkie</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://robyngough.com/2008/06/21/creating-a-blinkie-in-photoshop-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: robyngough.com @ 2012-05-23 08:28:52 -->
