Sunday, May 20th, 2012

Hand drawn frames in Photoshop

hand drawn frame opener Hand drawn frames in Photoshop

One technique I’ve seen used a lot lately on blogs, websites and even email newsletters is a hand drawn frame effect.

In this post, I’ll show you how to create an effect like this and save and use it for your images.

hand drawn frame step1 Hand drawn frames in Photoshop

Step 1

Start with a new image in Photoshop. A good size frame is important to create as you can size it down but not size it up as successfully. Start with an image around 4,000 pixels square with a resolution of 300 pixels RGB color and transparent background.

When the image opens, fill the background with a color of your choice, I’ve chosen a blue fill color.

hand drawn frame step2 Hand drawn frames in Photoshop

Step 2

Add a new layer and then select the brush tool and a smallish brush. You want something that is going to ‘paint’ looking a little bit like pencil marks so I chose the Chalk 11 pixels brush and sized it up to around 57 pixels.

Select black or a dark brown or dark gray color as the foreground color and hand draw your frame. It will help if you use a tablet to do this although that’s not necessary and a mouse can be used.

Draw the frame so it has closed inside and outside edges to make the next step easier.

hand drawn frame step3 Hand drawn frames in Photoshop

Step 3

Target the Magic Wand tool and click inside the frame. This selects the inner portion of the frame.

Choose Select >  Inverse to invert the selection.

Now hold the Alt key and click with the Magic Wand tool on the outer area of the image so you remove the outer edge from the selection.

To eliminate any anti-aliased edges, choose Select > Modify > Contract and contract the selection by around 12 pixels.

hand drawn frame step4 Hand drawn frames in Photoshop

Step 4

Add a new layer between the frame drawing and the background and fill it with white.

Return to the frame layer and select the inside again, this time choose Select > Modify > Expand and expand the selection by around 12 pixels.

Add a new layer and fill the selected area with a black/brown or dark color. This is the template for your image.

Save this image as a layered .psd file so you can use it anytime in future.

hand drawn frame step5 Hand drawn frames in Photoshop

Step 5

To frame an image, open an image to frame and this frame too.

Drag the background layer of the image into your frame image holding the Shift key as you do so to center it. Press Ctrl T + Ctrl 0 to size the image to size. Make sure the image layer is directly under the drawn frame and above the dark template layer.

Now, with the image layer selected choose Layer > Create Clipping Mask to clip the image to the size of the inside of the frame.

You can move the image layer using the Move tool so it is positioned as desired.

Now size and save the image for print or the web.

 

Tuesday, May 15th, 2012

Create a Fisheye Effect in Lightroom

Fisheye effect Lightroom opener Create a Fisheye Effect in Lightroom

If you don’t have a fish-eye lens or don’t have yours on hand when you need it, don’t worry. With Lightroom (or Adobe Camera Raw) you can create a fish-eye effect with any photo. Here’s how:

Start with an image that lends itself to being made a fish-eye image. You want something that was shot with a fairly wide angle lens to begin with so you don’t want to be zoomed in very close on your subject.

Fisheye effect Lightroom step1 Create a Fisheye Effect in Lightroom

With the image open in Lightroom go to the Develop module and select Lens Correction and then the Manual tab. You’ll see the Distortion slider at the top of the Transform tools. Drag the Distortion slider to the left to blow out the middle of the image.

Deselect Constrain Crop and decrease the value for Scale so that you can see the image edges very clearly. If you like the result you can stop at this point.

Fisheye effect Lightroom step2 Create a Fisheye Effect in Lightroom

Alternately if you want to give the image a bit more punch, you can go one step further by exporting the image and importing it again and repeating the process. To do this, right clicking the image and choose Export. Export the image as a non-lossy format image such as TIFF, enable the Add to This Catalog checkbox so the image comes back into Lightroom automatically and select a folder for the image – the same folder that the original image is stored in is the best choice. Click to Export the image.

