WELCOME

During this enrichment you will have the opportunity to explore how to use Adobe Photoshop.

Adobe Photoshop is an editing software that can be great for photography editing, graphic design or illustration. Whether you are new to the software, or know it well, this will be a chance to develop your creative skills using a digital medium. 


Professional Development

Mastering Photoshop can enhance your skill set and make you more competitive in the job market, especially in fields like graphic design, photography, web design, and digital marketing


On this Course

You can choose the level you need to work at….

1. A Beginner’s Guide

2. Double Exposure:

3. Mixed Media – more advanced!

Gradient Overlay- Psychedelic Tiger Illustration in Photoshop

  1. Open a new file in Photoshop.It should be 5100×3300 pixels with a resolution depth of 300dpi.This size is perfect for keeping as much details as possible

2. Unlock the background layer by double clicking on the layer padlock, until the padlock disappears

3. Select the fill bucket tool (it could be hiding under the gradient tool… if so, hold down the gradient tool until the paint bucket is revealed).

4. Change the foreground colour to black, and then click the background to fill it with this colour.

5. Download the tiger image below

6. From your downloads folder, click and drag the image onto your photoshop document

7. We are going extract the animal from the background. Draw the path a little bit inside of the tiger’s face. We don’t need to be specifically exact here because we are going to draw all the hair we cut out again.

To extract the tiger from the background there are a couple of methods, depending on what version of photoshop you have.

  • Select the ‘Quick Selection tool’
  • Click and drag your curser to select the tiger

TIP: If you go over the edge and into the background, you can hold ‘alt’ white you click and drag to deselect that area

Make sure your selection is just inside the face… like in the image below.

8. Click ‘Select’ along the top bar, followed by ‘inverse’. This will reverse your selection so that you have the background selected instead of the face.

9. Click ‘Delete’ on your keyboard. This will delete the background from your tiger image. If you get a sign saying that Photoshop Couldn’t complete your request, follow the steps below….

  • Click ‘Layer’ along the top panel, scroll down to ‘rasterize’ and convert to ‘smart object’ … this will make your layer editable, and now you can press ‘delete’ on your keyboard

10. You should now have a floating tiger head on a black background

11. If you still have dotted lines around the tiger selected, you can unselect by going to- ‘Select’ on the top panel, followed by ‘deselect’

12. Now we are going to manipulate the head to deform it so that the tiger appears more symmetric and so it has a double snout that goes with our psychedelic concept.

  • Make sure the tiger head layer is selected in the layer panel
  • Select ‘Layer’ along the top panel and choose ‘Duplicate layer’
  • Then go to Edit>Transform>Flip Horizontal.

13. With the new tiger head layer selected in the layers panel, Select the ‘Layer Mask’ tool on the bottom of the layers panel.

14. (The layer mask tool is a quirky layer that allows you to paint black over your layer and reveal the layer underneath)

  • Select the Brush tool
  • Choose a soft (0% hardness) medium (300 px) Brush
  • Make sure Black is selected as your foreground colour
  • Paint over the right side of the face to reveal the other layer under it …. until both faces are blended…. don’t go over the nose too much, you want there to be two noses.
  • The image below shows the area I painted black .. The right image is the result it had.
  • You will notice the left ear is still duplicated. We need to get rid of this…. Now select the bottom tiger layer in the layers panel and then select the eraser tool….
  • Rub out the overlapping ear on the bottom layer.

15. Hold shift on your keyboard and select both tiger layers in the layers panel.

16. Select ‘Layer’ Along the top panel, then select ‘Merge Layers’

This turns them into a single layer in your layers panel….

17. Go to ‘Image’ along the top panel, select ‘Adjustments’, ‘Brightness and Contrast’. Increase the contrast to 100%

18. Create a new Gradient Map- Select ‘layer’ along the top panel…. (Layer>New Adjustment Layer>Gradient Map). Press ok on the pop up.

19. Click on the Long gradient strip in the properties panel: This will take you to the gradient editor menu.

  • You will see little squares along the gradient… these are how you edit the colours.
  • I would keep the left square as black (these are for your shadows)
  • For the highlights (the right square)…. Double click on the white square to bring up colour selection.
  • Choose your highlight colour… I chose a bright green for the highlights #62e121
  • To add a mid-tone colour, click your mouse just under the gradient bar, in the middle. For my mid-tone, I chose a dark blue  #04225

