Introduction and the difference between Image Size and Canvas Size

7 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€66.52
List Price:  €95.03
You save:  €28.51
£55.40
List Price:  £79.15
You save:  £23.74
CA$97.77
List Price:  CA$139.67
You save:  CA$41.90
A$107.48
List Price:  A$153.55
You save:  A$46.07
S$94.07
List Price:  S$134.39
You save:  S$40.32
HK$544.73
List Price:  HK$778.22
You save:  HK$233.49
CHF 61.85
List Price:  CHF 88.36
You save:  CHF 26.51
NOK kr773.61
List Price:  NOK kr1,105.21
You save:  NOK kr331.59
DKK kr496.19
List Price:  DKK kr708.87
You save:  DKK kr212.68
NZ$119.31
List Price:  NZ$170.45
You save:  NZ$51.14
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.19
৳8,370.95
List Price:  ৳11,959.01
You save:  ৳3,588.06
₹5,916.42
List Price:  ₹8,452.40
You save:  ₹2,535.97
RM312.50
List Price:  RM446.45
You save:  RM133.95
₦117,624.49
List Price:  ₦168,042.19
You save:  ₦50,417.70
₨19,473.08
List Price:  ₨27,819.88
You save:  ₨8,346.79
฿2,426.48
List Price:  ฿3,466.55
You save:  ฿1,040.07
₺2,418.28
List Price:  ₺3,454.83
You save:  ₺1,036.55
B$406.67
List Price:  B$580.99
You save:  B$174.31
R1,268.60
List Price:  R1,812.36
You save:  R543.76
Лв130.09
List Price:  Лв185.85
You save:  Лв55.76
₩98,070.61
List Price:  ₩140,106.88
You save:  ₩42,036.26
₪261.37
List Price:  ₪373.41
You save:  ₪112.03
₱4,133.88
List Price:  ₱5,905.80
You save:  ₱1,771.92
¥10,806.63
List Price:  ¥15,438.71
You save:  ¥4,632.07
MX$1,423.91
List Price:  MX$2,034.25
You save:  MX$610.33
QR255.44
List Price:  QR364.93
You save:  QR109.49
P956.94
List Price:  P1,367.12
You save:  P410.17
KSh9,046.20
List Price:  KSh12,923.70
You save:  KSh3,877.50
E£3,475.04
List Price:  E£4,964.56
You save:  E£1,489.51
ብር8,733.50
List Price:  ብር12,476.97
You save:  ብር3,743.46
Kz63,853.79
List Price:  Kz91,223.61
You save:  Kz27,369.81
CLP$68,157.66
List Price:  CLP$97,372.26
You save:  CLP$29,214.60
CN¥506.84
List Price:  CN¥724.09
You save:  CN¥217.25
RD$4,224.90
List Price:  RD$6,035.83
You save:  RD$1,810.93
DA9,349.94
List Price:  DA13,357.64
You save:  DA4,007.69
FJ$158.89
List Price:  FJ$226.99
You save:  FJ$68.10
Q540.76
List Price:  Q772.55
You save:  Q231.78
GY$14,655.30
List Price:  GY$20,937.04
You save:  GY$6,281.74
ISK kr9,679.61
List Price:  ISK kr13,828.61
You save:  ISK kr4,149
DH699.78
List Price:  DH999.72
You save:  DH299.94
L1,274.52
List Price:  L1,820.82
You save:  L546.30
ден4,093.48
List Price:  ден5,848.08
You save:  ден1,754.59
MOP$561.60
List Price:  MOP$802.33
You save:  MOP$240.72
N$1,270.52
List Price:  N$1,815.10
You save:  N$544.58
C$2,577.69
List Price:  C$3,682.57
You save:  C$1,104.88
रु9,455.06
List Price:  रु13,507.81
You save:  रु4,052.75
S/265.82
List Price:  S/379.77
You save:  S/113.94
K281.99
List Price:  K402.86
You save:  K120.87
SAR262.75
List Price:  SAR375.38
You save:  SAR112.62
ZK1,938.58
List Price:  ZK2,769.51
You save:  ZK830.93
L331.04
List Price:  L472.94
You save:  L141.89
Kč1,685.42
List Price:  Kč2,407.85
You save:  Kč722.43
Ft27,354.11
List Price:  Ft39,078.98
You save:  Ft11,724.86
SEK kr771.99
List Price:  SEK kr1,102.90
You save:  SEK kr330.90
ARS$70,181.20
List Price:  ARS$100,263.16
You save:  ARS$30,081.95
Bs485.08
List Price:  Bs693
You save:  Bs207.92
COP$308,906.07
List Price:  COP$441,313.30
You save:  COP$132,407.23
₡35,572.52
List Price:  ₡50,820.06
You save:  ₡15,247.54
L1,770.13
List Price:  L2,528.86
You save:  L758.73
₲548,589.81
List Price:  ₲783,733.33
You save:  ₲235,143.51
$U2,994.50
List Price:  $U4,278.05
You save:  $U1,283.54
zł289.22
List Price:  zł413.19
You save:  zł123.97
Already have an account? Log In

