1. Open your chosen portrait photo in photoshop

2. Drag your cracked texture image on top of the portrait layer. You can download the below image or chose your own.

3. Press CTRL + T to activate free transform. This will allow you to move and resize the image where you want it. You can either add the cracked effect to the whole portrait or to one side.

4. In the layer panel, where it says ‘normal’, change the blend mode to bland the two images together. I chose ‘Multiply’

My image now looks like this:

5. Now I am going to modify the cracked layer to make it look like it is shaped to the face. To do this, make sure the cracked image layer is selected in the layer panel

6. Now go to Filter along the top toolbar and click ‘liquify’ from the drop down.

7. In the pop up box, you need to make sure that ‘Show Backdrop’ is ticked. This will enable you to see both layers. You can adjust opacity to suit you. (This is not what your image will end up looking like, it’s just to help you as you liquify the cracked image layer)

8. Use your mouse to click and drag areas of the cracked texture to manipulate it so it looks like it folds around the curves of the face.

You can also adjust the brush size while you do this.

Tip: you only really need to concentrate around the eyes, nose and mouth. You can also compress the cracks around the edge of the face.

Press OK when you are happy with the result.

9. You can adjust the contrast of your cracked layer to enhance its visibility. Go to: Image > Adjustments > Brightness and Contrast

10. In the layers panel (make sure you cracked image layer is selected), click the new layer mask icon

11. Select the paint brush tool

12. Reduce the hardness of the brush and adjust the size to suit you.

13. In the layers panel, make sure you have the mask selected (the white box) rather than the original image.

14. Set the foreground colour to black for your paintbrush

15. A mask layer works by erasing areas that are black, so you can paint anywhere you want to erase your cracked effect. This enables you to remove the edges of the image.

16. Now we are going to start creating the dispersion effect. To begin with, duplicate your layer with your portrait on. Make sure your layer is selected in the layer panel.

Go to Layer > Duplicate Layer

You should now have two portrait layers

17. Select your image. You can do this by going to Select along the top toolbar and then clicking ‘Subject’ in the drop down.

If this doesn’t work, you can use the quick selection tool. Click and drag around your portrait to select them. Tip: hold alt to delete a selection that is wrong.

18. Now you have your person selected, we need to invert this selection so that the background is selected instead. Go to Select > Inverse

19. Click the new layer mask icon

Your layer mask will appear like this next to your top portrait layer.

20. Now click back onto your bottom portrait layer.

Duplicate this layer again… Layer > Duplicate Layer. You will now have another portrait layer between your bottom and top portrait layers.

21. With this middle layer selected, go to Filter > Liquify

22. Your photoshop may automatically recognise that you have a portrait in the photo and will automatically go onto the portrait aware tool (Along the left hand side of the pop-up). Instead, you should click on the top ‘Forward Warp Tool’

23. Drag part of your portrait out to the side like in the image below

24. When you click OK, it may look like your liquify hasn’t worked, but that is because it is behind a layer mask (on the layer above it).

Now we are going to work on the mask of the top Portrait Layer. Make sure it is selected in the layer panel.

25. Select the brush tool

26. From the drop down in the top left, check if you have ‘Dry Media Brushes’ available.

If you don’t have Dry Media Brushes, you can download them from SharePoint: Here

27. From the Dry Media Brushes, select the chunky charcoal

28. Select your foreground colour as Black

29. Adjust the size of your brush as suits you. Start to paint (one click at a time… don’t drag your brush) into the background of your image. Remember, where you paint black, it will reveal the image below (so it will reveal the portrait that you liquified).

30. If you want it to look like there is more broken away, you can use the same brush to add the background colour. First, make sure you select the image, not the mask in the layers panel.

31. Now hold ALT on your keyboard which will activate the dropper tool.

While holding alt, click the background colour that you want to use. This will match the colour from the background with the colour you are using for your brush tool.

32. Now paint the background over the top to make it look like the image is breaking up more.

Extension:

Try this with other images…. Here is one created with a flamingo to show how species are disappearing and becoming extinct:

Street artist, graphic designer, and activist Shepard Fairey created this visionary portrait of then Senator Barack Obama in 2008 as a form of grassroots activism to support Obama’s first presidential campaign. Fairey based the work on an Associated Press photograph by Mannie Garcia, which he transformed with his signature high-contrast stencil technique, inspired by the political message and bold graphics of Soviet Socialist Realism:

