SlideShare a Scribd company logo
DAY 2 - Starting in Photoshop (Images and Layers)
LAYERS
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
starting in
photoshop
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
IMAGES
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
CREATING NEW
IMAGE
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
OPENING AN
IMAGE
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
FLOATING
Prepared by: Sef Cambaliza
To combine or put the images
together in a single workspace…
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
Prepared by: Sef Cambaliza
Click Window > Arrange > Float in Window
(and/or Float All in Window)
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
RESIZING THE
IMAGE
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.
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
SAVING FILE AS
.psd
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
SAVING FILE AS
.jpeg
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
LAYERS
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
LAYER PANEL
ELEMENTS
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
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
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
DUPLICATING A
LAYER
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
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
CREATING A
LAYER NAME
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
DELETING
LAYERS
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.
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.
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
REARRANGING
LAYERS
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
MERGING
LAYERS
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
BLENDING
LAYERS
Prepared by: Sef Cambaliza
Click Layers > Layers Style > Blending
Options
Source: Adobe Photoshop CS6 (2013). Jemma Development Group
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
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
ADJUSTMENT
LAYER
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.
Prepared by: Sef CambalizaSource: Adobe Photoshop CS6 (2013). Jemma Development Group
OPACITY
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
Prepared by: Sef Cambaliza
THANK YOU.

More Related Content

PPTX
Basic Photoshop Tutorial
PPTX
Introduction- The Basics of Photoshop CS6
PPTX
Photoshop Guide
PPTX
DAY 1 - Introduction to Photo Editing and Photoshop CS6
PDF
PPT
Introduction to Printers
PPTX
Photoshop layers
PPTX
Computer System Servicing Hand Tools
Basic Photoshop Tutorial
Introduction- The Basics of Photoshop CS6
Photoshop Guide
DAY 1 - Introduction to Photo Editing and Photoshop CS6
Introduction to Printers
Photoshop layers
Computer System Servicing Hand Tools

What's hot (20)

PPTX
Session 2.2 photoshop interface
PPTX
Photoshop intro to basics
PDF
Adobe Photoshop Basics - Session 1
PPTX
Introduction to adobe Photoshop
PDF
Adobe Photoshop
PPTX
TUTORIAL ON PHOTOSHOP
PPT
Introduction to photoshop
PDF
Lesson 1 • Introduction to Photoshop
PPTX
Adobe Photoshop for Beginners
PPTX
The Selection Tools
PPTX
Presentation on adobe photoshop® tools
PPTX
Adobe Photoshop Tools
PPT
Adobe Photoshop
PPTX
Photoshop
PPTX
Adobe Photoshop Tools
PPT
Photoshop Introduction
PPTX
Basics of Photoshop Tutorial
PPTX
Adobe After Effects
PDF
LESSON 2 - Flash Animation
PPT
Photoshop
Session 2.2 photoshop interface
Photoshop intro to basics
Adobe Photoshop Basics - Session 1
Introduction to adobe Photoshop
Adobe Photoshop
TUTORIAL ON PHOTOSHOP
Introduction to photoshop
Lesson 1 • Introduction to Photoshop
Adobe Photoshop for Beginners
The Selection Tools
Presentation on adobe photoshop® tools
Adobe Photoshop Tools
Adobe Photoshop
Photoshop
Adobe Photoshop Tools
Photoshop Introduction
Basics of Photoshop Tutorial
Adobe After Effects
LESSON 2 - Flash Animation
Photoshop
Ad

Viewers also liked (10)

PPTX
Photo ch05 ppt
PPTX
Pscs6 ch03 ppt
PPTX
PS cs6 ch04 ppt
PPTX
Pscs6 ch08 ppt
PPTX
Photoshop CS6 Chapter One
PPTX
Pscs6 ch06 ppt
PPTX
PS CS6 Chapter 2
PPTX
Pscs6 ch07 ppt
PPTX
Pscs6 ch09 ppt
PDF
Part 3 how to make simple tarpulin in adobe photoshop cs6
Photo ch05 ppt
Pscs6 ch03 ppt
PS cs6 ch04 ppt
Pscs6 ch08 ppt
Photoshop CS6 Chapter One
Pscs6 ch06 ppt
PS CS6 Chapter 2
Pscs6 ch07 ppt
Pscs6 ch09 ppt
Part 3 how to make simple tarpulin in adobe photoshop cs6
Ad

