PS20 Basic Concepts Part 1

Tonya Skinner
11 Jul 202020:14

Summary

TLDRThe video explains the key differences between Photoshop and Photopea, focusing on workspace customization, managing images, and tools like layers, panels, and the move tool. It highlights Photoshop's flexibility in undocking panels, dragging elements between images, and the use of smart objects. The video also covers resizing, cropping, and adjusting image modes, alongside tips for working with different color modes. Additionally, it touches on saving workflows, using the history panel, and various shortcuts to streamline navigation. The next lesson will dive into hands-on practice with Photopea.

Takeaways

  • πŸ–₯️ Photoshop allows for a highly customizable workspace, where users can dock and undock panels, while Photopea lacks this flexibility.
  • πŸ–ΌοΈ Both Photoshop and Photopea use tabs to organize images, but only Photoshop allows images to be viewed side by side through tab undocking.
  • πŸ”„ Dragging elements from one image to another is easier in Photoshop, where images can be placed side by side, but in Photopea, users must rely on copy-pasting or 'File > Place' methods.
  • 🎨 When placing an image in Photoshop, it becomes a 'smart object,' preventing direct modifications (e.g., erasing) unless it is rasterized.
  • ⚠️ Be cautious when rasterizing layers like text, as it converts them into pixels, making them uneditable in terms of font or size.
  • 🎞️ Photoshop uses different color modes, such as RGB, which must match between images if dragging across tabs. This issue is exclusive to Photoshop.
  • πŸ•’ The history panel in both Photoshop and Photopea helps track and revert changes. However, Photoshop requires Ctrl + Alt + Z for multiple undos, while Photopea uses Ctrl + Z.
  • πŸ” Navigating and zooming can be done using keyboard shortcuts in both programs (e.g., Ctrl + Plus/Minus, or Spacebar for the hand tool).
  • πŸ“ Photoshop allows for canvas resizing (under Image > Canvas Size) and image resizing (under Image > Image Size), with similar options in Photopea.
  • πŸ’Ύ In Photopea, files must be manually saved to a local drive or Google Drive, as it does not support automatic saving like other online apps.

Q & A

  • What is a 'workspace' in Photoshop?

    -A 'workspace' in Photoshop refers to the arrangement of all the panels, including tools on the left, the properties bar on top, and tabs for images. It can be customized by moving, resizing, or rearranging these elements.

  • Can you customize the workspace in Photopea like in Photoshop?

    -No, in Photopea, you cannot undock or rearrange panels like in Photoshop. You can hide panels, but you cannot move them around or customize them in the same way.

  • How can you move images between tabs in Photoshop?

    -In Photoshop, you can drag an image from one tab to another using the Move Tool. Alternatively, you can use 'Select All,' 'Copy,' switch to the other tab, and 'Paste' the image.

  • What is the purpose of 'Place Embedded' in Photoshop?

    -'Place Embedded' in Photoshop allows you to insert an image into your document as a 'smart object,' which can be edited separately and resized without losing quality.

  • What happens when you 'rasterize' a smart object in Photoshop?

    -Rasterizing a smart object converts it into a regular layer of pixels, allowing you to edit it freely, such as erasing or applying filters. However, this process removes the ability to edit the object in its original form.

  • How do you undo multiple steps in Photoshop versus Photopea?

    -In Photoshop, you need to use 'Ctrl + Alt + Z' to undo multiple steps. In Photopea, 'Ctrl + Z' can be used repeatedly to undo several steps.

  • How can you zoom in and out in both Photoshop and Photopea?

    -You can zoom in by pressing 'Ctrl + Plus' and zoom out with 'Ctrl + Minus.' Additionally, pressing 'Ctrl + 0' fits the image to the screen in both Photoshop and Photopea.

  • What is the purpose of the 'magic eraser' tool in Photoshop?

    -The magic eraser tool in Photoshop removes all pixels of a similar color in one click, making it ideal for quickly erasing solid-colored backgrounds. This feature is not available in Photopea.

  • How can you flip an image horizontally in Photoshop?

    -To flip an image horizontally in Photoshop, go to 'Image' > 'Image Rotation' > 'Flip Canvas Horizontal.' In Photopea, it is located under 'Image' > 'Transform' > 'Flip Horizontally.'

  • What is the difference between resizing and cropping an image in Photoshop?

    -Resizing changes the overall dimensions of the image, while cropping removes parts of the image to focus on a specific area. Resizing is done through 'Image' > 'Image Size,' and cropping is done using the Crop Tool.

