July/August Photoshop SIG Notes Set 1 (Using filters) and Set 2 (Different ways to use the Hue/Saturation adjustment layer tool)

You can view these notes (with additional images and comments) online at http://2014PhotoshopSIG.wordpress.com

Introduction
These notes are kind of a hodge podge.

To save you my usual verbose explanation, I’ll just say that the July and
August notes have been combined into two sets.

Set 1 is on filters and appeared in the July magazine as an article. Set 2 is an introduction to the Hue/Saturation tools in PS and PE.

Both of these will be demonstrated in the SIG meeting on Saturday.

July is the new June
Unfortunately, the June meeting of AUSOM was cancelled.

Fortunately, Bill Ellemor was still willing to present his take on using Actions and Batch Processing in Photoshop. So I will be looking forward to hearing Bill again. I saw him in action at an InDesign User group meeting a few months ago and found him to be an  engaging and humorous speaker.

Introduction to Filters and Effects
Going by the feedback from the start of the year, the topic for July is how to use Photoshop filters and create special effects.

However, this will be put off until August so that we can hear Bill Elemor’s presentation.

By the end of these notes, you will be able to apply a filter effect to your image. You will also be able to combine several effects to create stunning and possible garish effects for your final image.

Let’s get started.

What you need to know to get started
First, remember that all this year, the emphasis on editing your photos is to do it in a way that is not destructive.

Example 1 – Using the Liquify filter to create domestic chaos
(1) Open an image in PS/PSE. I am using in image of Frugly the cat when he was brave enough to jump up onto the bed. The mess that you see in the background is mine. I forgot to tidy up first.

Image 1 - Frugly on the Bed WIP

Frugly on the bed

(2) As usual, this is a good point to click on Image/Duplicate. This creates a working copy of your photo. If you make a terrible mistake, you still have the original to go back to.

Image 2 - Click on Image-Duplicate

Avoid heart ache and despair from losing your original by duplicating the image.

(3) Rename the file (Image 1 – Frugly on the Bed WIP.jpg), save it to where you can find it again (C:\__2015 Ausom for April SIG\Ausom for July 2015\Images), and then close the original image.

(4) Click on Layer/Duplicate Layer to create a starting point.
(5) As you get more and more layers, it is easier to keep track of them by giving them a name.

Image 3 - Layer Names

(6) You can change the name from Layer 1 to Frugly Filtered by double clicking on the name.

Image 4 - Double click to change the name

Double click to change the name

(7) Make sure that the top layer is active (a vivid blue colour). If not, then click on it to make it active.
(8) Click on Filter/Liquify.

Image 5 -  Filter-Liquify

Click on Filter/Liquify

(9) For this introductory look, we are only going to look at the effects on the left side circled in red.

Image 6 - Click on Filter-Liquify

(10) I am going to click on these one at a time and try to do the following – give the cat pointy ears, a twirled nose and bloated eyes.
(a) Click on the Forward Warp tool at the top of the left hand column that is circled. Then I click and drag on each of the cat ears to make them sort of pointier than before. Then click OK. Here is what I have now.

Image 7 - Pointy ears

Frugly with pointy ears

(b) Click on Filter/Liquify again. Then click on the Twirl Clockwise tool. Click on the region of Frugly’s nose. Do not let go of the mouse button. Slowly the nose gets twirled! When you have had enough twirl, let go of the button. Then Click OK.

Clicking OK commits you to the changes. You can still use Undo to go back to where you started.

Here is Frugly with pointy ears and a twirled nose.

Frugley with a twirled nose

Frugly with a twirled nose

(c) For a final touch, let’s use the bloat tool. Once again, click on Filter/Liquify and then click on the fifth one down called the bloat tool. As before, locate your mouse, hold down the mouse button until you are happy with the bloated effect. Then let go of the mouse button. Click OK.

Image 9 - Pointy ears and twirled nose and bloated eyes

What a handsome cat!

If you want to see some of the filter effects and how they look, give this website a try: http://blogs.adobe.com/jkost/files/2011/04/Artistic-Filters.pdf.

For those of you that prefer something that you can read on a screen or print out and hold in your hand, here is a good website for a few filter ideas:

http://www.myjanee.com/tuts/filter/filter.htm

A word of caution
However entertaining you may find it to alter the photos of family members, it is a good idea not to show them the results of your new skills. Trust me on this. I got a strong reaction when I created rays of light coming out of a grand child’s eyes. Strong does not necessarily equate to good!

(11) Click on Windows/Actions/Frames/Splatter. This will give us a chance to revise how to use PS Actions that we covered in May.

Image 10 - Using Actions to Create a Frame