Similar to DAY 2 - Starting in Photoshop (Images and Layers) (20)

PPTX
DAY 3 - THE SELECTION TOOLS
PDF
Adobe Photoshop CS6 tutorial 2013
PDF
Photoshop pdf
PDF
Photoshop cs tutorial
PDF
Photoshop cs tutorial
PDF
Photoshop_CS_Tutorial
PDF
Photoshop
PDF
Photoshop_CS_Tutorial
PDF
Adobe photoshop cs6
PDF
Adobe photoshop cs6 tutorial
PDF
Adobe photoshop cs6
PDF
Photoshop cs4 tutorial
PDF
photoshop-cs3-border-bg-tutorial
PDF
photoshop-cs3-border-bg-tutorial
PDF
Photoshop notes cs-4
PPTX
Fajardo, winfreya m. 11 caritas, abm
PDF
Nota photoshop
PDF
9A0-019 Exam-Adobe Photoshop 6.0 Product Proficiency
PDF
9 a0 054
DAY 3 - THE SELECTION TOOLS
Adobe Photoshop CS6 tutorial 2013
Photoshop pdf
Photoshop cs tutorial
Photoshop cs tutorial
Photoshop_CS_Tutorial
Photoshop
Photoshop_CS_Tutorial
Adobe photoshop cs6
Adobe photoshop cs6 tutorial
Adobe photoshop cs6
Photoshop cs4 tutorial
photoshop-cs3-border-bg-tutorial
photoshop-cs3-border-bg-tutorial
Photoshop notes cs-4
Fajardo, winfreya m. 11 caritas, abm
Nota photoshop
9A0-019 Exam-Adobe Photoshop 6.0 Product Proficiency
9 a0 054

More from Sef Cambaliza (11)

PPTX
Final Demonstration - Creating Homegroup
PPTX
Common Computer Faults and Problems
PPTX
Parts of System Unit
PPTX
Format, Partition, Install OS
PPTX
Preventive Maintenance
PPTX
LAN Cabling
PPTX
SUICIDE.
PPTX
Planning for Technology Integration in the Classroom
PPTX
Code of Computer Ethics for Educators.
PPTX
WEBQUEST.
PPT
RA 6655.
Final Demonstration - Creating Homegroup
Common Computer Faults and Problems
Parts of System Unit
Format, Partition, Install OS
Preventive Maintenance
LAN Cabling
SUICIDE.
Planning for Technology Integration in the Classroom
Code of Computer Ethics for Educators.
WEBQUEST.
RA 6655.

Recently uploaded (20)

PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Classroom Observation Tools for Teachers
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
Cell Structure & Organelles in detailed.
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
Sports Quiz easy sports quiz sports quiz
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
Pharma ospi slides which help in ospi learning
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
master seminar digital applications in india
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Institutional Correction lecture only . . .
PPTX
Cell Types and Its function , kingdom of life
PDF
O7-L3 Supply Chain Operations - ICLT Program
Final Presentation General Medicine 03-08-2024.pptx
Classroom Observation Tools for Teachers
PPH.pptx obstetrics and gynecology in nursing
Cell Structure & Organelles in detailed.
102 student loan defaulters named and shamed – Is someone you know on the list?
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Anesthesia in Laparoscopic Surgery in India
Sports Quiz easy sports quiz sports quiz
STATICS OF THE RIGID BODIES Hibbelers.pdf
Renaissance Architecture: A Journey from Faith to Humanism
Pharma ospi slides which help in ospi learning
human mycosis Human fungal infections are called human mycosis..pptx
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
master seminar digital applications in india
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Abdominal Access Techniques with Prof. Dr. R K Mishra
Institutional Correction lecture only . . .
Cell Types and Its function , kingdom of life
O7-L3 Supply Chain Operations - ICLT Program

DAY 2 - Starting in Photoshop (Images and Layers)

  • 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
  • 42. Prepared by: Sef Cambaliza THANK YOU.