Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this segment, we are going to cover the ability to expand the Canvas of an image. This is the useful way to add additional space on one side or on all the sides of an image. It doesn't actually resize the image; just adds more canvas to allow you to add images or text. As in this example of HEnORO_Normal.psd, which you can find in Chapter 7 Exercise folder.
Now, we are going to go through how I made this by using both the Image Resize interface and the Canvas Size interface. I am going to minimize this by hitting the yellow Minimize button and I am going to open two images. If you are working along with me, open up HE_Normal.tif and oro_Normal.tif in the Chapter 7 Exercise file. These are the two images that we are going to join together by using Image Size as well as Canvas Size. Here we are going to resize this image so it's going to fit better for our purposes.
We'll go to Image, pull down to Image Size and here we are going to change the Document Size. We are going to reduce it to something that fits again on the page or paper, and here since we are going to combining it with another image, 6 cm is what we would like to see the width. The other thing is that we do want to match the Resolution and we can increase it now, so that we can see the image in finer detail. We have Constrain Proportions on and we are using Resample image the Bicubic Sharpener that is best for reduction. I hit OK and now we have a smaller version of the same image. I can open up the window. I can zoom in, so we can still see the clean coronary vessel.
Now, in order for me to add more information, I need to add more space to the canvas and in this case I want to put the oil red-o stain; the ORO on the right-side of this image. So I am going to add the canvas just to that side, the Image > Canvas Size. Now, here we can see the Current Canvas Size, how large it is, the Width and the Height and as we make changes in these input boxes we are able to see the New Size of the image. If we want this image instead of being 6 cm to double to 12, we can keep the height the same and then in this case we have Relative turned off, because we are looking at the entire canvas size not just adding additional space as a percentage.
Additionally, we need to select the anchor point. This is the part of the grid, which the current image will occupy. I click here and now any additional canvas will grow out from this left center grid. Lastly, I can choose the color of the canvas, whether it's a Background color or if I click on that, any other color you could pick using the Color Picker, hit OK. In this case, I just want to use a White background, I hit OK and now you can see that there is additional canvas added to the image. By holding down the Option key, I can zoom out and see the entire image with the additional space since I added it by expanding the canvas.
Now I need to resize the image I want to match with H of the coronary. I select that. I go to Image > Image Size and then I change the Width to the same 6 cm that matches the H of the image and I can again change the Resolution so it matches 315, hit OK and we have this image will match this image. Now, to bring this over there is a very easy way to do that. You'll select the Move tool and then you can simply drag the image and place it to the open Canvas.
There is one trick if you hold down the Shift key it will pop in perfect vertical alignment. I am going to Step Backwards, and I'll show what will happen if I did hold the Shift key down. Using the Move tool I select the image, I drag it and it could be anywhere. So, again a time saving trick is to hold the Shift key down. Again I am going to get rid of that layer and show you the more appropriate way to do it. We can use the Move tool, select the image, hold down the Shift key and drag it. It aligns perfectly along the vertical axis, and then keeping Shift held down, I can position this where I would like it horizontally.
So, now that we have combined the two images, I want to add text to the bottom. I can go back up and add more canvas to the bottom that will allow me to add text without putting in on top of the actual image. So, I go to Image > Canvas Size, in this case I am going to use Relative instead of Anchor. When I hit Relative, I will just be able to add on the additional space. I want to add on in the Height dimension an additional centimeter, so I type 1 and I select the appropriate Anchor point, in this case top-center and any canvas added will grow up from this square. I want the canvas to be white, I can hit OK and now I have room to add text.
I can select the Text tool and I can type in H&E Coronary, then I can position it how would I like and now I can add text for the oil red-o ORO Coronary and to help me align this I can turn on two separate helper lines. If we go to View > Extras and Show you can turn on a Grid as well as you can turn on the Smart Guides.
So, now when I use the Move tool, I can position one text so it aligns perfectly with the other and here you can see the Smart Guides telling me that they are correctly aligned. The last step is to save this as a Photoshop file. You Save As, select the correct file format, which is Photoshop, and we want to rename it so we don't name over our original images and then hit Save.
Now we have a brand new image that combined the two images as well as expanded our canvas to add text. You can do this to create a composite of multiple images and we'll be doing that later in the title as well as see how it is useful to create a composite or a montage, seamlessly putting together separate images of the same subject.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 69443 Viewers
64 Video lessons · 91650 Viewers
86 Video lessons · 60031 Viewers
103 Video lessons · 28680 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.