Fairey’s Poster was first disseminated as a street poster, but the image was later used to create thousands of stickers and T-shirts and was widely circulated online.

Emblazoned with the word “Hope” and featuring reds and blues that complement the campaign logo designed by Sol Sender, Fairey’s portrait was quickly adopted as an official image of Obama’s 2008 presidential campaign. New Yorker art critic Peter Schjeldahl called the poster “the most efficacious American political illustration since ‘Uncle Sam Wants You.’”

Some of Shepard Fairey’s other work:

DESIGN YOUR OWN:

1. For this design, you can either choose your own portrait photo (from the internet or, even better, one you have taken yourself) or you can download the image I have used below.

2. Open the image in photoshop. (Right click on the photo and select, ‘open with’ > ‘Photoshop’

3. Firstly, we need to reduce the image size. With the image open in photoshop, go to ‘Image’ > ‘ Image Size’

4. Change the image width to 2500 pixels (not centimetres!). The height should automatically change to 1667 centimetres. Press OK.

5. Click the zoom tool and then ‘Fit Screen’

6. Duplicate the layer:
– To show the layers panel, go to ‘Windows’ > check that ‘Layers’ is ticked
– Now click, ‘Layer’ along the top panel, followed by ‘Duplicate layer’
– You should now be able to see two layers in the layers panel

7. Select the quick selection tool from the toolbar

8. With the quick selection tool, select somewhere inside the person and drag your mouse around until all the person is fully selected.

Your layer should now look like this in the layers panel

10. Now hide the background layer (the bottom layer) by clicking the eye next to the layer.

You should be able to see that you have now isolated the person from the background (the checkered background indicates a transparent background).

11. Now you need to create a new fill layer. With the bottom background layer selected, click the ‘new layer ‘icon along the bottom of the layers panel

In the drop down, select ‘Solid colour’

12. Choose white as the colour.

13. Click onto the top layer

14. Now we need to change the layer to greyscale. Click the ‘new layer ‘icon along the bottom of the layers panel

Select ‘Hue / Saturation’ form the drop down.

15. In the pop up ‘properties’ panel, drag the saturation down to ‘-100’

Your image should now look like this…

16. Now we need to create another solid colour layer. Go to the ‘new layer’ icon at the bottom of the layers panel.

Select ‘solid colour’ from the drop down

Set the colour to ‘96735a’ – press OK

17. Set the blend mode of this layer to ‘Hard Mix’. To do this, click where it says ‘normal’ on the layers panel, and select ‘hard mix’ from the drop down.

18. Your layer should now look like this.

19. This has given a good threshold (separating the colours more dramatically). But now we need to turn it black and white again. To do this, select the ‘new layer’ icon at the bottom of the layers panel.

Choose ‘black and white’ from the drop down

In to pop up properties panel, scroll down and change the level of the blues to ’40’ and the magenta to ’60. You can keep the rest the same.

Your image should now look like this

20. Now you need to select your colours for the whole image. To do this, go to the ‘new layer’ icon at the bottom of the layers panel.

In the drop down, select ‘gradient map’

21. In the pop up properties panel, click within the gradient bar.

22. From the presets, select the black and white icon that has the black in the top left corner

23. Double Click on the little square to the bottom left of the gradient bar

24. In the pop up, set the colour to 00314f – press OK

25. You now need to create another colour stop. To do this, click under the gradient bar as shown

26. Now set the location to around 40

27. Then click on the colour icon

28. Set the colour to d81921 – Press OK

29. Add one more colour stop by clicking under the bar as shown.

30. Set the location to around 60

31. Click on the colour icon

Set the colour to 7ca4ae – Press OK

32. Double click on the white colour stop as shown

Set the colour to fce4a8 – press ok – and then OK again to close the gradient panel.

33. This is what your image should look like so far

34. Now we need to adjust the details… To do this, click onto the background copy layer as shown

35. Right click on the layer and select ‘convert to smart object’

36. To bring out more detail, we are going to adjust the highlights and shadows… To do this, click ‘Image’ from across the top panel, followed by ‘adjustments’ > ‘ Shadows and Highlights’

37. In the pop up, you don’t need to type anything, the automatic corrections are just right. So just click ‘OK’

38. Now you are going to smooth the colours of each layer. To do this, go to ‘Filter’ on the top panel > Stylize > Oil Paint

39. Set the settings as follows:

• Stylization: 5
• Cleanliness: 5
• Scale: 10
• Bristle detail: 10
• Make sure the ‘lighting’ is UNchecked

40. Now you need to continue smoothing some more areas, while maintaining the details of others. To do this, Duplicate the layer… Layer > Duplication Layer

41. Click Filter > Stylize > Oil Paint

42. Set the levels to 10, as shown below – Press OK

43. Now you need to repeat this process 4 times to make the image even smoother. With the same layer selected, click on Click Filter > Stylize > Oil Paint, and set the levels to 10. Press ok and repeat 4 times.

44. So now you have smoothed out the image, but you have lost some of the details of the eyes and hair. To bring these back… Click on the Add Layer Mask Icon in the layers panel

45. Now select the brush tool

46. Set the brush as ‘Soft Round’

47. Make sure the opacity and flow are set to 100%

48. Set the foreground colour as Black

49. Change the size of your brush as desired, I used about 114px.

50. Now, to bring back the detail, you need to pain the area where you want the detail to reappear. (The way a mask layer works is that anything filled in black will reveal the layer below).

I recommend colouring the eyes, the hair, the beard, around each hand

51. Now you are going to change the background to a nice split colour. To do this. scroll to the bottom of your layers panel and click on the colour fill layer.

52. Make sure the ruler is visible in photoshop. If it is not, click CTRL+R

53. Click the ruler on the left and drag a line to the middle of the face. Since our image size was 2500px, I will drag it to 1250px

54. Now select the left half of the background. To do this, choose the rectangle marquee tool form the toolbar.

55. Click and drag to select the left half of the image.

56. Now you need to fill side with a colour. To do this, select the ‘new layer’ icon at the bottom of the layers panel.

In the drop down, select ‘Solid Colour’

57. Set the colour as: 7ca4ae – Press OK

58. Now select the right half of the document using the Rectangle Marquee Tool

59. Select the ‘new layer’ icon at the bottom of the layers panel.

In the drop down, select ‘Solid Colour’

60. Set the colour to: d81921 – press OK

61. To remove the line in the centre, click View > Guides > Clear guides

62. Now crop the image – select the crop tool

Drag the edges up to the hands in the image – Press Enter when happy with selection

63. To create a nice boarder around your image, scroll to the top of your layers panel, and click the top layer.

64. Select the ‘new layer’ icon at the bottom of the layers panel.

From the drop down, select ‘Solid Colour’

65. Set the colour as: fce4a8 – Press OK

66. To reveal the image behind the border, activate the mask of this layer by clicking on the white box as shown

67. Select the whole document by holding CTRL + A

68. Now click: Select > Modify > Contract

69. Set Contract By to: 40 pixels. Check that ‘ Apply effect at canvas bounds’ is ticked.

This should create a dotted boarder like below:

70. Click Edit > Fill

Set the contents as black (remember a mask works by revealing the layer below in any areas that are coloured black).

Press OK (hold CTRL + D to deselect the dotted line) and your image should look like this:

Challenge:

Create your own image / birthday card for someone you know or for a poster for a particular political statement / message (like below)

Tips for the Orangutan image:

• When adjusting the black and white levels of blue and magenta (in step 19) you will also have to adjust the reds to: 40
• When adding the colours to the background at the end, add a third colour fill of the dark blue to the bottom
• You will need to extend the image at the bottom while cropping to make room for the typography
• To change the colours, you just need to change the gradient layer, and the boarder layer:

You will need 1 portrait photo and 1 landscape photo.​​

Here are some images you can use, or you can find your own:

(It works best with a lighter background… otherwise you end up with something like this, which is fine if you like it like that…)….

1. Open the portrait photo in photoshop: File, Open

2. Drag the landscape photo on top of the portrait image.  (If you click file, open for both images, then they will open in separate documents.)

3. Before you start transforming the photo, change the blending mode (in the layers panel) to ‘screen‘. This makes your landscape slightly translucent.

4. Click ‘Ctrl T’ to activate free transform. Scale and position the landscape where you would like it. Press Enter to apply the transformation.

5. Now let’s work on the portrait layer. Before we do anything, right-click on the portrait layer and select Convert to Smart Object.

Doing this will let us edit the layer.

6. Open the Levels tool by going to Image > Adjustments > Levels.

In the chart, drag the white input slider towards the left until the background is pure white.

You can also drag the black input slider towards the right to increase the contrast, but for our photo it isn’t needed.

Finally, adjust the middle grey input slider to fine-tune the opacity of your silhouette. For our photo, we’ll be dragging it towards the left to increase the silhouette’s visibility.

7. Now let’s adjust the tones. Go to the Adjustments panel (Window > Adjustments) and add a Curves adjustment layer.

In the Layers panel, move this layer to the top if it isn’t already.

In the Properties panel (Window > Properties), you’ll see a graph with a line. Drag the top-right point downwards to drop the whites until it’s slightly grey.

Click in the middle of the line to add a point. Then, click about 1/4 from the left of the line to add another point. Drag this point down to increase the contrast or up to lower the contrast.

8. To finalize the look, select any layer and use the Transform tool (Ctrl/Cmd+T or Image > Free Transform) to resize/reposition the layers.

For my image, I started by enlarging and centering the silhouette layer.

9. We’re done! Try rotating the texture for different looks.

10. If you start with a darker image…. try the ‘darken’ blending mode to get something like this….

1. Right-hand click and save this image so that you can use it in photoshop.

2. Open Adobe Photoshop 2024

3. Click File, Open and locate the image you just saved

---

4. Photoshop toolbar overview:
Your Photoshop tools are located in a bar on the left of the screen.

If you cannot see the toolbar on the left, you can open it by Clicking: window > scroll down and click ‘tools’

How to hide and show toolbar:

---

5. How to Zoom in and Out

• Click on the zoom tool icon in your toolbar (it looks like a magnifying glass).
• With the zoom tool selected, click on your photograph to zoom in.
• To Zoom out: Select the zoom tool and hold Alt on your keeyboard (Windows) / Option (Mac) and click on your photo.

---

6. How to crop a photo

• Crop: means to remove the unwanted edges of a Photograph.
• With your image open, click the crop icon
• Drag the box around your image to select the are you want to crop
• When you are happy with your selection, click enter

---

7. How to Undo

• You can undo an edit you have made by:
• Clicking ‘edit’ along the top bar > then scroll down and click ‘undo’ 
• You can then redo the edit by clicking ‘edit’ along the top bar, scrolling down and clicking ‘redo’
• Another way to undo is to click ‘Ctrl’ and ‘Z’ on your keyboard 

---

8. Hidden Tools

• A small arrow in the bottom right corner of a tool icon means that there are more tools hiding behind it in that same spot.
• To view the additional tools, click and hold on the icon. Or right-click (Win) / Control-click (Mac) on the icon. A fly-out menu will open listing the other tools that are available.

• For example, if you click and hold on the ‘Rectangular Marquee Tool icon’, the fly-out menu shows that there is also the Elliptical Marquee Tool, the Single Row Marquee Tool and the Single Column Marquee Tool.

---

9. Automatic Correction Tools

Automatic correction tools in Photoshop can be found by:

• Click ‘Image’ on the top bar of Photoshop, scroll down to select the ‘Auto’ tools. 
• You can also find ‘Auto’ Options within certain tools. For example: ‘Image’ > ‘Adjustments’ > ‘Brightness and Contrast’ > then select ‘Auto’

Try using: 

• Auto Tone – Corrects the tone
• Auto Contrast – Increases contrast without shifting the color
• Auto Colour – Like Auto Levels it adjusts contrast and color balance but takes a different approach
• Auto brightness and contrast-  can be found by going into image, adjustments, brightness and contrast.
• Hue and Saturation -Adjusts colours and vibrance/greyscale – Can be found by going into image, adjustments, hue and saturation

Before and after:

Video instructions:

---

10. Layers

Layers in Photoshop are very helpful. Layers are simply images laid on top of each other.

Imagine taking four sheets of clear plastic. You paint a picture on each sheet of plastic and then layer the sheets on top of each other. The individual pictures merge together to become one.  This is how layers work in Photoshop.

By using layers, you can start with your bottom layer, then add a new layer to edit the image. This means that if you make a mistake, you can easily delete or modify the top layer with your edits, without ruining or altering your original bottom layer.

In order to use layers, you must be able to see the layers panel:

• Click Window along the top bar of Photoshop > then scroll down and make sure that ‘Layers’ is ticked.
• This will open the layers panel.
• At the moment, you should just be able to see one image (one layer) in the layers panel.

Layers Panel:

---

11. Creating Layers

• With your image open in Photoshop, click ‘Layer’  > ‘New’ > ‘Layer’

• A pop up window will open where you can give your layer a name. Click ‘OK’

• You will see the new layer in the layers panel

---

12. Colour your new layer

• You can now edit the new layer and it will show on top of your original image
• Make sure your new layer is selected in the layers panel.

• Click the ‘paint bucket’ icon from the left toolbar

• Choose the colour you want to use by clicking the colour box at the bottom of the toolbar

• When you have chosen your colour, select anywhere on your image to fill the page with that colour (I chose white).

• You can click the eye next to your layer to show or hide the layer. This will reveal that your original image is still available beneath the coloured layer.

---

13. Create a blurred layer mask

• With your new coloured layer on top of your original image, select the Elliptical Marquee tool (remember you might need to hold down the Rectangle Marquee Tool to show the additional tools

• Click and drag to draw a circle. Tip: If you hold down shift at the same time, you will constrain proportions and be able to draw a perfect circle.

• With the circle drawn, click ‘delete’ on your keyboard, this will remove the colour that is within your circle and reveal your image behind.

• To deselect the circle, click anywhere outside of it, or go to “Select’ on the top bar > ‘Deselect’

---

14. Create a blurred layer mask continued…

• Now that you have deleted a circle from your top colour layer, we can edit it further.
• Make sure you have completed the last step on the previous slide (deselected the ‘Elliptical Marquee’ circle by clicking “Select’ on the top bar > ‘Deselect’ ) otherwise it wont work
• Make sure your top layer (the one that you have filled with a colour is selected in the layer panel).
• Then click ‘Filter’  > ‘Blur’ > ‘Gaussian Blur’

• A window will pop up. Try moving the toggle left to right and click ‘ok’ when you are happy with the effect.

---

15. Duplicating Layers

As well as ‘New Layers’, you can also create ‘Duplicate Layers’.  This allows you to create a duplicate or copy of your original layer. This means you can edit the duplicated layer and preserve the original layer underneath, just in case you need to go back to it.

To duplicate a layer:

• With your image open in Photoshop, click ‘Layer’  > ‘Duplicate Layer’

• A pop up window will open where you can give your layer a name. Click ‘OK’

• You will see the duplicate layer in the layers panel

1. Open Photoshop. Click File, New. Create a blank document similar to these dimensions:

2. Download this subtle paint texture and drag it into your photoshop file.

3. Double click on the textured paint layer thumbnail to load Blending Options

4. Adjust the layer Opacity and blending to make it subtle.

5. We now need to create several shapes that will define the overall design and contain other graphic elements.

• Select the ellipse tool

• Set the fill and stroke colours to black

• Hold shift and alt to get a perfect circle. Click and drag your curser out, until it says approx 520px

• Choose the Shape layers option on the Options panel. Working with shape layers is very productive and time saving. They are resolution independent and can transform them without losing any quality.

6. Draw a rectangle under the circle, approx W:700px H:107px

7. Select the ‘Direct Selection’ tool

with the direct selection tool selected, edit the corners like so… (Tip: hold shift to keep a straight horizontal line)

8. Select the move tool

Press Ctrl+T, rotate the shape by -45 degrees. You can type this in the top bar for accuracy.

9. Reposition the shape.

10. Duplicate the layer 2 more times and stack the layers like so….

11. Duplicate the rectangle again and rotate 135 degrees to make it vertical.

Move to below the circle so it looks like this…

12. Duplicate the vertical rectangle two more times, and construct this image…

13. Click on your Ellipse layer

Duplicate it.

14. Click Ctrl + T and where it says width and height along the top bar, type 125%. Then press enter. This will make your new circle bigger than your first circle.

15. Now Duplicate the larger Ellipse layer. (this will give you 3 ellipse layers)

Press ctrl +T and resize the new ellipse to 80% of the original size. Then press enter

16. Select the two larger ellipse layers (hold shift to select them both)

With both layers selected, go to ‘Layers’ along the top bar. Go down to ‘Combine Shapes’ and click, ‘Subtract front shapes’

You should have something that looks like this:

17. Select the Polygonal Lasso tool from the left toolbar

Draw a shape around your design like this. Press enter when you want the ends to connect

Now Click the Layer Mask button in the layers panel. This will hide the part of that ring that is not selected. Like this.

18. Duplicate the smallest ellipse layer (the only ellipse you haven’t cut out).

Now drag this new ellipse layer so it is below all the other shapes in the layers panel.

Click Ctrl + T and make it 160% bigger in width and height. Press enter

Now make sure the shape tool is selected in the left toolbar and change the fill and stroke colour to red.

19. Duplicate the red circle.

Click Ctrl +T and make the new circle 80% in width and height

20. Select both red ellipses layers but holding shift.

Then go to Layers – Combine Shapes – and click, ‘Subtract front shapes’

21. Use the polygonal lasso tool to draw around the right corner of the red ellipse. Press enter when you want the ends to connect

Now Click the Layer Mask button in the layers panel. This will hide the part of that ring that is not selected. Like this.

22. Create a new layer above the cut circle.

Select the Pencil Tool

In the top left corner, select 100% hardness with 1px diameter

Zoom right in so you can see each pixel and draw this patter:

Select the Marquee Tool and draw around the pattern to select it.

Choose Edit > Define Pattern.

23. Zoom out. Click select, deselect along the top bar.

And hide the layer that had your pattern drawing by clicking on the eye next to the layer

24. With the red ellipse layer selected, click fx along the bottom of the layers panel

Click Pattern Overlay

Select the pattern you made and press ok

You may need to make the stroke of the elipse transparent

25. Now duplicate that layer.

Right hand click on the layer mask and click delete.

26. Select the direct selection tool

Select the inner circle

Click delete until the whole circle is filled in again.

27. Untick the eye next to the pattern overlay to hide the pattern

On the layers panel, set the fill opacity to zero

Click fx along the bottom of the layers panel

and select ‘stroke’

28. Use the polygonal lasso tool to select the top left corner of the circle outline

Then click layer mask so only that selection is revealed.

29. Download this model stock image and drag into Photoshop.

30. Click ctrl + T to resize and reposition image.

Right Click on the layer and convert to smart object

31. Ctrl and click on the small circle layer so that it selects that shape.

Select. back onto the model layer

Click layer mask – this will start to hide parts of the model image

32. Reveal some more portion of the model… Click ctrl and the vertical rectangle layer.

To add this to the existing mask, click on the the model layer mask (The layer mask is the black and white thumbnail)

Then go to the fill bucket

Set the colour to white

Fill the vertical shape selection in white – this tells Photoshop to reveal more of that mask.

33. Select the lasso tool

We are now going to reveal more of the head…. draw a rough shape around the head

Click on the the model layer mask (The layer mask is the black and white thumbnail)

Then go to the fill bucket

Set the colour to white

Fill the shape selection in white – this tells Photoshop to reveal more of that mask.

34. Apply gradient to the outer ring… Select the ring in the layers panel.

Select fx, then gradient overlay

Click on the gradient and then select the colours using the little square icons.

35. Download this ‘flames’ image and drag into your photoshop file

Click ctrl + T and reposition like so.

Hold ctrl and select the thumbnail for the layer with the gradient colour. This will select that shape.

Then click back on the flame layer and click layer mask

36. Make sure the flame layer is selected. Where it says ‘normal’ at the top of the layers panel. Click the drop down and select ‘screen’

This will make it slightly translucent but makes it blend well into the background.

To make it stand out more, go to Image – Adjustments – Vibrance… and increase the saturation

37. Download the petals image and drag into photoshop

38. Drag the petal layer so it is just above the layer you want to clip it to.

Press Ctrl and click the thumbnail of layer for the diagonal shape. This will select the shape.

Now select the petal layer and click ‘layer mask’ to cut out the petal.

39. Download the water splash image and complete the same process.

40. Download image and clip to vertical rectangle.

41. Add other elements

When adding the swirl, resize to fit over the whole page. In the layers panel, where it says ‘normal’, change the blending option to ‘darken’