Linux basic configurations - gimp http://basicconfig.com/taxonomy/term/22 en How to create favourite icon in Ubuntu using gimp http://basicconfig.com/linux-desktop/howto-create-favourite-icon-ubuntu-using-gimp <!-- google_ad_section_start --><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>This is a guide on how to create favorite icon (as required beside the url of a website) in Ubuntu using GIMP image Editor. GIMP Image Editor is installed by default in Ubuntu desktop and Slackware too. We don't need anything else. No converter what so ever. So here we go.</p> <p>Open GIMP Image Editor from Applications --&gt; Graphics menu.</p> <p>Click File menu and choose New. In the new pane, type size 16 pixels for both Width and Height. Click OK to continue.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp01_1.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp01_1.png" alt="Gimp create a new image" /></a></p> <p>The 16 x 16 px is so small that it's impossible to design favourite icon. Press + to enlarge the background image. Open Layer menu and choose New Layer...Change the layer name if you want. The image width and height is pre-selected (the same as previous size). Click OK to create the new layer.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp02.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp02.png" alt="Gimp create a new layer" /></a></p> <p>Now we can draw icon as usual. The image will be bad but it's alright because this is not the exact size. Here's an example:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp03.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp03.png" alt="Gimp drawing image" /></a></p> <p>Create another layer to draw or add new image. Follow the step above on how to create a new layer. Here is an example of the new layer image:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp04.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp04.png" alt="Gimp new layer image" /></a></p> <p>This is the picture of all layers:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp05.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp05.png" alt="Gimp layers properties" /></a></p> <p>Now it's time to save the icon image. First, just save as whatever name you like without extension (or put it .xcf) as original backup source. Then, save it again as 'name.png'. Export file - merge visible layers and click Export.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp06.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp06.png" alt="Gimp export file" /></a></p> <p>Save as png image:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon-gimp07.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon-gimp07.png" alt="Gimp save as png" /></a></p> <p>Close all and open the png image above. Now save it again but this time as name.ico.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/icon_gimp08.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/icon_gimp08.png" alt="Gimp save as ico" /></a></p> <p>That's all. The icon is ready to be used.</p> </div></div></div><!-- google_ad_section_end --><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/taxonomy/term/22" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">gimp</a></div></div></div> Mon, 25 Oct 2010 06:49:46 +0000 jinlusuh 137 at http://basicconfig.com http://basicconfig.com/linux-desktop/howto-create-favourite-icon-ubuntu-using-gimp#comments How to remove image background using GIMP http://basicconfig.com/linux-desktop/howto-remove-image-background-using-gimp <!-- google_ad_section_start --><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>This tutorial shows how to remove background in a jpg image using GIMP-GNU Image Manipulation Program. GIMP can be found in any Linux distribution including Ubuntu desktop and Slackware Linux. To open GIMP in Ubuntu desktop, click <b>Applications - Graphics - GIMP Image Editor</b>. Here is an example of how GIMP looks like:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/gimp.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/gimp.png" alt="Gimp - GNU Image Manipulation Program" /></a></p> <p>You can use Gimp menu <b>File - Open</b> to open the jpg file that you want to remove the background. See the example screen shot below:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot-GNU Image Manipulation Program01.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot-GNU Image Manipulation Program01.png" alt="Open jpg image from GIMP screen shot image example" /></a></p> <p>Browse and select the jpg image from the directory in your computer. Select the jpg file and click <b>Open</b>. See the example screen shot below:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot-Open Image02.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot-Open Image02.png" alt="Browse jpg image from from your computer screen shot image example" /></a></p> <p>Here is the jpg image example. We are going to remove the white color background and make the image transparency.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot-kk.jpeg-6.0 (RGB, 1 layer) 150x123 – GIMP.p.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot-kk.jpeg-6.0 (RGB, 1 layer) 150x123 – GIMP.p.png" alt="A jpg image example" /></a></p> <p>To remove the background color from the image, click <b>Layer</b> menu and choose <b>Transparency</b>. In the Transparency menu, choose <b>Color to Alpha</b>. See the example screenshot below:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot2-kk.jpeg-6.0 (RGB, 1 layer) 150x123 – GIMP.p.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot2-kk.jpeg-6.0 (RGB, 1 layer) 150x123 – GIMP.p.png" alt="Remove the background color from the image screen shot example" /></a></p> <p>You can see the result below. The white background color has been removed from the jpg image.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot-Color to Alpha.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot-Color to Alpha.png" alt="Color to Alpha screen shot image" /></a></p> <p>Now we need to save the image (you can edit the image later if you want). Click the Gimp <b>File</b> menu and choose <b>Save As...</b>. See example screen shot below:</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot3-kk.jpeg-6.0 (RGB, 1 layer) 150x123 – GIMP.p.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot3-kk.jpeg-6.0 (RGB, 1 layer) 150x123 – GIMP.p.png" alt="Save the new image" /></a></p> <p>Name the image as <b>filename.png</b>. We must change the '.jpg' extension to '.png' extension. Change the location to where you want to store the new image.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot-Save Image.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot-Save Image.png" alt="Change image file extension" /></a></p> <p>When you click <b>Save</b>, a new pane pops up. Click 'Save' again and you are done.</p> <p><a href="http://www.basicconfig.com/files/imagepicker/2/Screenshot-Save as PNG.png" title="Image" target="_blank"><img src="http://www.basicconfig.com/files/imagepicker/2/thumbs/Screenshot-Save as PNG.png" alt="Save the image as png extension" /></a></p> <p>That's all.</p> </div></div></div><!-- google_ad_section_end --><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even" rel="dc:subject"><a href="/taxonomy/term/22" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">gimp</a></div></div></div> Thu, 07 Jan 2010 05:43:49 +0000 jinlusuh 135 at http://basicconfig.com http://basicconfig.com/linux-desktop/howto-remove-image-background-using-gimp#comments