image editing - Revision history

Woozle: moved tutorials to separate subpages

2015-03-23T13:38:59Z

moved tutorials to separate subpages

@@ Line 1: / Line 1: @@
-==Navigation==
+<hide>
-[[computing]]: [[image editing]]: [[basic image editing|basic]]
+[[page type::directory]]
-==Overview==
+[[thing type::tutorials]]
-This page is for tutorials and explanations of [[basic image editing]] techniques.
+</hide>
-==Tutorials==
+==About==
-===Putting two images on the same page===
+This page is for tutorials and explanations of [[image editing]] techniques.
-This example uses [[PaintShop Pro]], though this procedure can also be done in [[GIMP]].
+==Tutorials - basic==
+* [[/correcting for different scan resolutions]]
-Let's say you have two images, which we'll call A and B, which you want to stack vertically on a page so that A is above and B is below. Note that if the images are not to the proper scale with respect to each other, you will want to make the smaller image larger first; see [[#Correcting for different scan resolutions]].
+* [[/making two images adjacent]]

Woozle: extra step for GIMP

2015-03-23T01:20:16Z

extra step for GIMP

← Older revision		Revision as of 01:20, 23 March 2015
Line 17:		Line 17:
	#* Finally, click [ Ok ] to make the change.		#* Finally, click [ Ok ] to make the change.
	#* '''Note''' that resizing A's canvas may cause the image to scroll off the bottom of the screen a little, which can make you think you don't have enough room when you are pasting in B (next step). It's probably a good idea to zoom out a little so you can see the whole image, including the new blank space.		#* '''Note''' that resizing A's canvas may cause the image to scroll off the bottom of the screen a little, which can make you think you don't have enough room when you are pasting in B (next step). It's probably a good idea to zoom out a little so you can see the whole image, including the new blank space.
			# In some image editors such as [[GIMP]], the new (unoccupied) space may be configured by default so that nothing placed there is visible. I'm not sure why this happens or what the best way is to fix it, but "flattening" the image (to remove any transparency layers) seems to work.
	# '''Copy image B into the new space''':		# '''Copy image B into the new space''':
	#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select '''Edit -> Copy''' from the menu.		#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select '''Edit -> Copy''' from the menu.

Woozle: Woozle moved page basic image editing to image editing: use root title until more specific title is needed

2015-03-23T01:16:33Z

Woozle moved page basic image editing to image editing: use root title until more specific title is needed

← Older revision	Revision as of 01:16, 23 March 2015
(No difference)

Woozle: /* Putting two images on the same page */ note about zooming out to see whole image

2007-08-12T17:49:47Z

Putting two images on the same page: note about zooming out to see whole image

← Older revision		Revision as of 17:49, 12 August 2007
Line 16:		Line 16:
	#* In the "Placement" section, select the arrow that points directly up (so the new canvas space will be below the original image A).		#* In the "Placement" section, select the arrow that points directly up (so the new canvas space will be below the original image A).
	#* Finally, click [ Ok ] to make the change.		#* Finally, click [ Ok ] to make the change.
			#* '''Note''' that resizing A's canvas may cause the image to scroll off the bottom of the screen a little, which can make you think you don't have enough room when you are pasting in B (next step). It's probably a good idea to zoom out a little so you can see the whole image, including the new blank space.
	# '''Copy image B into the new space''':		# '''Copy image B into the new space''':
	#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select '''Edit -> Copy''' from the menu.		#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select '''Edit -> Copy''' from the menu.

Woozle: /* Putting two images on the same page */ width is also an issue if B is wider (should I put in a blank table?)

2007-08-12T17:41:17Z

Putting two images on the same page: width is also an issue if B is wider (should I put in a blank table?)

← Older revision		Revision as of 17:41, 12 August 2007
Line 9:		Line 9:
	Let's say you have two images, which we'll call A and B, which you want to stack vertically on a page so that A is above and B is below. Note that if the images are not to the proper scale with respect to each other, you will want to make the smaller image larger first; see [[#Correcting for different scan resolutions]].		Let's say you have two images, which we'll call A and B, which you want to stack vertically on a page so that A is above and B is below. Note that if the images are not to the proper scale with respect to each other, you will want to make the smaller image larger first; see [[#Correcting for different scan resolutions]].

	# '''Find B's height in pixels'''. There are several ways to do this; the obvious one is to load the image, make sure its window is in the foreground, and look at the right side of the bottom status bar, where it should give the image's dimensions as '''width x height x colors'''.		# '''Find B's width and height in pixels'''. There are several ways to do this; the obvious one is to load the image, make sure its window is in the foreground, and look at the right side of the bottom status bar, where it should give the image's dimensions as '''width x height x colors'''.
	# Optional: '''Save image A under a new name'''. This will prevent accidentally overwriting the original image if you save your work during the following steps (which is a good idea). The new name should probably be a PSPImage file type, as this will also preserve layering.		# Optional: '''Save image A under a new name'''. This will prevent accidentally overwriting the original image if you save your work during the following steps (which is a good idea). The new name should probably be a PSPImage file type, as this will also preserve layering.
	# '''Resize A's canvas'''. With image A's window in the foreground, select '''Image -> Canvas Size...''' from the menu.		# '''Resize A's canvas'''. With image A's window in the foreground, select '''Image -> Canvas Size...''' from the menu.
	#* The width ~~should~~ remain the same, i.e. for "Width:" under "New Dimensions", type in the width shown under "Original Dimensions"		#* The width needs to be as large as the wider of the two images. If A is larger than B, it can remain the same, i.e. for "Width:" under "New Dimensions", type in the width shown under "Original Dimensions". If A is smaller than B, then use B's width.
	#* The height needs to be expanded by at least as many pixels as the height of B. It's generally a good idea to leave yourself some margin, however; 100 pixels extra will probably do, but you can refine this figure to meet your needs as you gain experience with the particular types of images you are working with. In short, however, Take the number for "Height:" under "Original Dimensions", add in the height of image B, add 100, and enter the result in "Height:" under "New Dimensions".		#* The height needs to be expanded by at least as many pixels as the height of B. It's generally a good idea to leave yourself some margin, however; 100 pixels extra will probably do, but you can refine this figure to meet your needs as you gain experience with the particular types of images you are working with. In short, however, Take the number for "Height:" under "Original Dimensions", add in the height of image B, add 100, and enter the result in "Height:" under "New Dimensions".
	#* In the "Placement" section, select the arrow that points directly up (so the new canvas space will be below the original image A).		#* In the "Placement" section, select the arrow that points directly up (so the new canvas space will be below the original image A).

Woozle: fixed unclosed boldface; used letter terminology for images in the re-scaling instructions

2007-08-12T17:36:47Z

fixed unclosed boldface; used letter terminology for images in the re-scaling instructions

← Older revision		Revision as of 17:36, 12 August 2007
Line 26:		Line 26:

	Assuming the two images have not been re-scaled already, i.e. you are working more or less directly from the original scanned image, there is an easy way to do this.		Assuming the two images have not been re-scaled already, i.e. you are working more or less directly from the original scanned image, there is an easy way to do this.
	# For each image, '''find the scanning resolution''': select '''Image -> Image Information...''' (or type SHIFT-I). Look in the "Image" box, after "pixels per inch" (or possibly "pixels per cm", depending on your settings). Write this number down for both images. We'll call this the "DPI" (dots per inch) for each image.		# For each image, '''find the scanning resolution''': select '''Image -> Image Information...''' (or type SHIFT-I). Look in the "Image" box, after "pixels per inch" (or possibly "pixels per cm", depending on your settings). Write this number down for both images. We'll call this the "DPI" (dots per inch) for each image, and we'll call the image with the smaller DPI "image S", and the other one "image L".
	# '''Re-scale the "smaller" image": For ~~the~~ image ~~with the smaller number~~, do the following:		# '''Re-scale the "smaller" image"''': For image S, do the following:
	#* '''Image -> Resize...'''		#* '''Image -> Resize...'''
	#* Take ~~the~~ "Original Dimensions" width ~~for this image~~, divide by ~~this~~ image's DPI, and multiply by ~~the other~~ image's DPI. Put that number in ~~the~~ "New Dimensions" width.		#* Take image S's "Original Dimensions" width, divide by image S's DPI, and multiply by image L's DPI. Put that number in image S's "New Dimensions" width.
	#* Do the same for height (note: if the aspect ratio is "locked", PaintShop will do the calculation for you automatically).		#* Do the same for image S's height (note: if the aspect ratio is "locked", PaintShop will do the calculation for you automatically).
	#* Press the [ Ok ] button to make the change.		#* Press the [ Ok ] button to make the change.
	# Both images should now be on the same scale.		# Both images should now be on the same scale.

Woozle: /* Putting two images on the same page */ fixed menu specs; correcting for different resolutions

2007-08-12T17:25:54Z

Putting two images on the same page: fixed menu specs; correcting for different resolutions

← Older revision		Revision as of 17:25, 12 August 2007
Line 7:		Line 7:
	This example uses [[PaintShop Pro]], though this procedure can also be done in [[GIMP]].		This example uses [[PaintShop Pro]], though this procedure can also be done in [[GIMP]].

	Let's say you have two images, which we'll call A and B, which you want to stack vertically on a page so that A is above and B is below.		Let's say you have two images, which we'll call A and B, which you want to stack vertically on a page so that A is above and B is below. Note that if the images are not to the proper scale with respect to each other, you will want to make the smaller image larger first; see [[#Correcting for different scan resolutions]].

	# '''Find B's height in pixels'''. There are several ways to do this; the obvious one is to load the image, make sure its window is in the foreground, and look at the right side of the bottom status bar, where it should give the image's dimensions as '''width x height x colors'''.		# '''Find B's height in pixels'''. There are several ways to do this; the obvious one is to load the image, make sure its window is in the foreground, and look at the right side of the bottom status bar, where it should give the image's dimensions as '''width x height x colors'''.
	# Optional: '''Save image A under a new name'''. This will prevent accidentally overwriting the original image if you save your work during the following steps (which is a good idea). The new name should probably be a PSPImage file type, as this will also preserve layering.		# Optional: '''Save image A under a new name'''. This will prevent accidentally overwriting the original image if you save your work during the following steps (which is a good idea). The new name should probably be a PSPImage file type, as this will also preserve layering.
	# '''Resize A's canvas'''. With image A's window in the foreground, select Image -> Canvas Size... from the menu.		# '''Resize A's canvas'''. With image A's window in the foreground, select '''Image -> Canvas Size...''' from the menu.
	#* The width should remain the same, i.e. for "Width:" under "New Dimensions", type in the width shown under "Original Dimensions"		#* The width should remain the same, i.e. for "Width:" under "New Dimensions", type in the width shown under "Original Dimensions"
	#* The height needs to be expanded by at least as many pixels as the height of B. It's generally a good idea to leave yourself some margin, however; 100 pixels extra will probably do, but you can refine this figure to meet your needs as you gain experience with the particular types of images you are working with. In short, however, Take the number for "Height:" under "Original Dimensions", add in the height of image B, add 100, and enter the result in "Height:" under "New Dimensions".		#* The height needs to be expanded by at least as many pixels as the height of B. It's generally a good idea to leave yourself some margin, however; 100 pixels extra will probably do, but you can refine this figure to meet your needs as you gain experience with the particular types of images you are working with. In short, however, Take the number for "Height:" under "Original Dimensions", add in the height of image B, add 100, and enter the result in "Height:" under "New Dimensions".
Line 17:		Line 17:
	#* Finally, click [ Ok ] to make the change.		#* Finally, click [ Ok ] to make the change.
	# '''Copy image B into the new space''':		# '''Copy image B into the new space''':
	#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select ~~Image~~ -> Copy from the menu.		#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select '''Edit -> Copy''' from the menu.
	#* Go to image A's window, and select ~~Image~~ -> Paste -> Paste as New Layer. ("Paste as New Selection" would also work, but I haven't tested this to see if any different steps are needed afterwards.)		#* Go to image A's window, and select '''Edit -> Paste -> Paste as New Layer'''. ("Paste as New Selection" would also work, but I haven't tested this to see if any different steps are needed afterwards.)
	# '''Move the pasted image around''' so it is where you want it. To move the pasted image, select the "Move Tool", which is the cross-shaped tool with the arrows at the end of each point, in the toolbar (it's the 4th tool showing on my toolbar, but [[YMMV]]).		# '''Move the pasted image around''' so it is where you want it. To move the pasted image, select the "Move Tool", which is the cross-shaped tool with the arrows at the end of each point, in the toolbar (it's the 4th tool showing on my toolbar, but [[YMMV]]).
	# '''Crop the results''' to remove any unwanted extra space		# '''Crop the results''' to remove any unwanted extra space
	# '''Save the new, combined image'''. You're done.		# '''Save the new, combined image'''. You're done.
			====Correcting for different scan resolutions====
			Let's say the two images you have need to be "the same size" (or, more importantly, objects within the images – such as text – need to have a consistent size from one image to the other), but they've been scanned at different resolutions. You want to correct one of the images so that the two will be on the same scale when you put them together.

			Assuming the two images have not been re-scaled already, i.e. you are working more or less directly from the original scanned image, there is an easy way to do this.
			# For each image, '''find the scanning resolution''': select '''Image -> Image Information...''' (or type SHIFT-I). Look in the "Image" box, after "pixels per inch" (or possibly "pixels per cm", depending on your settings). Write this number down for both images. We'll call this the "DPI" (dots per inch) for each image.
			# '''Re-scale the "smaller" image": For the image with the smaller number, do the following:
			#* '''Image -> Resize...'''
			#* Take the "Original Dimensions" width for this image, divide by this image's DPI, and multiply by the other image's DPI. Put that number in the "New Dimensions" width.
			#* Do the same for height (note: if the aspect ratio is "locked", PaintShop will do the calculation for you automatically).
			#* Press the [ Ok ] button to make the change.
			# Both images should now be on the same scale.

Woozle: New page: ==Navigation== computing: image editing: basic ==Overview== This page is for tutorials and explanations of basic image editing techniques. ==Tutorials==...

2007-08-12T16:24:02Z

New page: ==Navigation== computing: image editing: basic ==Overview== This page is for tutorials and explanations of basic image editing techniques. ==Tutorials==...

New page

==Navigation==
[[computing]]: [[image editing]]: [[basic image editing|basic]]
==Overview==
This page is for tutorials and explanations of [[basic image editing]] techniques.
==Tutorials==
===Putting two images on the same page===
This example uses [[PaintShop Pro]], though this procedure can also be done in [[GIMP]].

Let's say you have two images, which we'll call A and B, which you want to stack vertically on a page so that A is above and B is below.

# '''Find B's height in pixels'''. There are several ways to do this; the obvious one is to load the image, make sure its window is in the foreground, and look at the right side of the bottom status bar, where it should give the image's dimensions as '''width x height x colors'''.
# Optional: '''Save image A under a new name'''. This will prevent accidentally overwriting the original image if you save your work during the following steps (which is a good idea). The new name should probably be a PSPImage file type, as this will also preserve layering.
# '''Resize A's canvas'''. With image A's window in the foreground, select Image -> Canvas Size... from the menu.
#* The width should remain the same, i.e. for "Width:" under "New Dimensions", type in the width shown under "Original Dimensions"
#* The height needs to be expanded by at least as many pixels as the height of B. It's generally a good idea to leave yourself some margin, however; 100 pixels extra will probably do, but you can refine this figure to meet your needs as you gain experience with the particular types of images you are working with. In short, however, Take the number for "Height:" under "Original Dimensions", add in the height of image B, add 100, and enter the result in "Height:" under "New Dimensions".
#* In the "Placement" section, select the arrow that points directly up (so the new canvas space will be below the original image A).
#* Finally, click [ Ok ] to make the change.
# '''Copy image B into the new space''':
#* Go to image B's window, make sure there is no selection (or that the entire image is selected), and select Image -> Copy from the menu.
#* Go to image A's window, and select Image -> Paste -> Paste as New Layer. ("Paste as New Selection" would also work, but I haven't tested this to see if any different steps are needed afterwards.)
# '''Move the pasted image around''' so it is where you want it. To move the pasted image, select the "Move Tool", which is the cross-shaped tool with the arrows at the end of each point, in the toolbar (it's the 4th tool showing on my toolbar, but [[YMMV]]).
# '''Crop the results''' to remove any unwanted extra space
# '''Save the new, combined image'''. You're done.