basic_game_image_editing_with_gimp
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
basic_game_image_editing_with_gimp [2014/03/29 02:58] – mithat | basic_game_image_editing_with_gimp [2014/03/29 04:47] – mithat | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Basic Games Image Editing with GIMP ====== | + | ====== Basic Game Image Editing with GIMP ====== |
This is a guide to using [[http:// | This is a guide to using [[http:// | ||
Line 27: | Line 27: | ||
- Go to [[http:// | - Go to [[http:// | ||
- Follow the instruction under "GIMP for Unix-like systems" | - Follow the instruction under "GIMP for Unix-like systems" | ||
+ | |||
+ | <WRAP center round tip 60%> | ||
+ | Watch the videos below at full screen. (Click the "Full screen" | ||
+ | </ | ||
===== Converting images to PNG ===== | ===== Converting images to PNG ===== | ||
Line 35: | Line 39: | ||
- Click " | - Click " | ||
- To save changes you have made to a PNG file, go to //File > Export to imageName.png// | - To save changes you have made to a PNG file, go to //File > Export to imageName.png// | ||
+ | |||
+ | {{youtube> | ||
+ | |||
+ | Note: If you do a //File > Save// or File > //Save As...//, GIMP will save the file in its own .xcf format. | ||
===== Cropping images ===== | ===== Cropping images ===== | ||
Line 44: | Line 52: | ||
- You can change the selected area by clicking and dragging on any of the rectangles in the four corners. | - You can change the selected area by clicking and dragging on any of the rectangles in the four corners. | ||
- Crop away the unwanted bits by going to '' | - Crop away the unwanted bits by going to '' | ||
+ | |||
+ | {{youtube> | ||
==== Autocrop ==== | ==== Autocrop ==== | ||
Line 49: | Line 59: | ||
- //Select > All// | - //Select > All// | ||
- //Image > Autocrop image// | - //Image > Autocrop image// | ||
+ | |||
+ | {{youtube> | ||
===== Making backgrounds transparent ===== | ===== Making backgrounds transparent ===== | ||
+ | The following assumes the image you want to modify is well-suited to having its background made transparent. An image that's well suited to this is one where: | ||
+ | |||
+ | * The backgrond is all one color. | ||
+ | * The image has a clear border. | ||
+ | |||
+ | You can still make backgrounds transparent with images that don't meet both these requirements, | ||
+ | |||
+ | To make the background of a "well suited" | ||
+ | - Add a transparent layer to the image with //Layer > Transparency > Add Alpha Channel//. | ||
+ | - Select the Fuzzy Select Tool (//Tools > Selection Tools > Fuzzy Select// or in the Toolbox). | ||
+ | - Click on the background. | ||
+ | - Confirm that the background has been correctly detected and selected. | ||
+ | - You may need to adjust the tool's Threshold parameter to get the best results. | ||
+ | - You can " | ||
+ | - Clear the selected region by going to //Edit > Clear// or by hitting the Delete key. | ||
+ | |||
+ | {{youtube> | ||
+ | |||
+ | ===== Resizing images ===== | ||
+ | To shrink an image down, | ||
+ | - Go to //Image > Scale Image...// (NOT //Canvas Size...// or //Print Size...//). | ||
+ | - In the dialog' | ||
+ | - If you want the height and width to scale proportionately, | ||
+ | - Set the width and/or height. | ||
+ | - Click the " | ||
+ | |||
+ | {{youtube> | ||
+ | Feel free to experiment with the different Interpolation settings. Some algorithms work better for some images than others. " |
basic_game_image_editing_with_gimp.txt · Last modified: 2014/03/29 04:57 by mithat