step by step in adobe photoshop cc  · web view2019-10-16 · -below the word photoshop in upper...

The SandwichProjectStep by Step in Adobe Photoshop CC

-Open Photoshop and Reset all Tools-Click the drop down arrow located on the tool image in the upper left corner of PS-Click the GEAR button in upper right of new window.-Select Reset All Tools

Open the Plate file in Photoshop using “Command O” (or by Choosing FILE then OPEN in the dropdown menu) then selecting the PLATE from the file folder.

Look to the left at your LAYERS palette. The layer that says “background” is locked. CLICK once on the lock to unlock it. Then rename the layer - PLATE by double clicking on the name “layer” beside the plate.

(Always NAME your layers to avoid confusion later.)

Note: If you don’t see your Layers Palette when you start, go to top of the page in the menu and click WINDOW then then click on LAYERS

Open the BREAD jpg. the same way you opened the PLATE file.Notice that the bread shows up as a background layer, and the tabs at the top of the screen show Plate jpg. and slice of

bread jpg.

To move the bread onto the plate, first click your mouse on the bread tab and move it slightly down and right, then release.It should look like the image above.

NOW, select the MOVE Tool, then click inside the Bread jpg and pull it towards the plate and release.This should create a new layer in your LAYER PALETTE. Make sure to rename the layer BREAD by double-clicking on the name layer

until it is highlighted blue.

Go to your tools menu and click on the MAGIC WAND toolUsing the MAGIC WAND, click anywhere in the WHITE area on the Bread imageThis will create a pattern of dotted lines around the selected area (referred to as Dancing Ants)

We need to select the bread, that is the opposite or inverse of the white area, So, Choose SELECT>Inverse from the top menu (or keyboard shortcut Shift+Command+I)

Now you will see the dancing ants appear around the outside of the canvas as well as the bread.

To get rid of the white, you are going to apply a LAYER Mask.So, Click the LAYER MASK Button at the BOTTOM of the Layers Palette Window.

When you do this, two things happen

1 - the slice of bread is cleanly cut out from the white background.

2.A black/white thumbnail will appear in the Layers window on the same layer as the bread thumbnail.

What is a THUMBNAIL, you ask? Good question. A thumbnail is a small visual image. You see a thumbnail of each

image on each layer you work with in photoshop.

Boy, that’s a puny piece of bread, and you were hoping to make a BIG BOY sandwich, so let’s make the bread bigger. (If you are on a diet you can use this tool to make it smaller, too.)

Click COMMAND T and a “transform box” will appear around the bread.Now, and this is IMPORTANT, when you are resizing images, remember to HOLD DOWN THE SHIFT key first and DRAG from the corners in and out - letting go of the mouse first, then the shift.Bad news, if you don’t hold down the shift key, then you image goes all out of proportion, which is weird-looking (and unprofessional.)Once you have resized the object, hit the ENTER (return) key to get rid of the transform box.

Hey, you can also rotate your bread.

-To rotate and image you use the Transform tool as well (Command T)-After clicking Command T you will see the transform boxes around the object. Move your mouse to any corner and you will see a curved arrow appear for the mouse.

-turn to rotate the image

-Again after you rotate the image into the position you want you will need to snap it into place by hitting the Enter/Return key. This will make the transform box disappear.

-If you mess up when transforming an image either to resize or to rotate, just hit the Escape key (esc) in the upper left of the keyboard. It will take away the transform box and snap the object back to its original.

We interrupt this tutorial for a special message...

*NOTE - A few things to remember as you make this and any project in Photoshop.1 - You should always SAVE every time you make a change. Save each project as a .psd file (Photoshop document file). This will keep all your layers independent of each other so you can always make needed changes.2 - If you mess up you can use the Undo feature. Do not try to reposition or do not start over. Hit Command Z to undo one time, or Alt+Command+Z to undo multiple times.

I don’t like lettuce...

But I’m good for you!

As we add the next layer of our sandwich, the LETTUCE, we are going to explore the wonders of the QUICKMASK tool. Using a Quickmask tool enables you to do detailed

cutting out of an image. (It may be confusing at first, so just take it slow, step by step, until you get the hang of it...)

Open your lettuce file the same way you did the bread (go back to that part of the tutorial if you forgot...) Remember to rename your layer “Lettuce”

Pick up your the Magic Wand Tool and click anywhere on white area around the lettuce-This will create our favorite pattern of dotted lines around the selected area (the Dancing Ants)

Notice your wand didn’t make all the white areas dance, so hold down the SHIFT key and click in other white areas until you get all the white surrounded.

-The white area is selected by the Wand -

We need to select the lettuce that is the opposite or inverse of the white area

-Choose Select>Inverse from top menus (Shift+Command+I)

-The Dancing Ants appear around the outside of the canvas as well as the bread

Everything is like the bread so far...but now we explore the fun of Quickmask mode.

-Click the Quickmask button (Q) at the bottom of the toolbar

-The area around bread will turn pink, and the Quickmask button will turn dark grey