Outlines

00:00

πŸ–₯️ Understanding Workspaces in Photoshop and Photopea

This paragraph introduces the concept of 'workspace' in Photoshop and Photopea. It explains that the workspace refers to the arrangement of panels, such as the tools panel, properties bar, color swatches, and layers. The key difference between the two programs is that Photoshop allows customization, like undocking and resizing panels, while Photopea does not. The 'reset essentials' function in Photoshop restores the workspace to its default state, whereas Photopea lacks this flexibility.

05:01

πŸ“ Arranging and Moving Images Between Tabs

This section focuses on how Photoshop and Photopea handle multiple images. In Photoshop, users can undock images from tabs and arrange them side-by-side, whereas in Photopea, images must remain in tabs. The paragraph also describes how to move content between images using three methods: dragging (Photoshop-only), copying and pasting (both programs), and placing an image (both programs). Placing an image in Photoshop creates a 'smart object,' which can be edited separately but requires rasterization for further changes like erasing.

10:02

🧠 Smart Objects and Rasterization

This paragraph introduces the concept of 'smart objects' in Photoshop. When placing an image, it becomes a smart object, which allows non-destructive editing. However, to make certain changes, like erasing, the object must be rasterized. The text warns that rasterizing converts items like text into pixels, limiting future edits. It emphasizes caution when rasterizing to avoid losing editable qualities of layers.

15:02

🎨 Color Modes and Image Adjustments

This section explains the importance of matching color modes (like RGB) when moving images between files in Photoshop, as incompatible color modes can prevent images from being moved. It also discusses the 'history panel' in both programs, which tracks user actions and allows for undoing multiple steps. Key differences between Photoshop and Photopea in undo functions are mentioned, along with useful navigation tips like using the space bar to pan around an image.

20:03

πŸ” Cropping, Erasing, and Working with Background Layers

Here, the paragraph covers essential image-editing tools in Photoshop, like cropping and erasing. It explains the difference between locked and unlocked background layers and how unlocking a layer allows for true erasing (producing transparency). The paragraph also introduces the concept of resizing brushes and erasers using keyboard shortcuts, as well as the 'magic eraser' tool in Photoshop, which is not available in Photopea.

πŸ“ Mirroring, Adjustments, and Canvas Size

This section describes how to flip (mirror) images in both programs and introduces the 'black and white' adjustment, which lets users convert an image to grayscale and optionally tint it with another color. The paragraph also explains how to change the size of the canvas on which an image sits, either to enlarge the workspace or to resize the entire image. Photoshop and Photopea handle canvas resizing similarly.

πŸ’Ύ Saving Files in Photoshop and Photopea

This paragraph explains the process of saving files in Photoshop and Photopea. In Photoshop, files can be saved directly to local or cloud storage like Google Drive. Photopea, however, requires downloading the file to the computer and saving it manually. The importance of regularly saving work is emphasized, as neither program saves automatically, unlike Google Docs.

πŸ“œ Final Overview and Preparation for the Next Lesson

The closing paragraph wraps up the lesson by recapping the key concepts of workspaces, panels, and basic image manipulation. It previews the next session, which will focus on creating a project using Photopea, starting with a background image and adding additional elements. Students are encouraged to have good notes for the upcoming lesson.

Mindmap

Keywords

πŸ’‘Workspace

A workspace in the context of Photoshop and Photopea refers to the arrangement of panels, tools, and tabs within the program's interface. In Photoshop, users can customize their workspace by moving or resizing panels such as the Layers panel, whereas Photopea has limited customization options. This term is crucial to understanding the flexibility of Photoshop in comparison to other editing programs like Photopea.

πŸ’‘Panels

Panels in Photoshop and Photopea are sections of the workspace that contain tools, settings, or features like layers, swatches, or properties. For example, the Layers panel can be docked or undocked in Photoshop, while in Photopea, panels cannot be moved. Panels are a core part of image editing as they provide access to essential functionalities.

πŸ’‘Layers

Layers are individual levels within a Photoshop or Photopea document where images, text, or adjustments are placed. In the script, layers are described as movable and customizable within Photoshop, which offers more control compared to Photopea. Layers allow users to work on different elements of an image separately, providing greater flexibility and non-destructive editing.

