anwar transparency - Making the background of an image ransparentin Gimp Graphic Design Slack Exchange Graphic Design Stack Exchange is a Here's how it works: question and answer site for Graphic Design professionals, students, and enthusiasts. join them; itonly takes @ ‘minute: Anybody can ask Anybody can The best answers are fn ‘a question answer voted up and rise to the top. Making the background of an image transparent in Gimp "have some jpg images and i need foreach of them to havea transparent background, I nave GIMP as 2 graphic too. | need to put them in a web page and I need to see just the main element and have a transparent background, ested yo vasa sheajan 121281826 oY cis Vols us ued oui youre ona Macbook youve press Fodeate ater magic wand see dete doesnt otk ole = Zen War 287673 3 Answers To expand on utopicamis answer, sometimes your image might contain areas, such as shadows that youd want tobe semiranzparent, For example, let's say you have 3 photo shot in a lightbox, suchas this nice and freely censed picture ofa Swedish wooden toy horse courtesy of Creative Tools In general the fst step would be to adjust the levels ofthe image untl the background really is solid white, except forthe shadows and reflecions we want to keep. (You can use ‘this echnique with a gray or colored background too, but i's abit rickler to Bet good resus that way) In this case, the image i already nicely adjusted, so we don't have to do anything about that ‘The next steps to select the background. This was quite easy todo withthe magic wand ‘ool although had to tx some bits where the white stripes on the abject blend with the background with the lasso tool. Also, once had the background nicely selected, ‘expanded the selection by afew pixels (at full resolution) to avoid leaving a whitish halo {around the object due to alissing. (You cant see it inthis scaled-down screenshot, but! really managed todo a pretty nice jab withthe selection if may say so myself) iipilgraphicdesign stackexchange.comiquestions!5446imakingthe-beckground-oF-ar-image-transparent-gimpanwar transparency - Making the background of an image ransparentin Gimp Graphic Design Slack Exchange Now, here's the trck: instead of simply cutting out the background, l used Colors» Color ‘o Alpha to change the background color (white) to transparent. (You could also use bucket fillwith the Color Erase mode as utopicary suggests.) applied tothe whole image, this would make the object lock semitransparent teo, but since only the background is Selected, the shadows become translucent while the object itself stays opaque: ‘and here's the same picture on a pale blue background, to show the semiransparent shadows and refiections beter: ‘one extra trick | dirt show s tha i's fen more convenient to make Avo copies of the image layer, convert the selection toa layer mask an the upper one, and apply Color to {pha tothe lower. This les you fine-tune the edges of the abject by eating the mask, while seeing ive how the result wil look (Tip: make afew background layers filled with dliferent colors, so that you can easly check how the picture looks on different backgrounds.) n particular, sometimes making highlights near the edges of the abject just slightly eranslucens can make the result look nicer and more natura, since it mimics the background velecting of the objec. etedan 13 1290107 snsueed on 12122153 ‘he Firs step would be to aunt the levels of the Image un] the bahgrod really 8 site iow teat eka ere Oto pte en 1 hippaal The loo general ds prety good)ab ast move he ghost inpuc se tun begs ora rane sycoper Feb ako snp, you can senate a Carver and unaoth ou there asc wha you usualy wares caveats many Fea Stet ‘eareetop edge to mes gady rater ann aaha omer)=lnarfaronsr so 13138 Lance mone ie Bion os ute Ts as ges aceon sen Using bucket fill instead of contour selection Note: This tutorials also availble in PDF Add an alpha channel Some image ypes lack a transparency channel PG for example, this the case, add an alpha vansparency channel. This is done by selecting Layer ~ Trngoreney = le Alghe Bucket fill with colour [optional] iipilgraphicdesign stackexchange.comiquestions!5446imakingthe-beckground-oF-ar-image-transparent-gimp 25ananoi transparency - Making the background of an image ransparentin Gimp Graphic Design Slack Exchange The next steps optional and consistsin filing the area that should become transparent With a plain colour frst. Select the bucket fil tel or hi Within the aucket Fi toolbox options, select Fit transparent areas only when necessary Do Select ue cotour ‘11 and sample merges and run a fee tries while adjusting. testes for best results. In found, Some colour mixing will be inevitable and even desired. (In ths respect, Adobe Photoshop \srno atferent) Hence, chaose 3 colour whieh s compatible with the background on winch the resulting picture wll eventually be used. lick onthe background colour rectangle in the upper half ofthe Tool optioe toolbox window to change the background colour Here, used ‘5/9 asa background colour for plain colour fling. However, one can also use the eyedropper tool to pick a colour from anywhere on the desktop. Bussoz2a eagoad © . b 3 st ec cobur fi tte ‘feed ea (sit) © Fists colous Fie Snir Colours Faluanspaen eas Y Sample rmsrged | id L Select by colour Sd ‘The rghthing to do nowis Select «ay coeur. tmight be tempting to perform coteee se assure, owever this would also change semi-transparent areas within the desired image area. Ths ume around, do select #112 erersparentarees a5 ell aS Satpeseree For this particular example | chose not to apply artisisssing NOY Feather ees Nonetheless, do experiment with these setings and choose what looks best. Again run a few tries while adjusting thesholé for best resus, In between, bit [Ex] +[z) to undo, z = saleby cole I ri Setatomcet ast SE somote mers sc | compete : iipilgraphicdesign stackexchange.comiquestions!5446imakingthe-beckground-oF-ar-image-transparent-gimptransparency - Making the background of an image ransparentin Gimp- Graphic Design Slack Exchange Subtract from the selection times, It proves difcultto get the colour selection exactly right. Some ofthe desied image area might be selectec a well because the calour matched. In this cate, and barely Visible, nine desire pixels in tne middle of the pipe ware ala selected for deletion Wen, thishappens, use [Zul] orae with a Seine ta0l of your choice to select a subtractive selection aes, Grow the selection [optional] «the rim ofthe desired image, some shades ofthe background my stil remain nseected, If this isthe case, grow the selection witha pixel using Select ~ Grow: ~ 208 Delete ‘once the desired transparency area is selected, simply hit Final result rally, export the transparent image with sis ~ ugere se... toa file fermat wich supports transparency. That would be preferably PNG, but GF Would work as Well iipilgraphicdesign stackexchange.comiquestions!5446imakingthe-beckground-oF-ar-image-transparent-gimpananoi transparency - Making the background of an image ransparentin Gimp- Graphic Design Sack Exchange ted Dec 416301751 angered 12°18 25 Sounds lke you need to crop certain parts ofthe jpgs (the main igure, for example) and delete the "background? Yeu can do so using the lasso too The gimp website has lots of cutorials and explanations. Check his. higp:/docsgxmp.org/enigimp-painting htmlagimp-concepts-selection and this out hiapiidocs.gmp.org/enigimp-too-ree-selec.htmn| The polygonal seleetion creates an anchor point every time you dick, Then moving the mouse pointer draws aline with 2 new anchor point hat You can move as long as You don’ cick agai You can access the Lasso Too! in different ways: + From the image menu bar Tools +» Selection Tools.» Free Select, + by lcking on the rool con in the ToolBox, “+ byusing the keyboard shortcut F ‘To make the solid background of an image transparent, add an Alpha channel, and use ‘the Magic Wand to select the background. Then use the ColorPicker tool to selec the background color, which becomes the foreground color in Toolbox. Use the Bucket Fil ool lth the selected color. Set the Bucket Fil mode to "Calor Erase” hich erases pixels with the selected color other pixels are patally erased and ther colors changed. vento oanesn ‘seta protected by Community + May 6'14 2438 hse he asocaton bonus does nt coun) ° =“ * Would youth to answer one ofthese unanswered euestons staal? iipilgraphicdesign stackexchange.comiquestions!5446imakingthe-beckground-oF-ar-image-transparent-gimp