<?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>kristarella.com &#187; Graphics</title> <atom:link href="http://www.kristarella.com/category/graphics/feed/" rel="self" type="application/rss+xml" /><link>http://www.kristarella.com</link> <description>Website of photography loving, mac-using, Christian molecular biology graduate working in web design.</description> <lastBuildDate>Fri, 20 Jan 2012 21:42:24 +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>Edit EPS files in Inkscape on Mac</title><link>http://www.kristarella.com/2010/03/edit-eps-files-in-inkscape-on-mac/</link> <comments>http://www.kristarella.com/2010/03/edit-eps-files-in-inkscape-on-mac/#comments</comments> <pubDate>Thu, 04 Mar 2010 07:11:34 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Mac OS X]]></category> <category><![CDATA[Software (free)]]></category> <category><![CDATA[Tools]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=3763</guid> <description><![CDATA[EPS files have their uses, for sure, but they seem to be a standard output of Adobe Illustrator, which is a bit sad, because Inkscape (the open source vector editor I use) can&#8217;t open them (without some hassle with ghostscripts or something). Recently I needed to change the colour of an EPS image and I [...]]]></description> <content:encoded><![CDATA[<p></p><p><a
href="http://en.wikipedia.org/wiki/Encapsulated_PostScript">EPS files</a> have their uses, for sure, but they seem to be a standard output of Adobe Illustrator, which is a bit sad, because <a
href="http://inkscape.org">Inkscape</a> (the open source vector editor I use) can&#8217;t open them (without some hassle with ghostscripts or something).</p><p>Recently I needed to change the colour of an EPS image and I didn&#8217;t want to do a hack job by just filling a new colour over a bitmap versions. I did a quick search for converting EPS files and saw several references to PDF and opening the PDF in Inkscape. I realised I didn&#8217;t need extra software to convert an EPS to PDF. Everything I need is already on my computer: Preview.</p><p>I bet loads of people view their PDFs in Preview every day with no idea of its hidden power&#8230;</p><p>One thing Preview is quite good at is saving files in different formats. All I had to do was open the EPS in Preview and Save As&#8230; PDF. I was then able to open it directly with Inkscape and the objects were all in tact for me to change their fill and stroke to my heart&#8217;s content.</p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2010/03/edit-eps-files-in-inkscape-on-mac/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>Weird advertisements</title><link>http://www.kristarella.com/2008/10/weird-advertisements/</link> <comments>http://www.kristarella.com/2008/10/weird-advertisements/#comments</comments> <pubDate>Sat, 25 Oct 2008 21:01:02 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Australia]]></category> <category><![CDATA[Photos]]></category> <category><![CDATA[Random]]></category> <category><![CDATA[Websites]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1483</guid> <description><![CDATA[Gender UnFail An update on my previous post Gender Fail. I got another email from Australia Post. It looks like they&#8217;ve FiXed the issue! Who&#8217;s baby is that anyway? I was on Facebook and spied this advert on the side of the page. Is this what your baby starts to look like when you give [...]]]></description> <content:encoded><![CDATA[<p></p><h3>Gender UnFail</h3><p>An update on my previous post <a
href="http://www.kristarella.com/2008/09/gender-fail/">Gender Fail</a>. I got another email from Australia Post. It looks like they&#8217;ve FiXed the issue!</p><p><img
src="http://www.kristarella.com/wp-content/uploads/austpost1.png" alt="" title="Australia Post Email" width="500" height="75" class="aligncenter size-full wp-image-1492 frame" /></p><p><img
src="http://www.kristarella.com/wp-content/uploads/austpost2.png" alt="" title="Australia Post Email image" width="500" height="95" class="aligncenter size-full wp-image-1491 frame" /><br
/> <span
id="more-1483"></span></p><h3>Who&#8217;s baby is that anyway?</h3><p><img
src="http://www.kristarella.com/wp-content/uploads/baby-weird.png" alt="" title="Funny looking baby" width="156" height="213" class="alignright size-full wp-image-1500 frame" /><br
/> I was on Facebook and spied this advert on the side of the page.</p><p>Is this what your baby starts to look like when you give them enough free stuff? Is this free stuff some kind of consumer testing?</p><p>Just looking at that kid cracks me up!</p><h3>Four&#8217;N Twenty Magic Salad Plate</h3><p><img
src="http://www.kristarella.com/wp-content/uploads/fn20-magic-salad-97x200.png" alt="" title="Four&#039;N Twenty" width="97" height="200" class="alignleft size-thumbnail wp-image-1496 frame" /><br
/> I was driving home listening to the radio and I heard a rather extended advert, perhaps radio&#8217;s answer to the info-mercial. It was for the <a
href="https://secure.promoplace.com.au/SaladPlate/">Four&#8217;N Twenty Magic Salad Plate</a>. By the end of the ad I thought that it might have been a joke. Definitely up the alley of some Aussies.</p><p>Have a look at their <a
href="https://secure.promoplace.com.au/SaladPlate/faq.aspx">FAQ</a> though:<br
/> <img
src="http://www.kristarella.com/wp-content/uploads/fn20-faq.png" alt="" title="Four&#039;N Twenty FAQ" width="500" height="63" class="alignnone size-full wp-image-1497 frame" /></p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/10/weird-advertisements/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Gender Fail</title><link>http://www.kristarella.com/2008/09/gender-fail/</link> <comments>http://www.kristarella.com/2008/09/gender-fail/#comments</comments> <pubDate>Sun, 07 Sep 2008 14:36:34 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Life and ramblings]]></category> <category><![CDATA[Humour]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1350</guid> <description><![CDATA[I got an email from Australia Post a little while ago asking me to do a lifestyle survey. Gmail doesn&#8217;t load images in emails unless you tell it to (or tell it to always display images from that sender), so you get to see the alternate text. Email before images I allowed it to show [...]]]></description> <content:encoded><![CDATA[<p></p><p>I got an email from Australia Post a little while ago asking me to do a lifestyle survey. Gmail doesn&#8217;t load images in emails unless you tell it to (or tell it to always display images from that sender), so you get to see the alternate text.</p><h3>Email before images</h3><p><img
src="http://www.kristarella.com/wp-content/uploads/male-image.png" alt="image alternate text" title="male image" class="frame" /></p><p>I allowed it to show the images and it wasn&#8217;t quite what was expected.</p><h3>Email with images</h3><p><img
src="http://www.kristarella.com/wp-content/uploads/actual-image.png" alt="alternate text didn&#039;t match the image" title="image"class="frame" /></p><p>It turns out that Australia Post is less apt at identifying genders than a 2 year old.</p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/09/gender-fail/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Kodak Retinette 1A: going retro</title><link>http://www.kristarella.com/2008/09/kodak-retinette-1a/</link> <comments>http://www.kristarella.com/2008/09/kodak-retinette-1a/#comments</comments> <pubDate>Tue, 02 Sep 2008 04:11:42 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Life and ramblings]]></category> <category><![CDATA[Photography]]></category> <category><![CDATA[Photos]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1318</guid> <description><![CDATA[For the $50 film camera project, I picked up my &#8220;new&#8221; Kodak Retinette 1A on Ebay for $19.99 + $12 postage (that&#8217;s Australian dollars, so even less in USD). The project was almost immediately fun! It&#8217;s always a bit of a rush to win on Ebay&#8230; if you&#8217;re like me and don&#8217;t bid too often, [...]]]></description> <content:encoded><![CDATA[<p></p><p>For the <a
href="http://blog.epicedits.com/2008/08/11/photo-project-the-50-dollar-film-camera/">$50 film camera project</a>, I picked up my &#8220;new&#8221; Kodak Retinette 1A on Ebay for $19.99 + $12 postage (that&#8217;s Australian dollars, so even less in USD).</p><p>The project was almost immediately fun! It&#8217;s always a bit of a rush to win on Ebay&hellip; if you&#8217;re like me and don&#8217;t bid too often, I guess. :P After some <a
href="http://www.kristarella.com/2008/08/the-50-camera-project/">misadventure with the self-timer</a> (which was also fun &mdash; I&#8217;d never taken a camera apart before) I started shooting on film (maybe only the second time since leaving high school).</p><h3>The Specs</h3><p><a
href="http://www.flickr.com/photos/kristarella/2816695143/" title="Kodak Retinette 1A case by kristar3lla, on Flickr"><img
src="http://farm4.static.flickr.com/3257/2816695143_a29187c712_m.jpg" width="240" height="160" alt="Kodak Retinette 1A case" /></a> <a
href="http://www.flickr.com/photos/kristarella/2816695419/" title="Kodak Retinette 1A by kristar3lla, on Flickr"><img
src="http://farm4.static.flickr.com/3021/2816695419_0fbe2c69b3_m.jpg" width="240" height="160" alt="Kodak Retinette 1A" /></a><br
/> <span
id="more-1318"></span><br
/> I hunted down a bit of info on my new baby: it looks like it was made sometime between October 1959 and February 1961. The lens is Schneider-Kreuznach Reomar f/3.5 50mm, and the shutter is Pronto.</p><p>This camera does not take batteries! Which means no metering and no auto-focus (shock horror)! Don&#8217;t get me wrong, I&#8217;m a big fan of manual focus, I just don&#8217;t use it enough. Now I have the perfect opportunity! Although, the Retinettes were the less expensive (viewfinder) answer to the Kodak Retina rangefinders, so it&#8217;s pure guess work for estimating your distance and setting the focus wheel.</p><p>This Retinette has an <strong>aperture</strong> range of f/3.5&ndash;22 and <strong>shutter speeds</strong> of 1/250, 1/100, 1/60 and 1/30 seconds as well as a bulb setting (as long as you hold the shutter down &mdash; no off camera trigger).</p><p>To set the shutter and advance the film you use the &#8220;<strong>rapid wind lever</strong>&#8220;, which then allows you to release the shutter. Make sure you get into a habit of cocking the shutter before you shoot lest you miss your shot!</p><p>I was pretty amazed that a camera this old came with a <strong>self-timer</strong>! There&#8217;s a little red lever below the focus ring that turns on the timer. Once the timer is on you have to take a timed shot&hellip; In this case, red means stop! It was one of the first things I pushed and I had to <a
href="">take the camera apart</a> and loosen the timer cogs to get the shutter to fire.</p><p><img
src="http://www.kristarella.com/wp-content/uploads/retinette-viewfinder.png" alt="Retinette viewfinder" title="Retinette viewfinder (image from manual)" width="200" class="right frame" /></p><p>Also pretty sweet is the <strong>viewfinder</strong>, which not only has a frame to estimate your view, but also has a couple of marks inside it indicating the real framing when you&#8217;re up close. So, it actually warns you about <a
href="http://blog.epicedits.com/2008/08/20/dont-forget-about-parallax-error/">parallax error</a>! The worst of it is at 3 feet (or closer, but you probably won&#8217;t be focused any closer) and gradually extends back to the normal frame at 8 feet.</p><h3>Shooting with the Retinette</h3><p>If any of the specs sounded negative they shouldn&#8217;t! It&#8217;s kind of cool to attempt to shoot with very little idea of the focus, pretty much guessing on the aperture and shutter and no real idea if the film is advancing properly. You just need to throw caution to the wind and be prepared for your photos not to come out!</p><p>Once you get past the first couple of rolls I think you have an idea of what the camera is capable of, but until they&#8217;re developed you really don&#8217;t know if the thing even works. My first SLR had a dodgy mirror when I first bought it, which didn&#8217;t flick up when the shutter fired. Very disappointed when those first rolls of film didn&#8217;t come out (especially after spending ages trying to roll the damn things onto developing spools &mdash; what a pain!).</p><p>This time I didn&#8217;t expect things to work too well, and indeed they didn&#8217;t. My first roll of film wasn&#8217;t getting wound on properly. I think it&#8217;s because I didn&#8217;t stick the end of the film into a little groove on the reel (didn&#8217;t even know the groove was there &mdash; <a
href="http://mostlylisa.com/2008/08/mostly-photo-tip-1-learn-how-to-use-ur-camera/">RTFM</a>). Some of the film got torn and the whole thing just jammed up after about 15 shots. I tried to wind it back up in an unlit room under a blanket, but alas, the film was too badly torn.</p><p>I was afraid that the second roll of film wasn&#8217;t getting wound on either. So, having only taken a few shots I sacrificed them and opened the back the make sure it was all tidy in there. It was and I realised almost immediately that you can see the rewind wheel turn when you advance the film &mdash; a much less destructive way to check it&#8217;s working!</p><p>Turns out my exposure guessing skills aren&#8217;t too horrible, but if you have no idea where to start to shoot without metering, have a look at <a
href="http://night-ray.blogspot.com/">George McKinney&#8217;s Photography Blog</a> for a really good exposure chart.</p><h3>The photos</h3><p>I haven&#8217;t digitally processed these at all. If I were to do so I might tweak some levels and rotate the pathway ones a little &mdash; in throwing caution to the wind I might not have framed things as well as I could. :P</p><p><a
href="http://www.flickr.com/photos/kristarella/2813426972/" title="Orange flowers by kristar3lla, on Flickr"><img
src="http://farm4.static.flickr.com/3062/2813426972_3ea2edb918.jpg" width="500" height="332" alt="Orange flowers" /></a></p><p>I was surprised at the images that came out of this 48 year old camera! I thought they might look old, perhaps there&#8217;d be warping or vignettes from the old lens. However, as you can see from the flowers, the colour is quite bright and if you guess the right focal distance, you get a reasonable shot.</p><p><a
href="http://www.flickr.com/photos/kristarella/2813430848/" title="Panning white by kristar3lla, on Flickr"><img
src="http://farm4.static.flickr.com/3028/2813430848_26e52bfa06.jpg" width="500" height="332" alt="Panning white" /></a></p><p>I even tried some panning shots, but with no way to see the result and optimise the settings they aren&#8217;t the best I&#8217;ve seen. Not too bad though (considering)!</p><p><a
href="http://www.flickr.com/photos/kristarella/2813405174/" title="Path arch by kristar3lla, on Flickr"><img
src="http://farm4.static.flickr.com/3071/2813405174_0e5e8a64e8.jpg" width="500" height="332" alt="Path arch" /></a></p><h4>$50 camera project Flickr set: film 1</h4><p><a
href="http://flickr.com/photos/kristarella/2812586917/in/set-72157607039302605/" title="Me at bus stop" ><img
src="http://farm4.static.flickr.com/3267/2812586917_d955e175c7_s.jpg" width="75" height="75" alt="Me at bus stop"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812585027/in/set-72157607039302605/" title="Panning blue" ><img
src="http://farm4.static.flickr.com/3242/2812585027_9a186485ff_s.jpg" width="75" height="75" alt="Panning blue"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813432586/in/set-72157607039302605/" title="Panning bus" ><img
src="http://farm4.static.flickr.com/3247/2813432586_c5d73448d0_s.jpg" width="75" height="75" alt="Panning bus"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813430848/in/set-72157607039302605/" title="Panning white" ><img
src="http://farm4.static.flickr.com/3028/2813430848_26e52bfa06_s.jpg" width="75" height="75" alt="Panning white"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813429324/in/set-72157607039302605/" title="Playing with iPhone" ><img
src="http://farm4.static.flickr.com/3249/2813429324_ee18031363_s.jpg" width="75" height="75" alt="Playing with iPhone"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813426972/in/set-72157607039302605/" title="Orange flowers" ><img
src="http://farm4.static.flickr.com/3062/2813426972_3ea2edb918_s.jpg" width="75" height="75" alt="Orange flowers"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812575137/in/set-72157607039302605/" title="The long walk 2" ><img
src="http://farm4.static.flickr.com/3233/2812575137_32c9115188_s.jpg" width="75" height="75" alt="The long walk 2"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812572543/in/set-72157607039302605/" title="The long walk 1" ><img
src="http://farm4.static.flickr.com/3012/2812572543_9418b93b3f_s.jpg" width="75" height="75" alt="The long walk 1"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813419528/in/set-72157607039302605/" title="Fountain has a bottom" ><img
src="http://farm4.static.flickr.com/3155/2813419528_7a8709d18e_s.jpg" width="75" height="75" alt="Fountain has a bottom"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813417080/in/set-72157607039302605/" title="Splashing rock" ><img
src="http://farm4.static.flickr.com/3185/2813417080_d96d1c50af_s.jpg" width="75" height="75" alt="Splashing rock"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812565023/in/set-72157607039302605/" title="Where the path curves" ><img
src="http://farm4.static.flickr.com/3261/2812565023_b2c4365184_s.jpg" width="75" height="75" alt="Where the path curves"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812562355/in/set-72157607039302605/" title="My iPhone can take a photo of that" ><img
src="http://farm4.static.flickr.com/3086/2812562355_a88b7ac2f8_s.jpg" width="75" height="75" alt="My iPhone can take a photo of that"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813408616/in/set-72157607039302605/" title="Rest?" ><img
src="http://farm4.static.flickr.com/3139/2813408616_905af180dd_s.jpg" width="75" height="75" alt="Rest?"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813405174/in/set-72157607039302605/" title="Path arch" ><img
src="http://farm4.static.flickr.com/3071/2813405174_0e5e8a64e8_s.jpg" width="75" height="75" alt="Path arch"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813401820/in/set-72157607039302605/" title="Walking" ><img
src="http://farm4.static.flickr.com/3093/2813401820_f415c5b2d7_s.jpg" width="75" height="75" alt="Walking"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812550219/in/set-72157607039302605/" title="Cnr Pacific &amp; Coronation" ><img
src="http://farm4.static.flickr.com/3249/2812550219_6570a6cd03_s.jpg" width="75" height="75" alt="Cnr Pacific &amp; Coronation"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813396162/in/set-72157607039302605/" title="Eggs benedict 2" ><img
src="http://farm4.static.flickr.com/3230/2813396162_78994b05d8_s.jpg" width="75" height="75" alt="Eggs benedict 2"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812545447/in/set-72157607039302605/" title="Eggs benedict 1" ><img
src="http://farm4.static.flickr.com/3036/2812545447_9058d27e72_s.jpg" width="75" height="75" alt="Eggs benedict 1"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2812542623/in/set-72157607039302605/" title="Cappucino" ><img
src="http://farm4.static.flickr.com/3051/2812542623_5d0c9a5948_s.jpg" width="75" height="75" alt="Cappucino"  class="left" /></a><a
href="http://flickr.com/photos/kristarella/2813388440/in/set-72157607039302605/" title="iPhone love" ><img
src="http://farm4.static.flickr.com/3227/2813388440_9e9a36a06d_s.jpg" width="75" height="75" alt="iPhone love"  class="left" /></a></p><div
class="clear"></div><p>I mentioned in my <a
href="http://www.kristarella.com/2008/08/the-50-camera-project/">intro to participating in this project</a> that I wanted to use some more interesting films, but I can&#8217;t get them developed locally. They have to be sent away, or I have to find a darkroom that I can use. Perhaps I will in the not too distant future, but for now I&#8217;ll have to settle for regular Kodak colour.</p><p>If you&#8217;ve forgotten what it&#8217;s like to shoot manually with film, or never have, but want a challenge&hellip; get out and give it a go!</p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/09/kodak-retinette-1a/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>iLT Wallpaper</title><link>http://www.kristarella.com/2008/06/ilt-wallpaper/</link> <comments>http://www.kristarella.com/2008/06/ilt-wallpaper/#comments</comments> <pubDate>Sat, 07 Jun 2008 09:45:44 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Design]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1150</guid> <description><![CDATA[The I Love Typography wallpaper that I made is up at iLT now. Hope ya like it! It was inspired by a phone theme that I made, Ampersand, which was inspired by Sunday Type. Note: there&#8217;s a bit of a dodgy artifact where I was masking, I&#8217;ve fixed it up and hopefully John will update [...]]]></description> <content:encoded><![CDATA[<p></p><p>The <a
href="http://ilovetypography.com/img/wallpaper/kristarella.png">I Love Typography wallpaper</a> that I made is up at <a
href="http://ilovetypography.com/love/">iLT</a> now. Hope ya like it!</p><p><img
src="http://www.kristarella.com/wp-content/uploads/ilt.png" alt="" title="I love typography" width="500" height="312" class="center frame" /></p><p>It was inspired by a phone theme that I made, <a
href="http://kristarella.deviantart.com/art/AmpRevamped-87925524">Ampersand</a>, which was inspired by Sunday Type.</p><p><small>Note: there&#8217;s a bit of a dodgy artifact where I was masking, I&#8217;ve fixed it up and hopefully John will update it soon.</small></p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/06/ilt-wallpaper/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Art of Favicons</title><link>http://www.kristarella.com/2008/05/the-art-of-favicons/</link> <comments>http://www.kristarella.com/2008/05/the-art-of-favicons/#comments</comments> <pubDate>Wed, 28 May 2008 00:14:52 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Websites]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1110</guid> <description><![CDATA[From the title one might think that I have something insightful to say about the art of making a favicon (the little shortcut icon that shows up in your browser&#8217;s address bar, on tabs and in bookmark lists). Really, I just want to say two things. First thing about favicons They&#8217;re damn cool: they make [...]]]></description> <content:encoded><![CDATA[<p></p><p>From the title one might think that I have something insightful to say about the art of making a favicon (the little shortcut icon that shows up in your browser&#8217;s address bar, on tabs and in bookmark lists). Really, I just want to say two things.</p><h3>First thing about favicons</h3><p><strong> They&#8217;re damn cool</strong>: they make identifying websites in a list or in my tab bar so much easier. They&#8217;re definitely an asset to a website and they say something about the attention to detail the owner or creator of the website has paid.</p><p>Have a look at my tab bar:</p><p><img
src="http://www.kristarella.com/wp-content/uploads/tabbar.png" alt="Favicons in Camino tab bar" /></p><p>How much easier is it to identify an icon than half of the site name?!<br
/> <span
id="more-1110"></span></p><h3>Second thing about favicons</h3><p>It&#8217;s <strong>difficult to make</strong> a good one! Since I changed my blog design I have noticed the absence of a favicon, because it always helped me to identify my tab amongst the others I had open.</p><p>To get ideas for a favicon I looked at my site; I saw the little hot air balloons in the header and thought they might be a cute favicon.</p><p><img
src="http://www.kristarella.com/wp-content/uploads/balloon.png" alt="balloon favicon" width="16" height="16" /> It was okay, but I didn&#8217;t love it.</p><p>I had another look and saw the letters and the clouds. I started to make a 3D k, but realised that, in the header, were grey and my browser window is grey&#8230; it might get lost. So I thought I&#8217;d try a little cartoon with a cloud and a k.</p><p><img
src="http://www.kristarella.com/wp-content/uploads/cloud.png" alt="cloud favicon" width="16" height="16" /> As favicons go I don&#8217;t mind it, but I didn&#8217;t want it to represent me&#8230; possibly too much blue.</p><p>I had a look at a few other favicons and noticed that small, simple shapes make effective favicons. I thought I&#8217;d try to make a k within a grid of dots (not really related to any elements on the site, but hey).</p><p><img
src="http://www.kristarella.com/wp-content/uploads/dots.png" alt="dotty favicon" width="16" height="16" /> It looked good large, but when it shrunk down and was displayed by the browser I didn&#8217;t like it. Perhaps more space in between the dots would make them clearer at a small size.</p><p><img
src="http://www.kristarella.com/wp-content/uploads/k.png" alt="current favicon" width="16" height="16" /> In the end I decided to use a plain k. The font is Georgia. I would have preferred to use Diavlo, which is the font in the header, but I can&#8217;t get Inkscape to see my custom fonts and I use Georgia for all the other headings in the blog. It&#8217;s not just a letter on a background though, the letter is actually transparent/negative space.</p><p>I&#8217;m not sure how much I like the k either, but it can stay until I come up with something better. :P</p><p><b>Update 30 May 2008:</b> Made a new favicon already, can be seen in your address bar (unless the old one is cached) or in <a
href="http://www.kristarella.com/2008/05/making-goals-and-making-graphics/">the next post</a>.</p><h3>Effective favicons</h3><p>I don&#8217;t think I&#8217;ve actually identified what makes an effective favicon yet.</p><h4>Proportions</h4><p>When making them (and working at a larger size or zoomed in) you need to make lines quite thick so that they&#8217;re visible at 16x16px. Yet, many favicons look remarkably detailed.</p><p><a
href='http://www.worldcupblog.org'><img
src="http://www.kristarella.com/wp-content/uploads/worldcupblog.png" alt="" title="worldcupblog" width="16" height="16" /></a> <a
href='http://www.microbians.com/'><img
src="http://www.kristarella.com/wp-content/uploads/microbians.png" alt="" title="microbians" width="16" height="16" /></a> <a
href='http://www.distributed.net'><img
src="http://www.kristarella.com/wp-content/uploads/distributed.png" alt="" title="distributed" width="16" height="16" /></a> <a
href='http://www.stanleysy.com'><img
src="http://www.kristarella.com/wp-content/uploads/stanlesys.png" alt="" title="stanlesys" width="16" height="16" /></a></p><h4>Photos</h4><p>Bitmap illustrations seem to be much more effective and more widely used than photos, but every now and again someone uses a photo well.</p><p><a
href='http://jayallen.org/'><img
src="http://www.kristarella.com/wp-content/uploads/jayallen.png" alt="" title="jayallen" width="16" height="16" /></a> <a
href='http://www.boudist.com'><img
src="http://www.kristarella.com/wp-content/uploads/boudist.png" alt="" title="boudist" width="16" height="16" /></a> <a
href='http://allforces.com'><img
src="http://www.kristarella.com/wp-content/uploads/allforces.png" alt="" title="allforces" width="16" height="16" /></a></p><p>Be careful using a photo if you try to mask out the background. When you shrink it down to 16px the edges get much harder: dark lines that you couldn&#8217;t see at larger size suddenly appear and it&#8217;s difficult to know how much background to delete.</p><h4>Related to the website</h4><p>Overall I think the most effective favicons are the ones that tie in with the theme of the site, often using a tiny version of the main logo.</p><p><a
href='http://www.simplebits.com/'><img
src="http://www.kristarella.com/wp-content/uploads/simplebits.png" alt="" title="simplebits" width="16" height="16" /></a> <a
href='http://www.problogger.net/'><img
src="http://www.kristarella.com/wp-content/uploads/problogger.png" alt="" title="problogger" width="16" height="16" class="size-full wp-image-1126" /></a> <a
href='http://gmail.com'><img
src="http://www.kristarella.com/wp-content/uploads/gmail.png" alt="" title="gmail" width="16" height="16" /></a> <a
href='http://hicksdesign.co.uk'><img
src="http://www.kristarella.com/wp-content/uploads/hicksdesign.png" alt="" title="hicksdesign" width="16" height="16" /></a></p><p>I suspect the art of making a favicon is related to the principles of pixel art, something I&#8217;ve never really tried.</p><h3>Favicon galleries</h3><ul><li><a
href="http://www.fineicons.com/en/favicon-gallery">FineIcons Favicon Gallery</a></li><li><a
href="http://thefavicongallery.com/">The Favicon Gallery</a></li><li>Daniel Burka&#8217;s <a
href="http://deltatangobravo.com/archives/2004/march/favourite">Favourite Favicons</a></li><li><a
href="http://mppierce66.home.comcast.net/~mppierce66/web/fi/index.htm">MpP Favicon Gallery</a></li></ul><p><small>Ironically, some of those links don&#8217;t have favicons!</small></p><p><strong>Have you got a favicon?</strong> How did you make or choose it? Have any tips to share with us favicon newbies about making them?</p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/05/the-art-of-favicons/feed/</wfw:commentRss> <slash:comments>15</slash:comments> </item> <item><title>Wired&#8217;s Water Photo Contest</title><link>http://www.kristarella.com/2008/05/wireds-water-photo-contest/</link> <comments>http://www.kristarella.com/2008/05/wireds-water-photo-contest/#comments</comments> <pubDate>Tue, 20 May 2008 00:57:50 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Photography]]></category> <category><![CDATA[Websites]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1104</guid> <description><![CDATA[Wired.com is having a water photo contest. Sometimes Wired manages to promote some excellent and unique photographs; sometimes they rehash ones that have already been seen. ;) I&#8217;ve entered my photograph Floating in colour. I also have some very cool photos of birds and ducks in water, which I might enter if I have the [...]]]></description> <content:encoded><![CDATA[<p></p><p>Wired.com is having a <a
href="http://www.wired.com/culture/art/news/2008/05/submissions_water">water photo contest</a>.</p><p>Sometimes Wired manages to promote some excellent and unique photographs; sometimes they rehash ones that have already been seen. ;)</p><p>I&#8217;ve entered my photograph <a
href="http://www.wired.com/culture/art/news/2008/05/submissions_water">Floating in colour</a>. I also have some very cool photos of birds and ducks in water, which I might enter if I have the chance.</p><p>Please head on over to <a
href="http://www.wired.com/culture/art/news/2008/05/submissions_water">Wired</a> and vote for your favourite water photos (and mine if you like it!). Cheers!</p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/05/wireds-water-photo-contest/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>There is nothing new under the sun</title><link>http://www.kristarella.com/2008/05/nothing-new/</link> <comments>http://www.kristarella.com/2008/05/nothing-new/#comments</comments> <pubDate>Mon, 19 May 2008 01:17:24 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Design]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1099</guid> <description><![CDATA[Design ripping is a big topic in some circles. There&#8217;s even a whole blog, You Thought We Wouldn&#8217;t Notice, dedicated to it. There&#8217;s probably other blogs about it that I haven&#8217;t seen. I read YTWWN because, initially, I thought it was well researched. However, it turns out there&#8217;s lots of authors and only a few [...]]]></description> <content:encoded><![CDATA[<p></p><p>Design ripping is a big topic in some circles. There&#8217;s even a whole blog, <a
href="http://youthoughtwewouldntnotice.com/blog3/">You Thought We Wouldn&#8217;t Notice</a>, dedicated to it. There&#8217;s probably other blogs about it that I haven&#8217;t seen.</p><p>I read YTWWN because, initially, I thought it was well researched. However, it turns out there&#8217;s lots of authors and only a few of them are good researchers. On top of that, the commenters are rather hot-headed.</p><p>Where&#8217;s the line between inspiration, rip and &#8216;reinvention of the circle&#8217;?<br
/> <span
id="more-1099"></span></p><h3>The gaining of wisdom</h3><p>In high school I went through a phase of drawing hearts with wings and a halo everywhere. On my books, school diary, desks&#8230; anything really. As far as I was concerned I had had come up with the design myself. There was no conscious inspiration for it.</p><p>That same year there was a <a
href="http://www.rockchallenge.com.au/">Rock Eisteddfod</a> (I&#8217;m not sure if it was the <acronym
title="Rock Eisteddfod Challenge">REC</acronym> or not). A group of people from our school put together a performance of dancing, lighting and costumes. I think it told some kind of story or gave a message. There was one thing that stood out for me: a huge banner with a big heart with wings.</p><p>I was so ticked! I thought it was obvious that the design had been ripped from me since I&#8217;d been drawing that thing all over the school for months. A friend asked the girl who designed the banner about it; she said it was original. For years I doubted it, until&#8230; I bought a doona cover with winged hearts on it. Obviously my design, despite having come up with it fairly independently, was not original. Even a quick Google image search for <a
href="http://images.google.com/images?q=heart+wings+halo&#038;ndsp=20&#038;um=1&#038;hl=en&#038;start=0&#038;sa=N">heart wings halo</a> can tell you the same.</p><p>Hey, I was young! What can you expect?</p><h3>Panoramio vs. MarcoPolo</h3><p>So now, when I see the <a
href="http://www.panoramio.com/">Panoramio</a> logo, how annoyed can I be that it looks so similar to the logo I designed for <a
href="http://www.symonds.id.au/marcopolo/">MarcoPolo</a>? I&#8217;d say, &#8220;not very&#8221;, because they&#8217;re both to do with locations; they&#8217;re obviously based on compasses; lets face it, I didn&#8217;t invent circles or arrows!</p><p>I think it&#8217;s a bit amusing actually.</p><h4>Panoramio logo and favicon</h4><p><img
src="http://www.kristarella.com/wp-content/uploads/panoramio.png" alt="Panoramio logo" title="Panoramio logo" width="288" height="84" style="vertical-align:middle;" />&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;<img
src="http://www.kristarella.com/wp-content/uploads/panoramio-favicon.png" alt="Panoramio favicon" title="Panoramio favicon" style="vertical-align:middle;" /></p><h4>MarcoPolo toolbar icon and favicon</h4><p><img
src="http://www.kristarella.com/wp-content/uploads/mp.png" alt="MarcoPolo toolbar icon" title="MarcoPolo toolbar icon" width="59" height="22" style="vertical-align:middle;" />&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;<img
src="http://www.kristarella.com/wp-content/uploads/mp-icon.png" alt="MarcoPolo favicon" title="MarcoPolo favicon" width="18" height="18" style="vertical-align:middle;" /></p><h3>More research</h3><p>It looks like the <a
href="http://www.alzado.org/articulo.php?id_art=478">Panoramio logo was made in 2005</a>. The MarcoPolo logo was made in 2006 (I think), but since <em>I made it</em> I can honestly say that it was made completely independently of the Panoramio logo, which I saw for the first time a couple of weeks ago.</p><p>I also found a post by <a
href="http://www.spatiallyadjusted.com/2006/12/10/panoramios-logo-based-on-osgeos/">James Fee</a>, showing similarity between compass logos.</p><p>It happens!</p><h3>Final thoughts</h3><blockquote><p> The eye never has enough of seeing,<br
/> nor the ear its fill of hearing.</p><p>What has been will be again,<br
/> what has been done will be done again;<br
/> there is nothing new under the sun.</p><p>Is there anything of which one can say,<br
/> &#8220;Look! This is something new&#8221;?<br
/> It was here already, long ago;<br
/> it was here before our time.</p><p>There is no remembrance of men of old,<br
/> and even those who are yet to come<br
/> will not be remembered<br
/> by those who follow.</p></blockquote><p
class="right"><i>Ecclesiastes 1:8-11</i></p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/05/nothing-new/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Expressive words</title><link>http://www.kristarella.com/2008/04/expressive-words/</link> <comments>http://www.kristarella.com/2008/04/expressive-words/#comments</comments> <pubDate>Wed, 30 Apr 2008 13:44:08 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Design]]></category><guid
isPermaLink="false">http://www.kristarella.com/?p=1078</guid> <description><![CDATA[I saw this great concept via i love typography. Select five words and explore their expressive quality by manipulating the letter forms. Expressive words. I thought it looked like a bit of fun and a thoughtful exercise, so I gave it a go. I only did four words, three of which Karly did (to see [...]]]></description> <content:encoded><![CDATA[<p></p><p>I saw this great concept via <a
href="http://ilovetypography.com/2008/03/23/sunday-type-bright-type/">i love typography</a>.</p><blockquote><p>Select five words and explore their expressive quality by manipulating the letter forms.</p></blockquote><p><a
href="http://www.designingwithtype.com/cooper5/5_intro.html">Expressive words</a>.</p><p>I thought it looked like a bit of fun and a thoughtful exercise, so I gave it a go. I only did four words, three of which <a
href="http://www.barrettcreates.com/blog/designing-expressive-words/">Karly</a> did (to see what else I could come up with) and one of my own (a dictionary.com Word of the Day).</p><p><img
class="center" src="http://www.kristarella.com/wp-content/uploads/expressive-words1.png" alt="" title="Expressive words" width="400" height="400" class="alignnone size-full wp-image-1080" /></p><p>The fonts: STSong for <em>bloom</em> because it&#8217;s one I found on my computer recently and kinda like; Helvetica for <em>magic</em> because it was one of the fonts Karly restricted herself to and I wanted to go for non-fancy fonts; Apple Chancery for <em>confluence</em> because I really wanted something flowing, but not too fancy; Baskerville for <em>bright</em> because it was one of the fonts Karly picked and <a
href="http://aestheticrew.com/expressive-words/">Manuel</a> said he hated it &mdash; I wanted to see what the fuss was about (I didn&#8217;t &mdash; I love that g!).</p><p>I&#8217;m not sure if I went against the rules, or the spirit of the exercise by bending the l in <em>bloom</em> or using different shades in <em>magic</em> or blurring the letters of <em>bright</em>, but it was fun. There was definitely minimal manipulation.</p><h3>Other expressers</h3><ul><li><a
href="http://www.barrettcreates.com/blog/designing-expressive-words/">Karly</a>, who pretty much spread the exercise and did an amazing job with her words</li><li><a
href="http://mattjewell.com/Expressive_Words,65">Matt Jewel</a> &mdash; I love <em>jump</em>, very effective</li><li><a
href="http://aestheticrew.com/expressive-words/">Manuel</a>, whose <em>lost</em> was quite inspired, but I&#8217;ll admit to not getting it at first (<em>bloom</em> is very similar to mine, but I didn&#8217;t actually see his until after I&#8217;d done mine)</li><li><a
href="http://www.nomorestories.com/2008/03/26/expressive-words/">vlad</a>, who gave me the idea or the word of the day and whose <em>walloping</em> is totally cool</li></ul> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/04/expressive-words/feed/</wfw:commentRss> <slash:comments>22</slash:comments> </item> <item><title>Wallpaper feature on Smashing Magazine</title><link>http://www.kristarella.com/2008/03/wallpaper-feature-on-smashing-magazine/</link> <comments>http://www.kristarella.com/2008/03/wallpaper-feature-on-smashing-magazine/#comments</comments> <pubDate>Mon, 31 Mar 2008 03:25:25 +0000</pubDate> <dc:creator>kristarella</dc:creator> <category><![CDATA[Graphics]]></category> <category><![CDATA[Design]]></category><guid
isPermaLink="false">http://www.kristarella.com/2008/03/wallpaper-feature-on-smashing-magazine/</guid> <description><![CDATA[I was very excited when I heard that my wallpaper would be featured on Smashing Magazine&#8217;s April Calendar Wallpaper post! I decided to contain my excitement until the post came out and I could point you to it. There&#8217;s some great stuff there. Very cool idea to incorporate a calendar into a wallpaper: it&#8217;s practical [...]]]></description> <content:encoded><![CDATA[<p></p><p><img
src='http://www.kristarella.com/wp-content/uploads/april-cal.png' alt='Blooming Blue' /></p><p>I was very excited when I heard that my wallpaper would be featured on <a
href="http://www.smashingmagazine.com/2008/03/29/desktop-wallpaper-calendar-april-2008/">Smashing Magazine&#8217;s April Calendar Wallpaper</a> post! I decided to contain my excitement until the post came out and I could <a
href="http://www.smashingmagazine.com/2008/03/29/desktop-wallpaper-calendar-april-2008/">point you to it</a>.</p><p>There&#8217;s some great stuff there. Very cool idea to incorporate a calendar into a wallpaper: it&#8217;s practical and it can be a <a
href="http://88.198.60.17/images/smashing-wallpapers/full/aprilly.jpg">nice feature by itself</a>.</p><p>Happy April!</p> ]]></content:encoded> <wfw:commentRss>http://www.kristarella.com/2008/03/wallpaper-feature-on-smashing-magazine/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Object Caching 751/855 objects using disk: basic

Served from: www.kristarella.com @ 2012-02-10 15:52:35 -->