πŸ’‘Undocking

Undocking refers to the ability to move a panel or a tab from its fixed position within the workspace and place it elsewhere on the screen. In Photoshop, users can undock the Layers panel and resize it, offering a more customized workspace. This is a feature that Photopea lacks, which highlights the added flexibility Photoshop provides.

πŸ’‘Smart Object

A Smart Object in Photoshop is a layer that contains image data from raster or vector images. When a file is placed as a Smart Object, it can be edited non-destructively, meaning users can resize, transform, or edit the image without losing quality. Smart Objects are indicated by an icon in the Layers panel and allow for more advanced image manipulation compared to basic layers.

πŸ’‘Rasterizing

Rasterizing is the process of converting a Smart Object or vector graphic into a regular pixel-based layer in Photoshop. Once an object is rasterized, it can be edited with pixel-based tools like the eraser, but certain properties like scalability without loss of quality are lost. In the script, rasterizing is discussed when the user wants to erase part of a Smart Object.

πŸ’‘Color Modes

Color Modes, such as RGB and indexed color, refer to the way colors are represented in an image file. In the script, RGB is mentioned as the color mode that must be matched between images for actions like dragging and dropping to work smoothly in Photoshop. Understanding color modes is essential for ensuring consistency and compatibility when working with different images.

πŸ’‘History Panel

The History Panel in Photoshop and Photopea is a feature that records every action taken during an editing session. Users can revert to a previous state by selecting a step in the History Panel, which provides a more efficient way to undo multiple actions compared to using the Undo command repeatedly. This feature is useful for non-linear editing and correcting mistakes.

πŸ’‘Navigator

The Navigator is a tool in both Photoshop and Photopea that allows users to zoom in and out of an image quickly. By using the Navigator, users can control the zoom level without having to switch to the zoom tool manually. In the script, it's described as a helpful tool for managing the view of an image while editing, especially when working with large files.

πŸ’‘Cropping

Cropping refers to the process of trimming down an image to focus on a particular section or remove unwanted areas. The Crop tool is commonly used across various programs, including Photoshop and Photopea, to adjust the visible area of an image. In the script, cropping is presented as a basic yet essential function that helps refine the composition of an image.

Highlights

Introduction to the workspace concept in Photoshop, focusing on the arrangement of panels like tools, properties, and image tabs.

Photoshop allows for workspace customization, including undocking and resizing panels, which is not available in Photopea.

The ability to reset workspace to default settings in Photoshop using 'Reset Essentials' under the Window menu.

Photopea does not allow undocking of panels, though it allows hiding and showing them.

Photoshop offers multiple image viewing arrangements, including dragging tabs for side-by-side viewing, a feature not available in Photopea.

Photoshop supports dragging and dropping elements between images directly, while Photopea relies on copy-pasting due to lack of side-by-side view.

Using 'File -> Place Embedded' in Photoshop to insert images as smart objects, allowing for more advanced editing options.

Smart objects in Photoshop prevent certain edits like erasing, requiring rasterization to convert objects into an editable form.

The importance of understanding color modes, like RGB and indexed color, for compatibility when working with different image formats.

The history panel in both Photoshop and Photopea allows users to backtrack through actions, with Photoshop supporting both 'Undo' and history navigation.

In Photoshop, 'Ctrl + Alt + Z' is used for multiple undos, while in Photopea 'Ctrl + Z' alone works for repeated undo actions.

The navigator panel in both Photoshop and Photopea facilitates zooming and navigating around an image efficiently.

Keyboard shortcuts for zooming in and out (Ctrl + Plus/Minus) and fitting images to screen (Ctrl + 0) work in both programs.

In Photoshop, unlocking the background layer is necessary for transparent erasing; otherwise, the background color remains.

The Magic Eraser tool, exclusive to Photoshop, allows for quick deletion of connected color areas, which is not available in Photopea.

Transcripts

play00:00

all right let's start off with basic

play00:02

concepts so we're going to look at the

play00:04

window

play00:04

and the workspace and i'm going to start

play00:06

off by looking at this in photoshop then

play00:08

we'll pop over and look and see what the

play00:09

differences are in photo p

play00:11

so first off we're going to use the term

play00:13

workspace

play00:15

workspace is the arrangement of all of

play00:16

these panels that you see on the screen

play00:19

so the tools that are on the left