-You will use brushes of black/white color to make adjustments

-Click on the Brush Tool (B)

-Below the word Photoshop in upper left you will see the word Brush and a dot. Click the drop down arrow to open the brushes menu. -Select a hard brush (these are the solid dots)*NOTE - a soft brush is a dot with a fuzzy looking outer edge and a hard brush is a solid black dot

-Any hard brush is fine to use as you will change the size later

By the way, you will not see the Dancing Ants while in Quickmask mode.

-Zoom in to see the image better (Command + = zoom in) (Command - = zoom out)

-You will see the Foreground Color (the top box) and the Background Color (bottom box) at the bottom of the toolbar.

-You can switch with color is the Foreground and which one is the Background by hitting the X key or by clicking on the curved arrow.

-You will paint with Black to hide areas you meant to cut out with the selection tool but did not get. And you will paint with White to show areas you accidentally cut out.

-Painting will Black will show up as pink in Quickmask mode. Painting with White will show the image.

-Painting with Black/White in Quickmask mode alters the pattern of Dancing Ants.

-NOTE - Very important! Any time you enter Quickmask mode, you must go back out of it before you can continue working on the project.

-Click Q or on the Quickmask button to exit Quickmask.

- You will see the dancing ants around the image again.

-Now that the selection (pattern of Dancing Ants) is perfect around the bread image, you are ready to cut it out from its background.

*NOTE - Always get the Dancing Ant pattern around an object perfect using Quickmask so that when you use Layer Mask to cut the image out of its original background it will cut the object out cleanly.

-Click the Layer Mask button at the bottom of the Layers Palette Window. It looks like the Quickmask button (box with a circle in it) but this one is located on a row at the bottom of the Layer Window.

-When you click the Layer Mask button two things will happen:

1 - The slice of lettuce will be cleanly cut out from the white background.

2 - A black/white thumbnail will appear in the Layers Window on the same layer as the Bread thumbnail.

As you did with the bread, you can use the TRANSFORM tool (command T) to resize the lettuce. Just remember to hold down the SHIFT key when you resize.

You know how to do this, ADD THE TOMATO.

Maybe you are like me and like lots of tomatoes on your BLT. So here’s how you add them easily.

To do so just duplicate the layer.

-In the Layer Palette, right click on the tomato layer in the gray, and select DUPLICATE LAYER.

Label the layer and hit return. This will make an exact copy of the layer. You can still move your tomatoes around.

EVEN if you don’t like tomatoes, please add another tomato so I

know you know how to do this.

Right click here

Alrighty then, you have learned two ways to cut

out images and place them in layers.Let’s addsomebacon and see another

cool tool in PHOTOSHOP

Add the bacon layer as you did the Lettuce and tomato(s) and cleanly cut it out using MagicWand or Quickmask.

Bacon that is not cooked to a crisp has an area to it that you can slightly see though. In graphics this is called Opacity. For the bacon layer you want to adjust its Opacity so you can slightly see through it.

-Click the Bacon layer in the Layer Window to highlight it.

-In the upper right corner of the Layers Window you will see Opacity 100%. Click that drop down arrow and adjust the slider by dragging down so that you can slightly see through the bacon.

You’re done with the bacon, now let’s cut some cheese. :) Bring in the cheese image and use the Magic Wand and shift key to highlight the white area, Select Inverse, and click the layer mask.But that swiss cheese can sure use a few more holes, so grab an

ERASER from the tool bar and make some!

Nice job, chef.

-Next we want to add some mustard, ketchup or mayo using brushes and Layer Styles.

Create new layer by hitting the “Create a new layer” button in the bottom of the Layer palette.

Grab a paint brush and choose a HARD edge brush. I suggest 17 or 18 size. Don’t forget to label your layer.

Let’s put mustard (because that’s my favorite, but this instruction works for all gooey condiments...)

Paint with yellow for example to create mustard. Again make sure you made a new layer before you paint the mustard. Remember every item must be on its own separate layer.

It doesn’t look very realistic, huh?

-To make the condiment look more realistic you will use Layer Styles.

-Click the fx button at the bottom of the Layers Palette Window

-Select Bevel and Emboss

- You will get a ton of options, which you can experiment with, but just hitting okay will get a nice 3d look.

If you do want your mustard to look more realistic, adjust the depth, size, and softness of the BEVEL and EMBOSS menu to achieve that.

-Now make the sandwich your own. After adding the required items provided to you,add additional items such as sides (chips or cookie, etc), a beverage, maybe a fork or knife, it is up to you. Just be creative with this project and have fun making it while learning the tools of Photoshop and make sure to check your work against the RUBRIC provided.

Please look at next slide.

When adding additional items you may download some files that are Index files. If you do then the Background Layer will say Index and it will not allow you to unlock it. Complete this step to so you can unlock the layer.

If you download a file and it says “indexed” or “Index” instead of background layer, simply go to the top menu and click on IMAGE>Mode>RGB to unlock the layer.