20. We not need to attach (or clip) the gradient layer to the tiger head layer. (So that it only applies to the tiger layer). To do this…

  • Make sure the gradient layer is selected in the Layer Panel.
  • Hold ‘Alt’ on your keyboard
  • Click the line between the gradient map layer and the tiger photo layer

They should now be clipped together

21. Paint Effect: Now you need to download a brush preset- it’s too big to upload to this page so please download from:

Sharepoint > Art > Students > Photoshop > Brush Presets

22. To use the preset in Photoshop, go to the brushes panel. If the Brushed panel isn’t visible, go to Windows > Brushes

  • On the brushes panel, click on the lines in the top right corner
  • Scroll down to ‘Import Brushes’
  • Select the brush presets from your downloads or wherever you downloaded the brush presets to.

23. Now when you click on the brush size in the top left of photoshop, you can scroll down to the bottom and select the water colour brushes.

  • Test them out to get different effects. Below is an image of each of the brushes

Adding the Paint effect:

  • Click on the black background layer in the layers panel.
  • Then go to, Layer (Along the top panel) > New Layer (this will create a new layer that is under your tiger layer, so any brush marks you add now, go behind your tiger.
  • Add brush marks behind your tiger layer. (I set the opacity of my brushes to 72% so that they were slightly translucent.You can also try different colours.
  • You can then test adding brush marks on top of your tiger.
  • Click your Tiger layer, then Go to, Layer (along the top panel) > New Layer (make sure the new layer is above your tiger later).
  • Now test adding brush marks above your tiger.
  • In this step we are going to apply all the dripping effect that give a melting look to the image.

You can test different colours on your gradient and brushes….

You can also apple gradient overlays to other images….

Before
After

Single Colour Pop

  1. Open a photo of your choosing in photoshop.

I chose one of China Town in London, I want to try and bring out the red lanterns, while turning the rest of the photo to greyscale.

2. Along the top panel of photoshop, select ‘Filter’ > ‘Camera Raw Filter’

3. In the Camera Raw Filter, go to Colour Mixer / HSL

4. It will automatically be on ‘Hue’… change this to ‘Saturation’

Pick the colour you want to keep in the photo (I am choosing red). And keep that one set at 0 or more.

For all the other colours, slide the saturation down to -100

This is the result: (press ok)

5. Adjust the brightness and contract: Click ‘Image’ along the top panel, then go to > Adjustments > Brightness & Contrast

6. Now we will remove any colour left in places that we don’t want it…. So I am going to remove some of the red that we can see on the people in the image.

To do this I am going to:

  • duplication the layer… Click ‘Layer’ on the top panel > Duplicate Later

You should now have…

7. Click ‘Image’ along the top bar, > ‘Adjustments’ > ‘Black and white” and turn the whole top layer to black and white.

8. Now select the eraser tool

And erase the parts of the grey layer that you want to go back to being red (This will reveal the layer below).

The result:

Surreal Photo Effect

BEFORE
AFTER
  1. Download one of the images below or find your own.

2. Open the image in Photoshop: Right click on the download and select ‘Open With’… then choose ‘Photoshop’

3. Shift the Hue…

First, you’ll pick two colours and shift the rest of the colours towards those two colours. This technique simplifies the colours.

In Photoshop, go to Filter > Camera Raw Filter.

4. Go to colour mixer

5. Pick 2 colours from the list (preferably two colours that aren’t near to each other). I will picked ‘Aqua’ and ‘Magenta’. You keep the two colours you have picked at zero…. then you move the other colours as close as you can to the colours you picked.

For example… I will shift red as far as I can to the left as this is more of the pink end of the dial that is closest to magenta.

6. Now we need to adjust the shadows by clicking on the ‘Curve’ tab (still in the Camera Raw Filter settings).

7. To tint the shadows purple, I need to select the blue and red channels, and drag the bottom left point upwards.

8. Click ok when you are happy with the colours

9. Go to: Image, Adjustments: Brightness and Contrast

Adjust the brightness & contrast to your liking

10. Go to Image, Adjustments: Vibrance

Adjust the vibrance to your liking

The results (Before and After)

11. Try creating a series of surreal photos as a triptych (A group of three):