Transcript

Hello, this is Rob here from Rob coven.com. And I'm going to show you how to extend the edges of a photo in Photoshop. So we have a photo here, this is a high resolution photo, and we're going to pretend we're making a Christmas card. And our Christmas card is in this landscape format. And I'm not going to talk about typography in this video. But here is our type.

I'm going to paste it in now Command or Control V. And I'm gonna choose smart objects and press OK. And immediately we see the type it's come in as a vector Smart Object. It also has a box which we can use to resize. We can also hit return and that loses The box, but we can do Command or Control T for free transform, or we can go edit Free Transform there, but in a later video I will get onto water vector smart object is and why we should use one in this particular case. However, for the moment, I'm going to go Command or Control T. And I want to get this Merry Christmas to be as large as possible on this Christmas card. But as you can see, that's not very nice because it's black. Obviously, we change the color of the type here, but it's going over this apple there and if we pull it down there, it's going over the apple at the bottom.

So I'm going to get rid of that layer or I'm actually going to make it invisible in the Layers palette. So I'll click on the eye and get rid of it and then I will click on the background, so we're using the background. Now notice there's a lock against the background there. We'll be coming back to that later. So in order to fit this Merry Christmas in, we're going to have to extend the top and the bottom of the image. So how do we do that?

Now the way we do that is to go to canvas size, but I'm just gonna explain image size that's as you can see Command Option I or Ctrl. Alt I, and there is your image size, and this tells us the size of the actual image in pixels, centimeters or inches. So you can see it it's nearly 18 inches wide by 12 inches tall, and it's a resolution of 300. That is a huge great image and that would be easily enough to print out the card at letter size, let alone half letter size, which would be the usual size of a Christmas card. So we're definitely okay for using this as a Christmas card. But you can change the sizes here.

We could make it smaller and make it 10 inches wide that would make the height proportionally smaller as well as we have this constrain proportions box ticked, I'll command Zed. Now, undo that we're back to the original size. If you uncheck the constrain proportions box, you can then change a width or a height and the other one won't change proportionally. And you'll get a funny skewed anamorphic image there. So I'll command Zed. That's what we need to do in order to extend the top, the bottom, the left and the right, whatever.

We have to use Canvas Size, not image size, and canvas size is command or control, option C. And here you can have the size and pixels, centimeters or inches or whatever you want. It doesn't really matter. The point is, as you can see here, you can extend either the width or the height and the other one won't change. says this extend the width to 7000, make it a little bit wider. And you'll notice the height didn't change in proportion. And that's what we want.

It also says something here Canvas extension color whites. So we'll click OK on that. Immediately, you'll see that the image has got bigger, the Photoshop document has got bigger, but the image stays the same. So we now have space to create more background to the image on the left and the right. I'll just commands that that undo that. And we can go back to canvas size, and say we want to increase the height to 5000 pixels.

And you notice I've moved this box around to the bottom and click OK. And then you can see that it adds the extra space to the top. That's because I put that box down to the bottom, but it's a bit unwieldy that it's giving us this white and the image is still a bit difficult to work on because we can't drag this around because the layer is locked. So what are we going to do about that? Well, it goes back in the Layers palette to the lock icon on the background. And that is default for all images once they're opened in Photoshop, and it locks the background. And for our purposes today, we'll be better off unlocking that.

So we're going to double click and press OK. And that has unlocked the background we're now free to move it around there is this gray and white grid at the bottom that is false shops default background that signals transparency. Therefore it is nothing please gray and white checkered background is if it came into another application such as InDesign or Illustrator, it would be invisible. So it's an easier way of working with this when we are adding information to The edges of the image as we are, in this case, I'm going to go back to canvas size. And I'm going to put space all around, I'm going to make the width 6300. And the height, I'm going to make 4200. So I'm adding like 20%, maybe a bit less on the top, the bottom, the left and the right.

So okay, that and as you can see, maybe 10% on the top, the boss on the left and the right, and this is so we can add our logo comfortably to the top of the image. And you'll find in designs that you'll be doing this again and again and again, because images are just never the right size. You always want to add text to an image. And you always want the text to be bigger than the image will allow you so in graphic design, I probably had less hot dinners. Then I've extended image Like this is quite important process and I'm going to show you how to do it in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.