If you cannot find your actions tab, then click on Windows/Actions. That should bring it up all right.

(12) Next, click on the Run button at the bottom of the Actions panel. Here is what the splatter looks like.

Image 11 - Click on Run

Click on run.

And finally, here is Frugly after being framed, twirled, bloated and twisted!

Example 2 – Combining effects using the Filter Gallery
Simplest thing is to send you back to the December SIG notes on the Filter Gallery. You will find them here: https://2014photoshopsig.wordpress.com/2014/11/25/december-sig-notes/

Example 3 – Using a smart object filter
From Examples 1 and 2 you may now realise that in a sense we are using destructive editing. Once we have finished with the filter, it cannot be undone.

A way was developed to make it so that most of the filters could still be edited in a non-destructive way. Changes could be made to the filters whenever you wanted or needed to.

This solution is the use of a smart filter. Let’s see how this works.
(1) Open up one of your images in PS/PSE. The one that I am using is from a wildlife trek along the Merimbula Jazz Festival boardwalk.

Image 12 - Seagull on Pelican

Seagull on Pelican Sculpture.

(2) Do the usual dupicating the image, naming and closing the original file similar to what we did in Example 1.
(3) Click on Layer/Duplicate Layer and rename it. I called mine Seagull on
Pelican WIP.psd.
(4) Just for somethig to try/revise, click on the different blending modes to see if there is a blend mode that improves your photo. Once again, this gets to personal taste.

Image 13 - Try different blend modes

Try out all the blend modes and pick your favourite one.

(5) Click on the layer that you want to use as a smart filter to be sure that it is active.
(6) Right click on the active layer and go down to the line titled Convert to Smart Object. Now left click on that line. It should look like this:

Image 14 -Convert to smart object

Convert to smart object.

(7) Click on Filter/Distort Polar Coordinates. Here is what I get:

Image 15 - Click on Filter-Distort-Polar Coordinates

Click on Filter/Distort/Polar Coordinates.

(Image 15 – Click on Filter-Distort-Polar Coordinates.jpg)

(8) Click on OK.

(9) I think I would like to change that filter. So double click on the Polar Coordinates as shown in figure 15.

Image 16 - Click on the second choice

Click on the second choice.

(10) Here is my final image. The seagull now resembles a rat!

Image 17 - Final image

Final image.

Now the nice thing about smart filters is that you can change them easily if you don’t like the appearance of the photo. With a normal filter, once you click OK, it is hard to make any further changes.

Conclusion
There you are. You have learned how to try filters, the filter gallery and smart filters.

Now put this new knowledge to use by trying the July Photoshop Challenge.

July Photoshop Challenge
(1) Pick a favourite photo. (July Challenge – Image 1)
(2) Apply a filter and save it as a jpg (July Challenge – Image 2).
(3) Same photo as in Step 1, but this time use the filter gallery to apply several filters. Save it as (July Challenge – Image 3).
(4) Same photo as in Step 1, but this time use the filter gallery to a smart filter. Save it as (July Challenge – Image 4).
(5) Send the four images to me at (photoshop@ausom.net.au).

SIG notes – Set 2  (Different ways to use the Hue/Saturation adjustment layer tool)

Note: Click on any image to see it in full size magnificent detail.

Introduction
The first part (Set 1) of the August SIG notes has already been published in the AUSOM News for July. This is the second part (Set 2). These will be printed in the September AUSOM News.

The suggestion for this additional topic comes from a request from Des up the bush.

How do you add colour to a black and white image?

Note: Run your mouse over the images above to see the captions.

We will look at a couple of the ways that we can do this.

Method 1 – Using a Hue/Saturation adjustment layer.
(1) Open the B&W image. It is the one on the left just above.

Note: Please do some of the usual to protect your original photo from being accidentally destroyed with no hope of recovering it. First way is to click on Image/Duplicate, rename the new image, then close the original. Second way is to Press Control + J to create a duplicate layer. This leaves the original image as the background layer. As long as you save your work in a .psd format, you can always come back and use the original background layer. My choice is the first way. It is too easy to forget and flatten your new artistic version of the photo and you lose the original.

(2) Duplicate the background layer by clicking on Layer/Duplicate Layer.

control j to create a duplicate layer.

You can click on Layer/Duplicate Layer or use control + J (circle on the left). This creates a Layer 1 that you can rename by double clicking on the Layer 1 name.

(3) At the bottom of the layers box, click on adjustment layers and select Hue/Saturation.

Hue Saturation Adjustment Layer

Click on the Adjustment Layer/ Hue Saturation doodah.

(4) Tick the box labelled Colorisation.

Colorize Box is ticked

Tick the box marked with the red oval.

