Difference between revisions of "Visualizing Images: Displaying images using the default view: Viewing two images together"
(→Viewing two images together) |
(→Comparing images using alphablending) |
||
Line 20: | Line 20: | ||
==== Comparing images using alphablending ==== | ==== Comparing images using alphablending ==== | ||
− | <div style="font-style: normal; font-weight: normal; margin-bottom: 6pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> <span style="font-weight: normal; text-decoration: none; text-transform: none; vertical-align: baseline">''<font color="#000000">Alphablending</font>''</span> is a technique that adds transparency information to translucent objects. It is used to blend what is currently rendered on the display (i.e., Image A) with the contents of the frame buffer (i.e., Image B). Each colored voxel is assigned an alpha value, which represents transparency. The alpha value is used to blend the intensities, voxel by voxel. When two images share a window, you can adjust the alphablending settings so that you can see a blend of both images and can compare overlapping regions in two datasets. See | + | <div style="font-style: normal; font-weight: normal; margin-bottom: 6pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> <span style="font-weight: normal; text-decoration: none; text-transform: none; vertical-align: baseline">''<font color="#000000">Alphablending</font>''</span> is a technique that adds transparency information to translucent objects. It is used to blend what is currently rendered on the display (i.e., Image A) with the contents of the frame buffer (i.e., Image B). Each colored voxel is assigned an alpha value, which represents transparency. The alpha value is used to blend the intensities, voxel by voxel. When two images share a window, you can adjust the alphablending settings so that you can see a blend of both images and can compare overlapping regions in two datasets. See Figure 10.<br /></font></div><div style="font-style: normal; margin-bottom: 6pt; margin-left: 0pt; margin-right: 0pt; margin-top: 14pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline">'''<font color="#000000"> <span style="font-style: normal; text-decoration: none; text-transform: none; vertical-align: baseline">'''<font color="#000000">To use the alphablending tool and Window Region tool</font>'''</span><br /></font>'''</div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 1 Open two images.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 2 Load the second image into the image window of the first image. The Active Image and Alphablending slider appears at the bottom of the MIPAV window (Figure 11).<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> The level of translucency for one image is inversely proportional to the other. Thus, if Image A is 75 percent transparent and 25 percent opaque; Image B is 75 percent opaque and 25 percent transparent ("Alphablending: An Example").<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 5pt; margin-left: 0pt; margin-right: 0pt; margin-top: 5pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> <br clear="all" /> |
− | {| | + | {| |
| | | | ||
[[Image:MIPAV_VisualizationTools263.gif]] | [[Image:MIPAV_VisualizationTools263.gif]] | ||
Line 41: | Line 41: | ||
|- | |- | ||
| rowspan="1" colspan="2" | | | rowspan="1" colspan="2" | | ||
− | |||
− | |||
[[Image:exampleAlphablendingAll.jpg]] | [[Image:exampleAlphablendingAll.jpg]] | ||
− | |||
|} | |} | ||
− | <br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> Depending on the direction in which you are moving the slider (that is, toward Image A or toward Image B), one image becomes more visible. To examine each image in more detail, you can use the magnifying glasses.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> As you move the slider, the images in the image window are updated instantly. If not, release the mouse button to update the image.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> Move the slider all the way to the right or to the left depending on which image you want to see. For example, to see Image B, move the slider to the far right. To see Image A, move the slider ( | + | <br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> Depending on the direction in which you are moving the slider (that is, toward Image A or toward Image B), one image becomes more visible. To examine each image in more detail, you can use the magnifying glasses.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> As you move the slider, the images in the image window are updated instantly. If not, release the mouse button to update the image.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> Move the slider all the way to the right or to the left depending on which image you want to see. For example, to see Image B, move the slider to the far right. To see Image A, move the slider (Figure 10) to the far left. The closer the slider is to the middle, the more blended are the images.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> |
{| border="1" cellpadding="5" | {| border="1" cellpadding="5" | ||
− | |+ <div style="font-style: normal; margin-bottom: 3pt; margin-left: 0pt; margin-right: 0pt; margin-top: 9pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline">'''<font color="#000000"> Figure | + | |+ <div style="font-style: normal; margin-bottom: 3pt; margin-left: 0pt; margin-right: 0pt; margin-top: 9pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline">'''<font color="#000000"> Figure 11. MIPAV window <br /></font>'''</div> |
|- | |- | ||
− | |||
− | |||
| | | | ||
[[Image:ZeroBasedAdjustImageAlphablendingSlider.jpg]] | [[Image:ZeroBasedAdjustImageAlphablendingSlider.jpg]] | ||
− | |||
|} | |} | ||
− | <br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> <br /></font></div><div style="font-style: normal; margin-bottom: 6pt; margin-left: 0pt; margin-right: 0pt; margin-top: 14pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline">'''<font color="#000000"> <span style="font-style: normal; text-decoration: none; text-transform: none; vertical-align: baseline">'''<font color="#000000">To make images active or inactive</font>'''</span><br /></font>'''</div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 1 Open two images.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 2 Load the second image into the first image window. The MIPAV window expands to include the Active Image and Alphablending slider ( | + | <br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline"><font color="#000000"> <br /></font></div><div style="font-style: normal; margin-bottom: 6pt; margin-left: 0pt; margin-right: 0pt; margin-top: 14pt; text-align: left; text-decoration: none; text-indent: 0pt; text-transform: none; vertical-align: baseline">'''<font color="#000000"> <span style="font-style: normal; text-decoration: none; text-transform: none; vertical-align: baseline">'''<font color="#000000">To make images active or inactive</font>'''</span><br /></font>'''</div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 1 Open two images.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 2 Load the second image into the first image window. The MIPAV window expands to include the Active Image and Alphablending slider (Figure 11).<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 3 Notice that Image A is currently the active image.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 4 Select Image B in the Active Image and Alphablending slider to make Image B the active image.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 5 Move the slider to the far right. As you are moving the slider, more of Image B appears in the image window. When the slider reaches the far right, all of Image B appears in the image window.<br /></font></div><div style="font-style: normal; font-weight: normal; margin-bottom: 0pt; margin-left: 18pt; margin-right: 0pt; margin-top: 6pt; text-align: left; text-decoration: none; text-indent: -18pt; text-transform: none; vertical-align: baseline"><font color="#000000"> 6 Click [[Image:buttonDefaultMode.jpg]] , the Default Mode icon.<br /></font></div> |
If you want to take an action on one of the images-for example, adjusting the contrast or running an algorithm-make sure that it is the active image. If the inactive image is Image B, you also have the option of using the Image B region tool to view portions of the Image B. If the active image is currently Image A and you want to view Image B, simply select the Image B radio button. To make Image A the active image, select the Image A radio button. | If you want to take an action on one of the images-for example, adjusting the contrast or running an algorithm-make sure that it is the active image. If the inactive image is Image B, you also have the option of using the Image B region tool to view portions of the Image B. If the active image is currently Image A and you want to view Image B, simply select the Image B radio button. To make Image A the active image, select the Image A radio button. |
Revision as of 15:41, 13 February 2012
Viewing two images together
By default, Image A is active and Image B is inactive. Thus, even if two image files are loaded into the same image window, only Image A-which is the designation MIPAV assigns to the first image that was opened in the window-is displayed.
You can view the inactive image using one of the following methods:
Comparing images using alphablending
Note: In the MIPAV window, notice that an additional magnifying glass is now available: , the Window Region of Image B icon, which you use to view the portion of Image B that is directly under that portion of Image A.
If you want to take an action on one of the images-for example, adjusting the contrast or running an algorithm-make sure that it is the active image. If the inactive image is Image B, you also have the option of using the Image B region tool to view portions of the Image B. If the active image is currently Image A and you want to view Image B, simply select the Image B radio button. To make Image A the active image, select the Image A radio button.
Viewing portions of images using the checkerboard
Use checkerboarding
|
Specifies to use checkerboarding.
|
{| align="center" |
|- |
|
|- |
|
|- |
|
|- |
|
|- |
| rowspan="1" colspan="2" |
|- |
| rowspan="1" colspan="2" |
|}
|}