Photoshop CS3 Extended for BioMedical Research
Illustration by

Resizing the image canvas


From:

Photoshop CS3 Extended for BioMedical Research

with Eric Wexler

Video: Resizing the image canvas

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.
Expand all | Collapse all
  1. 7m 56s
    1. Welcome
      2m 39s
    2. Disclaimer
      1m 44s
    3. Exercise files
      45s
    4. Understanding Photoshop CS3 Extended
      1m 41s
    5. Understanding which versions are covered
      1m 7s
  2. 20m 30s
    1. Understanding imaging in biomedical research
      5m 15s
    2. Understanding research image workflows
      4m 6s
    3. Understanding image fundamentals
      3m 29s
    4. Understanding image detection
      7m 40s
  3. 16m 47s
    1. Understanding digital images
      5m 28s
    2. Understanding image file types
      6m 33s
    3. Understanding objective imaging
      4m 46s
  4. 22m 1s
    1. Understanding the default workspace
      4m 0s
    2. Creating a custom workspace
      5m 31s
    3. Working with keyboard commands
      4m 20s
    4. Customizing preferences for research
      3m 50s
    5. Understanding the History Log
      4m 20s
  5. 18m 9s
    1. Learning to always work from a copy
      2m 23s
    2. Opening files in Photoshop
      4m 13s
    3. Introduction to Adobe Bridge 2.0
      2m 25s
    4. Using the Adobe Camera Raw Converter
      3m 34s
    5. Using the DICOM Importation interface
      4m 18s
    6. Working with scanned image sets
      1m 16s
  6. 13m 46s
    1. Organizing images
      5m 0s
    2. Applying rank, keywords, and filters
      6m 9s
    3. Working with image stacks
      2m 37s
  7. 27m 54s
    1. Understanding color modes
      4m 27s
    2. Understanding the Info panel
      7m 49s
    3. Reading the Histogram panel
      5m 48s
    4. Understanding color composition with channels
      6m 9s
    5. Comparing multiple images
      3m 41s
  8. 25m 19s
    1. Resizing images
      5m 0s
    2. Resizing the image canvas
      8m 11s
    3. Joining images with compositing
      7m 8s
    4. Using Auto Align and Auto Blend
      2m 5s
    5. Applying a threshold to an image
      2m 55s
  9. 23m 45s
    1. Considering adjustments
      2m 19s
    2. Understanding exposure controls
      1m 7s
    3. Optimizing exposure with Levels
      5m 1s
    4. Optimizing exposure using Curves
      7m 24s
    5. Removing color casts
      3m 3s
    6. Reducing chromatic aberrations
      4m 51s
  10. 25m 41s
    1. Understanding layers
      4m 21s
    2. Working with adjustment layers
      1m 35s
    3. Using layers to compare histological localization
      4m 41s
    4. Optimizing a fluorescent image
      4m 27s
    5. Creating a false-color image
      4m 25s
    6. Working with Smart Objects
      4m 13s
    7. Using selective desaturation
      1m 59s
  11. 1h 0m
    1. Understanding the Analysis menu
      3m 4s
    2. Creating a calibration
      3m 56s
    3. Selecting data points
      3m 0s
    4. Using the Marquee Selection tool to isolate an area of interest
      4m 18s
    5. Tracing a selection using the Lasso tool
      3m 31s
    6. Using the Polygonal Lasso tool
      6m 47s
    7. Using the Magnetic Lasso to create an area of interest
      4m 1s
    8. Working with the Quick Select tool
      4m 11s
    9. Using the Magic Wand
      4m 11s
    10. Creating a noncontiguous selection using the Magic Wand
      1m 54s
    11. Creating a selection using Color Range
      4m 32s
    12. Using the Selection tools for visual dissection
      2m 29s
    13. Using the Count tool
      5m 59s
    14. Using the ruler tool with calibration
      4m 28s
    15. Extracting data from the Measurement Log
      3m 41s
  12. 26m 31s
    1. Adding Scale bars manually
      4m 18s
    2. Adding Scale bars automatically
      5m 20s
    3. Adding text to images
      4m 50s
    4. Adding arrows to images
      6m 29s
    5. Adding vector shapes to images
      2m 57s
    6. Adding borders to images
      2m 37s
  13. 32m 29s
    1. Creating contact sheets
      4m 8s
    2. Combining images for presentation
      9m 35s
    3. Using the Bridge Slide Show feature
      2m 58s
    4. Creating a representative grayscale image
      6m 29s
    5. Using the Print interface
      2m 47s
    6. Integrating images into Microsoft Office files
      6m 32s
  14. 15m 23s
    1. Optimizing a DICOM image
      3m 49s
    2. Creating a DICOM animation
      7m 2s
    3. Annotating and optimizing animation
      4m 32s
  15. 1m 0s
    1. Goodbye
      1m 0s

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now
please wait ...
Watch the Online Video Course Photoshop CS3 Extended for BioMedical Research
5h 37m Intermediate Jan 25, 2008

Viewers: in countries Watching now:

Veteran pharmaceutical research scientist and member of Adobe's Biomedical Image Advisory Group, Eric J. Wexler shares his experience creating detailed biomedical imaging in Photoshop CS3 Extended for Biomedical Research. Eric shows how to use Photoshop CS3's selection, analysis, and editing tools to evaluate an image's color composition, modify images for research, optimize exposure with levels and curves, transform images with layers, and compensate for acquisition problems and limitations. Eric also explains how to add reference information to images, annotate and optimize DICOM animations, and share finished images with colleagues. Exercise files accompany the tutorials.

NOTE: Actual biological research images are used for this title's examples. Some of these images, including those of internal organs and dissected animals, may be considered graphic or offensive to some viewers. Viewer discretion is strongly advised.

Topics include:
  • Understanding imaging in biomedical research
  • Getting started in Photoshop
  • Organizing digital assets
  • Working with image stacks
  • Evaluating image color and histograms
  • Modifying images for research
  • Compensating for acquisition problems and limitations
  • Adding reference information to images
  • Sharing work
  • Optimizing and creating a DICOM image or animation
Subject:
Photography
Software:
Photoshop
Author:
Eric Wexler

Resizing the image canvas

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.

There are currently no FAQs about Photoshop CS3 Extended for BioMedical Research.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS3 Extended for BioMedical Research.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.