<?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>Graphically Speaking &#187; Image Editing &amp; Illustration</title>
	<atom:link href="http://gs.designbymk.com/archives/category/image-editing-illustration/feed/" rel="self" type="application/rss+xml" />
	<link>http://gs.designbymk.com</link>
	<description>Mental Meanderings of an Art Director</description>
	<lastBuildDate>Tue, 30 Jun 2009 19:36:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Retro EPCOT Icons</title>
		<link>http://gs.designbymk.com/archives/2004/11/retro-epcot-icons/</link>
		<comments>http://gs.designbymk.com/archives/2004/11/retro-epcot-icons/#comments</comments>
		<pubDate>Fri, 05 Nov 2004 18:06:50 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=107</guid>
		<description><![CDATA[Gedeon Maheux, of Iconfactory, designed some fantastic icons using the original pavilion logos of EPOCT Center. I think he has done a really nice job of adapting them to a modern usage. If you are interested in these icons they &#8230; <a href="http://gs.designbymk.com/archives/2004/11/retro-epcot-icons/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p class="title"><img src="http://gs.designbymk.com/images/nov04/epcoticonstitle.gif" alt="EPCOT Center pavillion icons"></p>
<p>Gedeon Maheux, of <a href="http://www.iconfactory.com/">Iconfactory</a>, designed<br />
  some fantastic icons using the original pavilion logos of EPOCT Center. I think<br />
  he has done a really nice job of adapting them to a modern usage.</p>
<p>If you are interested in these icons they are available for <a href="http://www.iconfactory.com/preview.asp?type=show&#038;id=226">download<br />
  at Iconfactory</a>. For more information on the origins of these logos, pre-icon,<br />
  read <a href="http://gs.designbymk.com/archives/2004/10/retro_epcot_log.html">Retro<br />
  EPCOT Logos</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2004/11/retro-epcot-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Josh &#8220;Shag&#8221; Agle</title>
		<link>http://gs.designbymk.com/archives/2004/07/josh-shag-agle/</link>
		<comments>http://gs.designbymk.com/archives/2004/07/josh-shag-agle/#comments</comments>
		<pubDate>Wed, 21 Jul 2004 18:21:37 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=84</guid>
		<description><![CDATA[Josh Agle started out working as a commercial illustrator. His grandfather proved to have a comfortable life as an illustrator, and that inspired him to consider it as a career. Josh became a very proficient commercial illustrator. He wasn&#8217;t very &#8230; <a href="http://gs.designbymk.com/archives/2004/07/josh-shag-agle/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p class="title"><img src="http://gs.designbymk.com/images/july04/shagtitle.jpg" alt="shag illustration"></p>
<p><a href="http://www.shag.com">Josh Agle</a> started out working as a commercial<br />
  illustrator. His grandfather proved to have a comfortable life as an illustrator,<br />
  and that inspired him to consider it as a career. Josh became a very proficient<br />
  commercial illustrator. He wasn&#8217;t very well known until he started doing personal<br />
  paintings and showing them in galleries. In 1997, Josh had done his first solo<br />
  gallery show. The success of his shows only began to increase. It became his<br />
  life&#8217;s work. Today, Shag (Josh&#8217;s self proclaimed nickname) continues to paint<br />
  every day of the week. His line up of shows seems to have no end in sight.</p>
<p><strong>Josh&#8217;s art is heavily influenced by the illustrations of the late 1950&#8242;s<br />
  to the mid 60&#8242;s</strong>, more specifically the commercial advertisements of<br />
  that era. He goes on to explain, &#8220;Back then, a lot of magazine ads, TV commercials,<br />
  and product packaging had sort of cubist-cartoonish look, which I&#8217;ve appropriated<br />
  and expanded upon for these Shag paintings.&#8221;</p>
<p>His use of vivid and highly saturated color seems to reflect the psychedelic<br />
  colors popular in the 60&#8242;s. His colors are certainly well chosen to match<br />
  the mood and assist in telling the &#8220;story.&#8221; Crisp lines and graceful<br />
  curves are of abundance in any one of Shag&#8217;s masterpieces. His environments<br />
  have wonderful details, all while not being distracting.</p>
<p>I really appreciate Josh Agle&#8217;s stylization. His characters are drawn<br />
  in an unrealistic fashion, breaking all the rules. But his consistency and development<br />
  of that style is so enjoyable to look at. Josh&#8217;s flat rendering of the<br />
  characters is often contrasted by a slightly textured background.</p>
<p>Shag&#8217;s famous tikis are something to behold. These statues are<br />
  brought to life on the two dimensional plane. Their expressions are always priceless,<br />
  and assist in telling the &#8220;story.&#8221; He even has created a few sets<br />
  of limited edition tiki glasses and accompanying print. Shag merchandising is<br />
  a popular commodity of those that enjoy collecting from the modern era.</p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2004/07/josh-shag-agle/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Quickie Tips: Illustrator</title>
		<link>http://gs.designbymk.com/archives/2004/07/quickie-tips-illustrator/</link>
		<comments>http://gs.designbymk.com/archives/2004/07/quickie-tips-illustrator/#comments</comments>
		<pubDate>Tue, 06 Jul 2004 08:29:45 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=77</guid>
		<description><![CDATA[Illustrator is my most used piece of software for graphic design projects (never mind the Sims, I&#8217;m dealing with business). Web design projects inevitably turn into a Photoshop heavy ordeal, but somehow I still get to use Illustrator. Yes, sometimes &#8230; <a href="http://gs.designbymk.com/archives/2004/07/quickie-tips-illustrator/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Illustrator is my most used piece of software for graphic design projects (never<br />
  mind the Sims, I&#8217;m dealing with business). Web design projects inevitably<br />
  turn into a Photoshop heavy ordeal, but somehow I still get to use Illustrator.<br />
  Yes, sometimes it is easier just to layout an entire page in Illustrator, and<br />
  I&#8217;m not the only one who does it; you know who you are. But it&#8217;s<br />
  all good, unless you aren&#8217;t. Good at Illustrator, that is. What is one<br />
  to do?</p>
<p>Well if you understand <a href="http://www.moshplant.com/direct-or/bezier/">bezier<br />
  curves</a>, text boxes, and gradient mesh, this article is for <strong>you </strong>(you<br />
  don&#8217;t have to know gradient mesh, but if you haven&#8217;t used it, try<br />
  it out).</p>
<h2>Work Smart, Not Hard</h2>
<p>I&#8217;m not a really great at Traditional Art, so sitting down to draw some<br />
  semi realistic object could take me some time. But, wait! There&#8217;s the<br />
  shapes tool in Illustrator. Combine that with the line tool and you&#8217;ve<br />
  got yourself a handy way to make some complex objects.</p>
<p><img src="http://gs.designbymk.com/images/july04/pathfinder1.gif">First we need to open the pathfinder window (<strong>Window &gt; Pathfinder</strong>)<br />
  if it&#8217;s not open already, locate the pallet that contains the pathfinder<br />
  window (default: bottom-right; pictured). Hover your cursor over each button<br />
  to familiarize yourself with its action. </p>
<p>Shape Modes: add to shape area, subtract form shape area, intersect shape area,<br />
  and exclude overlapping shape area.</p>
<p>Pathfinders: divide, trim, merge, crop, outline, and minus back.</p>
<p>It is helpful to note that the Shape Modes actions do not permanently alter<br />
  shapes, unless the expand button is clicked after having performed a Shape Mode<br />
  action. All Pathfinder actions immediately alter the shapes.</p>
<h2>Pathfinder In Use</h2>
<p><img src="http://gs.designbymk.com/images/july04/pathfinder2.gif">Ok, so lets make a complex object out of shapes. Select the ellipse shape tool<br />
  in the toolbar. Hold the shift key so you can draw a perfect circle. <strong><em>Atl-Drag</em></strong><br />
  (Ctrl-Drag Mac) to copy the circle. Do this a couple of times. Then align the<br />
  circles so they overlap in places. I decided to create an overlapping crescent<br />
  shape with six iterations (pictured).</p>
<p><img src="http://gs.designbymk.com/images/july04/pathfinder3.gif">Select all of the circles, or whatever shape you decided to use, and use the<br />
  divide pathfinder action. This creates many more separate shapes where they<br />
  overlapped. They are automatically grouped, so to adjust each one it needs to<br />
  be ungrouped. Ungroup by using the shortcut <strong>Ctrl + Shift + G</strong><br />
  (Cmd + Shift + G). Feel free to change the shapes&#8217; color, reposition,<br />
  and delete. I seem to have come up with a pretty interesting icon (pictured).
</p>
<h2>The Sky&#8217;s The Limit</h2>
<p><img src="http://gs.designbymk.com/images/july04/mickey.gif">By just using the pathfinder actions, one can create some complex looking drawings.<br />
  But if you enjoy drawing with the pen tool, be sure to use the pathfinder functions.<br />
  They will help you combing your pen drawn shapes into those more complex pen<br />
  drawings. I, for example decided to draw Mickey Mouse (you never know when you<br />
  might need that vector of Mickey). He is made up of three ellipses (his ears<br />
  are a bit squashed). See if you can tell how I could have used the pathfinder<br />
  tool. I did actually use a couple (divide, add to shape area, and subtract from<br />
  shape area) about six times.</p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2004/07/quickie-tips-illustrator/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Conceptualize In Three Dimensions</title>
		<link>http://gs.designbymk.com/archives/2004/04/conceptualize-in-three-dimensions/</link>
		<comments>http://gs.designbymk.com/archives/2004/04/conceptualize-in-three-dimensions/#comments</comments>
		<pubDate>Thu, 15 Apr 2004 10:07:41 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=58</guid>
		<description><![CDATA[When working on product packaging or rendering the products themselves, a new feature in Illustrator CS may become your new best friend. I will discuss the basics of the new 3D rendering tools in Adobe Illustrator, and show an example &#8230; <a href="http://gs.designbymk.com/archives/2004/04/conceptualize-in-three-dimensions/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>When working on product packaging or rendering the products themselves, a new feature in Illustrator CS may become your new best friend. I will discuss the basics of the new 3D rendering tools in Adobe Illustrator, and show an example of a product rendering done quickly with the 3D bevel.<br />
<span id="more-58"></span></p>
<p>I don&#8217;t know how many graphic designers actually have working knowledge of modeling in 3D, but I&#8217;m guessing not many do. With the inclusion of 3D capabilities in Illustrator, basic objects can be made in 3D. To use the command, go to the <strong>Effect</strong> > <strong>3D</strong> menu. There you will find three 3D options Extrude &#038; Bevel, Revolve, and Rotate. Todays example was made using the Extrude &#038; Bevel Effect.</p>
<h3>Extrusion</h3>
<p><img src="http://gs.designbymk.com/images/apr04/ipodconcept1.jpg">I had wanted to create a concept for a new iPod design, so I drew the basic shape in Illustrator as a path. Feel free to create the most complex shapes you can think of. Keep in mind, however, the more complex the shape the longer it will take for it to be rendered. </p>
<p>With the path selected, I clicked on the Extrude &#038; Bevel menu selection. A dialog box opens. There you can adjust the amount of extrusion, which gives the object depth, and bevel, which changes the way the front surface connects to the back surface. Among other options, which are best learned by experimenting, are the lighting positions. Change the lights so you get a strong side light, or a bit of a backlight to soften the edges.</p>
<p><img src="http://gs.designbymk.com/images/apr04/ipodconcept2.jpg">I created images to be mapped to the front and back faces, saved them as symbols, and loaded the on to my 3D object using the map art button. The best part about the 3D tool is everything, and I mean everything, is easily edited. Change the position to isometric top, and your object looks like it&#8217;s lying atop a table.</p>
<p>When your done you can expand the object, separating each individual shape into vectored objects. Relatively small file size, and infinitely scaleable.</p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2004/04/conceptualize-in-three-dimensions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>For Refrence</title>
		<link>http://gs.designbymk.com/archives/2003/11/for-refrence/</link>
		<comments>http://gs.designbymk.com/archives/2003/11/for-refrence/#comments</comments>
		<pubDate>Wed, 12 Nov 2003 11:13:49 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=20</guid>
		<description><![CDATA[The site A List Apart is a nice reference for all you web designers out there. I used it for some css help, but they seem to have a wide variety of web design articles posted. it has a good &#8230; <a href="http://gs.designbymk.com/archives/2003/11/for-refrence/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The site <a href="http://www.alistapart.com/">A List Apart</a> is a nice reference for all you web designers out there. I used it for some css help, but they seem to have a wide variety of web design articles posted. it has a good organization system too.</p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2003/11/for-refrence/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Metal is Everywhere</title>
		<link>http://gs.designbymk.com/archives/2003/09/metal-is-everywhere/</link>
		<comments>http://gs.designbymk.com/archives/2003/09/metal-is-everywhere/#comments</comments>
		<pubDate>Tue, 23 Sep 2003 10:04:05 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=7</guid>
		<description><![CDATA[So the new logo idea is here, and ^up there^, in the header of Graphically Speaking. Metals seem to be all the rage. i&#8217;m not following a trend, just adapting. it does look nice though. right? comment on it. this &#8230; <a href="http://gs.designbymk.com/archives/2003/09/metal-is-everywhere/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><span class="firstcap">S</span>o the new logo idea is here, and ^up there^, in the header of Graphically Speaking.<br />
<br /> <img src="http://gs.designbymk.com/images/metal-logo.gif" width="200" height="200" align=center></p>
<p>
<a href="http://www.apple.com/powermac/"><br />
Metals </a><br />
seem to be all the rage. i&#8217;m not following a trend, just adapting. it does look nice though. right? comment on it.</p>
<p>
this metal look has been on the web, mainly to create interfaces. as a graphic designer, i like to take advantage of all the textures i can get my hands on. <a href="http://pchan.cgworks.com/tutorials/tut02/tutorial02.html">brushed metal</a> has allways looked nice.  this texture can be attained with some intermediate photoshop skills. <a href="http://www.thewebmachine.com/">the webmachine has the steps for beginners </a> or if you want some new ideas. <i>till next time, chill</i></p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2003/09/metal-is-everywhere/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Awesome Photoshop Tutorials</title>
		<link>http://gs.designbymk.com/archives/2003/09/awesome-photoshop-tutorials/</link>
		<comments>http://gs.designbymk.com/archives/2003/09/awesome-photoshop-tutorials/#comments</comments>
		<pubDate>Mon, 22 Sep 2003 12:22:06 +0000</pubDate>
		<dc:creator>MK</dc:creator>
				<category><![CDATA[Image Editing & Illustration]]></category>

		<guid isPermaLink="false">http://www.gs.designbymk.com/wp/?p=6</guid>
		<description><![CDATA[theWebMachine &#8211; Your guide through Adobe WebCollection! This is really nice stuff. But be careful! Use nifty/trippy effects very sparingly. there i warned you.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thewebmachine.com/">theWebMachine &#8211; Your guide through Adobe WebCollection!</a><br />
<br />
This is really nice stuff. But be careful! Use nifty/trippy effects <i> very sparingly</i>.</p>
<p>
<b>there i warned you.</b></p>
]]></content:encoded>
			<wfw:commentRss>http://gs.designbymk.com/archives/2003/09/awesome-photoshop-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