play00:20

the properties bar on the top that's

play00:22

going to be in both our programs

play00:25

the use of tabs for your images both

play00:27

programs

play00:28

and then the fact that we have all of

play00:30

these little tabs over here

play00:32

color swatches learn layers channels all

play00:35

of those

play00:36

that's the same in all of them but in

play00:38

photoshop you can customize your

play00:40

workspace

play00:41

so for instance i can grab this layers

play00:43

panel

play00:44

and bring it out here somewhere oops i

play00:46

grabbed a hold of the picture

play00:48

so i can grab this layers panel and

play00:50

bring it out here i can also make it

play00:51

bigger or smaller and things like that

play00:54

and those are the types of things that

play00:55

you really can't do

play00:57

in photo piece so there are some things

play00:59

that are very specific to photoshop and

play01:02

these workspaces

play01:03

are one of those things so

play01:06

um if i pull out all of these different

play01:09

little things say i've just got

play01:10

everything in kind of a crazy place

play01:12

i can put them back by going to window

play01:15

and workspace

play01:16

because of the arrangement of panels as

play01:18

the workspace and then i would click on

play01:20

reset essentials now it says reset

play01:23

essentials because i'm in the essentials

play01:24

workspace right now and that's what we

play01:26

usually work in in here

play01:28

so i'm gonna hit reset essentials and it

play01:30

puts everything back in its night

play01:31

nice tidy little places okay so that's

play01:34

what a workspace is and we only have

play01:36

workspaces in photoshop

play01:38

because in photo p you cannot undock all

play01:40

your panels so let me open up photo p

play01:42

here

play01:43

i can hide these panels by clicking on

play01:46

them and hiding them

play01:47

but i can't pick them up and scoot them

play01:50

that's just not something that you can

play01:51

do in that program

play01:53

okay so back in here

play01:57

we can also change the way that we see

play02:00

images when we have multiple images open

play02:03

so

play02:03

i can grab a hold of this little tab and

play02:05

just yank down

play02:07

and i can actually look at both of mine

play02:09

i can yank this one down too

play02:10

i can look at both of my pictures at the

play02:12

same time

play02:14

can't do that in photo p either if you

play02:16

have a bunch of pictures

play02:17

open you can go to window up here at the

play02:20

top and arrange

play02:21

and then you can tell it how you want it

play02:23

arranged so i can say you know put them

play02:25

side by side

play02:27

or i can tell it to put them all back

play02:30

that's consolidate

play02:31

all to tabs and that puts them back in

play02:33

those tabs

play02:35

so again it's kind of up to you as to

play02:37

whether or not you're going to want to

play02:38

undock things or not but that's an

play02:40

option in photoshop this gives you a

play02:42

little bit more power

play02:43

and control all right so how do we get a

play02:46

picture

play02:47

from one to the other so let's say that

play02:49

i have this background i'm going to

play02:50

undock it

play02:51

and i have this frog and i'm going to

play02:52

undock it i can take this frog with my

play02:55

move tool

play02:57

just point to the frog and click and

play02:59

drag and

play03:00

let go when i get over to the other one

play03:03

and then the frog

play03:04

is in there i can't do that in the other

play03:07

program because i can't put them

play03:09

side by side so that's kind of a problem

play03:13

how can i do that a different way

play03:16

let me show you let me put these back to

play03:18

tabs

play03:19

so let's say i have this one if i want

play03:22

to take this one

play03:23

and put it in the other one and you can

play03:25

do this this in both of them is the same

play03:27

you can go to select all which puts

play03:30

little ants around the whole thing

play03:32

edit copy which copies it

play03:36

click on your other tab and edit paste

play03:40

and now you have that in the other

play03:42

document

play03:43

and that's how you would do it in photo

play03:44

p because we can't put them side by side

play03:48

okay the third way that you can insert

play03:51

pictures

play03:52

so you can either drag them in or you

play03:55

can copy paste

play03:56

but remember you must select all first

play03:59

or

play03:59

you can what we call place it and you

play04:01

can do this in both programs as well

play04:04

so it's file place there's only file

play04:07

place in photo p

play04:08

in photoshop you do place embedded which

play04:11

just basically means like make a copy of

play04:13

it so

play04:14

file place embedded and then i can go

play04:16

get that saved picture

play04:18

and place it it puts it in there and it

play04:22

automatically if it's

