<?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>The Highlander Blog &#187; photoshop</title>
	<atom:link href="http://www.highlander.co.uk/blog/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.highlander.co.uk/blog</link>
	<description>Thoughts and musing from within Highlander</description>
	<lastBuildDate>Thu, 02 Feb 2012 12:05:08 +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>Creating Realistic Shadows in Photoshop</title>
		<link>http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/</link>
		<comments>http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 10:10:40 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Blur (band)]]></category>
		<category><![CDATA[Double-click]]></category>
		<category><![CDATA[Drop shadow]]></category>
		<category><![CDATA[Gaussian blur]]></category>
		<category><![CDATA[Helicon Filter]]></category>
		<category><![CDATA[Mouse (computing)]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=2806</guid>
		<description><![CDATA[In this tutorial I will show you how to create realistic shadows in photoshop using one technique (as always in Photoshop, there is more than one way to skin a photo) I will be using the same shape I was using in the Illustrator tutorial to demonstrate the techniques in this one. To get it <a href='http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will show you how to create realistic shadows in photoshop using one technique (as always in <a target="_blank" class="zem_slink" title="Adobe Photoshop" href="http://adobe.com/photoshop" rel="homepage">Photoshop</a>, there is more than one way to skin a photo)</p>
<p>I will be using the same shape I was using in the <a target="_blank" class="zem_slink" title="Adobe Illustrator" href="http://www.adobe.com/products/illustrator/" rel="homepage">Illustrator</a> tutorial to demonstrate the techniques in this one. To get it into Photoshop I just copied and pasted it in as a Smart Object. (For more on Smart Objects, check out <a title="Smart Objects Tutorial" href="http://www.highlander.co.uk/blog/2011/06/14/illustrator-and-smart-objects/">this previous tutorial</a>)</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/screen-shot-2012-01-31-at-12-55-45/" rel="attachment wp-att-2807"><img class="aligncenter size-medium wp-image-2807" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-12.55.45-300x2611.png" alt="" width="300" height="261" /></a></p>
<p>&nbsp;</p>
<p>Ah, but wait, it still has that previous dummy shadow. Let’s remove that by double clicking on the layer icon to open it up in Illustrator, delete the shadow and save. Done! The shape auto updates in Photoshop without its shadow.</p>
<p>&nbsp;</p>
<p><img class="aligncenter size-medium wp-image-2808" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-12.56.08-213x3001.png" alt="" width="213" height="300" /></p>
<p>Now for the shadow. Woah! Don’t go reach for the shadow effect in layer styles; we will not be using that for a poor replacement of a 3D shadow. Instead duplicate the layer you would like a shadow of. To duplicate a layer with speed, drag and drop the layer over the new layer button. Before I can use my shadow layer I need to rasterize it as Photoshop cannot apply the deformations we will be making to smart objects. To do this I <a target="_blank" class="zem_slink" title="Mouse (computing)" href="http://en.wikipedia.org/wiki/Mouse_%28computing%29" rel="wikipedia">right-click</a> the layer and select <a target="_blank" class="zem_slink" title="Rasterisation" href="http://en.wikipedia.org/wiki/Rasterisation" rel="wikipedia">Rasterize</a> Layer.</p>
<p>Now to make it look a little like a shadow before moving it into place. Cmd/Ctrl click the layer icon on your shadow layer. This selects the contents. Now go to Edit -&gt; Fill (or Shift + F5) and fill the layer with black. Finally use Cmd/Ctrl + D to deselect everything.</p>
<p>Now go to Edit -&gt; Free Transform -&gt; Distort. You will see your familiar transform hangers appear &#8211; but these are special. Try grabbing and moving the corner points. You will see Photoshop lets you deform like never before! Once you have finished experimenting press Esc to cancel the tool, and then load it again from the edit menu.</p>
<p>You need to think carefully from where the light is coming from as this can make or break the effect. My abstract background offers no clues to the location of the light, but the highlight on the shape itself suggests the main <a target="_blank" class="zem_slink" title="Light" href="http://en.wikipedia.org/wiki/Light" rel="wikipedia">light source</a> is in front of the shape and to the right. This would send the shadow backwards (into the picture) and slightly to the left. I grabbed the top hangers and moved the into the background like so.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/shadows/" rel="attachment wp-att-2822"><img class="aligncenter size-medium wp-image-2822" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Shadows-300x1811.jpg" alt="" width="300" height="181" /></a></p>
<p>In most situations you will want to ensure that the top two points are sitting horizontally, and the bottom two points are also horizontally. Also, do not move the points that connect the shadow with the object. Think about a real life shadow, the close it is to the object it is, the less distorted it is.</p>
<p>Once you have your shadow in the correct place, press enter to accept the deformation. It is good, but still not quite right. Lets start by blurring the edges of the shadow. Go to <a target="_blank" class="zem_slink" title="Helicon Filter" href="http://www.heliconsoft.com/heliconfilter.html" rel="homepage">Filter</a> -&gt; <a target="_blank" class="zem_slink" title="Blur (band)" href="http://blur.co.uk" rel="homepage">Blur</a> -&gt; Guassian Blur. You probably want a Radius of about 4 pixels, but see what works for you.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/screen-shot-2012-01-31-at-13-17-46/" rel="attachment wp-att-2812"><img class="aligncenter size-medium wp-image-2812" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-13.17.46-300x2041.png" alt="" width="300" height="204" /></a></p>
<p>Ok it is getting there, but still not right. Most shadows fade as they get further from the object casting them. Take the layer Fill of your shadow to 0%, it can be found below the layer opacity in the layers palette. Now <a target="_blank" class="zem_slink" title="Double-click" href="http://en.wikipedia.org/wiki/Double-click" rel="wikipedia">double click</a> on your shadow layer to open up the Layer Styles. Now select the <a target="_blank" class="zem_slink" title="Gradient" href="http://en.wikipedia.org/wiki/Gradient" rel="wikipedia">Gradient</a> Overlay row. Next click on the gradient to open the Gradient Editor. If your Foreground colour was set to black you will be able to select the second preset gradient, otherwise quickly create one that goes from solid black to 100% transparent black.Then press OK to close the Gradient Editor.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/screen-shot-2012-01-31-at-13-20-59/" rel="attachment wp-att-2815"><img class="aligncenter size-medium wp-image-2815" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-13.20.59-300x2851.png" alt="" width="300" height="285" /></a></p>
<p>Now we don’t want our shadow to fade completely away, so change the scale to 150%. You may also need to change the angle of the gradient to fit with your shadow. Now press OK to close the Layer Styles panel.</p>
<p>It is almost there! Lastly we need to replicate the increased fade you get in the parts of the shadow that are most distant. For that we need to convert it for Smart Filters. Go to Edit -&gt; Convert For Smart Filters. This allows us mask off parts of a filter using layer masks that will now come with any filters we apply. We are going to be sing our friend the <a target="_blank" class="zem_slink" title="Gaussian blur" href="http://en.wikipedia.org/wiki/Gaussian_blur" rel="wikipedia">Gaussian Blur</a> again so press Cmd/Ctrl + F (This applies the last used filter again) or go up to Filter -&gt; Blur -&gt; Gaussian Blur. You probably want similar settings to last time.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/screen-shot-2012-01-31-at-13-30-05/" rel="attachment wp-att-2816"><img class="aligncenter size-medium wp-image-2816" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-13.30.05-300x2301.png" alt="" width="300" height="230" /></a></p>
<p>Your Shadow layer in the palette probably looks something like this now.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/screen-shot-2012-01-31-at-13-30-11/" rel="attachment wp-att-2817"><img class="aligncenter size-full wp-image-2817" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-13.30.111.png" alt="" width="215" height="98" /></a></p>
<p>You will notice the Layer mask which can be hidden or shown, but also an eye next to the gaussian blur. Yep, your filter is still editable much like Layer Styles were. Just double click the filter to re-open its settings box and edit it. But we don’t need that so click on the filter’s layer mask so select it. Now grab the gradient tool and ensure it is set to a simple black to white gradient. Lastly, drag from the base of the shadow to the end.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/screen-shot-2012-01-31-at-13-34-19/" rel="attachment wp-att-2820"><img class="aligncenter size-medium wp-image-2820" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/Screen-Shot-2012-01-31-at-13.34.19-300x1871.png" alt="" width="300" height="187" /></a></p>
<p>This will mask off the gaussian blur gradually so it mostly effects the furthest parts of the shadow &#8211; replicating a real shadow. The effect is subtle but useful.</p>
<p>Lastly, I made some small changes to the original vector shape to enhance the shadow effect.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/shapeshadow/" rel="attachment wp-att-2823"><img class="aligncenter size-medium wp-image-2823" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/02/shapeShadow-212x3001.jpg" alt="" width="212" height="300" /></a></p>
<p>Well done! You’ve have just created your own realistic shadow.</p>
<div class="zemanta-pixie" style="margin-top: 10px;height: 15px"><a target="_blank" class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="border: none;float: right" src="http://img.zemanta.com/zemified_e.png?x-id=83f22def-7cd2-421a-85b8-f54e88a5f13b" alt="Enhanced by Zemanta" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2012/02/02/creating-realistic-shadows-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creative Suite Workspaces</title>
		<link>http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/</link>
		<comments>http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 16:49:59 +0000</pubDate>
		<dc:creator>scott</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Bridge]]></category>
		<category><![CDATA[creative suite]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[indesign]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=2834</guid>
		<description><![CDATA[Another often overlooked aspect of most Creative Suite apps is their ability to store preset panel combinations. Adobe call these workspaces and they can be extremely useful for rapidly loading specific panel sets or just carrying out general tidying up. Workspaces can be found in two locations: under the View&#62;Workspaces drop down menu or, in <a href='http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Another often overlooked aspect of most Creative Suite apps is their ability to store preset panel combinations. Adobe call these workspaces and they can be extremely useful for rapidly loading specific panel sets or just carrying out general tidying up.</p>
<p>Workspaces can be found in two locations: under the View&gt;Workspaces drop down menu or, in the Application bar on the right hand side.</p>
<div id="attachment_2837" class="wp-caption alignnone" style="width: 302px"><a href="http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/screen-shot-2012-01-04-at-11-52-25/" rel="attachment wp-att-2837"><img class="size-medium wp-image-2837" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-shot-2012-01-04-at-11.52.25-292x300.png" alt="Screenshot of InDesign workspace switcher" width="292" height="300" /></a><p class="wp-caption-text">InDesign workspace switcher</p></div>
<p>I this example I&#8217;m using InDesign. The current workspace (Essentials) is displayed in the application bar next to the search field. Click on the downward triangle to see a list of preset workspaces (this is known as the workspace switcher).</p>
<div id="attachment_2838" class="wp-caption alignnone" style="width: 273px"><a href="http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/screen-shot-2012-01-04-at-11-53-04/" rel="attachment wp-att-2838"><img class="size-medium wp-image-2838" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-shot-2012-01-04-at-11.53.04-263x300.png" alt="Screenshot of InDesign Essentials workspace panels" width="263" height="300" /></a><p class="wp-caption-text">InDesign Essentials workspace panels</p></div>
<p>The essentials workspace doesn&#8217;t really have enough panels for even basic work with InDesign. Try selecting Advanced from the list, this causes InDesign to refresh and show some new panels.</p>
<div id="attachment_2843" class="wp-caption alignnone" style="width: 207px"><a href="http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/screen-shot-2012-01-04-at-11-53-18/" rel="attachment wp-att-2843"><img class="size-medium wp-image-2843" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-shot-2012-01-04-at-11.53.18-197x300.png" alt="Screenshot of InDesign Advanced workspace panels" width="197" height="300" /></a><p class="wp-caption-text">InDesign Advanced workspace panels</p></div>
<p>The Advanced workspace contains more useful panels for general InDesign work and I recommend using this one as a default rather than Essentials.</p>
<p>Adobe supplies various preset workspaces to get you started. Their names should tell you all you need to know about what to expect. When you try a new workspace, be sure to check the menus as well as many Adobe workspaces make use of menu highlighting and some actually hide certain menu options.</p>
<p>As well as using the preset workspaces, you can make your own. Make visible any panels you wish to use. Drag and organise them on the screen to the location and order you find most useful. Remember that the toolbar and control panels can also be moved by dragging the double row of tiny dots.</p>
<div id="attachment_2844" class="wp-caption alignnone" style="width: 310px"><a href="http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/screen-shot-2012-01-04-at-11-54-54/" rel="attachment wp-att-2844"><img class="size-medium wp-image-2844" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-shot-2012-01-04-at-11.54.54-300x183.png" alt="Random arrangement of InDesign panels" width="300" height="183" /></a><p class="wp-caption-text">Random arrangement of InDesign panels</p></div>
<p>Go to the workspace switcher and select New Workspace.</p>
<div id="attachment_2845" class="wp-caption alignnone" style="width: 310px"><a href="http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/screen-shot-2012-01-04-at-11-55-11/" rel="attachment wp-att-2845"><img class="size-medium wp-image-2845" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-shot-2012-01-04-at-11.55.11-300x175.png" alt="Screenshot of InDesign save workspace dialogue box" width="300" height="175" /></a><p class="wp-caption-text">InDesign save workspace dialogue box</p></div>
<p>&nbsp;</p>
<p>Type in a name.</p>
<p>Any custom workspaces you have created will appear at the top of the switcher list.</p>
<p>When you reselect Essentials this time, you may find it retains the customisations you made for your custom workspace. This is because you started with this workspace in the first place. To revert this, go back to the workspace switcher and select Reset Essentials (or whatever your starting workspace was). InDesign will now reload the panels in their default arrangement.</p>
<p>All the major Creative Suite apps are extremely complex and feature far too many functions to display at once. Workspaces give you complete control over what is displayed and when. You only need to see the panels you need right now.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2012/01/31/creative-suite-workspaces/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Clipping Masks &#8211; Don&#8217;t Colour Outside the Lines.</title>
		<link>http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/</link>
		<comments>http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 10:00:45 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Layers (digital image editing)]]></category>
		<category><![CDATA[Mask]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Select (magazine)]]></category>
		<category><![CDATA[Shopping]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=2759</guid>
		<description><![CDATA[In the previous masking tutorial (found here) we looked at how to use some of Photoshops masking tools. But now we will look at a new kind of mask, the Clipping Mask. So let’s start playing with this tool. Here I have a background and a line of text. What I would love is for <a href='http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>In the previous masking tutorial (<a target="_blank" title="Masking Tutorial" href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/" target="_blank">found here</a>) we looked at how to use some of Photoshops masking tools. But now we will look at a new kind of mask, the <a class="zem_slink" title="Clipping (computer graphics)" href="http://en.wikipedia.org/wiki/Clipping_%28computer_graphics%29" rel="wikipedia">Clipping</a> <a target="_blank" class="zem_slink" title="Mask (computing)" href="http://en.wikipedia.org/wiki/Mask_%28computing%29" rel="wikipedia">Mask</a>.</p>
<p>So let’s start playing with this tool. Here I have a background and a line of text. What I would love is for the background texture to fill only the <a target="_blank" class="zem_slink" title="Text box" href="http://en.wikipedia.org/wiki/Text_box" rel="wikipedia">text area</a>. This can be done with standard <a target="_blank" class="zem_slink" title="Mask" href="http://en.wikipedia.org/wiki/Mask" rel="wikipedia">masks</a> in just a few clicks, but with two clicks it can be one with clipping masks.</p>
<p>(1st click) Move text under the texture.</p>
<p>(2nd click) Alt/Option click between the layers. Done!</p>
<p><a href="http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/beach/" rel="attachment wp-att-2761"><img class="aligncenter size-medium wp-image-2761" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Beach-300x151.jpg" alt="" width="300" height="151" /></a></p>
<p>When you alt click between the layers, photoshop clips the top layer to the one below &#8211; effectively cutting our texture to the shape of the text. You can also very easily move the texture just by moving its layer, the clipping mask will update itself.</p>
<p>It doesn’t just work with text, it works with anything. Below is an example of an image clipped to a shape.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/screen-shot-2012-01-18-at-14-52-35/" rel="attachment wp-att-2763"><img class="aligncenter size-medium wp-image-2763" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-18-at-14.52.35-300x240.png" alt="" width="300" height="240" /></a></p>
<p>It gets even more useful when you combine this with <a target="_blank" class="zem_slink" title="Layers (digital image editing)" href="http://en.wikipedia.org/wiki/Layers_%28digital_image_editing%29" rel="wikipedia">adjustment layers</a>. You can get an adjustment layer such as black &amp; white to clip to another layer using the same technique &#8211; place adjustment layer directly above the layer you want it to effect, and then alt/option click between them. In the example below I flattened the dinosaur layers first. (You can&#8217;t apply clipping masks to groups)</p>
<p><a href="http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/dino-explanation/" rel="attachment wp-att-2762"><img class="aligncenter size-medium wp-image-2762" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/dino-explanation-300x166.jpg" alt="" width="300" height="166" /></a></p>
<p>You can even use standard masks in combination with this technique. Here I used the mask attached to the adjustment layer to put some of the colour back into the dinosaur in certain areas.</p>
<p><a href="http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/screen-shot-2012-01-18-at-15-24-17/" rel="attachment wp-att-2766"><img class="aligncenter size-medium wp-image-2766" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-18-at-15.24.17-300x246.png" alt="" width="300" height="246" /></a><a href="http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/screen-shot-2012-01-18-at-15-23-40/" rel="attachment wp-att-2764"><img class="aligncenter size-full wp-image-2764" src="http://www.highlander.co.uk/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-18-at-15.23.40.png" alt="" width="215" height="187" /></a></p>
<p>And lastly, the great thing about these masks is they are completely non-destructive meaning you can undo everything very easily, or hide the masks to show people how you made the image. To remove a clipping mask simply alt/option click between the two layers again.</p>
<div class="zemanta-pixie" style="margin-top: 10px;height: 15px"><a target="_blank" class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="border: none;float: right" src="http://img.zemanta.com/zemified_e.png?x-id=979ae4ad-0959-4c59-97ea-be2b2f93ac13" alt="Enhanced by Zemanta" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2012/01/20/clipping-masks-dont-colour-outside-the-lines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Masking; it&#8217;s all about showing not hiding.</title>
		<link>http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/</link>
		<comments>http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/#comments</comments>
		<pubDate>Mon, 31 Oct 2011 16:02:53 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Color]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Image Editing]]></category>
		<category><![CDATA[Mask]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Thumbnail]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=2508</guid>
		<description><![CDATA[Using the masking tools in Photoshop is more about showing things off than hiding them. They can be a tricky thing to master, but I will use this tutorial to show you how to use effective masking techniques in your work. To demonstrate the tools, let’s create a space themed application icon. These complex pieces <a href='http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Using the <a target="_blank" class="zem_slink" title="Masking (in art)" href="http://en.wikipedia.org/wiki/Masking_%28in_art%29" rel="wikipedia">masking</a> tools in <a target="_blank" class="zem_slink" title="Adobe Photoshop" href="http://adobe.com/photoshop" rel="homepage">Photoshop</a> is more about showing things off than hiding them. They can be a tricky thing to master, but I will use this tutorial to show you how to use effective masking techniques in your work.</p>
<p>To demonstrate the tools, let’s create a space themed application <a target="_blank" class="zem_slink" title="Icon" href="http://en.wikipedia.org/wiki/Icon" rel="wikipedia">icon</a>. These complex pieces of artwork often incorporate many existing images or textures to represent the software in one single and complete icon.</p>
<p>Let’s start with a blank 512&#215;512 canvas. Nice and easy? It doesn’t get much harder. Our icon is going to need some kind of background. I already have an image I want to use so I have dropped that into the document. Not great though, I think it needs some <a target="_blank" class="zem_slink" title="Star" href="http://en.wikipedia.org/wiki/Star" rel="wikipedia">stars</a>.</p>
<p style="text-align: center"><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-16-58-31/" rel="attachment wp-att-2510"><img class="aligncenter size-full wp-image-2510" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-16.58.31.png" alt="" width="531" height="467" /></a></p>
<p>I have dropped in another image of a starry sky and set the layer mode to screen; this creates a good starting point for the space background. However, I do not want these stars to show up everywhere, some of the stars are too strong and take away from my texture behind. It’s mask time.</p>
<p>While ensuring the layer you wish to mask is selected, press the layer mask button at the bottom of the layers <a target="_blank" class="zem_slink" title="Palette (computing)" href="http://en.wikipedia.org/wiki/Palette_%28computing%29" rel="wikipedia">palette</a> (it’s the third one in, the square with a circle inside). You’ll notice it has attached a strange new <a target="_blank" class="zem_slink" title="Thumbnail" href="http://en.wikipedia.org/wiki/Thumbnail" rel="wikipedia">thumbnail</a> to your layer. This is the masking layer and it is currently filled with white. To start pushing back those stars, take the brush tool, set hardness to 0% and brush opacity to 50%. Finally make sure the colour is set to black. Now when you start painting you will see the stars start to disappear, as if they were being erased. Cool huh? Now check that mask thumbnail &#8211; its filled with black, white and grey sploges.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-16-58-39/" rel="attachment wp-att-2511"><img class="aligncenter size-full wp-image-2511" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-16.58.39.png" alt="" width="215" height="22" /></a></p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-17-28-06/" rel="attachment wp-att-2513"><img class="aligncenter size-medium wp-image-2513" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-17.28.06-300x251.png" alt="" width="300" height="251" /></a></p>
<p>Those black and grey sploges are where you have been painting. Photoshop will hide the areas under black and partially hide areas under grey (the amount of ‘hiding’ depends on the lightness of the grey.) Anything on that layer under the white areas of the mask remain visible.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-17-28-56/" rel="attachment wp-att-2514"><img class="aligncenter size-full wp-image-2514" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-17.28.56.png" alt="" width="210" height="228" /></a></p>
<p>When you are working with <a target="_blank" class="zem_slink" title="Mask" href="http://en.wikipedia.org/wiki/Mask" rel="wikipedia">masks</a> you can paint on the layer by clicking on the layer thumbnail, paint on the mask by clicking on the mask thumbnail, and delete a mask by selecting the mask in the palette and either dragging it to the bin or pressing backspace.</p>
<p>So why use the mask and not the eraser tool? Are they not both doing the same thing? To find out, set your brush colour to white and start painting on your mask again. The stars will become visible again. Masks are non-destructive. This is incredibly useful as you can keep working on them, refining them and remove them entirely if you decide you don’t like them without losing any important information. Now, onwards with the icon!</p>
<p>I have dragged on the main feature in this icon: the spaceship. But I feel it needs something to make it stand out. There is nothing like rays of glowing <a target="_blank" class="zem_slink" title="Light" href="http://en.wikipedia.org/wiki/Light" rel="wikipedia">light</a> to highlight a vector spaceship! Use the gradient tool to put a circular white glow  onto a new layer.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-17-43-18/" rel="attachment wp-att-2517"><img class="aligncenter size-medium wp-image-2517" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-17.43.18-300x251.png" alt="" width="300" height="251" /></a></p>
<p>Hm&#8230; its not quite right. I designed a <a target="_blank" class="zem_slink" title="Ray (optics)" href="http://en.wikipedia.org/wiki/Ray_%28optics%29" rel="wikipedia">light rays</a> shape in illustrator and copied and pasted it into photoshop. Now it is positioned I would love for that glow to only occupy the shape. To do that we need another mask.</p>
<p>It would be painfully slow to paint the shape of that light rays layer ourselves. Can we get photoshop to do it for us? Yes! Cmd/Ctrl click the rays of light thumbnail and photoshop will generate a selection based on the layer. Then click the glow layer and press the mask button and photoshop automatically creates a mask from the selection. To see the effect hide the rays of light shape.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-17-53-51/" rel="attachment wp-att-2520"><img class="aligncenter size-medium wp-image-2520" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-17.53.51-300x226.png" alt="" width="300" height="226" /></a></p>
<p>Awesome! That looks much better. Now lets use those same techniques to turn this picture into an icon. Group all of the layers by selecting the top one in the palette and shift selecting the last one (Note: if you have a background layer you will need to convert it to a standard layer by <a target="_blank" class="zem_slink" title="Double-click" href="http://en.wikipedia.org/wiki/Double-click" rel="wikipedia">double clicking</a> it and pressing enter) then press Cmd/Ctrl + G to group those layers. Next take the rounded rectangle tool and draw out a square over everything.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-17-57-44/" rel="attachment wp-att-2522"><img class="aligncenter size-medium wp-image-2522" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-17.57.44-300x224.png" alt="" width="300" height="224" /></a></p>
<p>We are going to create a mask on the group so everything inside is masked. Cmd/Ctrl click the rectangle thumbnail to create a selection, click on the group in the layers palette and then click the mask button at the bottom and ta-dah! A white square? You’ll also need to hide the white rectangle as it is still sitting above the group.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-17-59-42/" rel="attachment wp-att-2523"><img class="aligncenter size-medium wp-image-2523" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-17.59.42-283x300.png" alt="" width="283" height="300" /></a></p>
<p>There is your icon, almost complete. I am going to show you how to create a shadow below the icon to make it look as if it were hovering. You could easily paint it in yourself, but knowing how to do it with speed and accuracy with a mask is a useful skill. Create a new layer and place it underneath the group, then fill it with black. Next, take the ellipse tool and draw out a shadow so you have something that looks like this:</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-18-03-02/" rel="attachment wp-att-2524"><img class="aligncenter size-medium wp-image-2524" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-18.03.02-283x300.png" alt="" width="283" height="300" /></a></p>
<p>Know whats coming next? You guessed it! Cmd/Ctrl click the ellipse thumbnail to create a selection from the layer. Then select the layer of black and press the create mask button and&#8230; oh. That doesn’t look very much like a shadow&#8230;</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-18-04-46/" rel="attachment wp-att-2525"><img class="aligncenter size-medium wp-image-2525" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-18.04.46-300x225.png" alt="" width="300" height="225" /></a></p>
<p>The mask is solid because the shape has a solid outline. But here is a trick that could come in handy. Let’s take it back a step. Use Cmd/Ctrl + z or delete the mask on the black layer. Create the ellipse selection again by Cmd/Ctrl clicking the thumbnail but this time go to the Select menu -&gt; Modify and Feather (or Shift + F6 for the shortcut savvy) Set the feathering to about 15px and then press ok. You may be asking what that did. To find out, select the layer of black and now press the create mask button.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-18-07-12/" rel="attachment wp-att-2526"><img class="aligncenter size-medium wp-image-2526" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-18.07.12-227x300.png" alt="" width="227" height="300" /></a></p>
<p><a href="http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/screen-shot-2011-10-30-at-18-14-54/" rel="attachment wp-att-2528"><img class="aligncenter size-medium wp-image-2528" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/10/Screen-Shot-2011-10-30-at-18.14.54-283x300.png" alt="" width="283" height="300" /></a></p>
<p>Feathering a selection will soften up the edges. Using this in combination with masks can help you to create a shadow without having to paint one in by hand.</p>
<p>There you have the skill needed to implement the basic Photoshop mask. Experiment and it will really help you speed up your workflow.</p>
<div class="zemanta-pixie" style="margin-top: 10px;height: 15px"><a target="_blank" class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="float: right" src="http://img.zemanta.com/zemified_e.png?x-id=807f4905-7123-432f-a211-692d46fb24f4" alt="Enhanced by Zemanta" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2011/10/31/masking-its-all-about-showing-not-hiding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create an iPhone Graphic: Part 1</title>
		<link>http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/</link>
		<comments>http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 09:00:10 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Adobe Creative Suite]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[App Store]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[IOS (Apple)]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Vector graphics]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=2118</guid>
		<description><![CDATA[As more and more apps become available in the iTunes App Store, ensuring your graphics stand out is becoming increasingly important. I will take you through the process of creating a character for an iPhone app and saving it in the correct sizes for use on the many iOS devices with Smart Objects in Photoshop. <a href='http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>As more and more apps become available in the iTunes App Store, ensuring your graphics stand out is becoming increasingly important. I will take you through the process of creating a character for an iPhone app and saving it in the correct sizes for use on the many iOS devices with Smart Objects in Photoshop. I will also show you how to use the new Stroke Width and Shape Builder tools in CS5 Illustrator over the course of this three part tutorial blog.</p>
<p>&nbsp;</p>
<p>Not got CS5? No need to fret, I&#8217;ll also take you through the alternatives for users on older versions of the Creative Suite.</p>
<p>&nbsp;</p>
<p><img class="aligncenter size-large wp-image-2124" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-1-1024x6404.png" alt="" width="695" height="434" /></p>
<p>First things first, original artwork. I find it best to start with a drawing so you never start with a blank canvas. Equip your pencil, start drawing and then get scanning.</p>
<p>Create a new document in Illustrator and use File &gt; Place to import the drawing. Double click the layer in the Layers Palette that contains it to change the name and also change Dim Images to 25%. This will lighten bitmap images in the layer making it easier for us to re-draw. Finally click the Lock button before pressing OK to lock the layer.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-2/" rel="attachment wp-att-2125"><img class="aligncenter size-large wp-image-2125" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-2-1024x6403.png" alt="" width="695" height="434" /></a></p>
<p>&nbsp;</p>
<p>Next we create a new layer to place our vector graphics in by pressing the New Layer button at the bottom of the Layers Palette. Then take the Pen Tool (P) and use the original artwork along with your imagination to start to re-draw the artwork in vector form. Ensure that Stroke is set to black with no colour fill.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-3b/" rel="attachment wp-att-2127"><img class="aligncenter size-large wp-image-2127" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-3b-1024x6402.png" alt="" width="695" height="434" /></a></p>
<p>Do not worry if mistakes rear there ugly heads when creating your path. Once it is finished the White Arrow Tool will help you move points and adjust the handles that control the curves. The Add/Delete Anchor Point tools can also be used to further adjust your path.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-4/" rel="attachment wp-att-2128"><img class="aligncenter size-large wp-image-2128" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-4-1024x6402.png" alt="" width="695" height="434" /></a></p>
<p>So far we have a black line. Hmm&#8230; Not so fond of the monochrome artwork? Letscolour our creation. Select one of your paths and add a fill that will be the primary colour of the graphic. At this point I find that the Window &gt; Colour Guide Palette (Shift + F3) is invaluable when looking for colours that work well together. Drag suitable colours from the colour guide into your swatch for future use. You can also apply subtle gradients at this point if you choose.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-5a/" rel="attachment wp-att-2129"><img class="aligncenter size-large wp-image-2129" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-5a-1024x6402.png" alt="" width="695" height="434" /></a><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-5b/" rel="attachment wp-att-2130"><img class="aligncenter size-large wp-image-2130" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-5b-1024x6401.png" alt="" width="695" height="434" /></a></p>
<p>To define the shape of our graphic we add shadows with the Pen Tool (P). Draw out your shadow ensuring it has a black fill with no stroke. Try to imagine where the light is coming from so you can picture where the shadows will fall. Once you have drawn a shadow select Window &gt; Transparency and reduce the opacity. I used Opacity of 30%. This will all contribute to bringing the character to life.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-6b/" rel="attachment wp-att-2132"><img class="aligncenter size-large wp-image-2132" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-6b-1024x6401.png" alt="" width="695" height="434" /></a></p>
<p>Multiple overlapping shadows can be united into a single shape when using CS5s new Shape Builder Tool (Shift + M). Select the shapes to be united and then drag across them with Shape Builder selected. The same result can be achieved in earlier versions of the Creative Suite with Window &gt; Pathfinder and clicking the Unite button on the far left with the shapes selected.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-7a/" rel="attachment wp-att-2133"><img class="aligncenter size-large wp-image-2133" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-7a-1024x6401.png" alt="" width="695" height="434" /></a></p>
<p>Highlights can be created in a similar way to shadows. They will continue to liven the character. Once again draw out your highlight with the Pen Tool but use a white fill. This time we do not only change the opacity but also the blending mode of the shape. Change it from Normal to Overlay which preserves the black strokes underneath. I used varying opacities for the highlights depending on the texture of the object. Set the opacity higher to give the effect of light reflecting off harder surfaces. Remember to bear in mind the direction of light so you can best position your highlights. Sometimes, you may want to layer highlights to also replicate specific surfaces.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/step-8b/" rel="attachment wp-att-2138"><img class="aligncenter size-large wp-image-2138" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/09/Step-8b-1024x640.png" alt="" width="695" height="434" /></a></p>
<p>In <a href="http://www.highlander.co.uk/blog/2011/09/10/create-an-iphone-graphic-part-2/">Creating an iPhone Graphic Part Two</a> I will show you how to use the Stroke Width to bring your character to life.</p>
<div class="zemanta-pixie" style="margin-top: 10px;height: 15px"><a target="_blank" class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="border: none;float: right" src="http://img.zemanta.com/zemified_e.png?x-id=3a8da0a9-40e1-462f-8458-9d8fe7f9385b" alt="Enhanced by Zemanta" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2011/09/07/create-an-iphone-graphic-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Non-destructive Photo Editing with Camera Raw</title>
		<link>http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/</link>
		<comments>http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 12:27:43 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe Bridge]]></category>
		<category><![CDATA[Adobe Creative Suite]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Color balance]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Photograph]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Raw image format]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=1936</guid>
		<description><![CDATA[Camera Raw is an incredibly useful tool that many professional photographers use to make adjustments to photos. The great thing is with these changes, they are non-destructive &#8211; meaning, everything is always undoable! For example, if you make a crop that you then later decide is too tight, you can open the image and change <a href='http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Camera Raw is an incredibly useful tool that many professional photographers use to make adjustments to photos. The great thing is with these changes, they are non-destructive &#8211; meaning, everything is always undoable! For example, if you make a crop that you then later decide is too tight, you can open the image and change the crop or remove it completely.</p>
<p>Camera Raw is not just for photographers, anyone who needs to make adjustments to their images, small or large, should take advantage of the powerful tools.</p>
<p>Camera Raw is a part of <a target="_blank" class="zem_slink" title="Adobe Bridge" href="http://www.adobe.com/products/bridge.html" rel="homepage">Bridge</a> and Photoshop and the techniques I show you should work in most versions of the Creative Suite &#8211; I am using CS5 Bridge and Photoshop.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/camera-raw-interface/" rel="attachment wp-att-1941"><img class="size-large wp-image-1941 aligncenter" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Camera-Raw-Interface-1024x640.png" alt="" width="695" height="434" /></a></p>
<p>I will take you through some of the tools available to you to help really enhance your images.</p>
<p>Let&#8217;s start with the photo of this loveable guy from a trip to the zoo.</p>
<p>Double clicking a photo opens Camera Raw from within Photoshop. This is useful if you are only making the first few changes with Camera Raw and then wish to take the image into Photoshop for further changes and general &#8216;Photoshopping&#8217;. Otherwise, right click the image and click &#8216;Open in Camera Raw…&#8217; to open Camera Raw from within Bridge.</p>
<p>I think at this point it would be good to mention what kinds of files can be opened with Raw. Camera Raw will open all RAW file types but also Tiffs and Jpegs, but no others.</p>
<p>Welcome to Camera Raw! Along the righthand side is the bar where your mouse will likely spend most of its time. A tab bar lets you select the kind of enhancements you would like to make while an array of exciting buttons and sliders sit below to help you make those enhancements. There are also some tools that run along the top. Towards the bottom of the window is an Open Image button to open the image with changes in Photoshop normally and a Done button to save the changes and go back to Bridge. Between those too is the emergency exit &#8211; Just in case things get to scary and you do not want to save any of your changes.</p>
<p>In this tutorial we will be sticking mostly with the first tab bar, but we will sneak into some of the others.</p>
<p>I love this happy Sloth, but I think he can be greatly improved. Lets start with some of those settings in the first tab. (Aptly named &#8211; Basic Settings)</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/temperature-settings/" rel="attachment wp-att-1955"><img class="size-full wp-image-1955 aligncenter" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Temperature-Settings.png" alt="" width="280" height="159" /></a></p>
<p>The two sliders here change the colours in the image to enable you to change the White Balance. All the drop-down does is make those changes with some presets. Not all are appropriate to your image but I feel the best way is to do it by eye for yourself. For my sloth I am sliding the temperature control up just 400 points (out of 50000) The changes in Camera Raw tend to be minor and fine but they make a huge difference. For my tint slider I am moving it 14 points towards the Magenta end to remove some of the green tinge in the fur.</p>
<p>Don&#8217;t forget, as you read this, play around! Everything you do is undoable.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/light-controls/" rel="attachment wp-att-1947"><img class="aligncenter size-full wp-image-1947" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Light-Controls.png" alt="" width="281" height="343" /></a></p>
<p>These next settings are just underneath and control just about everything you could wish for in light manipulation without controlling the sun.</p>
<p>Exposure should make sense to most photographers; it changes the amount of light in the photograph, trying to replicate the setting on the camera. Brightness and contrast are also two sliders that are relatively self explanatory.</p>
<p>Recovery allows you to bring back some of the highlights that may have blown out, while fill light tries to recovery areas lost to shadow. Blacks increases the shadows darkness.</p>
<p>There is a saturation slider to saturate or de-saturate colours by helping you to pull the colours up and out to make them &#8216;pop&#8217;, or push them out to &#8216;wash out&#8217; the image. Vibrance does the same but boosts less-saturated colours more than the high saturated colours. I find vibrance more useful as it helps protect you against over saturation.</p>
<div id="attachment_1940" class="wp-caption aligncenter" style="width: 705px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/basic-compare/" rel="attachment wp-att-1940"><img class="size-large wp-image-1940" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Basic-Compare-1024x657.jpg" alt="" width="695" height="445" /></a><p class="wp-caption-text">Left: Before | Right: After</p></div>
<p>Next, lets move to the second tab &#8211; The Tone Curve. Here you can either use the preset curves to adjust contrast, or click and drag on the curve to adjust it yourself. I am going to leave it at the medium contrast curve.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/contrast-curve/" rel="attachment wp-att-1942"><img class="aligncenter size-full wp-image-1942" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Contrast-Curve.png" alt="" width="281" height="432" /></a></p>
<p>The next tab is all about sharpening. You can use these in combination to improve the sharpness. To see the refinements you are making in more detail, hold the alt key while you adjust a slider.</p>
<div id="attachment_1950" class="wp-caption aligncenter" style="width: 705px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/sharpening-comare/" rel="attachment wp-att-1950"><img class="size-large wp-image-1950" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Sharpening-Comare-1024x657.png" alt="" width="695" height="445" /></a><p class="wp-caption-text">Left: Before | Right: After</p></div>
<p>The fourth tab allows you to convert the image to greyscale and individually adjust each colours hue, saturation and luminance. This is particularly useful for making those super fine refinements.  Below is an extreme example of what fiddling with these settings does.</p>
<div id="attachment_1949" class="wp-caption aligncenter" style="width: 705px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/orange-hue-compare/" rel="attachment wp-att-1949"><img class="size-large wp-image-1949" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Orange-Hue-Compare-1024x657.jpg" alt="" width="695" height="445" /></a><p class="wp-caption-text">Left: Over Yellow | Right: Over Red</p></div>
<p>The fourth tab really comes into its own when the image is in greyscale; although you can use it for full colour images. To demonstrate this I am going to temporarily tun the Sloth black and white using the checkbox in the previous tab.</p>
<p>Split toning takes changes the highlights and shadows to the selected hue. This produces some wonderful effects.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/split-tone-sloth/" rel="attachment wp-att-1954"><img class="aligncenter size-large wp-image-1954" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Split-Tone-Sloth-1024x657.png" alt="" width="695" height="445" /></a></p>
<p>You can adjust the balance so more of the image turns to the shadow hue or visa versa.</p>
<div id="attachment_1953" class="wp-caption aligncenter" style="width: 705px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/split-tone-compare/" rel="attachment wp-att-1953"><img class="size-large wp-image-1953" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Split-Tone-Compare-1024x657.png" alt="" width="695" height="445" /></a><p class="wp-caption-text">Left: Focus Highlights | Right: Focus Shadows</p></div>
<p>I would say the basic settings are now sorted. There are other tabs which I would recommend exploring but for now we will look at the tools that run along the top.</p>
<p>I am going to cover the 3rd and 4th group of tools in the tutorial, as I have mentioned before, experiment with the others too. It helps you to learn even more.</p>
<p>Lets start with the crop and straighten tools. Both work exactly as you would expect. Click and drag out a box for the crop or a new horizon line for the straighten tool; then press enter to confirm. They both create a new clipping box which you can adjust freely. Don&#8217;t like your new crop? click the tools again to re-adjust.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/crop/" rel="attachment wp-att-1943"><img class="aligncenter size-large wp-image-1943" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Crop-1024x657.png" alt="" width="695" height="445" /></a></p>
<p>The next tool is the spot heal, great for taking out small spots of dust or other things. To use it, click and drag a circle over the offending area. Camera Raw will then create a green circle of the same size next to yours, this is the sampling circle that will be used to &#8216;heal&#8217; the spot. If needed you can adjust the size and opacity using the new sliders on the right. Clicking another tool will hide the circles but you can always retrieve them by selecting the spot healing tool again. You can create as many as you need, but this sloth only needs to one to remove this odd &#8216;glowing&#8217; hair.</p>
<div id="attachment_1946" class="wp-caption aligncenter" style="width: 748px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/healing/" rel="attachment wp-att-1946"><img class="size-full wp-image-1946" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Healing.png" alt="" width="738" height="341" /></a><p class="wp-caption-text">Left: Before | Right: After</p></div>
<p>The next tool is the red-eye tool. Very simple, if you have people with red-eye, click and drag on their eyes and Camera Raw will do the rest. Fortunately for my sloth friend, his pupils are hidden and does not need this tool.</p>
<p>The next tool is called the adjustment brush and is one of my favourites. With it you can make most of the adjustments you can make with the Basic settings tab, but to certain areas by painting on a mask. The foot of my sloth needs to be sharpened up a little so here I have painted on a mask and can change some of the settings to improve only that area of the image.</p>
<p>When you finish painting an area you will see a pin, roll over it to see the mask associated with that pin. If you wish to create a new mask, click the &#8216;New&#8217; button at the top of the Adjustment Brush settings panel. To go back to an old mask, click its pin.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/mask/" rel="attachment wp-att-1948"><img class="aligncenter size-medium wp-image-1948" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Mask-300x192.png" alt="" width="300" height="192" /></a></p>
<div id="attachment_1945" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/foot-compare/" rel="attachment wp-att-1945"><img class="size-medium wp-image-1945" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Foot-Compare-300x192.png" alt="" width="300" height="192" /></a><p class="wp-caption-text">Left: Before | Right: After</p></div>
<p>The final tool in those group is the Graduated Filter. Click and drag out a gradient starting in the place you want to effect the most and ending in the place you wish it to effect the least. The gradient is linear and can take some getting used to, but you can easily re-adjust or remove it if need be. I use this tool a lot for changing the sky as I have here with the sloth.</p>
<p>You can create multiple Graduated Filters too.</p>
<div id="attachment_1944" class="wp-caption aligncenter" style="width: 705px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/filter-compare/" rel="attachment wp-att-1944"><img class="size-large wp-image-1944" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Filter-Compare-1024x657.png" alt="" width="695" height="445" /></a><p class="wp-caption-text">Left: Before | Right: After</p></div>
<p>The Sloth is done, for now. He now glows in this image and the colours are much truer to life. The great thing about Camera Raw is that you can always come back and make further changes or remove changes if need be.</p>
<p>To finish, click Open Image to take it into Photoshop and save out the file; or click done if you want to go back to Bridge. Here is a comparison to show how the original photo has been enhanced.</p>
<div id="attachment_1951" class="wp-caption aligncenter" style="width: 705px"><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/sloth-compare/" rel="attachment wp-att-1951"><img class="size-large wp-image-1951" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Sloth-Compare-1024x657.png" alt="" width="695" height="445" /></a><p class="wp-caption-text">Left: Before | Right: After</p></div>
<p>There are so many powerful features in the Adobe Creative Suite that most people are not even aware are there; Camera Raw is one of those.</p>
<p><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/slothsmallsize/" rel="attachment wp-att-1961"><img class="aligncenter size-full wp-image-1961" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/SlothSmallSize.png" alt="" width="875" height="697" /></a><a href="http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/sloth/" rel="attachment wp-att-1952"><br />
</a></p>
<div class="zemanta-pixie" style="margin-top: 10px;height: 15px"><a target="_blank" class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="border: none;float: right" src="http://img.zemanta.com/zemified_e.png?x-id=032ba765-272a-44c7-8a1a-bff4a6d4b2d8" alt="Enhanced by Zemanta" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2011/07/15/non-destructive-photo-editing-with-camera-raw/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creative Suite 5.5 Printing Guide</title>
		<link>http://www.highlander.co.uk/blog/2011/06/26/creative-suite-5-5-printing-guide/</link>
		<comments>http://www.highlander.co.uk/blog/2011/06/26/creative-suite-5-5-printing-guide/#comments</comments>
		<pubDate>Sun, 26 Jun 2011 11:30:52 +0000</pubDate>
		<dc:creator>scott</dc:creator>
				<category><![CDATA[InDesign]]></category>
		<category><![CDATA[creative suite]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[indesign]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Printing]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=1772</guid>
		<description><![CDATA[Adobe has just released the Creative Suite 5.5 version of its ongoing Printing Guide. If you haven’t seen it before, this is an extensive document updated for each version of Creative Suite. It explains in detail a myriad of technicalities related to getting your documents to print correctly in a commercial environment. Even if you <a href='http://www.highlander.co.uk/blog/2011/06/26/creative-suite-5-5-printing-guide/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Adobe has just released the Creative Suite 5.5 version of its ongoing <a target="_blank" title="CS5.5 printing guide" href="http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/products/creativesuite/design/pdfs/cs5-5-final-print-guide.pdf" target="_blank">Printing Guide</a>. If you haven’t seen it before, this is an extensive document updated for each version of Creative Suite. It explains in detail a myriad of technicalities related to getting your documents to print correctly in a commercial environment. Even if you have read it before it’s always worth reading up on new features and how they affect existing print workflows and for known problems. You may not be aware, for example, that InDesign cannot honour all Photoshop blend modes, which can cause unpredictable problems on output. The printing guide also acts as a great overview to the new features of the various CS apps and as introduction to some of the more difficult workflow concepts such as colour management and transparency flattening. Best of all, it’s free.</p>
<p><img class="alignnone" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/cs5-5-final-print-guide_Page_001-300x231.png" alt="Print guide cover" width="300" height="231" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2011/06/26/creative-suite-5-5-printing-guide/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Perfect Gloss</title>
		<link>http://www.highlander.co.uk/blog/2011/05/04/the-perfect-gloss/</link>
		<comments>http://www.highlander.co.uk/blog/2011/05/04/the-perfect-gloss/#comments</comments>
		<pubDate>Wed, 04 May 2011 06:28:21 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[creative suite]]></category>
		<category><![CDATA[cs5]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=1493</guid>
		<description><![CDATA[With so much of the world looking for subtlety in effects for logos and icons, it can sometimes be hard to know what is the right way to use the many exciting Photoshop filters and effects in the right way from a design perspective. The &#8216;Gloss&#8217; effect is becoming an important finishing touch to many <a href='http://www.highlander.co.uk/blog/2011/05/04/the-perfect-gloss/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>With so much of the world looking for subtlety in effects for logos and icons, it can sometimes be hard to know what is the right way to use the many exciting Photoshop filters and effects in the right way from a design perspective. The &#8216;Gloss&#8217; effect is becoming an important finishing touch to many designs, especially now smart phones are driven by app icons that need to look perfect in order for it to get noticed. Developers are starting to notice why a good, finished design is essential.</p>
<p>So say you have finished you artwork, how do you apply that perfect gloss to it? I will show my favourite techniques below.</p>
<p>To start, open your artwork in Photoshop. Done? Easy. Here is my artwork at the same stage.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Dinosaur-Icon.png"><img class="aligncenter size-full wp-image-1495" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Dinosaur-Icon.png" alt="" width="500" height="500" /></a></p>
<p>The reflection is the essential part of a gloss. It is important to remember that it is the light reflecting off from your icon that we are trying to replicate with the gloss. Usually this reflection is hard edged and is coming from a large window. Remembering this can help you to make important choices about your gloss, whether or not to offset it, tint it and how intense it should be.</p>
<p>Take the ellipse tool and draw out a large ellipse that should completely cover the top half of your artwork. Do not worry about the colour, after drawing it out I take the fill down to 0%.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Ellipse.png"><img class="aligncenter size-large wp-image-1496" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Ellipse-1024x640.png" alt="" width="695" height="434" /></a></p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Ellipse.png"></a><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Fill-Down.png"><img class="aligncenter size-full wp-image-1497" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Fill-Down.png" alt="" width="215" height="237" /></a></p>
<p>Double click on the ellipse shape layer to open up the layer style panel. If you have never seen this before it will either look very scary, or wonderfully exciting. You can find out a lot about most of these effects by experimenting and I would recumbent looking through them; but not right now. For the moment we are going to jump straight to gradient overlay section on the left.</p>
<p>Change the gradient to a Solid White to Completely Transparent. I use a transparency of 20% on the gradient overlay. Increase or decrease this to suite personal taste and the style of your artwork. Also ensure the angle is 90°.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Gradient-Overlay.png"><img class="aligncenter size-full wp-image-1499" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Gradient-Overlay.png" alt="" width="678" height="553" /></a></p>
<p>Below is how my artwork looks like at this point.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Dinosaur-Icon-With-Gradient-Overlay.png"><img class="aligncenter size-full wp-image-1500" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Dinosaur-Icon-With-Gradient-Overlay.png" alt="" width="500" height="500" /></a></p>
<p>Looks good nay? But not quite perfect. It needs a couple more effects, but subtle effects. The gloss should not take over the artwork, it needs to show off the artwork.</p>
<p>Open up the layer style panel again if you closed it. This time click the Inner Glow section to apply the default Inner Glow. If you want to tint the gloss, change the colour to your desired tint, otherwise I use white. Also take take down the opacity to about 10% and raise the Size until you get an even spread. I used 95px on this image, but it may be different for your artwork.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Inner-Glow.png"><img class="aligncenter size-full wp-image-1501" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Inner-Glow.png" alt="" width="678" height="553" /></a></p>
<p>Then click Outer Glow and change the glow colour to black. This will help define the edge a little more. Raise the spread to taste and lower the opacity to about 20%.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Outer-Glow.png"><img class="aligncenter size-full wp-image-1502" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Outer-Glow.png" alt="" width="678" height="553" /></a></p>
<p>But wait… there seems to be no effect. This is because of the blend mode. A black gloss will have no effect on the pixels below when using a screen. So to rectify this, change the mode to normal.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Blend-Mode.png"><img class="aligncenter size-full wp-image-1503" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Blend-Mode.png" alt="" width="522" height="248" /></a></p>
<p>Hit OK to confirm and there is a perfect gloss. Some things you could try experimenting with: Inner Glow colour tint, offsetting the Ellipse and changing the opacity of the Gradient Overlay.</p>
<p>Finally, I thought I would touch on how to take all of this and round off the corners to create an icon. To start with this take the rounded rectangle and set the radius to 10px. Then drag out a square while holding the Shift key to ensure the square remains in proportion.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Black-Icon.png"><img class="aligncenter size-full wp-image-1508" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Black-Icon.png" alt="" width="500" height="500" /></a></p>
<p>I left a gap on the right and bottom sides so I could apply a drop shadow to the square.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Drop-Shadow.png"><img class="aligncenter size-full wp-image-1509" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Drop-Shadow.png" alt="" width="678" height="553" /></a></p>
<p>Now to apply the square as a mask to the artwork, select the layers of artwork and press Cmd/Ctrl + G to group it; then hold Cmd/Ctrl and click the shape mask on the square to create a selection from it.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Layer-Mask.png"><img class="aligncenter size-large wp-image-1510" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Layer-Mask-1024x640.png" alt="" width="695" height="434" /></a></p>
<p>Finally, click the group below the shape layer and click the layer mask button at the bottom of the Layers Palette. (Third button in from the left) This takes the selection and turns it into a mask which rounds off the corners.</p>
<p>Finished? Not quite. The artwork is quite, well, gone. To fix that, take the square&#8217;s fill down to 0% in the same way we took the gloss layer fill down.</p>
<p><a href="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Finally-Dinosaur-Icon1.png"><img class="aligncenter size-full wp-image-1511" src="http://www.highlander.co.uk/blog/wp-content/uploads/2011/07/Finally-Dinosaur-Icon1.png" alt="" width="500" height="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2011/05/04/the-perfect-gloss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 Killer Tips for Photoshop</title>
		<link>http://www.highlander.co.uk/blog/2011/04/27/20-killer-tips-for-photoshop/</link>
		<comments>http://www.highlander.co.uk/blog/2011/04/27/20-killer-tips-for-photoshop/#comments</comments>
		<pubDate>Wed, 27 Apr 2011 13:19:36 +0000</pubDate>
		<dc:creator>timw</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[creative suite]]></category>
		<category><![CDATA[cs5]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[shortcuts]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=1447</guid>
		<description><![CDATA[Here are some of the must know tips for any Photoshop Guru. Once you have a few of these under your belt, your colleagues will be referring to you as Obi Wan. These Tips and Tricks work similarly in previous versions of Adobe Creative Suite. 10 Shortcuts to make your life easier 1. Shift + <a href='http://www.highlander.co.uk/blog/2011/04/27/20-killer-tips-for-photoshop/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Here are some of the must know tips for any Photoshop Guru. Once you have a few of these under your belt, your colleagues will be referring to you as Obi Wan.</p>
<p>These Tips and Tricks work similarly in previous versions of Adobe Creative Suite.</p>
<p>10 Shortcuts to make your life easier</p>
<p>1. Shift + Tab</p>
<p>Most people known that Tab will hide the palettes and toolbar (If you didn&#8217;t there&#8217;s one bonus tip) but Shift + Tab will only hide the palettes. This will help those on smaller screens.</p>
<p>2. Ctrl/Cmd + Shift + Z</p>
<p>Ctrl/Cmd + Z enables you to undo your last action, holding alt with those lets you keep stepping backward in time after that. But what if you want to redo? Ctrl/Cmd + Shift + Z is here to save you. If you have gone back a few steps in history with Ctrl/Cmd + Alt + Z, pressing Ctrl/Cmd + Z will take back to the bottom of your history.</p>
<p>3. Square Brackets [ ]</p>
<p>For those often using the brushes in a photoshop you may know that pressing the left and right square bracket buttons will reduce and increase brush size respectively. What you may not know is that holding shift while pressing either of those keys will allow you to increase or decrease brush hardness.</p>
<p>4. D</p>
<p>Pressing D on the key board resets the foreground colour to Black and the  background colour to White. This can be useful when working with masks.</p>
<p>5. X</p>
<p>Whilst still on the subject of masks, X will swap the background/foreground colours around.</p>
<p>6. Tool shortcuts</p>
<p>Common tool shortcuts to streamline your workflow: V &#8211; Move, B &#8211; Brush, E &#8211; Eraser, A- Direct Selection Tool, P &#8211; Pen Tool, C &#8211; Crop.</p>
<p>7. Alt Clicking Tools</p>
<p>Alt clicking any tool that is a part of a set will select the next tool in the set.</p>
<p>8. Numbers and Opacity</p>
<p>Opacity in Photoshop can be quickly changed by typing in the desired value. For example, pressing 5 and 0 on the keyboard changes the opacity to 50%. The guys at adobe know that pressing keys takes time so they also built in the ability so that when you press one number, Photoshop will add in the extra 0 for you. E.g. Pressing 3 gives you 30%. When working with brushes, this will change brush opacity, when working with the move tool, this will change the current layer opacity.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-12.47.10.png"><img class="aligncenter size-full wp-image-1458" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-12.47.10.png" alt="" width="219" height="79" /></a></p>
<p>9. Shift + Alt + Ctrl/Cmd + K</p>
<p>Bored or don&#8217;t like the default shortcuts? Use this one to completely personalise your Photoshop experience.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-13.01.37.png"><img class="aligncenter size-full wp-image-1460" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-13.01.37.png" alt="" width="931" height="717" /></a></p>
<p>10. Alt + Panel Options</p>
<p>At the top of the layer palette, click the button for the drop down menu and while holding Alt, click Panel options for a small surprise during your next break.</p>
<p>&nbsp;</p>
<p>10 Tips and Tricks to improve your workflow</p>
<p>11. Layer Masks</p>
<p>To disable a layer mask, Shift click the mask in the layers palette. To view the layer mask Alt click it in the layer palette and to see the layer mask with the layer hold Alt + Shift when you click the mask in the layers palette.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-13.03.42.png"><img class="aligncenter size-large wp-image-1461" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-13.03.42-1024x640.png" alt="" width="695" height="434" /></a></p>
<p>12. Duplicate Layer</p>
<p>Hold Alt when you move a layer to duplicate the layer. This also works with the nudge tool (arrow keys). To duplicate a layer in place, drag and drop the layer in the palette to the new layer button.</p>
<p>13. Hide Everything Else</p>
<p>There is often a need to only see one layer, but when working with many it can take time to hide all the other layers by clicking each eye. A much faster way is to Alt click the eye button on the layer you want to keep shown; all the other layers will hide. If you Alt click the same layer again Photoshop will bring them all back.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-12.52.03.png"><img class="aligncenter size-full wp-image-1462" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-12.52.03.png" alt="" width="554" height="439" /></a></p>
<p>14. Aligning Two Identical Layers</p>
<p>If two identical layer do not snap into place when aligning them, change the top layer&#8217;s mode to Difference and then use the nudge tools to move the top layer around. When the top layer goes completely black the layers are aligned and you can change its mode back to normal.</p>
<p style="text-align: center"><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-25-at-17.28.43.png"><img class="aligncenter size-full wp-image-1463" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-25-at-17.28.43.png" alt="" width="311" height="300" /></a></p>
<p>15. Adjustment Layers</p>
<p>Adjustment layers, as standard, will affect everything below them. When you need it to only affect the layer directly below it, and not the rest, Alt click between the two.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-13.08.10.png"><img class="aligncenter size-full wp-image-1465" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-13.08.10.png" alt="" width="203" height="73" /></a></p>
<p>16. Grouping Adjustment Layers</p>
<p>We know how to make an adjustment layer affect everything below it, or just the single layer below it, but what if you only want it to affect layers inside a group? Ensure your adjustment is inside the group and above all the layers you want it to affect, then click the group in the layers palette and change it&#8217;s mode from Pass Through to Normal.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-12.54.38.png"><img class="aligncenter size-full wp-image-1464" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-27-at-12.54.38.png" alt="" width="245" height="242" /></a></p>
<p>17. Hide Crop Mode</p>
<p>By default a crop will delete anything not inside its bounding rectangle. This can be annoying when you need to move something back into the canvas as the layer will be cut off. To stop this happening, when you select the crop tool and drag out the bounding box, at the top of the window click Hide and when you press enter to confirm the crop all your layers will still be complete. The crop mode can easily be changed back by selecting delete rather than hide before confirming a crop. Even with Hide on, your background layer will still be deleted. To get around this, double click the background layer to convert it to a standard layer, and then create your crop.</p>
<p>18. Hold Alt for Detail Sharpness in Raw</p>
<p>When changing sharpness in Camera Raw, hold Alt and you will see the image go black and white. It makes it easier to see the effect the sharpening has. This works on Amount, Radius, Detail and Masking.</p>
<p>19. Mattings</p>
<p>If you have a layer where the background has been cut out, but there are some pixels around the edge that still remain, choose Layer &gt; Matting &gt; Defringe to change the colour of the edge pixels to the same colour as the pixels just inside from them. You can change the width to higher values to change the colour of more pixels.</p>
<p><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-25-at-17.47.03.png"><img class="aligncenter size-large wp-image-1466" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-25-at-17.47.03-1024x640.png" alt="" width="695" height="434" /></a><a href="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-25-at-17.47.09.png"><img class="aligncenter size-large wp-image-1467" src="http://www.highlander.co.uk/blog/files/2011/04/Screen-shot-2011-04-25-at-17.47.09-1024x640.png" alt="" width="695" height="434" /></a></p>
<p>20. Alt Transformations</p>
<p>When transforming an object most people will know that holding Shift constrains the proportions. However, you can hold Alt to scale from the centre rather than the opposite corner.</p>
<p>&nbsp;</p>
<p>Go forth young Obi Wan, and may the power of Photoshop be a light in these dark times.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2011/04/27/20-killer-tips-for-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adobe demos new Plenoptic lense technology</title>
		<link>http://www.highlander.co.uk/blog/2010/09/27/adobe-demos-new-plenoptic-lense-technology/</link>
		<comments>http://www.highlander.co.uk/blog/2010/09/27/adobe-demos-new-plenoptic-lense-technology/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 16:49:36 +0000</pubDate>
		<dc:creator>Andy</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.highlander.co.uk/blog/?p=531</guid>
		<description><![CDATA[This is an intersting look into the kinds of technology Adobe is working on when it comes to the area of Photography and image manipulation. Wow.]]></description>
			<content:encoded><![CDATA[<p>This is an intersting look into the kinds of technology Adobe is working on when it comes to the area of Photography and image manipulation.  Wow.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/jS7usnHmNZ0?fs=1&amp;hl=en_GB" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/jS7usnHmNZ0?fs=1&amp;hl=en_GB" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.highlander.co.uk/blog/2010/09/27/adobe-demos-new-plenoptic-lense-technology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