Fisheye effect Lightroom step3 Create a Fisheye Effect in Lightroom

The exported version will then be automatically imported back into Lightroom. You can find it by returning to the Library module, open the Catalog panel and click the Added by Previous Export collection – it will be in that collection.

Fisheye effect Lightroom step4 Create a Fisheye Effect in Lightroom

Select the newly imported image, return to the Develop module and again drag the Distortion slider to the left to increase the bowing in the image. Make sure Constrain Crop is not selected and decrease the Scale until you get a good result on your image.

Fisheye effect Lightroom step5 Create a Fisheye Effect in Lightroom

 

Tuesday, May 15th, 2012

A “Happy Snap” Lightroom workflow

Lightroom happy snap workflow opener A Happy Snap Lightroom workflow

At Halloween last year I was asked to photograph some kids I’ve shot from time to time since they were born. Basically their mum likes to have some up to date photos of the kids and Halloween seemed like as good a time as any to get some shots.

When I’m shooting like this, my aim is to get some good shots but nothing formal and I prefer not to use a flash because I get a better response from the kids without one. I captured the images in raw and I chewed through three small size camera cards in about an hour and a half.

My deal with their mum is that I get to use the photos for my work and she gets a disk of pictures. To keep this fun – so it doesn’t feel like work for me – I need a fast and effective processing workflow.  I need to get the images off my camera, sorted, processed, burned to a DVD and delivered to mum in time for her to enjoy them.

Thanks to Lightroom the process was simple and, in all, I reckon I spent less than 2 hours getting the photos from the camera cards to a DVD. Here is what I call my Happy Snap Lightroom workflow – it’s what I do to quickly process casual snapshots:

Step 1: Determine a plan of attack

To begin with I have some criteria I work by. I never give away substandard photos so anything blurry, out of focus or over exposed gets permanently deleted. Then I sort out the best of the images intending to give mum around 50-60 photos of the kids – it’s a nice range of images for her to use to scrapbook and post to Facebook and it doesn’t over burden her with too many photos to choose from.

Step 2: Download the images

Lightroom happy snap workflow step2 A Happy Snap Lightroom workflow

To begin, I download all the images from all three cards into a single folder on my hard drive (if there were only one card I would omit this step).

From there I import the images into Lightroom at the same time copying them to their permanent storage on my external photo drive and making a backup to a second drive. Copying rather than adding images to the Lightroom catalog lets me make backups and also add my metadata to the images so, when they popup on Facebook my copyright details are embedded in them.

Importing all the images in one step also means that when I’ve started the import process – which includes rendering standard previews – I can start working through the images and I don’t have to do it multiple times or switch out cards as I work – (the process works for me – your mileage may vary).

Step 3: Eliminating the duds

Lightroom happy snap workflow step3 A Happy Snap Lightroom workflow

The first time I run through the images I am looking for images to delete as well as getting a general look at what I shot.

As I work through the images I’ll press X for images to delete and use the right arrow key to move past everything else. I’ll select to delete all out of focus images, anything where someone has their eyes closed or similar, and anything I don’t want to put my name to!

Once I’m done I choose Photo > Delete Rejected Photos to delete the images from my primary external photo drive. There are still copies on the backup drive and my hard disk but not on my main photo drive.

Step 4: Sorting the usable images

Lightroom happy snap workflow step4 A Happy Snap Lightroom workflow

On the second run through the images I pick those I want to use. By now I have a rough idea as to what I have and what I might want to give mum. So this time I run through the images pressing P to pick an image and using the right arrow key to move past those she won’t be getting.

Step 5: Create a Collection

Lightroom happy snap workflow step5 A Happy Snap Lightroom workflow

Once done, I isolate the picked images by clicking the first of the filter flag icons above the filmstrip. Then with only the picks visible I press Ctrl + A to select all of them and then click New Collection > Create Collection and type a name for it. Because the images are already selected, I leave the Include Selected Photos checkbox enabled and click Create.