play04:23

bigger than the picture that's there

play04:27

it won't let it hang off it always makes

play04:29

it no taller

play04:31

than your picture so if we were dragging

play04:33

something in and it was huge mungus

play04:35

it would stay huge fungus like it would

play04:37

cover the whole thing and you wouldn't

play04:39

be able to see that background anymore

play04:41

so if you place it it kind of puts it in

play04:43

there in a

play04:44

in a different way it makes it a little

play04:45

bit different to work with

play04:47

now you might say well then why don't i

play04:48

just always do that i'm going to hit

play04:50

okay here

play04:51

well because look down here on my layers

play04:53

i'm going to undock these so you can see

play04:54

better see that little icon

play04:56

when you place a picture it's considered

play04:59

what they call a smart

play05:00

object which means that you can actually

play05:03

edit that picture as if it was

play05:06

still open on its own i can double click

play05:09

it

play05:10

and it's going to go in there and it

play05:12

takes me to that frog picture

play05:15

where i can like work on it and close it

play05:17

and then it would update it

play05:19

now that's not going to mean anything to

play05:20

you at this point in the class but i

play05:22

need you to understand that when you see

play05:23

that icon

play05:24

it means that you have it in there a

play05:26

special way

play05:27

and if you place it you're not allowed

play05:30

to do things like

play05:31

erase it see how i get a big no sign it

play05:34

says no erasing

play05:36

because you can't erase objects

play05:39

okay to erase it we would have to

play05:42

convert it

play05:43

to a different form and that's called

play05:46

rasterizing

play05:47

some people call it flattening but

play05:50

rasterizing is the proper term now if i

play05:52

click to try to erase right now

play05:54

it actually is going to tell you hey

play05:56

this smart object

play05:58

must be rasterized now caution caution

play06:01

if i'm like

play06:03

little lights going just because

play06:05

something pops up on your screen

play06:07

does not mean you click ok in this case

play06:11

it does

play06:11

because i want to erase but if you

play06:14

accidentally were on the wrong layer

play06:16

and you got ready to erase and you were

play06:19

on a layer that has

play06:20

like text on it you can't erase text

play06:24

so if you rasterize your text you turn

play06:26

your text

play06:28

into pixels instead of text which means

play06:32

you can't change the font you can't

play06:35

change the size without it getting

play06:36

blurry

play06:38

so just because things pop up does not

play06:40

mean you say okay

play06:42

okay in this case i would want it to do

play06:45

that and once i rasterize it see it's

play06:47

not a smart

play06:48

object anymore now it's as if i pasted

play06:50

it in

play06:51

okay so that's that another thing that

play06:55

you have to worry about

play06:56

only really in photoshop and only if

play06:58

you're going to drag things across

play07:01

is the color mode we talked in a

play07:03

previous lesson

play07:04

about color modes it's under the image

play07:08

menu again this is a photoshop only and

play07:11

this is where you can change the color

play07:12

mode of your images

play07:14

okay indexed color that's what your

play07:17

gif images are going to come in as and

play07:20

gif images don't play nicely

play07:22

so if i go out here and try to grab one

play07:25

of these images let's see

play07:27

i think i have a gif well no i don't

play07:29

have one if i had a gif image in there

play07:31

and i tried to drag it over

play07:33

it wouldn't let me i'd get one of those

play07:35

no signs

play07:36

so the thing to do about that is look up

play07:39

here

play07:40

see in the little tab it says rgb rgb

play07:44

if they don't match you just go to image

play07:46

and mode and you pick rgb

play07:49

you say hey you got to match everybody

play07:50

else so join the rgb club

play07:53

okay and then you can drag it across now

play07:56

if you're copying and pasting or if

play07:58

you're

play07:58

file placing you can put them in there

play08:01

though

play08:01

so just bear in mind that that may be

play08:04

necessary depending on what you're doing

play08:07

okay um the history panel each action

play08:10

that you do appears in the history panel

play08:12

if you can't find a panel

play08:14

and this is in both programs you go to

play08:16

the window menu

play08:17

so i'm going to go to window in history

play08:20

and here's my history panel

play08:22

so it says i opened it i saved it i drug

play08:24

it in there i moved something around i

play08:26

pasted something i moved something

play08:27

around i placed something and then i

play08:29

rasterized the layer

play08:30

so if i wanted to back way up to the

play08:32

