<?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>mclelun &#187; Vector</title>
	<atom:link href="http://www.mclelun.com/blog/tag/vector/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mclelun.com/blog</link>
	<description>I am a colorblind multimedia designer + developer</description>
	<lastBuildDate>Tue, 31 Jan 2012 14:36:42 +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>Ultimate Illustration Collection</title>
		<link>http://www.mclelun.com/blog/2011/01/ultimate-illustration-collection/</link>
		<comments>http://www.mclelun.com/blog/2011/01/ultimate-illustration-collection/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 13:09:37 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Book]]></category>
		<category><![CDATA[Comic]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=136</guid>
		<description><![CDATA[&#8220;Ultimate Illustration Collection&#8221; was the first book that featured my artworks during 2008. I blog about this last time, but my old blog was down. So, I will re-blog this for archive purpose. To be honest, I think my artworks look like crap back then, maybe because that was the time I start to draw [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;Ultimate Illustration Collection&#8221; was the first book that featured my artworks during 2008. I blog about this last time, but my old blog was down. So, I will re-blog this for archive purpose.</p>
<p><span id="more-136"></span></p>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110120_ultimate08_01.jpg" alt="ultimate illustration" /><br />
<p class="wp-caption-text">Although the cover of this book look very graffiti and street art style, but it features a wide range of art styles in different types of media.</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110120_ultimate08_02.jpg" alt="ultimate illustration" /><br />
<p class="wp-caption-text">"<a href="http://mclelun.deviantart.com/art/End-of-Chapter-07-73400592" target="_blank">End of Chapter 07</a>" is a short experimental comic.</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110120_ultimate08_03.jpg" alt="ultimate illustration" /><br />
<p class="wp-caption-text">"<a href="http://mclelun.deviantart.com/art/Mask-77661962" target="_blank">Mask</a>" and "<a href="http://mclelun.deviantart.com/art/Help-the-Kid-76883447" target="_blank">Help the Kid</a>"</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110120_ultimate08_04.jpg" alt="ultimate illustration" /><br />
<p class="wp-caption-text">lorem ipsum</p></div>
<p>To be honest, I think my artworks look like crap back then, maybe because that was the time I start to draw again when a colleague show me Deviantart. I think I have improve quite a lot since then. People said practice make perfect, but I don&#8217;t practice. I just use one method that I learn from my college, &#8220;Observation&#8221;. I usually pay attention to things that look nice.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2011/01/ultimate-illustration-collection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pipit International Creative Issue 4</title>
		<link>http://www.mclelun.com/blog/2011/01/pipit-international-creative-issue-4/</link>
		<comments>http://www.mclelun.com/blog/2011/01/pipit-international-creative-issue-4/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 11:09:14 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Book]]></category>
		<category><![CDATA[Comic]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=133</guid>
		<description><![CDATA[I was an invited artist for Pipit International Creative Issue 4, but I don&#8217;t have time to blog about it when I got the book last year. So here are some photos of the book. Pipit international creative issue is a self funded independent art book. Fueled by passion of the team and support from [...]]]></description>
			<content:encoded><![CDATA[<p>I was an invited artist for Pipit International Creative Issue 4, but I don&#8217;t have time to blog about it when I got the book last year. So here are some photos of the book.</p>
<p><span id="more-133"></span></p>
<blockquote><p>Pipit international creative issue is a self funded independent art book. Fueled by passion of the team and support from our fellow members, we decided to release and publish it to promote worldwide independent talents, ranging from designers, to artists, and other creatives. Pipit creative issue showcases the best talents, interesting events, awesome projects , exhibitions and creative inspirational ideas. </p></blockquote>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110120_pipitzine4_01.jpg" alt="pipit zine" /><br />
<p class="wp-caption-text">Pipit International Creative Issue 4 with paper bag</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110120_pipitzine4_02.jpg" alt="comic" /><br />
<p class="wp-caption-text">My short comic "<a href="http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/">Down The Rabbit Hole</a>" and "<a href="http://www.mclelun.com/blog/2010/07/the-white-rabbit/">The White Rabbit</a>". I follow the size given, but the artwork still went into the book folding area.</p></div>
<p>For more information about the book, you can visit <a href="http://thepipit.com/viewforum.php?f=93&#038;sid=3b28d7d8e61239122cbb2508a0ba46ca" target="_blank">Pipit forum</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2011/01/pipit-international-creative-issue-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vintage Tech Visual Book</title>
		<link>http://www.mclelun.com/blog/2011/01/vintage-tech-visual-book/</link>
		<comments>http://www.mclelun.com/blog/2011/01/vintage-tech-visual-book/#comments</comments>
		<pubDate>Sun, 16 Jan 2011 08:15:10 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Book]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=121</guid>
		<description><![CDATA[Few months ago, Beano from FluffaNutta Studio invite me as a guest artist for their debut art book &#8220;Vintage Tech&#8220;. I am more than happy to submit my interpretation of vintage tech to their art book. But due to busy schedule, I only manage to did one illustration. Take a breathtaking journey to a dimension [...]]]></description>
			<content:encoded><![CDATA[<p>Few months ago, Beano from <a href="http://blog.fluffanuttastudio.com/" target="_blank">FluffaNutta Studio</a> invite me as a guest artist for their debut art book &#8220;<a href="http://blog.fluffanuttastudio.com/2010/12/fnmart/" target="_blank">Vintage Tech</a>&#8220;. I am more than happy to submit my interpretation of vintage tech to their art book. But due to busy schedule, I only manage to did one illustration.</p>
<p><span id="more-121"></span></p>
<blockquote><p>Take a breathtaking journey to a dimension where the vintage era obtained technology of the future, or a dimension where the world of tomorrow regained a rich history.</p></blockquote>
<p>As an invited artist, I get a free copy from FluffaNutta Studio. I just received the book several days ago and below are some photos.</p>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110116_vintagetech_01.jpg" alt="vintage tech" /><br />
<p class="wp-caption-text">Package I receive.</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110116_vintagetech_02.jpg" alt="vintage tech" /><br />
<p class="wp-caption-text">Cover of the book.</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110116_vintagetech_03.jpg" alt="vintage tech" /><br />
<p class="wp-caption-text">Behind the book there is a brief description of the art book and list of invited artist.</p></div>
<div class="wp-caption aligncenter" style="width: 590px"><br />
<img src="http://www.mclelun.com/img/blog/110116_vintagetech_04.jpg" alt="vintage tech" /><br />
<p class="wp-caption-text">Here is the piece of artwork I submitted. I also post this earlier in my <a href="http://mclelun.deviantart.com/art/Tiger-Hunting-176209275" target="_blank">Deviant page</a>.</p></div>
<p>The book was on sale during Comic Fiesta at Berjaya TimeSquare last year. But you still can order it from <a href="http://blog.fluffanuttastudio.com/store/"  target="_blank">FluffaNutta Studio Online Store</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2011/01/vintage-tech-visual-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pipit 4th Anniversary Wish Art</title>
		<link>http://www.mclelun.com/blog/2010/10/pipit-4th-anniversary-wish-art/</link>
		<comments>http://www.mclelun.com/blog/2010/10/pipit-4th-anniversary-wish-art/#comments</comments>
		<pubDate>Thu, 07 Oct 2010 16:37:47 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=59</guid>
		<description><![CDATA[I received emails from peoples asking me how I did all my artworks. So, I am going to do a quick run through on how I did this &#8220;Pipit Anniversary Wish Art&#8221;. It is not meant to be a in-depth tutorial, but it will give you a clear view on how I did my artworks. [...]]]></description>
			<content:encoded><![CDATA[<p>I received emails from peoples asking me how I did all my artworks. So, I am going to do a quick run through on how I did this &#8220;Pipit Anniversary Wish Art&#8221;. It is not meant to be a in-depth tutorial, but it will give you a clear view on how I did my artworks.</p>
<p><span id="more-59"></span></p>
<p><img src="http://www.mclelun.com/img/blog/101007_pipit_06.jpg" alt="pipit final" /></p>
<h3>Quick Sketch</h3>
<p>Before drawing anything, I always try to visualize on how the final artwork going to look like. Some peoples will start to do rough sketch to generate ideas. Some peoples will look for references. So, it depend on what work best for you. After getting a brief idea, I will then do a quick sketch to see if I am happy to proceed with it.<br />
<img src="http://www.mclelun.com/img/blog/101007_pipit_00.jpg" alt="pipit idea" /></p>
<p>If I can see where I am heading to with it, I will clean up and refine the lines of the sketch. The lines doesn&#8217;t need to be super clean as we are just using it as guidance to trace the image into vector format.<br />
<img src="http://www.mclelun.com/img/blog/101007_pipit_01.jpg" alt="pipit sketch" /></p>
<h3>Tracing</h3>
<p>Most people will use Illustrator for vector tracing, but I am doing it in Flash. If you are doing it for print, you should trace it in Illustrator since that the standard file format for printing. Beside that, I will also lower down the opacity of the sketch and use a blue color line while tracing. This make it easier for me to see the vector line.<br />
<img src="http://www.mclelun.com/img/blog/101007_pipit_02.jpg" alt="pipit trace" /></p>
<h3>Base Color</h3>
<p>After finish tracing, I start to put in the base color for the vector. For a color blind person like me, I always use reference images for color scheme. In this case, I google some pipit bird photos and use color picker to pick the color from it.<br />
<img src="http://www.mclelun.com/img/blog/101007_pipit_03.jpg" alt="pipit color" /></p>
<h3>Outlines</h3>
<p>Some people prefer vector art without outlines, some prefer dark bold outline. There is no wrong or right, it is just different style of vector art. In this artwork, I will proceed with a bold black color outline. It still look a bit ugly in this stage, but will start to look way better after the next step.<br />
<img src="http://www.mclelun.com/img/blog/101007_pipit_04.jpg" alt="pipit black line" /></p>
<h3>Highlight and Shadow</h3>
<p>Some vector art skip this step completely. But for the type of vector art I am doing, it always look better with the shading. In this case, I imagine there is a light source on top left, so everything will be brighter on top left, darker on bottom right. With this two band of color shading, the artwork will start to look a bit like cell shaded 3D.<br />
<img src="http://www.mclelun.com/img/blog/101007_pipit_05.jpg" alt="pipit shading" /></p>
<h3>Optional step</h3>
<p>We can always import our artwork into Photoshop to do some final touch up although it won&#8217;t be a pure vector art anymore. In my case, I added the wood texture background, frame the artwork inside polaroid image and did some color adjustment. I can still do the background and polaroid in vector, but for what? Adding them in Photoshop look way nicer.</p>
<p><a href="http://mclelun.deviantart.com/art/pipit-4th-anniversary-181510107"><img src="http://www.mclelun.com/img/blog/101007_pipit_07.jpg" alt="pipit touchup" /></a></p>
<p>I didn&#8217;t really go deep into each of these steps but I will try to do a more detail tutorial soon. In the mean time, I hope you will learn something from this brief tutorial.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/10/pipit-4th-anniversary-wish-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Down The Rabbit Hole</title>
		<link>http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/</link>
		<comments>http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/#comments</comments>
		<pubDate>Sun, 18 Jul 2010 14:13:25 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Comic]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=42</guid>
		<description><![CDATA[Another comic that I did for Pipit Creative Issues.]]></description>
			<content:encoded><![CDATA[<p>Another comic that I did for Pipit Creative Issues.</p>
<p><span id="more-42"></span></p>
<p><img src="http://fc07.deviantart.net/fs70/f/2010/199/1/b/Down_the_rabbit_hole_by_mclelun.jpg" alt="Down The Rabbit Hole" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

