<?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>DigitalAppleJuice &#187; Graphics</title>
	<atom:link href="http://digitalapplejuice.com/category/workflow/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://digitalapplejuice.com</link>
	<description>Online Magazine of Inspirations, Information, &#38; Distractions for Digital Artists</description>
	<lastBuildDate>Mon, 15 Mar 2010 13:26:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A Story About iPhone Game Development</title>
		<link>http://digitalapplejuice.com/story-iphone-game-development/</link>
		<comments>http://digitalapplejuice.com/story-iphone-game-development/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 12:20:00 +0000</pubDate>
		<dc:creator>Bradley W. Lewis</dc:creator>
				<category><![CDATA[Commerce]]></category>
		<category><![CDATA[Digital Lifestyles]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Profiles]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[midway software]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=3314</guid>
		<description><![CDATA[Developing for the iPhone is a bit of a shift for me; in more ways than one.&#160; I spent ten years climbing the career ladder towards bigger projects, bigger budget titles, bigger studios, etc.&#160; But ...]]></description>
			<content:encoded><![CDATA[<p>Developing for the iPhone is a bit of a shift for me; in more ways than one.&nbsp; I spent ten years climbing the career ladder towards bigger projects, bigger budget titles, bigger studios, etc.&nbsp; But when I found myself taking leave of the million dollar projects and high profile studios and joining up with a little 3 man startup iPhone app company, I had no idea the very next rungs on the ladder would be some of the most challenging and rewarding of my career.</p>
<p><span id="more-3314"></span></p>
<p><img width="600" height="286" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_m7191e776.jpg" /></p>
<p>&nbsp;Now just before I had gone to <b>id Software</b> in Dallas, in the week I had free after leaving <b>Midway Studios Austin</b>, I had agreed to help my friend Jeremy Howa do a little iPhone game for his pre-startup company.&nbsp; I believe they were working at the boss&rsquo;s upstairs pool table at the time I pitched in and helped them out by doing the artwork.&nbsp; I also named the game, &ldquo;TriniTower;&rdquo; which was to become somewhat of a recurring task.</p>
<p style="text-align: center;"><img width="428" height="860" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_m60536a03.jpg" /></p>
<p>TriniTower was a three-tower solitaire game, light in artwork, but the artwork needed to be high quality, or so I thought.&nbsp; I did a few mockups, and had Jeremy come over to the house and review them, and we had game design talks as we changed artwork and scope on the fly.&nbsp; At the time, Jeremy and I were technically the only ones on the team, as John and Brian Howard, the ones funding the project, were busy at another software design establishment.&nbsp; This was my first taste at iPhone development, and I was pretty lost.</p>
<p>Luckily, Jeremy had picked up a fresh new Mac Mini for development, and begun the painful process of converting his programming skills over to the Mac platform.&nbsp; I still developed artwork on a PC.&nbsp; The art doesn&rsquo;t care where it&rsquo;s made, but we had to assemble it on the Mac.</p>
<p>After a whirlwind week of design, art production, execution, programming and testing, we had what was a playable game, and were progressing pretty fast, when the time came for Katie and me to move to the Dallas area so I could start work at id.&nbsp; Jeremy and I continued work on TriniTower over high-speed Internet connection, IM, email and Skype.&nbsp; We would use these remote connection methods to hold meetings over the Internet.&nbsp; Often times we would discuss a change over Skype, I would edit the artwork, email it over to Jeremy, and he would recompile the game on his end, and hold up the iPhone to the webcam and show me how it looked, animated, etc.&nbsp; Rinse and repeat till we were done, and that&rsquo;s how our first iPhone game was done: partly in person, partly over webcam chat, email and Instant Message.</p>
<p>I had definitely never developed like this before, but it wasn&rsquo;t bad.&nbsp; Our next foray into the iPhone field was a reskin of John and Brian&rsquo;s first iPhone app &ldquo;PocketDyno:&rdquo; an accelerometer based portable dyno app for testing your car&rsquo;s speed.&nbsp; This time, the project was done completely over instant message chat, Skype webcam and email.&nbsp; I never even saw in person the project working until well after we were done with the complete artwork overhaul.</p>
<p style="text-align: center;"><img width="583" height="115" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_m74279df9.jpg" /></p>
<p>Three or four months before the first round of layoffs at <b>Midway Austin</b>, Jeremy was carpooling to work in the &ldquo;grandma car.&rdquo;&nbsp;&nbsp; This was the affectionate name of the Chrysler Jeremy picked me up in every other workday.&nbsp; During the ride, we&rsquo;d talk about the ArduiNIX project we were toying with, along with a stack of half- baked game ideas.&nbsp; One such game idea that so persistently occupying the conversations I finally dubbed &ldquo;Dungeon Defense.&rdquo;</p>
<p style="text-align: center;"><img width="586" height="114" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_m6085b72c.jpg" /></p>
<p>DD was an absolutely elegant concept.&nbsp; The tower defense genre was at its height of popularity at the time, as was World of Warcraft&reg;.&nbsp; Jeremy and I had talked about a fantasy style game that would generate random dungeons, and be kind of like a Diablo clone for the iPhone, but for the iPhone, the game concept had to be scoped way down. There was no way we could have pulled off the amount of content required to do that kind of game justice.&nbsp; It was at that point we came up with the idea of flipping the concept of a &ldquo;dungeon crawler&rdquo; game upside down by framing the player <i>as</i> the dungeon. Instead of the player venturing forth and fighting monsters for loot and exploring dungeons, in DD you WERE the dungeon, defending your loot and treasure from invading heroes who want to defeat you..&nbsp; This idea became more attractive as we realized we could scope it down justifiably, and introduce elements of the tower defense genre as well, by creating a game that everyone can relate to in its setting, but a new twist on how you play it.&nbsp; It was truly novel, and doable on the iPhone platform. When Jeremy told me one day they were doing DD, I had a moment of sadness that I wasn&rsquo;t there to contribute.</p>
<p>By this time, I was growing very weary of the daily 2 hour commute to <b>id</b>, and with a few other compelling reasons to head back to Austin, I had begun talking to Jeremy about if they needed an artist for the freshly minted <b>InMotion Software</b> studio.&nbsp; My friend Marshall Womack had been filling the artist duties for some time, but was about to head over to <b>Twisted Pixel</b> to work on Splosion Man for XBOX.&nbsp; A quick phone call to John Howard one evening after work, and it was set.&nbsp; After 7 months at one of the best and most respected game companies in history, I would turn in my two weeks notice at <b>id</b>, and Katie and I would move back to Austin.</p>
<p>I came on board with <b>InMotion</b> halfway through DD Development.&nbsp; It was odd being in a studio full of MacBooks, Mac Minis, etc.&nbsp; <b>InMotion</b> had definitely grown since the boss&rsquo;s pool table.&nbsp; Everyone was going through the same pains of adapting to Mac except for me, who was still cranking out artwork on the PC.</p>
<p>After Dungeon Defense had mild initial success, we made two more add on campaigns, when sales of DD began to slip, and as a team we decided to take a breather before moving on to the next tower defense style game.&nbsp; The short &ldquo;two-week&rdquo; project Jeremy suggested in a moment of brilliance was a dig dug/motherlode style game where you dig up treasure, sell it for upgrades, and return to the deep to hunt for more treasure.</p>
<p>I took this opportunity to put on my naming hat again and I called it &ldquo;I Dig It.&rdquo;&nbsp; The name was at first scowled at; and other names suggested, but I stuck to my guns.&nbsp; I Dig It was not only WHAT you did in the game, but also a subtle forced declaration of how you felt about it.&nbsp; A positive review spun right into the very name of the game.&nbsp; How could it go wrong?&nbsp; You couldn&rsquo;t say the name of the game without also telling people you liked it at the same time.&nbsp; It even had the letter &ldquo;I&rdquo; in it, which had already become so clich&eacute; in the iTunes store that anytime we saw a new app like iLawnmower, we cringed.&nbsp; But I Dig It?&nbsp; That wasn&rsquo;t bad.&nbsp;</p>
<p><img width="600" height="353" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_m432d885c.jpg" /></p>
<p>&nbsp;</p>
<p>The two-week project began with only Jeremy and me working on the tech and concept.&nbsp; I started feeding Jeremy artwork, and he plugged it in very quickly.&nbsp; By the end of two weeks we had the tech demo working, but no real game. As we realized this might be a larger project, Brian finalized work on the Dungeon Defense updates and switched over to I Dig It. Now I like having artistic control on a project, but I had never been the ONLY artist on a team that had actually done anything this big with so few people.&nbsp; At that time, the <b>InMotion</b> team consisted of Jeremy and Brian, the programmers; me the artist; and Johnny &ldquo;Cash&rdquo; Howard, who was the funding behind this endeavor.&nbsp; The problem with a game team that is structured that way was that we would take the entire team down for design discussions.&nbsp; We had no full time game designer on staff, so it took all of us at once to hammer out the mechanics of the gameplay.&nbsp; About three quarters of the way through I Dig It Development, we got the bright idea to hire a designer.&nbsp; We put out a call to Chris &ldquo;Cookie&rdquo; Graham as he was parting company with <b>FizzFactor</b> downtown.&nbsp; Cookie had worked with Jeremy and I at <b>Midway</b>, and we knew he could handle the job.&nbsp; As Cookie came on board, we saw instant productivity benefits, as the programmers could focus on the tech, and Cookie delivered on the fun.</p>
<p style="text-align: center;"><img width="364" height="546" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_1c4b456a.jpg" /></p>
<p>When we wrapped up I Dig It, and released it, we realized a few things about Apple, iPhone development, and marketing an indie game.&nbsp; With Jeremy and I used to being at gigantic game studios that have people on staff to take care of marketing and promotion, we had never sat down and thought about how to promote our iPhone games.&nbsp; When we released TriniTower, we just kind of patted it on the back and tossed it to the wind, hoping someone would see it, like it, and buy it.&nbsp; With Dungeon Defense, and a great deal more time and money invested, we had a bit of a different expectation on the return on investment of development.&nbsp; However, we still had no real knowledge of how to promote our game, since other people had always been tasked to do that before.&nbsp; A break came when a Google search turned up an iPhone game review site called <b>Touch Arcade</b> that had a forum member post a positive review of Dungeon Defense almost the day it came out.&nbsp; This led us to start working the forums, watering the grassroots marketing effort that we were beginning to recognize and cultivate.&nbsp; Had we known about <b>Touch Arcade</b> and similar sites when we released TriniTower, or hyped Dungeon Defense pre release on such sites, we would have stood a greater chance at success.</p>
<p>Now when the light at the end of the tunnel started to break its twinkly self through the darkness of project development, we realized we had to learn our marketing lessons and learn them fast.&nbsp; We had a great deal more money and time invested in I Dig It than we had planned for, and we actually were hoping to turn a profit at this iPhone game biz.</p>
<p>So we set out to light a fire under every media contact, every forum, and every possible method of getting the word out that we had a good game, and it was for sale. We wrapped up the game in its current state, and sent it off to Apple.&nbsp; Then the waiting began.&nbsp; At this point in the process, you&rsquo;re pretty much completely at Apple&rsquo;s whim.&nbsp; They approve the application, or don&rsquo;t.&nbsp; They promote the application, or don&rsquo;t.&nbsp; With thousands of apps hitting the store every week, if you don&rsquo;t catch the attention of someone at Apple, you get buried.&nbsp; And that&rsquo;s right where we were.</p>
<p>Sales were not dismal, but they were not reflective of the quality we thought we had invested in this game.&nbsp; We began entertaining the idea of becoming a non-game studio, app a day, lower production value apps or games.&nbsp; We were considering just trying to &ldquo;make it up in volume&rdquo; when we started getting good word from people on the forums.&nbsp; What really started turning us around was word from one post that said our game was being passed around the Apple&rsquo;s World Wide Developer&rsquo;s Conference like the &ldquo;swine flu.&rdquo; A day later, we got an email from Apple.&nbsp; To paraphrase, it amounted to &ldquo;Dear <b>InMotion</b>, we love your app.&nbsp; We would like the artwork and materials needed in order to do a possible feature on you in the iTunes store.&rdquo;</p>
<p>I cranked out the artwork and sent it to them, only to hear nothing.</p>
<p>It was like we were beating our fist against the monolith that was Apple, and they were not shedding any love for our &ldquo;out of nowhere&rdquo; studio.&nbsp; Meanwhile lesser quality titles from studios that have more intimate connections with apple got featured left and right.&nbsp; We went back to Dungeon Defense, what we thought was our tried and true Intellectual Property, and began cranking on a new map expansion in an attempt to boost sales of that title.</p>
<p style="text-align: center;"><img width="549" vspace="0" hspace="0" height="107" border="0" alt="" style="padding: 25px;" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_1715dc1f.jpg" /></p>
<p>Then <b>Touch Arcade</b> did a front-page feature and review on their site praising I Dig It.&nbsp; At this point, we dropped the price to $0.99 in an attempt to get I Dig It into the top 100 games, which was our goal. It got there, and kept going.&nbsp; As soon as it started catching the attention of iPhone gamers, we got word from friends abroad that it was climbing the charts at a blistering pace in Canada, Japan, Russia and other countries.&nbsp; However, in the US we were nowhere.&nbsp; Apple wouldn&rsquo;t feature us like they said they would, and we were beginning to hound our one contact at Apple to find out why.&nbsp; Finally, the price drop to $0.99, coupled with a hailstorm of forum posts, podcast reviews, and other efforts began to push I Dig It up the US Charts.&nbsp; Slowly at first, but then every day it was up a notch.&nbsp; Then up several places in the list, then finally after what seemed like months, we broke the top 100 paid games, then top 100 paid Apps, then we really started shooting up the lists.&nbsp; By the time Apple finally decided to do a feature on I Dig It, we were the #9 top paid app in the country.&nbsp; We sat around the studio watching in disbelief the Thursday I Dig It hit the #1 Top paid app in the world, displacing the Moron Test.&nbsp; It stayed at that level for about 6 days, and we started rolling the updates to keep it as fresh as possible and delay the slow retreat down the charts.</p>
<p>This experience has been truly unique in my career.&nbsp; While working on big budget titles I never saw the kind of success I have seen with this little independent title.&nbsp; I have never had such daunting tasks, or so much fun and satisfaction.&nbsp; I have never had to strain my talents to the breaking point so much, yet have never been rewarded for doing so to this extent.&nbsp; We&rsquo;re working on the sequel to I Dig It now, and hopefully we have learned enough to repeat our success.&nbsp; Dealing with this side of Apple takes some getting used to. We have to learn how to work the system, but it&rsquo;s a load of fun getting there.&nbsp; You might say I dig it.&nbsp; And yes, I still make art on a PC.</p>
<p style="text-align: center;"><img width="208" height="103" border="0" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/aaa-iph/aaa-iph_8fbbead.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/story-iphone-game-development/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>What The Font</title>
		<link>http://digitalapplejuice.com/what-the-font/</link>
		<comments>http://digitalapplejuice.com/what-the-font/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 13:39:22 +0000</pubDate>
		<dc:creator>madbadcat</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[The Not-So-Daily Edition]]></category>
		<category><![CDATA[what the font]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2592</guid>
		<description><![CDATA[The Ubiquitous Font Match. The scourge of all graphic artists. And quite possible the most tedious part of being a designer. We send emails and browse through endless font libraries in existence in hopes of ...]]></description>
			<content:encoded><![CDATA[<p><strong>The Ubiquitous Font Match.</strong> The scourge of all graphic artists. And quite possible the most tedious part of being a designer. We send emails and browse through endless font libraries in existence in hopes of matching a client&rsquo;s logo font.</p>
<p><span id="more-2592"></span></p>
<p>Font nuances are many and, unless you are a font expert, it can be very difficult to recognize the subtle combinations of elements as a specific type face. Sometimes it&rsquo;s an easy match. If the original artwork is mine,  i usually have to depend onmy memory or dig up the original files. If I am adapting a logo for web use, I usually start with the usual suspects:</p>
<p><img width="600" height="250" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/0what-the-font/usual.png" /><br />
In the case of a recent client- <a href="http://www.sleepytimestore.com/blog/" rel="nofollow" target="_blank" >SleepytimeStore.com/blog</a>- I had to resort to asking the client for the original logo file. And I still didn&rsquo;t know which font was used.</p>
<h2>What The Font</h2>
<p>Recently, my morning coffee reading brought me to <a href="http://imdesigner.today.com/" rel="nofollow" target="_blank" >Taylor Loran&rsquo;s Blog- I&rsquo;m A Designer</a>.&nbsp;</p>
<p>I like this blog. I get to rediscover websites I used to visit on a regular basis (like <a href="http://www.coudal.com/" rel="nofollow" target="_blank" >Coudal Partners</a> ) and remind me I have stopped receiving the bi-weekly <a href="http://Photojojo.com" rel="nofollow" target="_blank" >Photojojo newsletter</a>.</p>
<p>So when Taylor recommended <a href="http://new.myfonts.com/WhatTheFont/" rel="nofollow" target="_blank" >What The Font</a> I was intrigued.</p>
<h2>How It Works</h2>
<p>It is actually quite intriguing.</p>
<h2><span style="color: rgb(0, 102, 204);">First, upload an image containing the font to be identified. </span></h2>
<p><img width="600" height="560" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/0what-the-font/WhatTheFont0.png" /><br />
&nbsp;</p>
<p><img width="250" height="90" src="http://digitalapplejuice.com/wp-content/uploads/image/0what-the-font/sleepytime.png" alt="" />In my case, I placed the white logo text on a black background for a sharp contrast. The upload page has some recommendations to speed up the process. Of course, I uploaded the logo text as big as I had it- which really wasn&rsquo;t very big. The body of the lowercase letters were approximately 16 pixels high.</p>
<div style="clear: both;">&nbsp;</div>
<h2>
<strong><span style="color: rgb(0, 102, 204);">After uploading, the site requests your help to identify each character. </span></strong></h2>
<p>&nbsp;</p>
<p><img width="600" height="507" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/0what-the-font/WhatTheFont1.png" /></p>
<h2><span style="color: rgb(0, 102, 204);">Then it gives you its best guess.</span></h2>
<p>&nbsp;</p>
<p><img width="600" height="777" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/0what-the-font/WhatTheFont2.png" /><br />
&nbsp;</p>
<p>&nbsp;</p>
<h2><span style="color: rgb(0, 102, 204);"><strong>Did I mention its free? </strong></span></h2>
<p><strong>Visit the site at </strong><span style="font-size: larger;"><a href="http://new.myfonts.com/WhatTheFont/" rel="nofollow" target="_blank" ><strong>http://new.myfonts.com/WhatTheFont/</strong></a><strong> and check it out.</strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/what-the-font/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Illustrator CS4: Gradient Reflection &amp; Glossy Surface</title>
		<link>http://digitalapplejuice.com/illustrator-cs4-gradient-reflection-glossy-surface/</link>
		<comments>http://digitalapplejuice.com/illustrator-cs4-gradient-reflection-glossy-surface/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 14:45:26 +0000</pubDate>
		<dc:creator>DaveTurton</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[bowling ball]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2551</guid>
		<description><![CDATA[Making transparent gradients in Illustrator have become much easier with the new Gradient Annotator, a new tool in Adobe&#8217;s Illustrator CS4. It is now possible to define the opacity if individual color stops in a ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://astore.amazon.com/digitalapplejuice-20/detail/B001EUDJWQ" rel="nofollow"  target="_blank"><img width="90" height="125" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/illustrator.jpg" alt="" /></a><span style="font-size: small;"><em>Making transparent gradients in Illustrator have become much easier with the new Gradient Annotator, a new tool in Adobe&#8217;s Illustrator CS4. It is now possible to define the opacity if individual color stops in a gradient, revealing underlying objects and colors, and creating multiple layered compositions. The process of creating these gradients have become exact- set the gradient angle, position and dimensions while previewing the effect directly on your artboard. Here, David Turton has created a tutorial taking advantage of these new features.</em> &#8211; The Editor</span></p>
<p><span id="more-2551"></span></p>
<p>&nbsp;</p>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_01.jpg" /></p>
<p style="text-align: center;"><span style="color: rgb(255, 0, 0);"><strong>Step 1</strong>. Using the circle shape tool from the tool bar make a circle holding the &ldquo;shift&rdquo; key which will help constrain proportions.</span></p>
<div style="clear: both;">
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_02.jpg" /></p>
<p>&nbsp;</p></div>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 2. </strong>Using the gradient tool and the default gradient blend drag from the center and get close to the edge, but don&rsquo;t go past it, that is very important in this process.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_03.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 3</strong>. With the circle shape still selected use the gradient tool and just touch the area that you want the highlight to pinch toward. You can aim it in any direction you want but for this project you will need it to aim at the top. Once you get this correct you can remove the stroke from the shape if yours has one.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_04.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 4. </strong>With the shape selected go ahead and drag whatever two colors you want to use, one at a time, and replace the black and white colors already in place. We will be adding a third color to the gradient shortly.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_05.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 5. </strong>You can make nearly any shape you want but the more simple you keep it the cleaner the glossy look will appear. Try to keep the shape you make with the pen tool move away from the center like the shape above shows. Keep your color choice in the same color family and a bit darker, but not much darker than your darkest color in your shape for this exercise. Unless you&rsquo;re very aware of color harmonies, just stick to this for now.</span></p>
</blockquote>
<p><img alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_06.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 6. </strong>Using the shape tool make an oval and place it near the top of the circle shape and color it white. This is where we will get into gradient transparency blends available in CS4 that does not require transparency masking.&nbsp; Make sure your shape is centered with the background circle for this.</span></p>
</blockquote>
<p><img alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_07.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 7. </strong>Apply a gradient to the new oval shape and make both colors white. Using other colors, such as black, will have some odd coloring effects when blending to a Zero (0) opacity over another color. So for the highlight just keep it white. Go ahead and set one of the white swatches to an opacity of 0. As you can see in the screenshot provided for this I&rsquo;ve circled the important areas. Be sure to have the blend direct face downward.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_08.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 8.</strong> At this stage you will need to add a third color to help with the reflection. You can also do this at Step 4 but you can choose for yourself. Using the Direct selection tool move the darker color over to the left a bit and add a lighter swatch of your choice by dragging a swatch color from the swatch palette and dropping it on the gradient bar. At this point you can experiment a bit with color if you choose. Just keep in mind that your reflection shape on the lower part of the ball will need to blend into what ever color you choose.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_09.jpg" /></p>
<blockquote>
<p><strong> </strong><span style="color: rgb(255, 0, 0);"><strong>Step 9.</strong> I&rsquo;ve adjusted my main gradient a bit so the lighter reflection would be closer to the edge of the ball. Also, I&rsquo;ve applied my gradient to the reflective shape on the ball to achieve a better and cleaner color transition. This helps convey more depth. At this stage you can add an oval shape behind your shape and set up for the shadow. This will help with the appearance of 3D.&nbsp; Try to make the center of the shadow touch the bottom circle. By lowering it you can also give the appearance that it&rsquo;s floating.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_10.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 10.</strong> In CS4 there is a new tool for gradient call </span>&ldquo; <u><em><strong>Gradient Annotator</strong></em></u> &rdquo;<span style="color: rgb(255, 0, 0);"> which will pop up when you use the gradient tool. If it doesn&rsquo;t show up when using look for it under</span> <strong>View&gt; Show Gradient Annotator</strong><span style="color: rgb(255, 0, 0);">. The handle on this tool will function a few of ways. As you can see in the screenshot the anchor area on the right, also showing my direction of the gradient, will expand the gradient proportionally either in or out. The anchor on top will compress the gradient downward to for an oval gradient. Using this tool and saving it to a legacy file can sometimes have some unwanted effects such as stepped shape gradients or rasterizing. If you choose to save it down it&rsquo;s best to close the file then reopen it and check on any visual or structural changes. Be sure to check the file in &ldquo;outline&rdquo; mode which can be found under the view menu.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_11.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 11. </strong>In this step you can see the finished result of the use of the</span> <strong>Gradient Annotator</strong>.</p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_12.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 12. </strong>Adding the details. You can see that I&rsquo;ve added two minor light reflections at the top and I&rsquo;m in the process of making the finger holes. Using the Shape tool make a two circles, one offset a bit from the other. The angle will be your choice depending on where you want the holes to be placed.</span></p>
</blockquote>
<p>&nbsp;</p>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_13.jpg" /></p>
<blockquote>
<p><strong> </strong><span style="color: rgb(255, 0, 0);"><strong>Step 13.</strong> Using the Pathfinder palette. By selecting both circles and clicking on the &ldquo;divide&rdquo; button in the Pathfinder palette I was able to cut and remove the unnecessary part of the finger hole.</span></p>
</blockquote>
<p><img width="600" height="821" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_14.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 14.</strong> After copying and pasting two more finger holes, I used the same gradient that is in the ball and converted in to a linear gradient then applied it to the shapes. Select the three holes and get ready to tweak the perspective using the Free Transform tool.</span></p>
</blockquote>
<p><img width="600" height="650" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/cs4_bowl_15.jpg" /></p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);"><strong>Step 15. </strong>Finished piece. After playing with the Free Transform tool a bit you should be able to get the correct angle you need to finish this piece out nicely. Keep in mind that this is a simple shape to do this with so I hope to add a few more complex versions of this example soon.</span></p>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;<img width="200" height="150" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/gradient_opacity.jpg" /><img width="175" height="150" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/01turton/gradient_controls.jpg" /></p>
<p>For more information about these new features, visit <a href="http://www.adobe.com/products/illustrator/features/?view=topnew" rel="nofollow" target="_blank" >Adobe&#8217;s Illustrator </a>page for an introductory video.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/illustrator-cs4-gradient-reflection-glossy-surface/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Pixelmator: The Manual</title>
		<link>http://digitalapplejuice.com/pixelmator-the-manual/</link>
		<comments>http://digitalapplejuice.com/pixelmator-the-manual/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 13:47:20 +0000</pubDate>
		<dc:creator>madbadcat</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[photoshop alternative]]></category>
		<category><![CDATA[Pixelmator]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2439</guid>
		<description><![CDATA[There are some basic functions I wanted to cover before exploring Pixelmator as a tool for Photographers. I intended to publish an introduction to the gradient palette today. However, before moving forward, I thought I ...]]></description>
			<content:encoded><![CDATA[<p>There are some basic functions I wanted to cover before exploring Pixelmator as a tool for Photographers. I intended to publish an introduction to the gradient palette today. However, before moving forward, I thought I would give the Pixelmator User&#8217;s Manual a read.</p>
<p><span id="more-2439"></span></p>
<p>All the basic features are documented, the information easily accessible and very well organized. Most of the tools are self-explanatory so I didn&#8217;t feel the need to read the <strong>1st chapter: The Working Environment</strong>.</p>
<p><strong>Chapter 2: Creating, Opening &amp; Placing Images</strong></p>
<p><img width="200" height="200" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/manual/chapter2-iphoto.jpg" />While most of us can skip the part about opening a file, or placing an image, I do suggest you browse <strong>page 16 where the&nbsp; Photo Browser Palette </strong>is explained. Pixelmator makes it easy to integrate your iPhoto library.</p>
<p><strong>Don&#8217;t miss the explanation of iSight integration on page 17</strong>.</p>
<p>If you are new to image editing or you are unfamiliar with standard Photoshop-style tools, skim through <strong>Chapter 3: Selection </strong>which describes all the tools involved in selecting sections of an image and how to create quick masks from your selection<strong>.</strong></p>
<p><strong>Chapter 4: Painting and Retouching</strong></p>
<p><strong>Page 29 has&nbsp; a very description of Blending Modes</strong>. The blending of layers is the foundation of most intermediate and advanced image manipulation techniques so a clear understanding of mode is helpful.</p>
<p>A quick tip I learned while browsing thru the manual is the use of the Caps Lock key to toggle between the brush cursor and the actual shape and size of the brush.</p>
<p><img width="600" height="197" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/manual/chapter8.jpg" /><br />
<strong>Chapter 8: Color Adjustments</strong><br />
This chapter offers quick options for color correcting and enhancing images. I particularly like the &quot;Colorize&quot; options which allows you colorize the image or selection according to the foreground color.</p>
<p><strong><img width="220" height="300" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/manual/chapter10.jpg" />Chapter 10: Distortion Filters</strong><br />
This chapter is jam-packed with a solid description of the effects and options of all the available filters. My three favorites so far are: <strong>Hole (on pg 54)</strong>, <strong>Kaleidescope (on pg 62)</strong>, and <strong>Color Monochrome (pg 63)</strong>.</p>
<p>The <strong>Transition filters (pg 66)</strong> are also a great deal of fun and they offer effects I really didn&#8217;t expect to find in an inexpensive image editor.</p>
<p>Next: A Tour of The Gradient Palette. Really. <br />
&nbsp;</p>
<p><sub>*** Caveat: The Developers of Pixelmator have a new version of The app due at the end of February AND they are re-writing the manual. As soon as the new manual is available I will update this post.</sub></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/pixelmator-the-manual/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Skitch: Snap, Draw, Share!</title>
		<link>http://digitalapplejuice.com/skitch-snap-draw-share/</link>
		<comments>http://digitalapplejuice.com/skitch-snap-draw-share/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 13:53:35 +0000</pubDate>
		<dc:creator>madbadcat</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[plasq]]></category>
		<category><![CDATA[screen capture]]></category>
		<category><![CDATA[skitch]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2479</guid>
		<description><![CDATA[The irony of being an artist: while we freely experiment with conceptual approaches to our ideas, we tend to bond so deeply with our workflow tools we will overlook new tools that might change our ...]]></description>
			<content:encoded><![CDATA[<p><strong><img style="width: 155px; height: 155px;" src="http://digitalapplejuice.com/wp-content/uploads/image/skitch/skitch_250.jpg" alt="" />The irony of being an artist:</strong> while we freely experiment with conceptual approaches to our ideas, we tend to bond so deeply with our workflow tools we will overlook new tools that might change our workflow consequently changing our work.</p>
<p><span id="more-2479"></span></p>
<p>For that reason, it is deeply rewarding for me to read<a href="http://digitalapplejuice.com/category/parallel-desktops/"target="_blank" > David Alison&#8217;s column</a>. He entertains all apps he stumbles across candidly, unburdened by old school mac snobbery. It is because of him I found Pixelmator.</p>
<p>And because of him, I found <a href="http://plasq.com/skitch" rel="nofollow" target="_blank" >Skitch</a>.</p>
<p>I probably spend 25% of any paying job creating tutorials for the end user, another 25% grabbing screenshots of the work-in-progress to send off for approval. So it is vital that my screengrabber be versatile, fast- loading and easy to use.</p>
<p><a href="http://docs.info.apple.com/article.html?path=Mac/10.4/en/mh364.html" rel="nofollow" target="_blank" >GRAB</a>, mac&#8217;s native screen capture uitility, will only save to tiff files, requiring that I open the screenshot in an image editor. The only advantage to this app is the timed screen grab, a 10 second delay that allows the capture of&nbsp; drop down menus when documenting program details for a tutorial. For the last year,<a href="http://xtralean.com/IWOverview.html" rel="nofollow" target="_blank" > Imagewell </a>has been my go-to-app for screen capture and annotating but i find the size claustrophic at time.</p>
<p><strong>Enter Skitch.</strong></p>
<p><img width="600" height="573" alt="" src="http://img.skitch.com/20090203-mhnmck9j79attw92bxdt4bp8f4.jpg" /></p>
<p>&nbsp;</p>
<p><img width="600" height="621" src="http://img.skitch.com/20090203-88fqspy9iq1nxb6ddnrmhnbb9.jpg" alt="" /></p>
<p>&nbsp;</p>
<p>The webpost function is what is so impressive. Join Skitch.com and you can automatically upload the resulting images, you can edit the image and &quot;reskitch&quot;. You can also add your flickr account, .mac, or ftp.&nbsp;</p>
<p>Catch my Skitch uploads at <a href="http://skitch.com/madbadcatgraphics/" rel="nofollow"  target="_blank">http://skitch.com/madbadcatgraphics/</a></p>
<p>plasq even created a video for those people unwillling to read the instructions (like me)</p>
<p><embed width="437" height="370" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.viddler.com/player/60c71ad/" play="true" loop="true" menu="true"></embed></p>
<p>App after app, plasq delivers amazing and whimsical products. Kudos, dudes!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/skitch-snap-draw-share/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Pixelmator: The Unexpected</title>
		<link>http://digitalapplejuice.com/pixelmator-the-unexpected/</link>
		<comments>http://digitalapplejuice.com/pixelmator-the-unexpected/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 13:46:51 +0000</pubDate>
		<dc:creator>madbadcat</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[photoshop alternative]]></category>
		<category><![CDATA[Pixelmator]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2437</guid>
		<description><![CDATA[The more I play, the more I believe that I have been underestimating the power of the PixelMator. I am starting to suspect that hidden behind the humble pricetag is the image editing equivalent of&#160; ...]]></description>
			<content:encoded><![CDATA[<p>The more I play, the more I believe that I have been underestimating the power of the PixelMator. I am starting to suspect that hidden behind the humble pricetag is the image editing equivalent of&nbsp; &quot;a predator masquerading as a house pet&quot;.</p>
<p><span id="more-2437"></span></p>
<p>Many of my Photoshop worklow techniques are based on lessons learned from Photoshop gurus like <a href="http://digitalapplejuice.com/review-layers-matt-kloskowski/" target="_blank">Matt Kloskowski</a>  and <a href="http://digitalapplejuice.com/seven-key-techniques-for-taking-your-images-from-flat-to-fantastic/" target="_blank">Scott Kelby</a>. I wondered while I waited for Photoshop to load if I could color correct an image in Pixelmator and achieve similar results. When I launched Pixelmator later that same day to look around for a &quot;High Pass&quot; filter or its equivalent, I didn&#8217;t expect a menu called &quot;Generator&quot;.</p>
<p><img width="600" height="365" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/generator_menu.jpg" alt="" /></p>
<p>Curiousity got the best of me and off on a tangent I went. This is a brief introduction to some of these filters.</p>
<p>The Generator Menu offers: Checkerboard, Lenticular Halo, Star Shine, Stripes, Sunbeams, Constant Color and Random Generator. The Constant Color Filter generates a solid field of color based on your foreground color so I won&#8217;t bother with it. Use the paint bucket. Now, why is it called generator? I don&#8217;t know, because it generated interest?</p>
<h2><strong>Checkerboard:</strong></h2>
<p>When chosen, this command creates a checkerboard based on the foreground and background colors in your tool menu.<br />
The Options Palette give you the option of adjusting the width and sharpness.</p>
<p>&nbsp;<img width="600" height="862" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/2-checker.png" alt="" /></p>
<h2>Lenticular Halo:</h2>
<p>It cannot really be compared to Photoshop&#8217;s Lens Flare Filter but it still offers an effect easy adjustable by all the available options in its palette. definitely a filter to become familiar with for future designs&#8230;<br />
&nbsp;</p>
<p><img width="600" height="706" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/lent_halo.jpg" alt="" /></p>
<h2>Star Shine &amp; Sunbeams:</h2>
<p>Easily add reflections and twinkles with these two filters.<br />
&nbsp;</p>
<p><img width="600" height="628" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/star_shine.jpg" alt="" /></p>
<h3><img width="600" height="622" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/Sunbeams.jpg" alt="" /></h3>
<h2>Stripes:</h2>
<p>The options are similar to checkerboard.</p>
<p>&nbsp;<img width="618" height="519" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/stripes-1.png" alt="" /></p>
<p>&nbsp;</p>
<h2>Random:</h2>
<p>The Random Generator resulted in what I can only compare to a marriage between the Noise and Pointillize filters in Photoshop.</p>
<p><img width="600" height="350" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/generator/random.jpg" alt="" /></p>
<p>&nbsp;</p>
<p>Next: A look At the Gradient Palette</p>
<p><sub>*** The sample image is from costi at Sxc.hu and available for download free at </sub><a href="http://www.sxc.hu/photo/1136071" rel="nofollow"  target="_blank"><sub>http://www.sxc.hu/photo/1136071</sub></a></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/pixelmator-the-unexpected/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pixelmator: Creating a Clipping Mask</title>
		<link>http://digitalapplejuice.com/pixelmator-basics-creating-a-clipping-mask/</link>
		<comments>http://digitalapplejuice.com/pixelmator-basics-creating-a-clipping-mask/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 15:25:56 +0000</pubDate>
		<dc:creator>madbadcat</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[adobe photoshop]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[clipping mask]]></category>
		<category><![CDATA[composite images]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[Pixelmator]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2384</guid>
		<description><![CDATA[Not to be confused with a quick mask, a&#160;clipping mask&#160;is in fact a series of layers; the dynamic between the base layer and the layers above it define the image that will be revealed. Various ...]]></description>
			<content:encoded><![CDATA[<p>Not to be confused with a quick mask, a&nbsp;clipping mask&nbsp;is in fact a series of layers; the dynamic between the base layer and the layers above it define the image that will be revealed. Various combinations of opacity and blending can result in extraordinary composite images.</p>
<p><span id="more-2384"></span></p>
<p>The advantage of this method is simple: edit the base layer and you edit the shape of the composite image.</p>
<p><u><strong>The Basics</strong></u></p>
<p>1. <strong>Create or choose your base layer</strong>.&nbsp;&nbsp;By default, any new layer is called &quot;untitled&quot;. I have renamed mine &quot;base layer&quot; for the sake of clarity.<br />
<img width="600" height="400" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/1-base_layer.jpg" /></p>
<p>
Keep in mind that the visible content of the base layer becomes the visible shape of the content above it. Any areas in this layer that are transparent will remain transparent&nbsp; in the composite image as well.</p>
<p>2. <strong>Create a new layer&nbsp;&nbsp;above the base layer </strong>or&nbsp;&nbsp;or drag a layer from another image onto the base layer. as seen here,&nbsp;&nbsp;i have dragged a layer from another file onto my example file.<br />
<img width="600" height="586" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/2-drag_layer.jpg" /></p>
<p><img width="600" height="300" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/3-drag2.jpg" /></p>
<p>3. <strong>Create the &quot;clipping mask&quot; </strong>.<br />
select your new layer then&nbsp;<strong>Layer &gt; Create Clipping Mask</strong> (alternately, you can&nbsp;Option + Apple+G)<br />
<img width="600" height="515" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/4-create_clip.jpg" /><br />
Add additional layers as needed by repeating this step. Drag and drop the overlying layers in any order that best suits your design.</p>
<p>As an additional refinement, note that any of the layers involved can have its opacity adjusted and the blending mode as a number of &nbsp;choices.<br />
<img width="602" height="401" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/5-blend_opacity.jpg" /></p>
<p>
(I do miss the layers menu that Photoshop offers with the layer palette but that is more habit than anything else..)</p>
<p>Familiarity with Photoshop is helpful in learning Pixelmator. Once you get over the look of the UI, it is very easy to adjust to Pixelmator. See the quicktime movie of &nbsp;<a href="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/pixelmator_clippingmask_940.mov"><strong>My First Attempt to Create a Clipping Mask with Pixelmator</strong></a>. After a couple of false starts, i was able to find all the relevant tools quickly. It was very easy, making Pixelmator an cheap and reliable substitute for Adobe Photoshop.</p>
<p>My first real attempts at using Pixelmator were to create composite images for a client (<a href="http://www.toy-tma.com/" rel="nofollow"  target="_blank">Toy-TMA.com</a>) without reading the manual.</p>
<p><a href="http://digitalapplejuice.com//wp-content/uploads/image/pixel/clipmask/pixelmator_quickComp_940.mov">A Quick Composite (8.64)</a></p>
<p><a href="http://digitalapplejuice.com//wp-content/uploads/image/pixel/clipmask/pixel_3imgComp_940.mov">An 3 Image Composite (14mb)</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/pixelmator-basics-creating-a-clipping-mask/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://digitalapplejuice.com/wp-content/uploads/image/pixel/clipmask/pixelmator_clippingmask_940.mov" length="1765116" type="video/quicktime" />
<enclosure url="http://digitalapplejuice.com//wp-content/uploads/image/pixel/clipmask/pixelmator_quickComp_940.mov" length="15349873" type="video/quicktime" />
<enclosure url="http://digitalapplejuice.com//wp-content/uploads/image/pixel/clipmask/pixel_3imgComp_940.mov" length="9057893" type="video/quicktime" />
		</item>
		<item>
		<title>Making a Comic in Comic Life Magiq</title>
		<link>http://digitalapplejuice.com/making-a-comic-in-comic-life-magiq/</link>
		<comments>http://digitalapplejuice.com/making-a-comic-in-comic-life-magiq/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 12:59:47 +0000</pubDate>
		<dc:creator>Alicia Vogel</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Panels & Gutters & Zip Ribbons]]></category>
		<category><![CDATA[Sequential Art]]></category>
		<category><![CDATA[aikido al]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[comic book]]></category>
		<category><![CDATA[plasq]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=1689</guid>
		<description><![CDATA[Comic Life Magiq is an unusual product in plasq&#8217;s software line, as it&#8217;s not meant to be a replacement for Comic Life Deluxe. As an avid fan of the latter, I wanted to see if ...]]></description>
			<content:encoded><![CDATA[<p><img width="250" height="250" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq_magiq_250.jpg" alt="" />Comic Life Magiq is an unusual product in <a href="http://www.plasq.com" rel="nofollow" target="_blank" >plasq&#8217;</a>s software line, as it&#8217;s not meant to be a replacement for Comic Life Deluxe. As an avid fan of the latter, I wanted to see if Magiq addressed some of my wishlist in templating and layout for my web comic. For folks not familiar with Comic Life Deluxe by plasq, not to worry. There will be some comparisons with Deluxe throughout the article, but the article is designed to get you going from the ground up. There is an assumption that you already have some content available.&nbsp; Make sure that before you start it is formatted and ready for print, web, or other.&nbsp; The good news for those in the &quot;iApps&quot; demographic is that this product has some templates created for your snapshots and keepsake type items so you can play with your photos and create dynamic photo and scrapbook albums. These templates already have what you need in terms of a layout, fonts, and captions. All of these can be further customized.</p>
<p><span id="more-1689"></span></p>
<div style="margin: 0px 10px 10px 0px; float: left;"><embed width="401" height="339" menu="true" loop="true" play="true" src="http://www.viddler.com/player/b2867602/" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></div>
<p>Let&#8217;s briefly look at the GUI. The first thing I recognized as an Apple ProApps user was the &quot;I am a serious program&quot; gray background, which sets the tone for Magiq&#8217;s introduction. It could possibly be intimidating to those familiar with Deluxe. But once you get passed that who-rearranged-my-furniture feeling, the GUI does make sense. The top has a navigation strip for browsing pages and some general options.</p>
<p>The toolbar on the left contains most of your custom options for each item selected within Magiq. It also has a wonderful feature in the enigmatic button named &quot;Focus.&quot; When something is selected within Magiq, you hit the Focus button and it will lock down everything in your document except that isolated item. From there you can safely modify it without interfering with other parts of the comic. This is a great boon for content creators who have many objects and items. In order to get back to the whole document, simply click the button. The &quot;Front&quot; button duplicated the &quot;Arrange&quot; menu item in Deluxe (an identical feature of the same name in Adobe apps.)&nbsp; This allows an object to be pushed forwards and backwards in order to have the right overlapping desired.</p>
<p>The bottom toolbar has word balloons, captions, FX lettering, and templates. It is set as a default to &quot;ALL&quot; which I like to keep on. However if you don&#8217;t have as much screen real estate, you can select individual views by clicking on the icons representing the different components.</p>
<p>The toolbars to the right contain your templates and panel layouts, the browser, and thumbnails of the selected content of your browser.</p>
<p>In the middle is your workspace. Like Deluxe, most everything in Maqiq is drag and drop. Here I already selected my template, and dragged a layout over from Panel Layouts.</p>
<p><img width="600" height="388" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/1-magiq_ui.jpg" /></p>
<p>&nbsp;</p>
<p><strong>One important word about the browser: </strong></p>
<p><img width="318" height="153" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/2-refresh.jpg" />It will not automatically refresh. Which means any new content added will not show up.&nbsp; This can be easily remedied by clicking this icon located in the upper right corner.</p>
<h3><u>Let&#8217;s make a comic!</u></h3>
<p>When you open Magiq, pick a blank layout to start with.</p>
<p>After it loads up and you see the GUI, go to <strong>Comic Life Magiq&gt;Preferences</strong>. I set my &quot;New comics filter images&quot; to 300 dpi.&nbsp; I want to make sure when I do my export that the image will be of good quality. Going from 300 to 72 dpi should be a lot cleaner than going 72 to an even lossier 72 dpi.&nbsp; Also from Preferences, you can turn off sounds should you not find them amusing. Also, you can customize the library browsing, and units of measurement.</p>
<p>Next, go to <strong>File&gt;Page Layout</strong>. From here you can select from a plethora of media sizes which have been expanded greatly from Deluxe. The Tao of I.T. Al is a custom layout of 600&#215;600. I created this setting by setting the size I wanted and then applied it. To make it a template, simply go to <strong>File&gt;Save As Template</strong>.&nbsp; It will then show up at startup with your other templates.</p>
<p>When done, go to &quot;<strong>Panel Layouts</strong>&quot; in the right toobar and select a layout. Start dragging images from the browser, also on the right. If your folder is not showing up, you can drag it into the browser. And good news for those who like organization&#8230;it remembers this folder whenever you relaunch the program. As you drag your layouts and pictures, don&#8217;t worry If it is not exactly right. We can further modify it.&nbsp; Notice when you click once on image, you see panel editing handles.&nbsp; Clicking twice creates the image handles. In either case, you get this outline with tools:</p>
<p><img width="288" height="351" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/3-Mtools.jpg" alt="" />The top purple arrows allow you to rotate. The bottom green arrows move the selection. The green handles around the image resize it.&nbsp;</p>
<p>What is most interesting is the bottom orange tool, which calls up this popup toolbar:</p>
<p><img width="600" height="155" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/4-pathtools.jpg" alt="" /></p>
<p>This toolbar allows you to edit the paths on your objects, much like a vector graphic program (like Illustrator) would.</p>
<ul>
<li>The<strong> first icon is the </strong><strong>Shape chooser</strong>, which brings up a popup menu where you can turn your object into a variety of polygons.</li>
<li>The <strong>second is the selection tool</strong>, which is pretty much like every selection arrow tool known to man.</li>
<li>The <strong>third icon is the line bending tool</strong>, which allows you to grab a point and turn it into a convex or concave curve.</li>
<li>The <strong>fourth is the Line/corner smoothing tool</strong> which smooths out paths by straightening lines and rounding corners.</li>
<li>The <strong>fifth and six icons are the Add Point and Remove Point</strong> tools respectively. The last two are the Add Part and Remove Part Tool, which will come in handy later when we get to word balloons.</li>
</ul>
<p>When you select your image, you&#8217;ll notice this icon to the upper right of your selection:&nbsp;</p>
<p><img width="600" height="185" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/5-paletteIcon.jpg" alt="" /></p>
<p>&nbsp;</p>
<p>When clicked, this will open up a graphics palette that will allow you to manipulate your images.</p>
<input width="432" type="image" height="305" src="http://digitalapplejuice.com/wp-content/uploads/graphics.jpg" />
<h3>The Graphics Palette contains the following choices:</h3>
<ol>
<li><strong>Colors</strong> contains various color correction and manipution tools, as well as inversion and cropping.</li>
<li><strong>Cut-Out</strong> contains tools for cutting out parts of the image, chroma keying, appyling shapes, and masking options.</li>
<li><strong>Warp</strong> adds distortion effects similiar to photoshop and liquifying tools.</li>
<li><strong>Skin</strong> (pictured above) is interesting as it allows you to paint some textures into a graphic. Here I took some &quot;flames&quot; and applied them to the background to make it look like the building caught on fire. Filter is the familiar photo filter options. Paint allows you to paint several types of brushes directly on top of your image. &quot;Reset Layer&quot; will reset the image back to its former status. When you are finished, click done and it will return the edited graphic back into the normal Magiq GUI.</li>
<li><strong>Filter</strong>, although it sounds photoshop-esque is in fact various blur tools.</li>
<li><strong>Paint</strong> contains paint tools, including a 3d tube brush, which allows you to draw on top of your image. Right here is where you want to paint a mustache on your cousin.</li>
</ol>
<p><strong>Once the images are fully tweaked, it&#8217;s time to add some dialogue and captions. </strong>Simply choose the balloon or caption desired and drag it onto the canvas.</p>
<p><img width="600" height="100" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/7-dialog.jpg" alt="" /></p>
<p>The default font is Lint McCree Intl bb 12.0. To select a different font, simply go to the left toolbar and select the &quot;T&quot; icon. There is an expanded list of fonts provided by Magiq, but you can also access your System fonts by selected that option at the bottom. Unfortunately, there does not seem to be a way to reset the default font. My workaround is to copy and paste balloons already have the desired font settings.</p>
<p>To those familiar with <strong>Deluxe</strong>, the feature of adding a connecting balloon appears missing. However, it&#8217;s been put into the popup toolbar accessed by the orange icon.</p>
<p><img width="600" height="158" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/plasq/8-combine.jpg" alt="" /></p>
<p>To add, simply hit the <strong>green &quot;plus&quot; symbol</strong> and an additional connected balloon will appear. This can be moved into a different position with a simple click and drag. To remove the additional balloon, select it and then hit the <strong>red &quot;minus&quot; symbol</strong>.</p>
<p>To make extra tails, do the same thing by clicking on the <strong>Add Part</strong> tool. To remove, click on the <strong>Remove Part</strong> and then the tail.</p>
<p><strong>Note here that you can edit the balloon paths much like any other object in Magiq.</strong></p>
<p>When you are done, go to <strong>File&gt;Export</strong>. You will see a plethora of tabbed options with various configurations. You can send it to Email and Flickr (which has options for permissions on viewership.) HTML creates a webpage with thumbnails of your comic whichcan be used &quot;as is&quot; or be taken into your favorite HTML editor and be further manipulated. Image gives you the options to export as JPEG, GIF, PNG, or TIFF. You can also export it to iPhoto, iWeb, or as a PDF.</p>
<p>Congratulations. You have a comic!</p>
<p>If I had one gripe, it is that Magiq does present a problem to Deluxe users as you cannot open a Deluxe document within Magiq. If you have a large backlog of Deluxe documents, this creates a problem should you need to re-open Deluxe in order to back up and edit your comics to another medium.&nbsp; For now you need both programs if you plan to migrate.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/making-a-comic-in-comic-life-magiq/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>The Pixelmator Challenge: Dr. Roach</title>
		<link>http://digitalapplejuice.com/the-pixelmator-challenge-dr-roach/</link>
		<comments>http://digitalapplejuice.com/the-pixelmator-challenge-dr-roach/#comments</comments>
		<pubDate>Wed, 07 Jan 2009 12:10:13 +0000</pubDate>
		<dc:creator>Dr. Michael N. Roach</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Workflow]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[Pixelmator]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2196</guid>
		<description><![CDATA[While teaching a recent Photoshop workshop, a local Community College recruited me to conduct a sort of &#8216;finishing up&#8217; workshop for students at the end of their second year of Photoshop classes in a strictly ...]]></description>
			<content:encoded><![CDATA[<p><img style="width: 235px; height: 273px;" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/layers-front.png" alt="" />While teaching a recent Photoshop workshop, a local Community College recruited me to conduct a sort of &#8216;finishing up&#8217; workshop for students at the end of their second year of Photoshop classes in a strictly Macintosh lab. I was charged with showing them that while they had two semesters of Photoshop behind them, that there were a lot of subtle things yet to be done and which hadn&#8217;t been covered in their coursework.</p>
<p><span id="more-2196"></span></p>
<p>Sure enough, at the end of the session a question arose, just as I had expected &quot;What do we do when we no longer have access to school machines and software?&quot; A good question. Even though Adobe&#8217;s Academic Pricing Policy deeply discounts Photoshop for students, in these economic times, even that price is beyond the means of many students.</p>
<p>Usually when asked about an alternative to Photoshop I recommend Photoshop Elements from Adobe, but <a href="http://digitalapplejuice.com/2009/pixelmator-the-challenge/" target="_blank">our webmaster suggested that I also look at Pixelmator </a>(http://www.pixelmator.com) which is an image editor with a similar look to Photoshop and is touted as &quot;&hellip; image editing for the rest of us&quot; and at $59.00 US it just might be. It runs on Macintosh OS X 10.5.5 and later. So I downloaded a copy and tried it out.</p>
<p>Pixelmator weighs in at a 121.2 MB in size download (56.6 MB compressed) for the basic application and an excellent 81 page manual can be downloaded separately at the Pixelmator.com website.</p>
<p>
<img width="600" height="55" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/pix_tools1_600.png" alt="" /></p>
<p>
Pixelmator reminds me of what I remember Photoshop 3 (or perhaps 4) was like (I&#8217;ll have to depend upon memory here as I no longer have copies of the older versions of Photoshop before the CS versions, and I no longer have a computer that would run them even if I did) but, in their day they were the state of the art, and with it I did some fabulous work. Pixelmator can do equally as well and is a bargain at the price.</p>
<p>Visually, it resembles Photoshop though it is slightly limited in tools and abilities. The learning curve is minimal. Any student who has had an introduction to Photoshop should have no trouble picking up the operation of Pixelmator.</p>
<p><img width="600" height="55" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/pix_tools2_600.png" alt="" /></p>
<p>For the student on a limited budget but who does own a Mac computer, I now have an additional suggestion for a Photoshop substitute. It isn&#8217;t Photoshop but it will do a good basic editing job and is neither as daunting nor as expensive as Adobe&#8217;s flagship product.</p>
<h3>
If you are a Mac user on a tight budget, Pixelmator is definitely worthy of consideration.</h3>
<p><img width="600" height="306" src="http://digitalapplejuice.com/wp-content/uploads/image/pixel/pixel_welcome_600.jpg" alt="" /></p>
<p>&nbsp;</p>
<p><a href="http://digitalapplejuice.com/2009/the-pixelmator-challenge-alicia-vogel/" target="_blank">Read Alicia Vogel&#8217;s review of Pixelmator here.</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/the-pixelmator-challenge-dr-roach/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Pixelmator Challenge: Alicia Vogel</title>
		<link>http://digitalapplejuice.com/the-pixelmator-challenge-alicia-vogel/</link>
		<comments>http://digitalapplejuice.com/the-pixelmator-challenge-alicia-vogel/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 12:10:36 +0000</pubDate>
		<dc:creator>Alicia Vogel</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Panels & Gutters & Zip Ribbons]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Workflow]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Pixelmator]]></category>
		<category><![CDATA[wacom tablet]]></category>

		<guid isPermaLink="false">http://digitalapplejuice.com/?p=2132</guid>
		<description><![CDATA[I really love Pixelmator as a painting program.&#160; It has Photoshop-like brushes and a Painter feel.&#160; I popped a sketch I had started in Painter in and was able to fully block it out and ...]]></description>
			<content:encoded><![CDATA[<p><img width="250" height="250" alt="" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/vogel_pxlmtr_logo_250.png" />I really love Pixelmator as a painting program.&nbsp; It has Photoshop-like brushes and a Painter feel.&nbsp; I popped a sketch I had started in Painter in and was able to fully block it out and have a decent detail pass in a matter of hours.&nbsp; For me, its simplicity is a big plus. With Photoshop and Painter,&nbsp; I get dazzled by all the options and end up forever tweaking all the tools.&nbsp; </p>
<p><span id="more-2132"></span></p>
<p>In the future I&#8217;m going to do all my pre-painting in Pixelmator and then tweak either in Photoshop or Painter.&nbsp; I&#8217;ll see how December&#8217;s Al works with it.</p>
<p>It does lack the gazillion brushes that either program has, so I did have to rehash some old tricks back when Photoshop was 3.0.&nbsp; But it&#8217;s just plain fun to work in.</p>
<p>
<img width="600" height="420" src="http://digitalapplejuice.com/wp-content/uploads/image/vogel/vogel_pxmator_600.png" alt="" /></p>
<p>
I would say this piece took me around five hours, and it&#8217;s more than decent groundwork. I did a similiar type piece using a combination of Painter and Photoshop, and it took twice as long.&nbsp; The traits that Pixelmator has in common with Photoshop and Painter combined with it&#8217;s simplicity makes it a joy to use and keeps me concentrated on the actual painting instead of being all fidgety with the brushes and options.&nbsp; I also realized yesterday as I was putting some refining moves on it that the final results look like my non-digital acrylic paintings.</p>
<p>On the negative side, I really missed my palette knife tool.&nbsp; And I couldn&#8217;t find a use for Pixelmator&#8217;s &quot;starry&quot; brush.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalapplejuice.com/the-pixelmator-challenge-alicia-vogel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
