day 2 - starting in photoshop (images and layers)

42

Upload: jeric-cambaliza

Post on 10-Jan-2017

278 views

Category:

Education


1 download

TRANSCRIPT

Page 1: DAY 2 - Starting in Photoshop (Images and Layers)
Page 2: DAY 2 - Starting in Photoshop (Images and Layers)

LAYERS

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

starting in photoshop

Page 3: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

IMAGES

Page 4: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

CREATING NEW IMAGE

Page 5: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 6: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

OPENING AN IMAGE

Page 7: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 8: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

FLOATING

Page 9: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

To combine or put the images together in a single workspace…

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

Page 10: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Click Window > Arrange > Float in Window(and/or Float All in Window)

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

Page 11: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

RESIZING THE IMAGE

Page 12: DAY 2 - Starting in Photoshop (Images and Layers)

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.

Page 13: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

SAVING FILE AS .psd

Page 14: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 15: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

SAVING FILE AS .jpeg

Page 16: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 17: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

LAYERS

Page 18: DAY 2 - Starting in Photoshop (Images and 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 thumbnailLayer name

Panel menu

Delete layer

Page 19: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

LAYER PANEL

ELEMENTS

Page 20: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 21: DAY 2 - Starting in Photoshop (Images and Layers)

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 MaskAdd layer mask that allows you to hide a part of a layer and reveal the layer underneath by painting on the mask

Page 22: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 23: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

DUPLICATING A LAYER

Page 24: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 25: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 26: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

CREATING A LAYER NAME

Page 27: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 28: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

DELETING LAYERS

Page 29: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: 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.

Page 30: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: 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.

Page 31: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

REARRANGING LAYERS

Page 32: DAY 2 - Starting in Photoshop (Images and 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

Page 33: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

MERGING LAYERS

Page 34: DAY 2 - Starting in Photoshop (Images and 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

Page 35: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

BLENDING LAYERS

Page 36: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Click Layers > Layers Style > Blending Options

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

Page 37: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 38: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

ADJUSTMENT LAYER

Page 39: DAY 2 - Starting in Photoshop (Images and Layers)

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.

Page 40: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

Source: Adobe Photoshop CS6 (2013). Jemma Development Group

OPACITY

Page 41: DAY 2 - Starting in Photoshop (Images and Layers)

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

Page 42: DAY 2 - Starting in Photoshop (Images and Layers)

Prepared by: Sef Cambaliza

THANK YOU.