<?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>JpegServ Weblog</title>
	<atom:link href="http://jpegserv.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://jpegserv.com</link>
	<description>GPL Images and Code</description>
	<lastBuildDate>Sun, 01 Apr 2012 00:16:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>lfpower</title>
		<link>http://jpegserv.com/lfpower/</link>
		<comments>http://jpegserv.com/lfpower/#comments</comments>
		<pubDate>Wed, 22 Jun 2011 17:03:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GPL]]></category>
		<category><![CDATA[GTK]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Programs]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=312</guid>
		<description><![CDATA[Description This is a simple GTK program for openbox which calls on the shutdown and pmi commands to either shutdown or hibernate a laptop or tablet computer. It is released under the GPL version 3 licence. I accept no responsibility for any damage caused by this program. Pictures Downloads Download lfpower.tar.gz To install To install [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Description</strong></p>
<p>This is a simple GTK program for openbox which calls on the shutdown and pmi commands to either shutdown or hibernate a laptop or tablet computer. It is released under the GPL version 3 licence. I accept no responsibility for any damage caused by this program.</p>
<p><strong>Pictures</strong></p>
<p><center><img src="http://jpegserv.com/uploads/lfpower.png" alt="lfpower screenshot" /></center></p>
<p><strong>Downloads</strong></p>
<p><center><a href="http://jpegserv.com/uploads/lfpower.tar.bz2"><img src="http://jpegserv.com/wp-includes/images/crystal/archive.png" alt="" /> Download lfpower.tar.gz</a></center></p>
<p><strong>To install</strong></p>
<p>To install this program you will need the following dependencies;</p>
<p><code>sudo apt-get install build-essential libgtk2.0-dev</code></p>
<p>You then need to open a terminal run the following commands to compile and install the program;</p>
<p><code>cd /archive/location<br />
tar xvf lfpower.tar.bz2<br />
cd lfpower<br />
make<br />
sudo make install<br />
lfpower</code></p>
<p>Feel free to leave any comments or suggestions.</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/lfpower/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Using Dropbox with Rox filer</title>
		<link>http://jpegserv.com/using-dropbox-with-rox-filer/</link>
		<comments>http://jpegserv.com/using-dropbox-with-rox-filer/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 21:11:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[dropbox]]></category>
		<category><![CDATA[file managers]]></category>
		<category><![CDATA[fluxbox]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[Online Storage]]></category>
		<category><![CDATA[openbox]]></category>
		<category><![CDATA[rox filer]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[ubuntu 9.04]]></category>
		<category><![CDATA[windows managers]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=276</guid>
		<description><![CDATA[Dropbox is an easy way to share and store your files online and it is compaible with Linux, Windows(NT kernels) and Mac OS X. The only thing that would keep me from using dropbox is that it&#8217;s geared towards nautilus but this is not a problem because it is compatible with other file managers too. [...]]]></description>
			<content:encoded><![CDATA[<p>
<!-- Begin Google Adsense code -->
<div style="float: right; width:300px; height:250px; margin:5px 5px 5px 5px; ">
<script type="text/javascript"><!--
	google_ad_client = "pub-4362190332215502";
	/* 300x250, created 11/29/08 */
	google_ad_slot = "2817087570";
	google_ad_width = 300;
	google_ad_height = 250;
	//-->
</script>
<script language="JavaScript">
	j++;
	if(j == 1 || j == 2 || j ==3)
 document.write('<div class="advert"><scr' + 'ipt type="text/javascript" ' + 
 'src="http://pagead2.googlesyndication.com/pagead/show_ads.js"' +'>  </scr' +'ipt></div>');
</script>
</div>
<!-- End Google Adsense code -->
</p>
<p>Dropbox is an easy way to share and store your files online and it is compaible with Linux, Windows(NT kernels) and Mac OS X. The only thing that would keep me from using dropbox is that it&#8217;s geared towards nautilus but this is not a problem because it is compatible with other file managers too.</p>
<p>The steps to install are as follows;</p>
<p><strong>Step One</strong></p>
<p>Sign up for a dropbox account here;</p>
<p><a href="https://www.getdropbox.com/referrals/NTE1NjgyODA5" target="_blank">Sign up</a><br />
if you use the above link we will both get an extra 256MB of space.</p>
<p><strong>Step Two</strong></p>
<p>Download the client program from <a href="https://www.getdropbox.com/downloading?os=lnx" target="_blank">Here</a>.</p>
<p>You either have to compile the source or install the package listed for your distribution, so on ubuntu for example you might do the following command;</p>
<p><code>sudo gdebi nautilus-dropbox_0.6.1_i386_ubuntu_9.04.deb</code></p>
<p><strong>Step Three</strong></p>
<p>Setup a script that gets executed in place of nautilus, on ubuntu putting the script in &#8220;/usr/local/bin/&#8221; means that it will get called instead of nautilus. Use your favourite text editor to create the following script;</p>
<p><code>#!/bin/bash<br />
exec rox $@<br />
exit 0<br />
</code></p>
<p>an example of how this could be done;</p>
<p><code>sudo nano /usr/local/bin/nautilus<br />
sudo chmod 777 /usr/local/bin/nautilus<br />
</code></p>
<p>If nautilus still starts when you execute the nautilus command use one of the paths indicated when you execute &#8220;echo $PATH&#8221;.</p>
<p><strong>Step Four</strong></p>
<p>Setting up Dropbox. To set up dropbox do the following command;</p>
<p><code>dropbox start -i</code></p>
<p>and fill in you account information.</p>
<p><strong>Step Five</strong></p>
<p>Add the following lines to your windows managers start up file;</p>
<p>(sleep 30 &#038;&#038; ~/.dropbox-dist/dropboxd) &#038;</p>
<p>You might not need the sleep section if your net connection is already active when x starts.</p>
<p>If you have any questions please leave a comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/using-dropbox-with-rox-filer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DVD to streamable mp4 on Ubuntu 9.04</title>
		<link>http://jpegserv.com/dvd-to-streamable-mp4-on-ubuntu-904/</link>
		<comments>http://jpegserv.com/dvd-to-streamable-mp4-on-ubuntu-904/#comments</comments>
		<pubDate>Mon, 25 May 2009 15:49:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[dvd]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[ffmpeg]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[mp4]]></category>
		<category><![CDATA[stream]]></category>
		<category><![CDATA[ubuntu 9.04]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=215</guid>
		<description><![CDATA[This guide is intended to explain how to encode a DVD to a streamable mp4 codec under Ubuntu with ffmpeg. Get Deps The first thing you need to do is get the dependencies, you can do this with the following command; sudo apt-get install build-essential dvdrip subversion avidemux libfaac-dev libspeex-dev libgsm-dev libgsm1-dev libmp3lame-dev libtheora-dev libvorbis-dev [...]]]></description>
			<content:encoded><![CDATA[<p>
<!-- Begin Google Adsense code -->
<div style="float: right; width:300px; height:250px; margin:5px 5px 5px 5px; ">
<script type="text/javascript"><!--
	google_ad_client = "pub-4362190332215502";
	/* 300x250, created 11/29/08 */
	google_ad_slot = "2817087570";
	google_ad_width = 300;
	google_ad_height = 250;
	//-->
</script>
<script language="JavaScript">
	j++;
	if(j == 1 || j == 2 || j ==3)
 document.write('<div class="advert"><scr' + 'ipt type="text/javascript" ' + 
 'src="http://pagead2.googlesyndication.com/pagead/show_ads.js"' +'>  </scr' +'ipt></div>');
</script>
</div>
<!-- End Google Adsense code -->
</p>
<p>This guide is intended to explain how to encode a DVD to a streamable mp4 codec under Ubuntu with ffmpeg.</p>
<p><strong>Get Deps</strong></p>
<p>The first thing you need to do is get the dependencies, you can do this with the following command;</p>
<p><code>sudo apt-get install build-essential dvdrip subversion avidemux libfaac-dev libspeex-dev libgsm-dev libgsm1-dev libmp3lame-dev libtheora-dev libvorbis-dev libx264-dev libxvidcore4-dev<br />
</code></p>
<p>Or you can click on this apt link, which will install these dependencies for you;</p>
<p><a href="apt://build-essential,dvdrip,subversion,avidemux,libfaac-dev,libspeex-dev,libgsm1-dev,libmp3lame-dev,libtheora-dev,libvorbis-dev,libx264-dev,libxvidcore4-dev">Install Dependencies</a></p>
<p><strong>Set up Programs</strong></p>
<p><strong><em>ffmpeg</em></strong></p>
<p>This part will require the terminal, to get to the terminal;</p>
<p><code>Applications > Accessories > Terminal<br />
</code></p>
<p>Then issue the following commands;</p>
<p><code>cd Documents ; mkdir src ; cd src<br />
svn checkout svn://svn.ffmpeg.org/ffmpeg/trunk ffmpeg<br />
cd ffmpeg<br />
</code></p>
<p>This will download a snapshot of ffmpeg, in the same terminal do the following to configure and install ffmpeg;</p>
<p><code>./configure --extra-cflags=-fno-common --enable-memalign-hack --enable-pthreads --enable-libmp3lame --enable-libxvid --enable-libvorbis --enable-libtheora --enable-libspeex --enable-libfaac --enable-libgsm --enable-libx264 --enable-gpl --enable-nonfree<br />
make<br />
make install<br />
cd tools<br />
gcc qt-faststart.c -o qt-faststart<br />
sudo cp qt-faststart /usr/local/bin/<br />
</code></p>
<p><strong><em>libdvdcss</em></strong></p>
<p>We need to set up protected DVD decryption Ubuntu makes this pretty easy, do the following commands to set it up;</p>
<p><code>cd /usr/share/doc/libdvdread4/<br />
sudo sh install-css.sh<br />
</code></p>
<p><strong>Ripping the DVD</strong></p>
<p>Start dvdrip;</p>
<p><code>Applications > Sound  &#038; Video > dvd::rip<br />
</code><br />
or &#8220;dvdrip&#8221; from cli.</p>
<p>When You first start dvdrip it will ask you what Directories to use for the projects, It&#8217;s up to you which directory to use. Once you have done that you will need to put a DVD into your DVD drive and start a new project. To start a new project go to &#8220;File > New Project&#8221; in dvdrip. You will need to enter a name for the project;</p>
<p><center><br />
<div id="attachment_231" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/dvdrip-project-name.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/dvdrip-project-name-300x211.png" alt="DVD Rip select project name" title="dvdrip-project-name" width="300" height="211" class="size-medium wp-image-231" /></a><p class="wp-caption-text">DVD Rip select project name</p></div><br />
</center></p>
<p>When you have selected a name for the project hit the &#8220;Create Project&#8221; button and select ok to save the .rip file, then select &#8220;Rip Title&#8221; and &#8220;Read DVD table of contents&#8221;;</p>
<p><center><br />
<div id="attachment_234" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/dvdrip-read-dvd.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/dvdrip-read-dvd-300x211.png" alt="DVD Rip Read table of contents" title="dvdrip-read-dvd" width="300" height="211" class="size-medium wp-image-234" /></a><p class="wp-caption-text">DVD Rip Read table of contents</p></div><br />
</center></p>
<p>When you have done that you have to select the title that the film is on, which is almost always the one with the most frames;</p>
<p><center><br />
<div id="attachment_236" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/dvdrip-rip-selected.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/dvdrip-rip-selected-300x211.png" alt="DVD Rip selected tracks" title="dvdrip-rip-selected" width="300" height="211" class="size-medium wp-image-236" /></a><p class="wp-caption-text">DVD Rip selected tracks</p></div><br />
</center></p>
<p>To rip the dvd select &#8220;Rip selected title(s)/Chapter(s)&#8221; button, highlighted in blue on the above picture. dvd::rip will begin to rip the dvd, on my computer it takes about 10 minutes to rip a title.</p>
<p><strong>Merge Vob files</strong></p>
<p>At this point merge the vob files with the cat command;</p>
<p><code>cat title-001.vob title-002.vob title-003.vob title-004.vob >> output.vob<br />
</code></p>
<p><center><br />
<div id="attachment_239" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/vob-merge.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/vob-merge-300x294.png" alt="Linux: merge vob files into a single file" title="vob-merge" width="300" height="294" class="size-medium wp-image-239" /></a><p class="wp-caption-text">Linux: merge vob files into a single file</p></div><br />
(filenames covered up because despite having paid for the DVDs and the act that I&#8217;m only doing this for personal use, I don&#8217;t want to take any chances)<br />
</center></p>
<p><strong>Cut and Crop Film</strong></p>
<p>The next step is to use avidemux to cut, crop and transcode the video to a format ready for conversion to mp4. Start avidemux with the following command;</p>
<p><code>avidemux<br />
</code></p>
<p>open the merged vob file that you created in the previous step and when asked &#8220;This looks like mpeg<br />
 Do you want to index it?&#8221; select yes;</p>
<p><center><br />
<div id="attachment_244" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-open-vob.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-open-vob-300x199.png" alt="avidemux: index vob file" title="avidemux-open-vob" width="300" height="199" class="size-medium wp-image-244" /></a><p class="wp-caption-text">avidemux: index vob file</p></div><br />
</center></p>
<p>I takes a little while for avidemux to generate the index;</p>
<p><center><br />
<div id="attachment_245" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-generating-index.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-generating-index-300x199.png" alt="Avidemux: Generaing a vob file index" title="avidemux-generating-index" width="300" height="199" class="size-medium wp-image-245" /></a><p class="wp-caption-text">Avidemux: Generaing a vob file index</p></div><br />
</center></p>
<p><strong><em>Select Output Formats</em></strong></p>
<p>The first thing you need do in avidemux is select the output formats that you will use, for this I choose;</p>
<p>VIdeo: MPEG-4 ASP (lavc)<br />
Audio: MP3 (LAME)<br />
Container: AVI</p>
<p><center><br />
<div id="attachment_247" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-main.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-main-300x250.png" alt="Video Format selection" title="avidemux-main" width="300" height="250" class="size-medium wp-image-247" /></a><p class="wp-caption-text">Video Format selection</p></div><br />
</center></p>
<p><strong><em>Select filters</em></strong></p>
<p>There are a couple of filters that you might want to take advantage of, for the video I use the crop filter, to do this select filter under the video section of the left hand side of avidemux and double click on crop;</p>
<p><center><br />
<div id="attachment_250" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-transform.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-transform-300x200.png" alt="Double click crop" title="avidemux-transform" width="300" height="200" class="size-medium wp-image-250" /></a><p class="wp-caption-text">Double click crop</p></div><br />
</center></p>
<p>This will bring up a window where you can set the crop dimensions, move the frame selector (highlighted in red) to a point in the movie where the border is well defined and press the Auto crop button (highlighted in green);</p>
<p><center><br />
<div id="attachment_251" class="wp-caption alignnone" style="width: 281px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-crop-window.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-crop-window-271x300.png" alt="Avidemux crop settings " title="avidemux-crop-window" width="271" height="300" class="size-medium wp-image-251" /></a><p class="wp-caption-text">Avidemux crop settings </p></div><br />
</center></p>
<p>You might need to adjust the settings slightly, you should end up with something like this;</p>
<p><center><br />
<div id="attachment_253" class="wp-caption aligncenter" style="width: 281px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-crop-apply.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-crop-apply-271x300.png" alt="Avidemux crop example" title="avidemux-crop-apply" width="271" height="300" class="size-medium wp-image-253" /></a><p class="wp-caption-text">Avidemux crop example</p></div><br />
</center></p>
<p>Click apply and then ok to accept these settings, then close the video filter window. The only filter that needs to be applied to the audio is the mixer setting, it needs to be set to stereo;</p>
<p><code>Audio > filters > mixer > stereo<br />
</code></p>
<p><center><br />
<div id="attachment_255" class="wp-caption aligncenter" style="width: 295px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/mixer-stereo.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/mixer-stereo-285x300.png" alt="Avidemux Stereo" title="mixer-stereo" width="285" height="300" class="size-medium wp-image-255" /></a><p class="wp-caption-text">Avidemux Stereo</p></div><br />
</center></p>
<p>Click ok and you will done with filters.</p>
<p><strong><em>Cut video</em></strong></p>
<p>You can set the start and the end point of the video using the a and b buttons you can use this to cut out the titles at the start of the film and the credits at the end;</p>
<p><center><br />
<div id="attachment_259" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-a.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/avidemux-a-300x250.png" alt="Set where you want he video to start" title="avidemux-a" width="300" height="250" class="size-medium wp-image-259" /></a><p class="wp-caption-text">Set where you want he video to start</p></div><br />
</center></p>
<p>Move the frame selector (Red) to where you want the video to start (you can fine tune with the arrows to the left of the &#8220;a&#8221; button) and press the &#8220;a&#8221; button (Green), the frame number will be shown in the bottom right of the window (Blue). Do the same for where you want the movie to end, substituting the &#8220;a&#8221;  button for the &#8220;b&#8221; button.</p>
<p><strong><em>Start encoding</em></strong></p>
<p>Now that everything is set up, press the save button, give the file a name (you need to include the extension as avidemux doesn&#8217;t do this automatically) and press ok. Avidemux should begin encoding;</p>
<p><center><br />
<div id="attachment_261" class="wp-caption aligncenter" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/05/encoding.png"><img src="http://jpegserv.com/wp-content/uploads/2009/05/encoding-300x220.png" alt="Avidemux Encoding" title="encoding" width="300" height="220" class="size-medium wp-image-261" /></a><p class="wp-caption-text">Avidemux Encoding</p></div><br />
</center></p>
<p><strong>Encode to mp4</strong></p>
<p>The final step is to issue two commands that will convert the  file that avidemux created, into a stream-able mp4 file, the first command does the actual conversion;</p>
<p><code>/usr/local/bin/ffmpeg -i "input.avi" -vcodec libx264 -flags +loop -cmp +chroma -deblockalpha 0 -deblockbeta 0 -b 1250k -maxrate 1500k -bufsize 4M -bt 600k -refs 1 -bf 3 -coder 1 -me_method umh -me_range 16 -subq 7 -partitions +parti4x4+parti8x8+partp8x8+partb8x8 -g 250 -keyint_min 25 -level 30 -qmin 10 -qmax 51 -qcomp 0.6 -trellis 2 -sc_threshold 40 -i_qfactor 0.71 -acodec libfaac -ab 128k -ar 48000 -ac 2 "output.mp4"<br />
</code>Where input.avi is the video created by Avidemux.</p>
<p>If you have a dual or quad core processor, it&#8217;s worth adding the &#8220;-threads&#8221; switch to that, so that you can get the most from your processor;<br />
<code>/usr/local/bin/ffmpeg -i "input.avi" -threads 4 -vcodec libx264 -flags +loop -cmp +chroma -deblockalpha 0 -deblockbeta 0 -b 1250k -maxrate 1500k -bufsize 4M -bt 600k -refs 1 -bf 3 -coder 1 -me_method umh -me_range 16 -subq 7 -partitions +parti4x4+parti8x8+partp8x8+partb8x8 -g 250 -keyint_min 25 -level 30 -qmin 10 -qmax 51 -qcomp 0.6 -trellis 2 -sc_threshold 40 -i_qfactor 0.71 -acodec libfaac -ab 128k -ar 48000 -ac 2 "output.mp4"<br />
</code>Example for a quad core processor.</p>
<p>and this command makes the file stream-able;</p>
<p><code>qt-faststart "output.mp4" "faststart-output.mp4"<br />
</code>Where &#8220;faststart-output.mp4&#8243; is the streamable mp4 file.</p>
<p><strong>comments</strong></p>
<p>If you have any suggestions,questions or comments about how I could improve is article please feel free to leave a comment. Thanks</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/dvd-to-streamable-mp4-on-ubuntu-904/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Getting sound to work with the age of empires 2 no-cd patch</title>
		<link>http://jpegserv.com/getting-sound-to-work-with-the-age-of-empires-2-no-cd-patch/</link>
		<comments>http://jpegserv.com/getting-sound-to-work-with-the-age-of-empires-2-no-cd-patch/#comments</comments>
		<pubDate>Sat, 07 Mar 2009 21:30:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[age of empires 2 the conquerors]]></category>
		<category><![CDATA[age of empires 2 the conquerors expansion]]></category>
		<category><![CDATA[aoe2]]></category>
		<category><![CDATA[comand line]]></category>
		<category><![CDATA[command line utilities]]></category>
		<category><![CDATA[environment variables]]></category>
		<category><![CDATA[es]]></category>
		<category><![CDATA[game music]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[mplayer]]></category>
		<category><![CDATA[system32]]></category>
		<category><![CDATA[windows xp]]></category>
		<category><![CDATA[wine]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=189</guid>
		<description><![CDATA[Edit: updated Righty ho, So I&#8217;ve been told by many of my readers that this guide is crazy. Well yeah I sort of a agree but the solutions that they are suggesting are very manual, that is to say that &#8220;Or you can play the soundtrack in your fav. media player with repeat turned on.&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>
<!-- Begin Google Adsense code -->
<div style="float: right; width:300px; height:250px; margin:5px 5px 5px 5px; ">
<script type="text/javascript"><!--
	google_ad_client = "pub-4362190332215502";
	/* 300x250, created 11/29/08 */
	google_ad_slot = "2817087570";
	google_ad_width = 300;
	google_ad_height = 250;
	//-->
</script>
<script language="JavaScript">
	j++;
	if(j == 1 || j == 2 || j ==3)
 document.write('<div class="advert"><scr' + 'ipt type="text/javascript" ' + 
 'src="http://pagead2.googlesyndication.com/pagead/show_ads.js"' +'>  </scr' +'ipt></div>');
</script>
</div>
<!-- End Google Adsense code -->
</p>
<p><strong>Edit: updated</strong><br />
Righty ho,</p>
<p>So I&#8217;ve been told by many of my readers that this guide is crazy.</p>
<p>Well yeah I sort of a agree but the solutions that they are suggesting are very manual, that is to say that &#8220;Or you can play the soundtrack in your fav. media player with repeat turned on.&#8221; isn&#8217;t filled with wisdom, it would require that you keep the AOE sound track in your playlist&#8230; computers are supposed to automate everything you do on them, yeah sure my method requires some up front effort but at least it doesn&#8217;t require additional effort each time you decide to play the game. with my method you just click the icon and away it goes.</p>
<p>I think that my method also gives you some idea of what is going on in your computer, yeah I could have provided you with an .exe but that could contained anything that I wanted it to, the long and short of it is that you don&#8217;t trust me.</p>
<p><strong>End updated</strong></p>
<p>This article is about getting sound working with the no-cd patch for age of empires 2 &#8211; The Conquerors expansion pack. I like to play games on my PC but I don&#8217;t like having to keep changing cds so I use no cd patches to get the games to run without the cd. The problem with this is sometimes, the music for the games is stored on the cd, to solve this problem I will be using some popular comand line applications and a script</p>
<p><strong>Under Windows</strong></p>
<p>The first thing you need to do is get the mp3, you can get this here;</p>
<p><a href="http://thepiratebay.org/torrent/4445158/Age_of_Empires_II_-_The_Age_of_Kings_-_Soundtrack" target="_blank">TPB &#8211; age of empires 2 music</a></p>
<p>Then you have to get two command line utilities;<br />
<em><strong></strong></em></p>
<p><em><strong>SMplayer</strong></em><br />
<a href="http://smplayer.sourceforge.net/downloads.php" target="_blank"></a></p>
<p><a href="http://smplayer.sourceforge.net/downloads.php" target="_blank">smplayer</a> &#8211; get the &#8220;package with installer&#8221; version</p>
<p>This application will be used to play the mp3 file. Create the following folders;</p>
<p>c:\scripts and c:\scripts\command</p>
<p>we then need to add the c:\scripts\command directory to your users path so that the programs stored there can be used by our script. to do this;</p>
<p>Start &gt;  Settings &gt; Control Panel &gt; System &gt; Advanced &gt; Environment Variables</p>
<p>change from</p>
<p><code>%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;</code></p>
<p>to;</p>
<p><code>%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;C:\scripts\command</code></p>
<p>note that all we are doing here is adding &#8220;;C:\scripts\command&#8221; to the end.</p>
<p><center><br />
<div id="attachment_194" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/03/aoe.jpeg"><img class="size-medium wp-image-194" title="aoe" src="http://jpegserv.com/wp-content/uploads/2009/03/aoe-300x197.jpg" alt="Getting to the section where you set the environment path" width="300" height="197" /></a><p class="wp-caption-text">Getting to the section where you set the environment path</p></div></p>
<p><div id="attachment_195" class="wp-caption alignnone" style="width: 260px"><a href="http://jpegserv.com/wp-content/uploads/2009/03/aoe2.jpeg"><img class="size-medium wp-image-195" title="aoe2" src="http://jpegserv.com/wp-content/uploads/2009/03/aoe2-250x300.jpg" alt="setting windows XP the environment path" width="250" height="300" /></a><p class="wp-caption-text">Setting the windows XP environment path</p></div><br />
</center></p>
<p>Now that this step is done install smplayer as you would any other program. Then go to the directory you installed it in and copy the contents of the mplayer folder to your c:\scripts\command folder;</p>
<p><center><br />
<div id="attachment_198" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/03/mplayer.jpeg"><img src="http://jpegserv.com/wp-content/uploads/2009/03/mplayer-300x209.jpg" alt="copy the mplayer executable and deps" title="mplayer" width="300" height="209" class="size-medium wp-image-198" /></a><p class="wp-caption-text">copy the mplayer executable and deps</p></div><br />
</center></p>
<p>Now that mplayer is installed you can go to the next step. If you want to check that mplayer is installed correctly and that the path is set, open a dos prompt and type mplayer you should get this;</p>
<p><center><br />
<div id="attachment_200" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/03/mplayer-command.jpeg"><img src="http://jpegserv.com/wp-content/uploads/2009/03/mplayer-command-300x153.jpg" alt="Mplayer command in windows" title="mplayer-command" width="300" height="153" class="size-medium wp-image-200" /></a><p class="wp-caption-text">Mplayer command in windows</p></div><br />
</center></p>
<p><em><strong>pskill</strong></em></p>
<p>PSkill is a command line application that can be used to shutdown applications via the terminal, in this case we will be using it to stop mplayer at the end of the game, get it here;</p>
<p><a href="http://technet.microsoft.com/en-gb/sysinternals/bb896683.aspx" target="_blank">pskill</a></p>
<p>To install it unzip the file and copy the contents of it&#8217;s folder to the c:\scripts\command folder. The first time you use it it will ask yo to accept a eula. execute the &#8220;pskill&#8221; command (in dos) to get this out of the way now.</p>
<p><em><strong>Move the mp3</strong></em></p>
<p>Now that&#8217;s done, you should create the following folder;</p>
<p>c:\scripts\data</p>
<p>and move the mp3 to there and rename it to &#8220;aoe.mp3&#8243;</p>
<p><em><strong>Create the script</strong></em></p>
<p>To create the final script, open notepad and write the following;</p>
<p><code>start mplayer -loop 0 c:\scripts\data\aoe.mp3<br />
cd "\Program Files\Microsoft Games\Age of Empires II\age2_x1\"<br />
age2_x1.exe -nostartup<br />
pskill mplayer<br />
</code></p>
<p>Then save the file as &#8220;c:\scripts\aoe.bat&#8221;, this saves the file as a windows batch script. It is possible that the game is under a different directory to this to find the directorty it&#8217;s under right click the games shortcut, select properties and click find target.</p>
<p>The script works like this; it starts playing the file with mplayer in a separate process (that&#8217;s why &#8220;start&#8221; is used), then it starts the game once the games window is closed it kills mplayer stopping the music.</p>
<p>Now remove the shortcut for the game from the desktop and replace it with a shortcut to the script, rename the shortcut to the script with the name of the original shortcut &#8220;The Conquerors&#8221; for example. Then right click the shortcut, select properties and select the change Icon option;</p>
<p><center><br />
<div id="attachment_208" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2009/03/shortcut.jpeg"><img src="http://jpegserv.com/wp-content/uploads/2009/03/shortcut-300x225.jpg" alt="Change shortcut Icon" title="shortcut" width="300" height="225" class="size-medium wp-image-208" /></a><p class="wp-caption-text">Change shortcut Icon</p></div><br />
</center></p>
<p>If an error comes up just click ok and when asked to select an icon, just go to the games directory and select the right icon (.ico file) and click apply/ok and you should end up with the game working with the background it&#8217;s not perfect but it beats playing in silence.</p>
<p><strong>Under Linux</strong></p>
<p>Install mplayer with you distros package manager or from source, download the mp3 file;</p>
<p><a href="http://thepiratebay.org/torrent/4445158/Age_of_Empires_II_-_The_Age_of_Kings_-_Soundtrack" target="_blank">TPB &#8211; age of empires 2 music</a></p>
<p>install the game with wine and use a script similar to this to play</p>
<p><a href="http://jpegserv.com/linux/aoe" target="_blank">LINK</a></p>
<p>Edit the script to suit your situation. You can probably setup the icon with your DE but I use a window manager so I&#8217;m not too concerned with icons.</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/getting-sound-to-work-with-the-age-of-empires-2-no-cd-patch/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Using mod rewrite to create virtual directories</title>
		<link>http://jpegserv.com/using-mod-rewrite-to-create-virtual-directories/</link>
		<comments>http://jpegserv.com/using-mod-rewrite-to-create-virtual-directories/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 21:29:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[directories]]></category>
		<category><![CDATA[htaccess file]]></category>
		<category><![CDATA[mod]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[rewrite]]></category>
		<category><![CDATA[sefurls]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[urls]]></category>
		<category><![CDATA[virtual directories]]></category>
		<category><![CDATA[web application]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=138</guid>
		<description><![CDATA[We all like mod rewrite and the clean urls that it gives but what if you are starting out with this whole rewirte stuff and you want to integrate it into your web application? well there are some simeple ways to test out what arguments a rewritten url is going to pass to youer php [...]]]></description>
			<content:encoded><![CDATA[<p>We all like mod rewrite and the clean urls that it gives but what if you are starting out with this whole rewirte stuff and you want to integrate it into your web application? well there are some simeple ways to test out what arguments a rewritten url is going to pass to youer php script. Too test this out you could create a script similar to the following;</p>
<p><code>&lt;?php<br />
$dir1=$_GET['dir1'];<br />
$dir2=$_GET['dir2'];<br />
$file=$_GET['file'];<br />
$fid=$_GET['id'];<br />
# echo results<br />
echo $dir1."\n&lt;br /&gt;";<br />
echo $dir2."\n&lt;br /&gt;";<br />
echo $file."\n&lt;br /&gt;";<br />
echo $fid."\n&lt;br /&gt;";<br />
?&gt;</code></p>
<p>perhaps you could call it values.php, then in the same directory as values.php create (or edit) a .htaccess file which contains the following;</p>
<p><code><br />
RewriteEngine On<br />
RewriteRule ^([a-z0-9_-]+)/([a-z0-9_-]+)/([a-z0-9_-]+)_id([0-9]+)/index.html$ values.php?dir1=$1&#038;dir1=$2&#038;file=$3&#038;id=$4 [L]<br />
</code></p>
<p>^ indicates the start of the rule<br />
([a-z0-9_-]+) means that for the directories any character from a to z, any number, hyphans (-) and underscores (_) are allowed.<br />
/ indicates that this part of the rule ends when a forward slash is found the same deal with the &#8220;_id&#8221; part.<br />
([0-9]+) indicates any number</p>
<p>once this is all setup assuming that apache and php are setup correctly, you can test this rule by entering the url into firefox, for example;</p>
<p>http://localhost/test-dir1/test-dir2/filename_id1024/index.html you would have to write additional rules for any other url formats. if you wanted to use this with a database you should probably store the directories (categoires) sefurl value so that you could use $query = &#8220;SELECT * FROM tablename WHERE sefurl = &#8216;$sane_dir1&#8242;&#8221;; to get information on that category, this of course falls flat on it&#8217;s face if two categories have the same name to solve this you could use the category id in the url or just simply avoid creating categories with identical names. Any question or errors (well I haven&#8217;t tested this properly) please comment, thanks. Lee</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/using-mod-rewrite-to-create-virtual-directories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Video on your blog with flowplayer wordpress plugin</title>
		<link>http://jpegserv.com/video-on-your-blog-with-flowplayer-wordpress-plugin/</link>
		<comments>http://jpegserv.com/video-on-your-blog-with-flowplayer-wordpress-plugin/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 08:33:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GPL]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[flowplayer]]></category>
		<category><![CDATA[flv]]></category>
		<category><![CDATA[h 264]]></category>
		<category><![CDATA[video blog]]></category>
		<category><![CDATA[video plugin]]></category>
		<category><![CDATA[wordpress blog]]></category>
		<category><![CDATA[wordpress plugin]]></category>
		<category><![CDATA[wordpress video]]></category>
		<category><![CDATA[wordpress video plugin]]></category>
		<category><![CDATA[wordpress-flowplayer]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=84</guid>
		<description><![CDATA[Downloads Download .zip Download .bz2 About the plugin This plugin adds flowplayer to your wordpress blog, it comes pre-configured and is very easy to use. all you need is the location of the video and it&#8217;s resolution. The plugin comes with flowplayer version 3 which is able to play the following formats; H.264 FLV MP4 [...]]]></description>
			<content:encoded><![CDATA[<p>
<!-- Begin Google Adsense code -->
<div style="float: right; width:300px; height:250px; margin:5px 5px 5px 5px; ">
<script type="text/javascript"><!--
	google_ad_client = "pub-4362190332215502";
	/* 300x250, created 11/29/08 */
	google_ad_slot = "2817087570";
	google_ad_width = 300;
	google_ad_height = 250;
	//-->
</script>
<script language="JavaScript">
	j++;
	if(j == 1 || j == 2 || j ==3)
 document.write('<div class="advert"><scr' + 'ipt type="text/javascript" ' + 
 'src="http://pagead2.googlesyndication.com/pagead/show_ads.js"' +'>  </scr' +'ipt></div>');
</script>
</div>
<!-- End Google Adsense code -->
</p>
<p><strong>Downloads</strong><br />
<center><br />
<a href="http://jpegserv.com/uploads/wordpress-flowplayer-0.3.zip"><img src="http://jpegserv.com/wp-includes/images/crystal/archive.png" alt="" /> Download .zip</a></p>
<p><a href="http://jpegserv.com/uploads/wordpress-flowplayer-0.3.tar.bz2"><img src="http://jpegserv.com/wp-includes/images/crystal/archive.png" alt="" /> Download .bz2</a><br />
</center></p>
<p><strong>About the plugin</strong></p>
<p>This plugin adds flowplayer to your wordpress blog, it comes pre-configured and is very easy to use.<br />
all you need is the location of the video and it&#8217;s resolution. The plugin comes with flowplayer<br />
version 3 which is able to play the following formats;</p>
<ol>
<li>H.264</li>
<li> FLV</li>
<li> MP4</li>
</ol>
<p>It is supported by the folowing browsers;</p>
<ol>
<li>Internet Explorer 6.0+</li>
<li>Firefox FF 2+</li>
<li>Safari 2.0+</li>
<li>Opera 9.0+</li>
</ol>
<p><strong>Contributors</strong></p>
<p>This plugin uses flow player which is available from <a href="http://flowplayer.org"></a>HERE, this plugin includes version 3 of the player and will be updated when a new version comes out. the code for this plugin is based on the WP-FLV plugin which is available from <a href="http://roel.meurders.nl/wordpress-plugins/wp-flv-video-player-plugin/">HERE</a>.</p>
<p><strong>Installation</strong></p>
<ol>
<li>Upload the `wordpress-flowplayer` directory to the `/wp-content/plugins/` directory</li>
<li>Activate the plugin through the &#8216;Plugins&#8217; menu in WordPress</li>
</ol>
<p><strong>How it works</strong></p>
<p>To add a video to your post you can either click the &#8216;flow&#8217; (only if you are in HTML mode)<br />
button and answer the questions or you can enter the code yourself for example;</p>
<p><img src="http://jpegserv.com/wp-content/uploads/2008/12/flowcode.png" alt="" title="flowcode" width="349" height="30" class="alignnone size-full wp-image-111" /></p>
<p>would add the video &#8216;/uploads/video.flv&#8217; with the width 320 and the height 240 to your post.</p>
<p>You can convert to flv for free using this tutorial;</p>
<p><a href="http://worldtv.com/blog/guides_tutorials/flv_converter.php" target="_blank">FLV Convert Tutorial</a></p>
<p><strong>Screenshots</strong></p>
<div id="attachment_91" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/wordpress-flowplayer-screencapture1.jpeg"><img class="size-medium wp-image-91" title="wordpress-flowplayer-screencapture1" src="http://jpegserv.com/wp-content/uploads/2008/11/wordpress-flowplayer-screencapture1-300x198.jpg" alt="wordpress-flowplayer video player frontend" width="300" height="198" /></a><p class="wp-caption-text">wordpress-flowplayer video player frontend</p></div>
<div id="attachment_92" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/wordpress-flowplayer-screencapture2.jpeg"><img class="size-medium wp-image-92" title="wordpress-flowplayer-screencapture2" src="http://jpegserv.com/wp-content/uploads/2008/11/wordpress-flowplayer-screencapture2-300x124.jpg" alt="wordpress-flowplayer backend" width="300" height="124" /></a><p class="wp-caption-text">wordpress-flowplayer backend</p></div>
<p><strong>Changelog</strong></p>
<p>Version 0.1 (30/11/08)<br />
- released</p>
<p>Version 0.2 (5/12/08)<br />
- fixed a very nasty bug, which caused anything in square brackets to be parsed as if it was the flow tag.<br />
- added support for the visual editor mce has been added.</p>
<p>Version 0.3 (6/12/08)<br />
- fixed more problems with the parse code<br />
- cleaned up code to allow easy addition of new features in the future.</p>
<p><strong>Downloads</strong><br />
<center><br />
<a href="http://jpegserv.com/uploads/wordpress-flowplayer-0.3.zip"><img src="http://jpegserv.com/wp-includes/images/crystal/archive.png" alt="" /> Download .zip</a></p>
<p><a href="http://jpegserv.com/uploads/wordpress-flowplayer-0.3.tar.bz2"><img src="http://jpegserv.com/wp-includes/images/crystal/archive.png" alt="" /> Download .bz2</a><br />
</center></p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/video-on-your-blog-with-flowplayer-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vector RSS Buttons</title>
		<link>http://jpegserv.com/vector-rss-buttons/</link>
		<comments>http://jpegserv.com/vector-rss-buttons/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 01:14:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inkscape]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[adobe illustrator]]></category>
		<category><![CDATA[Buttons]]></category>
		<category><![CDATA[curved corners]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[GNU]]></category>
		<category><![CDATA[GPL]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[open source project]]></category>
		<category><![CDATA[png format]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[stroke style]]></category>
		<category><![CDATA[svg format]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[windows version]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=3</guid>
		<description><![CDATA[Blogs first post, So please excuse the messy theme . Recently I was working on a plugin for an open source project and found some images that I wanted to use as part of that project, I wanted the license the plugin as GPL but the images were licensed under Creative Commons 3 (rats). So [...]]]></description>
			<content:encoded><![CDATA[<p>
<!-- Begin Google Adsense code -->
<div style="float: right; width:300px; height:250px; margin:5px 5px 5px 5px; ">
<script type="text/javascript"><!--
	google_ad_client = "pub-4362190332215502";
	/* 300x250, created 11/29/08 */
	google_ad_slot = "2817087570";
	google_ad_width = 300;
	google_ad_height = 250;
	//-->
</script>
<script language="JavaScript">
	j++;
	if(j == 1 || j == 2 || j ==3)
 document.write('<div class="advert"><scr' + 'ipt type="text/javascript" ' + 
 'src="http://pagead2.googlesyndication.com/pagead/show_ads.js"' +'>  </scr' +'ipt></div>');
</script>
</div>
<!-- End Google Adsense code -->
<br />
Blogs first post, So please excuse the messy theme <img src='http://jpegserv.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . Recently I was working on a plugin for an open source project and found some images that I wanted to use as part of that project, I wanted the license the plugin as GPL but the images were licensed under Creative Commons 3 (rats). So I needed to create My own Icons, this is what I came up with;</p>
<div id="attachment_20" class="wp-caption alignnone" style="width: 96px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/rss_buttons.jpg"><img class="size-medium wp-image-20" title="rss_buttons_preview" src="http://jpegserv.com/wp-content/uploads/2008/11/rss_buttons.jpg" alt="RSS Buttons Preview" width="86" height="160" /></a><p class="wp-caption-text">RSS Buttons Preview</p></div>
<p>They are also available in PNG and SVG format;</p>
<p><a href="http://jpegserv.com/wp-content/uploads/2008/11/rss_buttons.png">PNG Format</a><br />
<a href="http://jpegserv.com/wp-content/uploads/2008/11/rss_buttons.svg">RSS Feed Buttons in SVG format</a></p>
<p>You should be able to open the SVG version in Adobe illustrator for editing. The following video shows the basics of how they were created. I was rushed in the video to try and keep the time down but I go on to explain in more detail how they were made in the tutorial below the video;</p>
<div class="flowPlayer"><a class="player plain" id="postnum-3"><embed src="http://jpegserv.com/wp-content/plugins/wordpress-flowplayer/flowplayer-3.0.0.swf" allowfullscreen="true" allowscriptaccess="always" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" id="postnum-3" bgcolor="#000000" name="postnum-3" flashvars="config={&quot;clip&quot;:{&quot;url&quot;:&quot;http://video.jpegserv.com/inkscape-buttons_640x480.flv&quot;,&quot;autoPlay&quot;:false},&quot;playerId&quot;:&quot;postnum-3&quot;,&quot;playlist&quot;:[{&quot;url&quot;:&quot;http://video.jpegserv.com/inkscape-buttons_640x480.flv&quot;,&quot;autoPlay&quot;:false}]}" width="640px" height="480px"><br />
			</a><br />
			<script language="javascript">
			("postnum-3", "http://jpegserv.com/wp-content/plugins/wordpress-flowplayer/flowplayer-3.0.0.swf", {
			clip: {
				url: 'http://video.jpegserv.com/inkscape-buttons_640x480.flv',
				autoPlay: false
			} 
			});
				</script></div>
<p>You can get the windows version of inkscape free of charge here;</p>
<p><a href="http://www.inkscape.org/download/?lang=en" target="_blank"></a></p>
<p>For linux, use your packager manager to install inkscape.</p>
<p>In case there was anything that you couldn&#8217;t see properly in the video, these are the steps that I took to create the buttons, in a little more detail;</p>
<p><strong>Step 1 :-</strong> setup construction lines;</p>
<div id="attachment_33" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_contruction_lines.jpg"><img class="size-medium wp-image-33" title="inkscape_contruction_lines" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_contruction_lines-300x242.jpg" alt="Inkscape construction lines" width="300" height="242" /></a><p class="wp-caption-text">Inkscape construction lines</p></div>
<p>The first step is to setup construction lines in inkscape. to do this go to the edge of the canvas, press and hold the left mouse button, then drag the to the right.</p>
<p><strong>Step 2 :-</strong> Draw initial shape</p>
<div id="attachment_35" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_draw_outline.jpg"><img class="size-medium wp-image-35" title="inkscape_draw_outline" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_draw_outline-300x276.jpg" alt="Draw the shapes outline" width="300" height="276" /></a><p class="wp-caption-text">Draw the shapes outline</p></div>
<p>Use the construction lines that you setup in the last step to draw the shape of the button. then remove the construction lines by dragging them out of the canvas area. Then right click of the shape and select &#8220;Fill and stroke&#8221; from the menu, select &#8220;stroke style&#8221; and then sett the width higher and set to curved corners.</p>
<p><strong>Step 3 :-</strong> outline curves</p>
<div id="attachment_34" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_curve_outline.jpg"><img class="size-medium wp-image-34" title="inkscape_curve_outline" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_curve_outline-300x276.jpg" alt="Make the edges curved" width="300" height="276" /></a><p class="wp-caption-text">Make the edges curved</p></div>
<p>to make the curved edges, left click hold and move the mouse on the center of the diagonal sections that we created earlier, using the &#8220;Edit by paths&#8221; button (highlighted in green) see the above image.</p>
<p><strong>Step 4:-</strong> Change colors</p>
<div id="attachment_32" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_color_outline.jpg"><img class="size-medium wp-image-32" title="inkscape_color_outline" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_color_outline-300x276.jpg" alt="Change outline colors" width="300" height="276" /></a><p class="wp-caption-text">Change outline colors</p></div>
<p>Changing the stroke colors is done by dragging the color selector over to the right, under the &#8220;stroke paint&#8221; tab in stroke and fill, The next thng we want to do is to add a gradient to the inside of the shape;</p>
<div id="attachment_31" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_color_button.jpg"><img class="size-medium wp-image-31" title="inkscape_color_button" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_color_button-300x276.jpg" alt="Select gradient" width="300" height="276" /></a><p class="wp-caption-text">Select gradient</p></div>
<p>Select Fill &gt; The gradient button &gt; Edit, this takes you to the gradient editor, from here you can set the colors that will be used in your gradient;</p>
<div id="attachment_37" class="wp-caption alignnone" style="width: 184px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_gradient.jpg"><img class="size-medium wp-image-37" title="inkscape_gradient" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_gradient-174x300.jpg" alt="gradient editor" width="174" height="300" /></a><p class="wp-caption-text">gradient editor</p></div>
<p>Set the colors to two shades of the same color. when you are done your button should look something like this;</p>
<div id="attachment_49" class="wp-caption alignnone" style="width: 308px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_button_grad.jpg"><img class="size-medium wp-image-49" title="inkscape_button_grad" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_button_grad.jpg" alt="button gradient" width="298" height="86" /></a><p class="wp-caption-text">button gradient</p></div>
<p><strong>Step 5:-</strong> add shadow</p>
<p>To add the shadow, you need to duplicate the shape that we have already created, right click and select duplicate;</p>
<div id="attachment_36" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_duplicate.jpg"><img class="size-medium wp-image-36" title="inkscape_duplicate" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_duplicate-300x226.jpg" alt="Duplicate the shape that we have created" width="300" height="226" /></a><p class="wp-caption-text">Duplicate the shape that we have created</p></div>
<p>then change is stroke and fill to solid black;</p>
<div id="attachment_30" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_color_blur.jpg"><img class="size-medium wp-image-30" title="inkscape_color_blur" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_color_blur-300x276.jpg" alt="Set color to black and blur" width="300" height="276" /></a><p class="wp-caption-text">Set color to black and blur</p></div>
<p>Now all you have to do is set the blur on the shape, so that it is just slightly blurred, ones to are happy with the blur you have to put this new black shape behind the original shape that we created.</p>
<div id="attachment_56" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_layer.jpg"><img class="size-medium wp-image-56" title="inkscape_layer" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_layer-300x82.jpg" alt="Move Blurred layer to bottom " width="300" height="82" /></a><p class="wp-caption-text">Move Blurred layer to bottom </p></div>
<p>Once you have done that you should be left with something that looks like this;</p>
<div id="attachment_58" class="wp-caption alignnone" style="width: 303px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_step5.jpg"><img class="size-medium wp-image-58" title="inkscape_step5" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_step5.jpg" alt="The button is really starting to take shape now" width="293" height="98" /></a><p class="wp-caption-text">The button is really starting to take shape now</p></div>
<p><strong>Step 6:-</strong> Text, arrow and divider</p>
<p>Now all that&#8217;s left to do, is to add the text and white divider line;</p>
<div id="attachment_62" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_divider.jpg"><img class="size-medium wp-image-62" title="inkscape_divider" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_divider-300x276.jpg" alt="Divider" width="300" height="276" /></a><p class="wp-caption-text">Divider</p></div>
<p>To create the divider, use the square tool (highlighted in green), set the square to no stroke (using the button highlighted in red) and the fill color to white, make sure that the square does not have curved edges. Next we have to add the down arrow, use the construction line technique from before;</p>
<div id="attachment_66" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_down_arrow.jpg"><img class="size-medium wp-image-66" title="inkscape_down_arrow" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_down_arrow-300x172.jpg" alt="Create down arrow using construction lines" width="300" height="172" /></a><p class="wp-caption-text">Create down arrow using construction lines</p></div>
<p>Next add the font using the button highlighted in green and change the font using the button highlighted in red;</p>
<div id="attachment_69" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_font.jpg"><img class="size-medium wp-image-69" title="inkscape_font" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_font-300x276.jpg" alt="Changing the font in inkscape" width="300" height="276" /></a><p class="wp-caption-text">Changing the font in inkscape</p></div>
<p>Once you have choose the font you want to use, change it&#8217;s color to white and place it on your button. Your button should look similar to this now;</p>
<div id="attachment_72" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_button_text.jpg"><img class="size-medium wp-image-72" title="inkscape_button_text" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_button_text-300x83.jpg" alt="Button with it's divider and text" width="300" height="83" /></a><p class="wp-caption-text">Button with it</p></div>
<p><strong>Step 7</strong> Manipulate button gradient</p>
<p>This is the last step, all you ave to do is select the the button/layer that has the gradient and change the direction of the gradient to vertical;</p>
<div id="attachment_78" class="wp-caption alignnone" style="width: 310px"><a href="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_edit_gradient.jpg"><img class="size-medium wp-image-78" title="inkscape_edit_gradient" src="http://jpegserv.com/wp-content/uploads/2008/11/inkscape_edit_gradient-300x276.jpg" alt="Editing the gradient direction in inkscape" width="300" height="276" /></a><p class="wp-caption-text">Editing the gradient direction in inkscape</p></div>
<p>Use the node tool, highlighted in red, to manipulate the gradient line highlighted in green. In the above example I used a construction line to ensure that the gradient it straight.</p>
<p><strong>Summary</strong></p>
<p>Well that&#8217;s it folks, I hope you liked this tutorial, feel free to comment, I would like to get some feed back and wouldn&#8217;t mind answering any questions you have about this tutorial.</p>
<p>Lee</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/vector-rss-buttons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://jpegserv.com/hello-world/</link>
		<comments>http://jpegserv.com/hello-world/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 17:57:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jpegserv.com/?p=1</guid>
		<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!]]></description>
			<content:encoded><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
]]></content:encoded>
			<wfw:commentRss>http://jpegserv.com/hello-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

