Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Your Challenge: Recreate a daft image
like this one using Photoshop tools…
• Once you’ve all successfully imported the ima...
1: Log in, new folder
• Log in to Windows using your normal log-in
• If the computer is on Mac, you need to restart
and ho...
Save images to this folder
• Save the images from my blog post into your
folder. You can use any of these for the exercise...
2: Open Photoshop
• Click on Start
• All programmes
• Find + click on Adobe CS6
• You should find the link in this folder ...
3: File, new…
• Click on <FILE> then <NEW>…
4: Set up, save, new document
• You need to click and change a few settings on
your new blank document. Once you have and
...
5: Adding an image file
• This is fundamental to how Photoshop works
but can be confusing! Follow the instructions
careful...
5: Adding an image file (1) Bridge
• Click connect bridge to open the Bridge
browser along the bottom of the Photoshop
win...
5: Adding an image file (1) Bridge
• This will load up a folder list from which you
can access My Docs, My Pictures etc
5: Adding an image file (1) Bridge
• Click the ‘Br’ button to open a window like
Windows explorer to easily pick from your...
5: Adding an image file (1) Bridge
• Select the image/s you want (hold in CTRL and
click on each image you want to load), ...
5: Adding an image file (1) Bridge
• Your chosen images now appear in the Layers
toolbar. You can add as many as you like
5: Adding an image file (2) File-Open
• You can use Bridge OR this technique. In My Documents, right-click on
any saved pi...
6: Loading open images into your document
• Find the image you want to add, which you’ve already
opened in Photoshop.
• Ei...
6: Loading open images into your document
• You can rename the layer, but also choose
which document to open it in: Click ...
7: Changing Layers order
• Open any 2 images in one Photoshop document. Try
dragging and dropping above or below to change...
7: Changing Layers order
• Open any 2 images in one Photoshop document. Try
dragging and dropping above or below to change...
7: Changing Layers order
• In more complicated documents than this one it
is a good idea to change layer names so you can
...
8: Resizing a layer
• The keyboard shortcut CTRL+T brings up the Free
Transform tool (or Edit-Transform). CRUCIAL:
Hold th...
9: Undo + ticking
• When you’re making changes like transform
you can’t do anything else until you’ve either
clicked the t...
10: Eyeball to hide layers
• You can hide any other layers simply by
clicking on the eyeball in the Layers toolbox
• To sh...
11: Magic Wand tool
• Load up the Coke ad as your bottom layer, and add the
elephant image on top of it.
• Hide any other ...
11: Magic Wand tool
• Have the elephant as the active layer
(click on it on the Layers toolbox)
• Click the magic wand too...
11: Magic Wand tool
• That hasn’t quite selected the right areas. Click Select-
Deselect.
• Look along the top and change ...
12: Eraser tool
• The magic wand can quickly get rid of a lot of
background; you can click and cut several
times in differ...
13: Zoom tool
• When you’re using the eraser, you’ll
usually need to zoom in to see what
you’re doing!
• Use CTRL+ either ...
14: Filters
• These aren’t always a good idea, but you can try filters
for some quick effects.
• Try some out through the ...
14: Filters
14: Filters
15: Flipping an image
• You may have noticed that my elephant was
flipped around in many of the images
• You can do this t...
16: Text
• You have a lot of control over text!
Click the T tool icon to start typing
and try some of the tools that appear
17: Over to you!
• There are many more tools: use web searches and
YouTube videos to help with specific effects.
Experimen...
Photoshop starter elephant compressed
Upcoming SlideShare
Loading in …5
×

Photoshop starter elephant compressed

1,309 views

Published on

Photoshop starter elephant compressed

Published in: Education
  • Be the first to comment

  • Be the first to like this

