Introduction to ArtificiaI Intelligence in Higher Education
DAY 2 - Starting in Photoshop (Images and Layers)
1.
2. LAYERS
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
starting in
photoshop
3. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
IMAGES
4. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
CREATING NEW
IMAGE
5. 1. Click File > New
Prepared by: Sef Cambaliza
2. A new dialog box
will appear
3. Set the name and
canvas size then click OK
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
6. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
OPENING AN
IMAGE
7. 1. Click File > Open
Prepared by: Sef Cambaliza
2. An open dialog box will
appear
3. Choose the file or
image you want to open
and then click Open
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
8. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
FLOATING
9. Prepared by: Sef Cambaliza
To combine or put the images
together in a single workspace…
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
10. Prepared by: Sef Cambaliza
Click Window > Arrange > Float in Window
(and/or Float All in Window)
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
11. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
RESIZING THE
IMAGE
12. Prepared by: Sef Cambaliza
1. Click Edit > click Transform >
click Scale
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
2. Click the corner of the picture
and drag inward or outward to
change the size.
13. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
SAVING FILE AS
.psd
14. Prepared by: Sef Cambaliza
1. Click File > Save 2. A Save As dialog box will appear
3. Enter the name of your work. Choose the
.psd file format then click Save
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
15. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
SAVING FILE AS
.jpeg
16. Prepared by: Sef Cambaliza
1. Click File > Save 2. A Save As dialog box will appear
3. Enter the name of your work. Choose the
.jpeg file format then click Save
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
17. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
LAYERS
18. Source: Adobe Photoshop CS6 (2013). Jemma Development Group Prepared by: Sef Cambaliza
Drag to move the panel
Image layer 1
Background layer
Create new layer
Layer thumbnail
Layer name
Panel menu
Delete layer
19. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
LAYER PANEL
ELEMENTS
20. Source: Adobe Photoshop CS6 (2013). Jemma Development Group Prepared by: Sef Cambaliza
ICON NAME FUNCTION
Panel List/Menu Shows the list of menus
Blending Mode
Determines how the image on the layer will blend
with the layers beneath
Opacity
Sets the opacity or transparency of the layer (or
image)
Lock Transparent Pixels
Prevents modification of the transparent area of the
active layer
Lock Image Pixels
Locks the image in the activated layer for
modification
21. Source: Adobe Photoshop CS6 (2013). Jemma Development Group Prepared by: Sef Cambaliza
ICON NAME FUNCTION
Lock Position
Locks the content of the selected later for
repositioning
Lock All
Locks the selected later for modification and
repositioning
Layer Visibility Shows or hide the layer
Add a Layer Style
Provides list of effects that can be applied to the
layer
Add Layer Mask
Add layer mask that allows you to hide a part of a
layer and reveal the layer underneath by painting on
the mask
22. Source: Adobe Photoshop CS6 (2013). Jemma Development Group Prepared by: Sef Cambaliza
ICON NAME FUNCTION
Adjustment Layer
Provides list of colors and tone adjustments that
you can apply to the image
Create a New Group Organizes groups of related layers into folders
Create a New Layer Creates a new transparent layer
Delete Layer Deletes the active layer
23. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
DUPLICATING A
LAYER
24. Prepared by: Sef Cambaliza
1. Click your chosen layer and drag it to the
Create a New Layer icon.
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
25. Prepared by: Sef Cambaliza
2. Right click the layer, on the pop-up
menu, click Duplicate Layer.
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
26. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
CREATING A
LAYER NAME
27. Prepared by: Sef Cambaliza
Double click the layer’s name and type your new
name for the layer and click Enter.
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
28. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
DELETING
LAYERS
29. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
1. Select the layer and then
click Delete Layer icon.
2. A delete dialog box will
appear, click Yes.
30. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
1. Right click the layer and
click Delete Layer.
2. A delete dialog box will
appear, click Yes.
31. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
REARRANGING
LAYERS
32. Prepared by: Sef Cambaliza
Rearrange your layers by simply dragging the
layer and dropping it either to the top or bottom
of another layer.
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
33. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
MERGING
LAYERS
34. Prepared by: Sef Cambaliza
Click Shift + layers you want to merge. Right click
and click Merge Layers.
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
35. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
BLENDING
LAYERS
36. Prepared by: Sef Cambaliza
Click Layers > Layers Style > Blending
Options
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
37. Source: Adobe Photoshop CS6 (2013). Jemma Development Group Prepared by: Sef Cambaliza
A Layer Style dialog box will appear. Make
your adjustments and then click OK
38. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
ADJUSTMENT
LAYER
39. Source: Adobe Photoshop CS6 (2013). Jemma Development Group Prepared by: Sef Cambaliza
1. Click Layer > New Adjustment Layer.
2. Select any of the adjustments you want to apply and
modify it in the Properties panel.
40. Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
OPACITY
41. Prepared by: Sef Cambaliza
Select the layer, drop down the arrow to see the sliding tab
of Opacity box. Adjust the opacity value of your image by
choosing from 1 to 100%.
Source: Adobe Photoshop CS6 (2013). Jemma Development Group