Step 6: Apply initial processing to the images

Lightroom happy snap workflow step6 A Happy Snap Lightroom workflow

Now I have a collection of the picks and it’s time to process them. I start out by selecting all the images in Grid View in the Library and from the Quick Develop panel I select Auto Tone. This gives me a head start on fixing them but, because of the lighting, pretty much all of them needed a white balance adjustment.

Step 7: Process in the Develop module

Lightroom happy snap workflow step7 A Happy Snap Lightroom workflow

Switching to Develop module with the filmstrip visible I selected the White Balance Selector and then made sure that Auto Dismiss was disabled. This allows me to adjust the white balance on one image and then click on the next one in the filmstrip and continue to adjust the white balance from one image to the next without having to reselect anything. Basically all that most of these images needed was some white balance adjustment.

For those that needed cropping, I cropped as I finished with white balance adjustment and then moved on to the next image. This ensured that each image was dealt with only once as I progressed across the filmstrip.

Step 8: Make one off fixes

Lightroom happy snap workflow step8 A Happy Snap Lightroom workflow

So, having fixed the worst of the problems I work backwards through the filmstrip to see if any of the images warrant special attention. If so, I make a call to fix them or simply remove them from the collection. To remove the image, right click it and choose Remove from Collection .

Here I had one issue with a couple of images where one child’s face was in shadow. For this, I used the Adjustment Brush tool at a small size with a large feather radius. I brushed over the areas where her face was in shadow and then adjusted the Brightness and Exposure to lighten to her face. In the same images other faces were overexposed so I added a second Adjustment Brush adjustment with the opposite settings to attempt to deal with this. The final result wouldn’t  stand up to close scrutiny but is just fine for the web and 6 x 4 printing.

Step 9: Export and burn

Lightroom happy snap workflow step9 A Happy Snap Lightroom workflow

Once this was done it was time to export the images. Because they’re all in a collection, Ctrl + A selects all the images. I chose File > Export and then exported them as JPG images, 80 percent quality at the largest size and I added sharpening to them in the process. I made sure these images all went to a new folder so that they would be isolated from everything else and easy to find.

From there, it was a matter of launching Ashampoo Burning Studio, grabbing all the images and burning them to a DVD.

This workflow is one giant step better than simply burning the images direct to a DVD. It takes only a little more time with Lightroom to sort and apply some basic fixes to the images and it also means that only the best of the images get circulated and those that do have my copyright information embedded in them.

So now it’s over to you. What’s your “happy snap” workflow? Do you capture snapshots in raw? Do you process using Lightroom? And how do you get your images processed quickly so you’re not spending hours on images that are really just family snapshots?

Friday, May 11th, 2012

5 top tips for working with Gimp

I know that a lot of you use Gimp and, in the interests of taking a step away from Photoshop for a minute, here are 5 of my top tips for working with Gimp.

gimptips 1 5 top tips for working with Gimp

Rounded corners

Gimp makes it dead simple to round the corners of an image. To do this, choose Filters > Décor > Rounded Corners. A dialog will open. Select the Edge Radius, which is the amount of curve, and if desired, click to add a Drop Shadow and then set the Shadow Offset and Blur Radius. You can select to work on a copy of the image (rather than the original), and select whether or not to add some background behind the curved corners – the current background color is used for this. Click Ok to round the corners of the image.

gimptips 2 5 top tips for working with Gimp

Reassign keys

When I use Gimp, I sometimes forget and use Photoshop keys for things like deselect. Unfortunately in Gimp, the Photoshop deselect keystroke duplicates an image! You can, however, remap your keyboard shortcuts by choosing Edit > Keyboard Shortcuts. So, for example, to map the Ctrl + D keystroke to the Select > None option, click to open the Select menu, locate the None option and click it so that the words New Accelerator appear in the Shortcut column. Then press the keystroke to use – I chose Ctrl + D, which is the Photoshop equivalent. Because this key combination is already used a warning appears – if you are ok with replacing the shortcut, then proceed to assign the new shortcut key.