Photoshop starter elephant compressed

  1. 1. Your Challenge: Recreate a daft image like this one using Photoshop tools… • Once you’ve all successfully imported the images into a saved Photoshop (psd) file, and been shown how to resize, move and remove the background, have a go yourselves! • Use the screenshots in the PowerPoint (on the blog post) to help you … and try to find your own solution before putting your hand up!!! (Common issues are listed on the blog post)
  2. 2. 1: Log in, new folder • Log in to Windows using your normal log-in • If the computer is on Mac, you need to restart and hold in the ALT key to then select Windows • In My Documents create a folder called Media • Save your work in here. • You can add sub-folders if you wish!
  3. 3. Save images to this folder • Save the images from my blog post into your folder. You can use any of these for the exercise that follows. The elephant image shown is the simplest to edit! • As I take a step you should follow using the images you picked.
  4. 4. 2: Open Photoshop • Click on Start • All programmes • Find + click on Adobe CS6 • You should find the link in this folder for Photoshop … click and open it, but don’t click on anything else until we’ve looked at the next step as a class… • Do NOT work ahead unless you’ve been asked to do so
  5. 5. 3: File, new… • Click on <FILE> then <NEW>…
  6. 6. 4: Set up, save, new document • You need to click and change a few settings on your new blank document. Once you have and it opens, click CTRL+S and save it in your Media folder 1: Change the file name to Elephant 2: Click on ‘Preset:’ and select International paper; this will set up an A4 document (and the ‘preset’ will then change to ‘Custom’) 3: Make it a landscape document: swap the width and height numbers! 4: Change background contents to transparent THEN click OK, and save it into your Media folder Change to landscape by switching these width + height numbers!
  7. 7. 5: Adding an image file • This is fundamental to how Photoshop works but can be confusing! Follow the instructions carefully… • There are several ways of doing this • Using ‘the bridge’ is one [screenshots next slide] • Look for ‘Bridge’ on the bottom of the screen and click to connect; this will open up access to My Docs. If its missing, click Window- Extensions-Mini Bridge
  8. 8. 5: Adding an image file (1) Bridge • Click connect bridge to open the Bridge browser along the bottom of the Photoshop window
  9. 9. 5: Adding an image file (1) Bridge • This will load up a folder list from which you can access My Docs, My Pictures etc
  10. 10. 5: Adding an image file (1) Bridge • Click the ‘Br’ button to open a window like Windows explorer to easily pick from your saved files and access handy tools
  11. 11. 5: Adding an image file (1) Bridge • Select the image/s you want (hold in CTRL and click on each image you want to load), and open via Tools-Photoshop-Load Files…
  12. 12. 5: Adding an image file (1) Bridge • Your chosen images now appear in the Layers toolbar. You can add as many as you like
  13. 13. 5: Adding an image file (2) File-Open • You can use Bridge OR this technique. In My Documents, right-click on any saved picture file and select ‘Open in Photoshop’. • You can also click File-Open in Photoshop and locate the image to open
  14. 14. 6: Loading open images into your document • Find the image you want to add, which you’ve already opened in Photoshop. • Either right-click on the layer you want from the Layers toolbar or click Layer from the top toolbar, and select Duplicate Layer • This allows you to select which Photoshop document to add this to (see next screenshot)
  15. 15. 6: Loading open images into your document • You can rename the layer, but also choose which document to open it in: Click on the arrow by ‘Document’ and look for Elephant practice.psd. ‘.psd’ denotes (means) a Photoshop document
  16. 16. 7: Changing Layers order • Open any 2 images in one Photoshop document. Try dragging and dropping above or below to change the order. The higher layer will block out the one below! • The ‘green screen’ layer is on top here; the next screenshot shows this reversed
  17. 17. 7: Changing Layers order • Open any 2 images in one Photoshop document. Try dragging and dropping above or below to change the order. The higher layer will block out the one below! • Here I have changed the order. The top layer was blocked out before
  18. 18. 7: Changing Layers order • In more complicated documents than this one it is a good idea to change layer names so you can quickly find them again! Just select a layer and click Layer-rename layer • In designing this 2014 film DVD sleeve I had well over 100 layers (Photoshop screenshot from an earlier example)
  19. 19. 8: Resizing a layer • The keyboard shortcut CTRL+T brings up the Free Transform tool (or Edit-Transform). CRUCIAL: Hold the SHIFT key when making bigger or smaller, otherwise the shape distorts!!!!! • In this example I didn’t hold SHIFT, so the coke ad stretched out. • Hold SHIFT and drag from the corners • NOW: Resize the coke ad so that it fills the frame, but keeps it original shape • You can also rotate it and move it around – click and move the mouse from outside the box (look for the handle)
  20. 20. 9: Undo + ticking • When you’re making changes like transform you can’t do anything else until you’ve either clicked the tick (to keep the changes) or the circle (to scrap the changes. You can also click EDIT-UNDO (Ctrl+Z) to undo a mistake! You can also click Window-History to see the steps you’ve made and delete one or more of these!
  21. 21. 10: Eyeball to hide layers • You can hide any other layers simply by clicking on the eyeball in the Layers toolbox • To show it again … just click again on the eyeball! • Below: the top layer is now hidden
  22. 22. 11: Magic Wand tool • Load up the Coke ad as your bottom layer, and add the elephant image on top of it. • Hide any other layers simply by clicking on the eyeball in the Layers toolbox! • One of the key tasks you’ll do in Photoshop is remove the background. Make sure you have the image below loaded and we’ll use tools to end up with an image like the one on the right
  23. 23. 11: Magic Wand tool • Have the elephant as the active layer (click on it on the Layers toolbox) • Click the magic wand tool. If you don’t see it, click + hold the mouse button and you’ll see multiple icons appear! • Click in the image but not on the elephant and you should see this: • If I used the CUT tool now you can see that bits of the background remain • Click Edit-Cut or CTRL+X to cut • You can also paste this in as a new layer: CTRL+V
  24. 24. 11: Magic Wand tool • That hasn’t quite selected the right areas. Click Select- Deselect. • Look along the top and change the tolerance to 64; a higher number means the software is less fussy in looking for the same colour to select! • Try CUT now (EDIT-CUT or CTRL+X) • Now all bar one corner has disappeared! • If you tried this on the other elephant images it wouldn’t work so well – that should make YOU think when YOU are taking photos…
  25. 25. 12: Eraser tool • The magic wand can quickly get rid of a lot of background; you can click and cut several times in different parts of the image • Unless you’ve shot against a single colour background, you will need to zoom in and use the eraser tool • You can change the brush type and size from the eraser menu • I’ve changed the brush size to a huge 453, so I can get rid of the remaining background quickly. You have a go – and use CTRL+Z if you make a mistake!
  26. 26. 13: Zoom tool • When you’re using the eraser, you’ll usually need to zoom in to see what you’re doing! • Use CTRL+ either the + or - key • I’ve changed the brush size to a huge 453, so I can get rid of the remaining background quickly. You have a go – and use CTRL+Z if you make a mistake!
  27. 27. 14: Filters • These aren’t always a good idea, but you can try filters for some quick effects. • Try some out through the FILTER menu. You can click the circle to cancel (or CTRL+Z) afterwards
  28. 28. 14: Filters
  29. 29. 14: Filters
  30. 30. 15: Flipping an image • You may have noticed that my elephant was flipped around in many of the images • You can do this through: EDIT-TRANSFORM- FLIP HORIZONTAL
  31. 31. 16: Text • You have a lot of control over text! Click the T tool icon to start typing and try some of the tools that appear
  32. 32. 17: Over to you! • There are many more tools: use web searches and YouTube videos to help with specific effects. Experiment a little! • Take a photo of your finished work with your iPad and send to the Showbie assignment ‘Elephant practice’

×