(5) Move the Hue slider around until you find a shade that you like.

Hue slider

You can see where I have moved the slider over to the right a bit and stopped at the green section. So now the colour is showing as a shade of green

(6) Move the Saturation slider around to make it lighter or darker in colour.

Saturation slider
Here I have moved the saturation slider to the right to the 75 mark. The green is noticeably darker than in the previous photo in Step 6

(7) Have a play with the Lightness slider as well.

Note: Run your mouse over the images above to see the captions.

(8) Try the different blend modes to see if one of those gives you a more pleasing effect ( multiply, overlay, soft light and screen modes are good starting points).

Blend Modesr

Blend mode box is on the left side in the red circle. Click on Normal once and then use your scroll wheel on your mouse to see each mode. The Opacity slider is on the right and lets you dial back the effect a bit if you want to.

(9) You can also get a different effect by changing the opacity slider from 0 to 100%. One step at a time. That is the red circle on the right in the image above.

More Information on Hue/Saturation
A bit more detailed explanation can be found  at this website:

http://teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How%20to%20adjust%20the%20Hue,%20Saturation,%20and%20Lightness%20of%20a%20photo%20in%20Adobe%20Photoshop%20CS5.pdf

This information is a few years old. But then so are we!

Example 2 – Selection combined with Hue Saturation
I have an image in my mind of a portrait that has the left half in colour and the right half in black and white. Here is one one to try to do this.
(1) Open up a portrait in PS/PE.
(2) Do the usual Image Duplicate/Save Under a New Name/Close the original file.
(3) Duplicate the background layer (Control + J). Have a look through the blend modes to see if you can find a creative effect.
(4) Here is the image I choose from Google free images search.
DeSimone-photo

(5) Select a rectangular marquee tool and use it to choose the right side of the image. You should see a line of marching ants to show where the selection is.
(6) Press Control + J again. This will create a new layer with only the selected part showing.
(7) If you click on the eyeballs of death in the bottom two layers, then you should see just the right side of his head. Like this:

Eyeballsof Death turned off.

Turn off the bottom two layers to see just half the face.

(8) Create a Hue/Saturation adjustment layer by clicking on the icon on the Layers palette.

Click on the Hue-Saturation adjustment layer

Click on the icon to create an adjustment layer for Hue/Saturation.

(9) Move the Saturation slider all the way to the left to change to a black and white image.

Image 14 - Saturation set to zero

Move the saturation all the way to the left to 0. This will give you a black and white image for the right side of the face.

(10) Click on Layer/New Adjustment Layer/Hue and Saturation.

Image 15 - Click on Layer-Adjustment Layer-Hue and Saturation

Click on Layer/New Adjustment Layer/Hue and Saturation.

(11) Right click on the title of the top layer – the words Hue/Saturation.
(12) When the dialogue box comes up, click on the Create a clipping Mask.

The clipping mask created is only for the Hue/Saturation layer. So that it is clipped to only the layer beneath it. The bottom two layers will not be changed to black and white.

Image 15 - Create a clipping mask.

Right click on the title of the top layer – the words Hue/Saturation. When the dialogue box comes up, click on the Create a Clipping Mask.

(13) Here is the completed portrait. In the image below, the red circle is the symbol for a clipping mask. The two red arrows are there to remind you to turn on the bottom two layers so that they are visible again. Otherwise, you won’t have any colour on the left side of the portrait.

Image 17 - clipping layer added  and Eyeballs of Death turned back on to give colour to the left side of the portrait.

To da!

Even More Information
(1) http://creativepro.com/targeting-huesaturation-adjustments-photoshop/

(2) http://creativepro.com/photoshop-how-to-the-power-of-hue-and-saturation-adjustment/

(3) http://creativepro.com/photoshop-how-to-the-power-of-hue-and-saturation-adjustment/

(4) https://2014photoshopsig.files.wordpress.com/2015/08/how-to-adjust-the-hue-saturation-and-lightness-of-a-photo-in-adobe-photoshop-cs5.pdf

July/August Photoshop Challenge

Since we have not had a chance to go through this before, the July challenge will become the August Photoshop challenge.
(1) Pick a favourite photo. (July Challenge – Image 1)
(2) Apply a filter and save it as a jpg (July Challenge – Image 2).
(3) Same photo as in Step 1, but this time use the filter gallery to apply several filters. Save it as (July Challenge – Image 3).
(4) Same photo as in Step 1, but this time use the filter gallery to a smart filter. Save it as (July Challenge – Image 4).
(5) Send the four images to me at (photoshop@ausom.net.au).

That’s all, folks!

Advertisements

About woldham

Concise! Retired and loving it!
This entry was posted in Photoshop. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s