gimptips 3 5 top tips for working with Gimp

When you change or reassign a shortcut, Gimp is smart enough to add the new shortcut to the appropriate menu so the Select menu here shows the newly assigned shortcut.

gimptips 4 5 top tips for working with Gimp

Move the selection mask

It is so much easier in Gimp than in Photoshop to move the actual selection marquee once you have made it. To see this at work, make a selection, then click the Move tool. Make sure that the Move option is set to Selection in the panel and you can now drag the selection into a new position. This works for circles, rectangles as well as selections made with the free select tool. Once you’re done, return to the tool to perform another task such as Ctrl + Alt + drag to move the selected area or Shift + Alt + drag to copy it.

gimptips 5 5 top tips for working with Gimp

Merge to a new layer (and keep the original layers)

One command that is useful when you need to flatten an image but where you don’t want to lose the layers you have already created is the one which flattens the visible portions of an image to a new layer. This layer is at the top of the stack but is created in a way that leaves the original layers still in place. In Photoshop you do it by pressing Ctrl + Alt + Shift + E. In Gimp, choose Layer –> New From Visible. Now you can, for example, sharpen the image but, if you need to make changes to the image, you can delete the top merged layer, adjust the image on the layers below and then remake the new merged layer and sharpen it.

gimptips 6 5 top tips for working with Gimp

Crop Tool Smarts

The Crop tool in Gimp includes a range of cool options. When you select it, check out the panel options. You can, for example, crop just the current layer (or all the image) or you can select the crop area from the middle out (rather than drawing from one corner). You can crop to a fixed aspect ratio or a fixed width (height is variable), fixed height (width is variable), or set both height and width. From the list which shows No Guides, you can choose to display a Rule of Thirds overlay, Center lines or Golden Sections to help you create a well composed image. Enable Highlight to see a dark border around the area you plan to crop to.

gimptips 7 5 top tips for working with Gimp

So, there are my 5 top Gimp tips. It is over to you. What is your favorite Gimp tip to share with others?

Wednesday, May 9th, 2012

Lightroom – flagging in the Develop module

Lightroom 3 flag images in Develop module Lightroom   flagging in the Develop moduleAs you probably already know you can flag an image in the Library module in Lightroom using the Toolbar options.

But did you know you can also do it in the Develop module?

Check for the toolbar in the Develop module, if it is not visible press T to display it. Here you will find a series of options including some for flagging the image.

If the flags are not visible, click the down-pointing arrow at the far right of the toolbar and select Flagging from the menu. Click a flag to flag an image from here without having to go to the Library to do so.

The toolbars in the other modules: Slideshow, Print and Web while partially don’t have this same feature but it is a customizable option in the Library and Develop modules.

Monday, May 7th, 2012

Crop to fixed ratio in Photoshop

By Helen Bradley

Photoshop crop image to fixed ratio before after e1331137464718 Crop to fixed ratio in Photoshop

If you’ve ever tried to crop an image to a fixed ratio in Photoshop you may have run up against an issue. There is, it appears, no option for cropping to a fixed ratio such as 4 x 6, 5 x 7 or even 1 x 1. You can crop to fixed sizes like 4in x 6in and you can set a resolution for the image but you can’t on the face of it just crop to a simple 1 x 1 without specifying a unit of measure. Here I’ll show you how to do this, but first things first…

The risk you run if you don’t watch how your settings are configured and if you don’t watch what you enter in the dialogs, is that Photoshop will not only crop, but also determine the units of measure and resample the image for you.

Default Settings

The default units of measure and the default resampling method are set in the program preferences which you can locate by choosing Edit > Preferences > General (Photoshop > Preferences > General) and then read the image interpolation method being used. In this set up it is set to Bicubic:

Photoshop crop image to fixed ratio 1 Crop to fixed ratio in Photoshop

The default units of measure are set in the Units & Rulers options or the Panel options for the Info Palette as the ruler measurements:

Photoshop crop image to fixed ratio 2 Crop to fixed ratio in Photoshop

If you type a number in the Width and Height boxes when you select the Crop tool in Photoshop then the default units of measure are used unless you also type the desired units of measure. This might not sound like it is a problem but if the default units of measure are pixels and you type 6 x 4 and have the Resolution set to 300 dpi you might end up with a very small size image indeed!

It is not possible to type a number in the Width or Height box for the Crop tool without a unit of measure being applied to it. So, what do you do if you want a 1 x 1 ratio crop not a 1 in x 1 in image?

The solution is to type 1in or 1cm in each the Width and Height boxes and ignore the units of measure. Then, remove anything from the Resolution box. When Photoshop is told to crop to a fixed size/ratio and is not told the Resolution to use it crops to the size requested, it doesn’t resample the image, and it simply adjusts the Resolution of the final image to suit the image. It might sound weird but it works to let you crop to a fixed ratio. The problem is of course, that the resulting resolution can be very large indeed.

Here I cropped this image to 1 in x 1 in with no resolution set:

Photoshop crop image to fixed ratio 3 Crop to fixed ratio in Photoshop

Here are the final image dimensions – the size is 1 x 1 but the resolution is very large:

Photoshop crop image to fixed ratio 4 Crop to fixed ratio in Photoshop

Change Resolution but not Size

If the resolution of the image is important to you then you can change it by choosing Image > Image Size, disable the Resample checkbox and set the desired Resolution and click Ok to adjust this. This resizes the image to the chosen resolution but does not resample it in the process.

Photoshop crop image to fixed ratio 5 Crop to fixed ratio in Photoshop

Crop and Resample

On the other hand, if you set a width and height for the image in the Crop tool options and if you set a resolution, Photoshop will crop the image to that size and resolution.

If the image is very large and the desired size is comparatively small then Photoshop will downsize the image and in the process resample the image. If there are insufficient pixels in the image to crop to the desired size and resolution, Photoshop will upsize the image resampling it as it does so.

Photoshop crop image to fixed ratio 6 Crop to fixed ratio in Photoshop

An Alternate Method

There is an alternative method that lets you crop to a fixed ratio without altering image resolution. It is a little longer but it works well and is bypasses the crop tool entirely. Instead, target the Rectangular Marquee tool and select Fixed Ratio from the Style list and then set the Width and Height as values without measurements. Select the area to keep – if necessary, hold the Space Bar as you are drawing the shape to move it to a new position.

Photoshop crop image to fixed ratio 7 Crop to fixed ratio in Photoshop

When you ‘re done choose Image > Crop to crop it.

Photoshop crop image to fixed ratio 8 Crop to fixed ratio in Photoshop

Next time you need to crop to a fixed aspect ratio, one of these methods will ensure you get the result you expect.

Wednesday, May 2nd, 2012

Office 2010 – how to save files as templates

Each of the Office applications allows you to configure a look for a document, spreadsheet, publication or presentation and then save it as a template so that you can reuse it anytime.

Templates in PowerPoint 2010

In PowerPoint you’ll create your presentation and then save it using File > Save As and select from the Save As Type list choose PowerPoint Template (*.potx). Give your presentation template a name and click Save.

save a presentationt as a template in powerpoint 2010 step1 e1334179034234 Office 2010 – how to save files as templates

In future you can locate this presentation by choosing File > New > My Templates and click on the template to use it as the basis of a new document.

save a presentationt as a template in powerpoint 2010 step2 e1334179064797 Office 2010 – how to save files as templates

Templates in Word 2010