beginning when i drug that first one in

play08:34

i can click back in my history instead

play08:36

of hitting undo

play08:38

a bunch of times you can also go to edit

play08:40

and undo the state change

play08:42

control z in photoshop is only going to

play08:44

undo

play08:45

one time so if you want to undo a bunch

play08:48

of times you're best to use your history

play08:50

now in photo p you can press ctrl z

play08:52

multiple times

play08:54

in photoshop you would actually do

play08:56

control

play08:58

alt z if you want to back up multiple

play09:01

times

play09:02

so control alt z is actually how we back

play09:06

up

play09:06

in photoshop and plain control z

play09:10

in photo p so make sure you know the

play09:12

difference between those two

play09:14

um the navigator is another good one i

play09:17

like to keep it up most of the time as

play09:19

well

play09:20

window and navigator and this allows me

play09:23

to zoom up on the image

play09:24

and back on the image without having to

play09:27

go over and grabbing the magnifying

play09:29

glass all the time

play09:30

okay so we can zoom up now you can also

play09:32

zoom up by using your keyboard so you

play09:34

could say control plus

play09:36

plus plus plus plus plus control minus

play09:39

minus minus

play09:40

you can press those or you can press

play09:42

ctrl zero

play09:44

and these work in both programs control

play09:46

zero fits it on the screen

play09:49

so if you got zoomed up real close and

play09:50

it was like hanging off the screen and

play09:52

you wanted it all to come back so you

play09:53

can see it

play09:54

control 0 is going to fit it to the

play09:56

screen

play09:58

okay i'm looking at my notes page to

play10:00

make sure i've covered all of the basic

play10:02

things when you're zoomed in really

play10:05

closely

play10:07

you can point to your navigator see how

play10:09

you get a little hand

play10:10

you can point to your navigator and use

play10:12

that or you can come over and grab the

play10:14

hand tool which does the same thing

play10:16

but what i normally do is i press the

play10:19

space bar

play10:21

so watch when i'm pressing the space bar

play10:22

and i'm holding it down right now like

play10:24

it's still pressed

play10:25

i can pick up and scoop this from inside

play10:28

here

play10:29

instead of having to go to this little

play10:30

guy okay now that won't matter a lot

play10:33

here in the beginnings of working with

play10:34

photoshop but it will later on and

play10:36

it just while you press the spacebar you

play10:38

get the hand and when you stop pressing

play10:39

the spacebar it goes back to whatever

play10:41

tool you have which right now i have an

play10:42

eraser

play10:44

okay um some additional items we'll get

play10:47

into in the next session when we're

play10:48

talking about how to change the size of

play10:50

things

play10:51

and all that but i do want to show just

play10:53

a couple of other items

play10:56

so if we were changing the whole image

play10:59

then there are a few things that we can

play11:00

do

play11:02

one of those things is we can

play11:05

crop the whole image that's the crop

play11:08

tool

play11:08

and i'm sure you've seen the crop tool

play11:10

and lots of other things you just

play11:11

draw your box around what you want to

play11:13

keep and it hits check mark

play11:15

and it gets rid of everything else basic

play11:18

cropping

play11:19

you've done that on lots of things on

play11:21

your phone and so forth

play11:23

now on here on photoshop notice that

play11:26

whenever we have an image and we open it

play11:28

it's on a background layer

play11:30

in photo p when we open an image it's

play11:31

also on a background layer but it's not

play11:33

locked well photoshop locks it so i'm

play11:36

going to click on that and

play11:37

unlock it if it's locked and we erase

play11:42

we don't actually erase we end up with

play11:45

some sort of background color

play11:47

so i'm going to grab my eraser now and

play11:50

now if i write see how i get

play11:52

checkerboard

play11:53

i wouldn't get that if my background is

play11:55

locked so

play11:57

if you're going to be erasing a

play11:58

background you're definitely going to

play11:59

want to unlock that background layer you

play12:01

can tell because it actually even

play12:03

renames the layer in photoshop

play12:05

so i'm going to press ctrl plus plus

play12:07

we're going to zoom up here and you can

play12:08

see my little

play12:10

frog now i have a kind of a soft brush

play12:14

going on we haven't talked about

play12:15

soft and hard brushes yet but eventually

play12:18

we will

play12:19

so to make your brushes bigger or

play12:21

smaller and

play12:22

erasers are called brushes in photoshop