In Microsoft Word choose File > Save As and from the Save As Type dropdown list choose Word Template (*.dotx). In the top left of the dialog click the Templates option to make sure that the template will be stored in the correct location and give the template a name.

save a document as a template in word 2010 step1 e1334179328964 Office 2010 – how to save files as templates

In future choose File > New > My Templates and select the template to use.

save a document as a template in word 2010 step2 Office 2010 – how to save files as templates

Templates in Excel 2010

In Microsoft Excel, you can save the look of your document so that it can be used as the basis of a new document by choosing File > Save as and choose Excel Template (*.xltx ) as the file type. Type a name and save the template file.

save a worksheet as a template in excel 2010 step1 Office 2010 – how to save files as templates

In future you can base a new worksheet on this template by choosing File > New > My Templates and select it from the Personal Templates list.

save a worksheet as a template in excel 2010 step2 e1334179097976 Office 2010 – how to save files as templates

Templates in Publisher 2010

In Publisher you’ll choose File > Save As and then select Publisher Template (*.pub). Type a name for the template and click Save.

save a publication as a template in publisher 2010 step1 e1334179120220 Office 2010 – how to save files as templates

In future you can access this template by choosing File > New > My Templates, select the template and click Create. You may need to close and reopen your software before the new templates are available.

save a publication as a template in publisher 2010 step2 e1334179151765 Office 2010 – how to save files as templates

Monday, April 30th, 2012

Safari West photo shoot

I recently got the chance to spend time at a photo safari at Safari West with local photographer John Burgess. It was a great opportunity not only to hear John speak but also to be reminded of the basics – I always learn something and I took away a few big ticket items which I was really pleased with. With John, because of his close association with Safari West you also get to do things not everyone else can do like jam your lens up against a fence to capture a monkey or a cheetah which is totally cool and really makes one heck of a difference to the final images.

Here is a sampling of the wonderful animals you get to enjoy at Safari West – click the image to view the slideshow.

 

waterbuck Safari West photo shoot

 

Monday, April 30th, 2012

Save an Excel Chart as a Picture

save excel chart as an image opener Save an Excel Chart as a Picture

You can save a chart as a picture from inside Excel so you can use it elsewhere such as in a report or on the web.

save excel chart as an image step1 Save an Excel Chart as a Picture

To do this you will use a workaround and the simplest way to do it is to size the chart on the worksheet so it is a good size. Choose File > Save As, select the location to save the file in and from the Save As Type dropdown list choose Web Page (*.htm;*.html), type a name and click Save.

save excel chart as an image step2 Save an Excel Chart as a Picture

This converts the worksheet to an html file and because html files cannot contain images the chart is saved as a separate png image file and linked to the html file.

You can find your chart in the folder that you saved the html file into. So, if your file was called sales.htm then the images will be in a folder called sales_files. Of course, you’ll also need to save your Excel worksheet if you want to save the data and chart to work on in Excel in future.

save excel chart as an image opener Save an Excel Chart as a Picture

Friday, April 27th, 2012

Edit images on the iPad with PhotoPower

Download: PhotoPower on the iPad – 2.99

This is an iPhone app that runs on the iPad. It totally rocks and it’s an example of what a photo fixing app should do. It is simple to use but extraordinarily powerful it even includes a curves tool!

photopower image editing on the ipad 1 Edit images on the iPad with PhotoPower

Open an image, crop  it and then adjust it. There are tools from Exposure to Vibrance and in many tools you can adjust the separate color channels or the composite channel.

photopower image editing on the ipad 2 Edit images on the iPad with PhotoPower

Tap any of the Adjustments, Effects or Filters and you’ll see a long list of options to choose from. This is a seriously awesome program with heaps of cool features. It’s a pity it isn’t available for the iPad at full screen size but that gripe aside it is well worth looking at as a tool for adjusting your images.

photopower image editing on the ipad 3 Edit images on the iPad with PhotoPower

Page 1 of 26123451020Last »