play12:25

they're just brushes that erase instead

play12:26

of

play12:27

paint um to make your brush bigger or

play12:29

smaller to the right of the letter p

play12:31

are brackets so if i push the left

play12:33

bracket see my circle gets a little

play12:35

if i push the right bracket my circle

play12:37

gets big it's a lot

play12:39

faster to use those keys than it is to

play12:43

come up here at the top of your screen

play12:46

and

play12:46

change the sizes like there's a size

play12:48

button but there's no reason to use it

play12:51

there is literally a cat on my back

play12:52

right

play12:55

anyway um so that's one of the things

play12:57

that you need to know about an eraser

play12:59

the other thing is that our two programs

play13:03

have different erasers so in photoshop

play13:06

we have three erasers

play13:08

and the first two we have on both um

play13:10

photoshop has the best eraser which is

play13:12

called the magic eraser

play13:14

so let me show you how the magic eraser

play13:15

works the magic eraser works by

play13:17

basically

play13:18

if you click it erases everything in

play13:21

that color

play13:22

that's connected so like this parts not

play13:24

connected

play13:26

but that's it it's like bam it's an

play13:28

amazing eraser we don't have that in

play13:29

photo p

play13:30

so whenever i do the demo i'm actually

play13:32

going to use photo piece so we'll put

play13:33

together a document together

play13:35

and i'll use photo p and show you how to

play13:37

use the other erasers

play13:38

the magic eraser pretty cool only

play13:40

photoshop regular eraser works as you

play13:43

would expect it would click and drag

play13:44

around and things erase

play13:46

but again if you're going to erase you

play13:48

need to make sure that that background

play13:50

layer

play13:50

is indeed unlocked okay what if we

play13:52

wanted to flip this the other direction

play13:54

that's what we call mirroring to mirror

play13:58

the whole

play13:58

image you would go to image

play14:02

image rotation and flip canvas

play14:05

horizontal

play14:07

and then it flips it the other way now

play14:09

in photo p

play14:10

it's pretty close to the same um there's

play14:13

just one little difference in where to

play14:15

go on the menu but

play14:16

you'd be able to find it so it's in that

play14:17

same kind of area

play14:19

there are also some additional things

play14:21

that you can do

play14:22

up here under the image menu one of

play14:24

those is adjustments

play14:26

there's lots of adjustments in here i'm

play14:28

only going to look at one of them

play14:30

today which is the black and white

play14:32

adjustment the black and white

play14:34

adjustment will let you make it black

play14:35

and white

play14:36

or it will let you tint it

play14:40

so that means i make it shades of

play14:41

another color so i come in here and i

play14:43

want to make it shades of blue

play14:45

or red or purple or whatever i can do

play14:47

that and then i can increase how much of

play14:49

that color we're getting

play14:51

so that's called tenting so basically

play14:53

you turn it black and white and get rid

play14:54

of the color

play14:55

and then you tint it a color now this

play14:57

has done the same in photo p

play14:58

almost so let's take a look at it i'll

play15:00

just do it with this image here

play15:02

so i'm going to go to image and

play15:03

adjustments and i'm going to go to black

play15:06

and white

play15:08

so there we go we got the same situation

play15:10

if i click

play15:11

colorize though so it's colorized

play15:14

instead of tint

play15:15

then i can come in here and pick a

play15:16

different color so say blue

play15:20

and okay and there we go so it works a

play15:23

little bit different than the other one

play15:25

but

play15:27

it works so we can move these sliders

play15:28

around to change

play15:30

various parts of it so that's that one

play15:34

to flip this one the other direction you

play15:36

go to image

play15:37

and then transform and then it's that

play15:39

same thing flip

play15:40

horizontally so as long as you kind of

play15:42

know what menu to get to you can find it

play15:44

regardless of which program that you're

play15:45

in

play15:46

it's not too hard to figure that part

play15:48

out

play15:50

okay resizing images so your image sits

play15:55

on

play15:56

what's called a canvas the canvas is

play15:59

this invisible thing

play16:00

so like if i pick up this frog and i

play16:02

scoot him around now

play16:03

that transparent area behind my frog is

play16:06

the canvas that it sits on

play16:08

so that's what that's called you can

play16:11

make your canvas bigger or smaller

play16:13

so if i go to image the image menu again

play16:16

and canvas size

play16:18

then i can make my canvas bigger so like

play16:20

right now my canvas is five

play16:22

and five inches and something wide if i

play16:25

make it seven

play16:26

inches wide and hit okay then my canvas

play16:29

gets bigger on the edges

play16:31

same thing with photo p we can also

play16:33

enlarge the canvas

play16:34

it doesn't work as nicely in photo p

play16:36

unfortunately

play16:38

um but if i go to image and canvas size

play16:42

say i add this one's in pixels at the

play16:44

moment but let's say i make it 800

play16:45

pixels wide

play16:47

then it expands it out now you can see

play16:49

in this one

play16:50

i hadn't deleted my image or my

play16:52

background yet and so we have

play16:53

transparent pixels out there but you get

play16:56

the gist of it it's basically the same

play16:58

concept

play16:59

so enlarging canvas is the same

play17:03

image canvas size and resizing images is

play17:06

the same

play17:07

it's under image image size and then

play17:09

same d you just put in your

play17:11

measurements for that same thing in

play17:13

photoshop

play17:14

image image size and then you can resize

play17:17

the

play17:18

image if you need it to be smaller you

play17:21

should really never resize to be bigger

play17:23

that's not considered a good practice

play17:26

okay um i think that pretty much covers

play17:28

the basics of it

play17:31

in the demo of what we're going to do

play17:32

together i'm going to use photop

play17:34

instead of photoshop so for my students

play17:38

if you are using it on a computer that's

play17:40

totally cool if you want to use your

play17:42

chromebook

play17:42

that's also cool and just know that if

play17:45

you're using your computer

play17:47

you're either going to have to save your

play17:48

file to your

play17:51

actual computer drive or you can use the

play17:54

google file stream

play17:56

so all my computers in my lab should

play17:58

have google file stream so if you go to

play18:00

file save as

play18:01

find the google drive file stream and if

play18:03

you've never connected your account you

play18:05

may have to do that

play18:06

there should be a shortcut somewhere

play18:08

just search for it

play18:09

and then you can actually access your

play18:11

google drive so these files here are

play18:13

actually

play18:14

on my google drive and then i've saved

play18:16

this demo file there

play18:17

and then it will sync up to my google

play18:20

drive so that it's on my google drive

play18:21

and then if it's on your google drive

play18:23

technically you could even open your

play18:24

photoshop file later

play18:26

in photo p and continue to edit it

play18:29

so even in photo p it does not

play18:32

automatically save

play18:33

like your google documents do so you are

play18:36

going to have to take that extra time

play18:39

to save your work and you want to save

play18:41

it periodically you don't want to work

play18:43

for an

play18:43

hour and then save so you save as the

play18:46

first time so you can give it a name

play18:48

and then any additional saves you're

play18:50

just going to go to file and save

play18:52

and that's the way that works now in

play18:55

photo

play18:56

p it can be a little bit different

play18:58

because it tends to download it so like

play19:00

if i decided to save this document right

play19:03

now

play19:04

it's going to have me save it as a psd a

play19:06

photoshop file

play19:07

and technically it's going to have me

play19:09

download that file to the computer

play19:11

now again i can put that file on my

play19:13

google file stream if i'm on a computer

play19:16

or on your google drive if you're on

play19:18

your chromebook so either way you can

play19:20

still access that file

play19:22

but you do have to save it it does not

play19:24

save automatically so if you just close

play19:26

out a photo p

play19:27

and come back another day your file will

play19:29

be gone

play19:30

it won't be in there it doesn't hang on

play19:32

to it for you

play19:33

okay all right um

play19:37

i think that's pretty much it all the

play19:38

basic items here uh you'll learn a lot

play19:40

more things as we put together a

play19:42

document but i wanted you to at least

play19:43

have an

play19:44

overview of the panels and the way all

play19:46

of these little things work

play19:47

before we actually get into the project

play19:50

so in the next

play19:51

lesson let's hop into photop you're

play19:54

going to be opening this background

play19:55

image just like this

play19:56

and we're going to start with the

play19:58

background image and then we're going to

play20:00

be

play20:00

working with this frog fly image and

play20:02

adding some additional things

play20:04

in there so get ready

play20:08

and make sure that you have good notes

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
Photoshop TipsPhotopea GuideImage EditingWorkspacesLayer ManagementSmart ObjectsDesign ToolsDigital ArtColor ModesResizing Images