How to save an image without background in Illustrator. How to remove SVG background using Adobe Illustrator? Adjusting the Opacity of a Bitmap
When working with images, you have to separate flies from cutlets, i.e. background from the picture.
There are many places to download some great clip art, which mostly come with a white background. Of course, you need to get rid of him. I remembered four ways to do this. They will be discussed in this article.
Method 1
Put away White background on the image using the Magic Eraser tool.
This is one of the simplest and quick ways performing this kind of operation. With the eraser selected in the toolbar, click on the white background with it. As a result, all white pixels will be removed and you will see a checkerboard background, which indicates the presence of transparency instead of the background.
But it may happen that, in addition to the white background, pixels close to white may be removed from the image itself.
As you can see, in the image above, part of the sword and some elements on the knight's armor have been removed. There are two reasons for this unpleasant effect. Let's turn to the tool parameters panel.
1. Adjacent pixels... see if there is a check mark in this setting. Its absence means that all pixels of a similar color will be removed (which is why the above parts of the image disappeared). Check the box and Photoshop will remove only those pixels that are in contact with each other.
2.Tolerance. Often the background consists of a whole set of shades, for example, the same white. The higher the tolerance value, the more of these shades the program will remove. Most often, this refers to the border around the image (a small border from the remaining pixels from the background). Increase the tolerance and the border will get smaller and smaller.
There is one more helpful command to remove the border: Layer - Edging - Remove Border.
Method 2 Selecting the background with the Magic Wand tool.
The most important thing is not to forget to unlock the pho new layer... I have already written about this more than once, but I will repeat it again. If there is a small lock on the layers palette near the layer thumbnail, it means it is locked. Double click on this layer Forms it into a new one that can be edited.
Now, with the Magic Wand selected, click on the background. It will stand out for "Marching Ants". It remains only to press the Backspace key. The chessboard will reappear.
As with the magic eraser, pay attention to the Tolerance and Adjacent Pixel settings. They work the same way.
Method 3
In short, it looks like this:
1. We have a picture. We want to remove all white so that only the transparent background remains.
2. Create a duplicate of the blue channel. Press Ctrl + L. The Levels window appears. We start moving the sliders so that everything gray becomes as close to black as possible. In other words, you need to achieve such a result that what we want to delete becomes white and the rest black.
3. Now click on the thumbnail of the channel duplicate we have created while holding down the Ctrl key. A selection has appeared. Most likely, the selection will have to be inverted - press Shift + Ctrl + I. Now you can either press Backspace to delete the excess, or create a duplicate layer by pressing Ctrl + J to transfer the selection to a new layer. In my example, I added a texture, this is how it happened:
Method 4
If in previous ways after deletion, the transparent part remained, now we will learn how to change it to a different background. This method is related to the feature Blend Modes Darken and Multiply.
So, in the picture below, on the left we have the same knight, and on the right a texture.
On the layers palette, place the texture at the top and specify an overlay, Darken or Multiply. The knight became visible. But there is a catch. Some elements of the image that were also white became the color of the texture.
Let's fix it now. Add a layer mask to the top layer (with texture). Using the Brush tool, start erasing the texture from the visible areas. Carefully, slowly, as a result, it turned out like this:
Illustrator provides several options for adjusting transparency for both vector and bitmap objects. The simplest of them is to select an object and set the desired opacity for it using the slider Opacity(Opacity) custom palette Transparency(Transparency). This palette, which can be open or closed, is called from the list of palettes that opens when the command is activated Window(Window). If, when choosing a command Window => Transparency the palette opens incompletely, then you must sequentially use the commands Show Thumbnails(Expand from pictogram) and Show options(Show Options) from the palette menu.
In addition, the visibility of individual areas of the image can be controlled using layer masks (clipping masks - clipping mask) and translucency masks ( opacity mask). Stencil-like masks determine how individual layers are superimposed on each other, can make individual parts of an image completely or partially visible or completely invisible, and allow complex transparency settings for any object. And since transparency in this case is implemented as a mask over the object, the user can edit the object at any stage of the work without affecting the mask. You can also adjust transparency for groups of objects, although if you need to edit individual objects from a group, the last of them will have to be ungrouped, and all transparency settings for the group will be destroyed.
Adjusting opacity without masking
Palette Transparency(Transparency) allows you to easily change the transparency of any objects - both raster and vector (formed by the most different ways: using contours different types, symbols from the palette Symbols(Symbols) or as text) and make the underlying objects show through effectively. Pay attention, for example, to fig. 1, which is taken as a source image. Then a series of paths were added to it: the upper path was created with the tool Pen(Pen) and filled with a linear gradient, and a series of water droplets is obtained using the palette Symbols... For all involved contours, their own transparency levels are set (Fig. 2, 3).
Rice. 3. The final appearance of the photo after adjusting the transparency of individual objects
Establishment specific option transparency is not an obstacle for the subsequent editing of objects, for which, if necessary, you can always change the fill or stroke option, size and position, transparency level, etc.
Also in the palette Transparency(Transparency) it is possible to select color mixing modes ( Blending mode): Normal(Normal) (this is the default mode), Multiply(Multiplication), Screen(Lightening), etc., which can be applied not only to an individual object, but also to a group or a layer, and in combination with the transparency level can achieve the desired effect of the object's visibility.
Setting opacity for vector objects
Let's consider the option of setting opacity for individual objects. To do this, draw some simple intersecting objects. Such objects are preferable because they can be used to familiarize yourself with the different opacity options. V this example three overlapping flowers on a black background will act as objects (Fig. 4). Select two objects, for example the two top flowers, and change their opacity values in the palette Transparency, for example, as shown in fig. 5, - for this you just need to drag the engine Opacity(Opacity). Note that the flowers have now become transparent both relative to each other and in relation to the background (Fig. 6).
In the second option, you need to restore the transparency value to 100%. To do this, first group both selected flowers with the command Object => Group(Object => Grouping) which will automatically cause the checkbox to be checked Knockout Group Transparency... Then change the opacity again by setting the parameter value Opacity(Opacity) equal to 70%. As a result, the objects will become transparent in relation to the background, but not relative to each other (Fig. 7). The point is that enabling the checkbox Knockout Group(Group with background removed) in the palette Transparency allows you to remove (albeit only visually) the translucency of translucent group objects that overlap each other in this group.
Additionally, draw a series of several small elements of the same type, such as stars (fig. 8). Combine them into a group using the command Object => Group(Object => Group) and set them to blend mode Screen(Dodge) with opacity (fig. 9). As a result, the stars will change their color and will look something like the one shown in Fig. ten.
Rice. 9. Setting opacity and blending mode for the new group
Rice. ten. Appearance the entire image after adjusting the opacity settings
Select both groups of objects, then group them again and check the box Isolate Blending(Isolate Blend Mode) in the palette Transparency- this will allow you to isolate objects when you set them to blend mode. As a result, the color blending mode will be applied to the objects included in the group, and all other objects (in this case, one single asterisk on a green flower) will be ignored (Fig. 11). Note that the checkbox Isolate Blending(Isolate Blending Mode) only makes sense if it comes about color mixing modes other than Normal(Normal).
Rice. 11. Changing the appearance of the image as a result of the isolation of objects
Adjusting the Opacity of a Bitmap
Now let's try to experiment with the bitmap (Fig. 12). Form a vector outline around the image in the form of a rectangle filled with white color (Fig. 13). Change the opacity in the palette Transparency, for example, as shown in fig. 14. The image will begin to resemble Fig. 15. The result can be much more interesting if the rectangle is filled with a radial gradient (fig. 16, 17). It is also worth experimenting with opacity modes by changing, for example, the default mode Normal to the regime Screen(fig. 18).
Rice. 15. Appearance of the image after changing the opacity of the rectangle
Rice. 16. Adjusting the opacity of the rectangle in the Transparency palette after filling with a radial gradient
Rice. 17. The appearance of the image after filling the rectangle with a gradient and changing the opacity in the Normal mode
Rice. 18. The appearance of the image after filling the rectangle with a gradient and changing the opacity in the Screen mode
Opacity control via layer mask
Layer mask, or clipping mask ( clipping mask), allows you to remove, or, as they say, mask unnecessary areas of the image (Fig. 19, 20), without destroying the contents of the layer.
Rice. 20. Visibility of the image after creating a layer mask in the form of an oval
The creation of a layer mask is carried out in several stages. First, a contour is formed above the image layer, which is supposed to be used later as a mask. Then you need to select the image and the outline. It is often more convenient to do this in the palette. Layers, sequentially clicking on the round buttons corresponding to the objects while holding down the key Shift- the appearance of the circle button for each selected element will change. After that, you need to press the button Make / Release Clipping Mask on the palette Layers or use the command Object => Clipping Mask => Make... As a result, everything that falls inside the path will remain visible, and the area outside the path will be hidden. If mask cutting was done unsuccessfully, then you can refuse it at any time by calling the command Object => Clipping Mask => Release or by clicking on the button Make / Release Clipping Mask on the palette Layers.
Please note that the button Make / Release Clipping Mask on the palette Layers usually unavailable and becomes active only if in the palette Layers activated area Group(fig. 21). In addition, it should be borne in mind that any objects that are subsequently added to the layer group with a layer mask are also cut off by the mask (Fig. 22) and become invisible. At the same time, objects embedded in the layer above the group will be visible (Fig. 23).
Rice. 22. The result of cutting off the added stars by the layer mask - some of the stars have become invisible
Rice. 23. The appearance of the image with an open Layers palette - an asterisk added above the group with a layer mask is visible
Texture text
Very often, layer masks are used when creating textured text, that is, text cut from some kind of texture or just from a photograph. As an example, we will use a photograph (Fig. 24) and print arbitrary text over it (Fig. 25). Select the text along with the outline of the photo and apply the command Object => Clipping Mask => Make... As a result, the image will look like Fig. 26, and the palette Layers will take the form corresponding to Fig. 27. The resulting image, if desired, can be subjected to further editing, for example, make a stroke (Fig. 28), apply a suitable filter (Fig. 29), etc.
Fill freehand vector paths with texture
Open the appropriate texture (Fig. 30), which you plan to use to fill some contour (Fig. 31) - in this example, we used a fragment of the lizard contour that we created in one of the previous lessons - and copy the contour onto the texture via the clipboard (Fig. 32), if necessary, editing its size and position. To hide the space outside the path, which is visually equivalent to filling the path with a texture, select the path along with the texture and use the command Object => Clipping Mask => Make... As a result, the image will look like Fig. 33, and the palette Layers will take the form corresponding to Fig. 34.
To make the image finished, make a copy of the path through the clipboard, click on the copy right click mouse and to mirror it, select the command Transform => Reflect with parameters as in Fig. 35. Place the copy properly (fig. 36) and give the lizard a slightly curved shape using a filter Twist(Bend) - command Effect => Distort & Transform => Twist(Effect => Distortion and Transformation => Bend) with approximately the same parameters as in Fig. 37. The result obtained may resemble fig. 38.
Rice. 36. The appearance of the image obtained on the basis of two aligned contours, pre-filled with texture
Simulate the effect of intersecting objects
Now let's look at a more complex option for creating a clipping mask - we need it to simulate the effect of intersecting objects. First, form three circles (in this example, Latin letters will play their role. " o”) So that each next circle partially overlaps the previous one (fig. 39). Select all three circles and make a copy of them to the clipboard with the command Edit => Copy(Editing => Copy). Then paste the copy from the clipboard using the command Edit => Paste in Front(Editing => Blend in Front) so that the original image and its copy are superimposed on each other. After that, use the Restangle tool to form a rectangle with no fill and no borders at the intersection of the first and second circles (Fig. 40). Please note that the rectangle must appear on the same layer. Layer 1, but above all other objects (Fig. 41).
Rice. 40. The appearance of a rectangle at the intersection of the first two circles
To create a layer mask, select the formed rectangle and the first circle and apply the command Object => Clipping Mask => Make(fig. 42). Then, in the same way, create a rectangle at the intersection of the second and third circles and select this rectangle along with the second circle (Fig. 43). If it is not possible to do this in the usual way, then select the necessary objects through the palette Layers: to do this with the key pressed Shift click on the circle buttons available for each element of the layer (Fig. 44), and in this case the appearance of the circle button for each selected element will change. Create a clipping mask with the command Object => Clipping Mask => Make- the resulting image will resemble Fig. 45.
Rice. 44. Window of the Layers palette with the second circle and the second rectangle selected
Finally, to make the image more effective, select on the palette Layers the bottom three circles and shade them with the command Effect => Stylize => Drop Shadow(Effect => Stylize => Drop Shadow) and then fill the background under the circles with a gradient, for which you need to create a new layer Layer 2... To this end, activate the layer Layer 1, open the palette menu Layers and select the command New layer(New Layer) - resulting above the layer Layer 1 layer will appear Layer 2... Draw a rectangle on it (this will cause the circles to appear under the rectangle and be invisible), which will act as a background, fill it with a suitable gradient and apply a shadow with the command Effect => Stylize => Drop Shadow(Effect => Stylize => Shadow). To make the circles sit on top of the background rectangle, change the L layers ayer 1 and Layer 2 places by dragging one on top of the other in the palette Layers(fig. 46). It is possible that the image will take on something like the one shown in Fig. 47.
Rice. 47. The final appearance of the intersecting circles on a gradient background
Adjusting opacity by creating an Opacity mask
Translucency mask ( Opacity mask) determines which areas of the image should be clearly visible, and which - only partially, that is, semi-transparent or not visible at all. In this case, any colors, as well as decorative and gradient fills located below and located inside the mask, can be visible through the specified semitransparent mask.
The process of forming a mask is quite simple and consists in layering two or more objects one on top of the other, and in setting the required transparency level for each of them and in defining the topmost one as a mask using the command Make opacity mask(Create Semi-Transparent Mask) from the palette menu Transparency... The creation of the opacity mask will be indicated by the appearance in the palette Transparency mask icons next to the icon of masked objects, separated by the "chain" icon, and changing the visibility of image fragments (Fig. 48, 49, 50). Palette appearance Layers will change depending on what is active on this moment time - an image (fig. 51) or a mask (fig. 52).
Rice. 50. Transparency palette - on the left is an image icon, on the right is a mask icon
Rice. 51. Image and palettes Layers and Transparency - active image
Rice. 52. Image and palettes Layers and Transparency - mask is active
An opacity mask is created according to the shape of the uppermost of the selected objects, and at least two upper objects must be selected - selecting only one of them will create an empty mask. Adding new objects to the image does not in any way affect the previously created translucency mask; all added objects will be visible by default, as they are created on top of the mask (Fig. 53), although they can be moved under the mask if desired.
Rice. 53. Result of adding a new object in the form of a frame over the masked image
As a result, the upper object will become a mask, and its filling in grayscale mode will affect the extent to which one or another area of the image lying under it will be visible. For example, full filling of the mask with white will result in the image fragments within the mask being completely visible, with a black mask, masked objects will be invisible, and using a gradient black and white mask will cause masked objects to appear where the white begins. area, and fade out where the gradient turns black. In addition, you can create a translucency mask using any gradient fills, gradient meshes, and even decorative fills.
It is worth noting that the above rule regarding mask color and object visibility is ambiguous. So, enabling the checkbox Invert Mask(Invert mask) in the palette Transparency will lead to the fact that the black and white effect is inverted and the black areas become transparent, and white, on the contrary, opaque (Fig. 54); enable / disable the same checkbox Clip(Cropping) allows you to swap masked and unmasked areas.
Rice. 54. Changing the appearance of the image as a result of inverting the mask
The translucency mask can be formed from any vector object and transformed using various distortion filters, which allows you to achieve very interesting effects. Text can also be saved as an opaque mask to quickly create custom text headings while keeping the text editable. The shape of the opacity mask can be adjusted by clicking on the mask icon in the palette Transparency with the key pressed Alt... As a result, the object on the basis of which the mask was created will be selected and become available for editing. After finishing editing, click on the image thumbnail.
For complete removal opacity mask, you need to select it and use the command Release opacity mask(Remove transparency mask), and to temporarily hide it - with the command Disable Opacity Mask(Remove the transparency mask). Both commands are selected from the palette menu Transparency.
Effects with photography
First, open some photo (fig. 55) and form a rectangle on top of it, fill it with a linear gradient and process it with a filter. ZigZag (Effect => Distort & Transform => ZigZag- Effect => Distortion and Transformation => Zigzag) (fig. 56).
Rice. 56. Appearance of the object? on the basis of which a semi-transparent mask will be created
Create a mask using the command Make opacity mask Transparency... As a result, the image will look like Fig. 57, and in the palette Transparency the icon of the created mask will appear (fig. 58). Now try to edit the mask: select it by clicking on the thumbnail in the Transparency palette while holding down the key Alt, take advantage of the effect Inner glow (Effect => Stylize => Inner Glow- (Effect => Stylize => Inner Light) and add a suitable shadow ( Effect => Stylize => Drop Shadow- Effect => Stylization => Shadow). It is possible that the image will begin to resemble Fig. 59.
Rice. 57. The appearance of the photo after applying a translucent mask
Texture text
As mentioned above, texture text is quite often created using a layer mask, but no less ample opportunities for cutting text from a texture or any photograph open up even when using translucent masks.
Take, for example, fig. 60 and type black text over it (as with any textured text, the letters should be large and wide enough) (Figure 61). Select text and photo and use the command Make opacity mask(Create Semi-Transparent Mask) from the palette menu Transparency when checked Clip(Cropping). It is possible that the result will resemble Fig. 62, and in the palette Transparency the icon of the created mask will appear (Fig. 63). Please note that in case of an unsuccessful initial position of the text, it is easy to move it after creating a mask, having previously selected it with tools Selection(Emphasis) or Direct Selection(Partial selection).
Rice. 62. Appearance of textured text cut from a photo using a translucent mask
Finally, try to give the text a three-dimensional effect. To do this, select the text and make a copy of it to the clipboard with the command Edit => Copy(Editing => Copy). Then paste the copy from the clipboard using the command Edit => Paste in Front(Editing => Blend in Front) so that the original image and its copy are superimposed on each other. Then move the bottom copy of the text slightly to the right and down and on the palette Transparency reduce its opacity from 100% to about 50-40%. The resulting texture text will be similar to the one shown in Fig. 64.
An equally interesting result can be obtained with a gradient fill of the text (Fig. 65). At the same time, to form an effective shadow at the very end, before creating a mask, copy the created text to the clipboard, and then create a mask in the usual way - in this case, after creating a mask, the palette Transparency will have the same form as shown in Fig. 66, and the text will resemble Fig. 67.
Rice. 67. Appearance of textured text based on a gradient semi-transparent mask
Next, paste a copy of the text from the clipboard with the command Edit => Paste in Back(Edit => Paste in Back) so that the copy is below the original text. Finally, move the lower copy of the text 2-3 pixels to the right and down (fig. 68).
Semi-transparent colored text
Open the photo, on the basis of which the translucent text will be created (fig. 69). Print text over the loaded photo in any bright color, for example orange (fig. 70) - the layers palette will look like in fig. 71 (note that the text layer is on top of the background layer). Swap the layers with normal drag and drop, then select both layers in the palette Layers and create a mask with the command Make opacity mask(Create a semi-transparent mask) (Fig. 72). The text obtained in this way will retain its original color (that is, orange), but the background will be very effective through it (Fig. 73). When finished, apply a shadow over the text with the command Effect => Stylize => Drop Shadow(Effect => Stylization => Shadow) with suitable parameters (fig. 74).
Semi-transparent button
Create a circle and fill it with a radial black and white gradient (fig. 75). Then make two copies of the circle and place each copy with the command Edit => Paste(Edit => Paste) on a separate layer, then in the palette Layers three layers will appear: Layer 1, Layer 2 and Layer 3 with the same circle on each. Temporarily lock and make layers invisible Layer 2 and Layer 3. Go to Layer 1, activate the palette Gradient and change the gradient fill settings something like the one shown in Fig. 76. As a result, the circle on the first layer will take the form in accordance with fig. 77, and the appearance of the palette Layers will resemble fig. 78.
Unlock the layer Layer 2, select with tool Selection both layers below and create a mask using the command Make opacity mask(Create Semi-Transparent Mask) from the palette menu Transparency when checkboxes are on Clip(Cropping) and Invert Mask(Invert mask). To test the mask, temporarily turn on the mode Transparency Grid(Transparency grid) with the command View => Show Transparency Grid(View => Show Transparency Grid), and you will see that the circle shines through in its central part (Fig. 79, 80).
Rice. 80. The appearance of a circle after creating a mask with the Transparency Grid mode on
Unlock the layer Layer 3, select the circle, fill it with white and use the tool Select Direction(Direct Selection) Change the outline of the circle so that it resembles the shape shown in Fig. 81. Form a rectangle over the modified white circle so that it completely covers the future mask. Then fill it with a linear black and white gradient (fig. 82). Select both objects with the tool Selection(Selection), create a mask with the command Make opacity mask(Create a semi-transparent mask) and adjust the transparency parameters in accordance with Fig. 83. The resulting button will resemble the one shown in fig. 84.
The final touch can be adding a black shadow to the right and bottom of the button. To create it on top of the layer Layer 3 create a new layer Layer 4, copy the circle from the layer Layer 1 to the clipboard and paste it on the layer Layer 4 team Edit => Paste(Edit => Paste). Then delete the fill of the circle, make a black border 4 pixels thick around it, blur it in Gaussian with the blur parameters of 5 pixels (command Effect> = Blur> = Gaussian Blur- Effect> = Blur> = Gaussian Blur) and move it with a slight shift to the right and down in relation to the created button (Fig. 85).
Rice. 82. Forming a rectangle over the contour of the white modified circle
The program "photoshop" allows you not only to edit and eliminate defects in the photo, but also to change the image beyond recognition. One of the interesting effects is the change in eye color. You will need - photoshop; - selected ...
Each person has photographs that help to revive in memory the most interesting, important, enchanting moments of life. And in our time, some of these images are stored in electronic form. Which makes it possible to change something in them, ...
Sometimes, camera owners want to make their photos unusual, different from the boring rectangular standard. Thanks to the capabilities of Photoshop, it is quite possible to make a photo of an oval, round or any other arbitrary shape. To you…
Very often, when processing images, it becomes necessary to delete some fragment or, conversely, add it. Perhaps this detail will decorate another drawing, or it has become superfluous in the original picture. Photoshop offers several ways ...
Each user of such software product, how Adobe photoshop, knows that in this program, if you wish and skill, you can create anything: retouch photos, create volumetric images, etc. The best gift on Saint's day ...
Many people are familiar with the situation when you came out well in the photo, but the background is uninteresting or boring. Or maybe you just want to replace the background in order to make the photo original, more picturesque and vivid. Or experiment, ...
Removing the background from a portrait or photograph of an object is performed if it clutters the picture or if you need to transfer the object to another background. This operation can be done using a raster graphic editor for example GIMP. Instructions ...
Cutting out an element from a photo is not at all difficult, especially if you have the right programs. Some of them allow you to cut out a photo along the contour in just a few mouse clicks. Instruction 1Open the Microsoft program ...
Adobe Photoshop is one of the most widely used image processing programs. With its help, you can change your appearance, figure, and even "swap bodies." This application gives unimaginable scope for creativity. ...
Sometimes, in order for a photo to look complete, there is not enough of a mere trifle. Round off the edges of the photo, and the view is completely different. You can give your photo a little flavor in the form of soft rounded edges in two ways6 or with the help of ...
The ability to work in Photoshop gives you the opportunity not only to retouch photographs and add beautiful color effects to them, but also radically transform photographs, making them unusual and eye-catching. For example, you can from any ...
Photoshop opens in front of you great opportunities to create diverse visual effects in photographs and any other images. With the help of Photoshop, you can imitate almost any phenomenon - for example, depict on any photograph ...
In most cases, not only on amateur, but also on professional cameras, the frames are a kind of semi-finished product - in order to achieve the maximum quality and beauty of the image, the photos must be retouched, leveled ...
I found free image SVG on the web. I am experimenting with web design using SVG. The problem I have is that the SVG background is white.
How to remove / remove white background using Adobe illustrator?
Answers
Brendan
Try the Direct Selection tool (keyboard shortcut A or the white mouse pointer in the toolbar) and see if you can click on it.
If you can't select and delete it, chances are that the white "background" is not a background at all; rather, it is the color of the artboard. It is white in Illustrator for obvious reasons, but ultimately it's arbitrary. If you really want to change the color of the artboard, you can do that.
Omne
Assuming there is a background, you will be able to select and remove it. You can achieve this with a set different methods One problem with SVGs is that they sometimes have many complex layers and groups.
First try to see if you can select it with the Direct Selection tool, if it is in a group then double click by object isolates it so you can select it individually.
I don't understand why the magic wand tool doesn't work for you if it's the only white object that should have worked ...
Alternatively, you can try to find this object from your objects, look in the layer window.
Since this is a royalty-free SVG, it would be helpful if you could give us a link.
Jamix
Thanks, it turned out that my "background" was a black rectangle that I found in the "Layer" window.
Machei
A simple web-based tool that lets you change colors vector image using a raster graphics editor
sponk.pl/svg-edit-colors/
Kurt
Please explain what you mean or how to use the tool you linked. Giving only a link without an explanation is not welcome ...
Machei
Sorry, I didn't have time to explain it. My tool was created 2-3 days ago, you can remove the background (or other element) of the specified color using a raster graphic editor. Also I have uploaded the tutorial to YouTube.
answeru
it's that simple, if you want to change the background of the SVG file, please visit the layers palette first, there you have to select the path you really want to edit, and after selecting that part (path) in the layers panel, click on (small vertical red line ) window) at the bottom of the window will make the background transparent and done.
How to make PNG with transparency in Adobe Illustrator? Very simple. We open desired file and go to the File> Save for Web & Devices(Alt + Ctrl + Shift + S). In the opened window in the list Optimized file format select PNG and check the box Transparency(Transparency).
Then we define which colors will be transparent. All colors present in the image are contained in the tab Color Table(Color Table) and are displayed as colored squares. Select the tool in the toolbar on the left side of the window Eyedropper(pipette).
There are two ways to define colors. The easiest way is to specify a color with an eyedropper directly on the image - after that, the color will be highlighted in the color table with a dark stroke. If you know exactly what color should be transparent, you can select it directly on the color table by clicking the corresponding colored square. And in the first and second cases, if you need to select several colors, you need to work with the Shift (or Ctrl) key pressed. Now let's make the selected colors transparent. To do this, click the icon Maps selected colors to Transparent(Make selected colors transparent). In the upper image, this icon is outlined with a circle and the red color is selected as transparent. A transparent area will appear on the image, and the square on the color table will change its appearance - part of it will become a white triangle. Clicking the Maps selected colors to Transparent icon again will cancel the transparency of the selected color.
A few words about the way of setting transparency. The drop-down menu is responsible for it. Specify Transparency Dither Algorithm, in Russian - Algorithm for simulating transparency (Fig. below). Four choices can be made: No Transparency Dither - no algorithm, Diffusion Transparency Dither - diffuse algorithm, Pattern Transparency Dither - pattern-based algorithm, and Noise Transparency Dither - noise-based algorithm. In diffuse mode, the Amount slider becomes active, allowing you to change the diffusion value. What to put into practice? Depending on the purpose and image. I always leave the default - No Transparency Dither.
Click Save - the transparent PNG is ready. The work was done in Adobe Illustrator version CS4, but all actions and keyboard shortcuts are relevant for earlier versions.
If the image had clear boundaries, then no further processing is required. In the case of using shadows or if the borders of transparency are not quite clear, sometimes you have to tinker, reopening the created transparent PNG in Photoshop and erasing the borders of the image with an eraser one pixel at a time. If the transparent PNG was made by someone else, and you need to use it and the background color of the image is significantly different from the background color of the web page, then such edge processing is simply necessary. We'll have to use the Pencil tool to align to the edges of the colors, selecting pages close to the background. In this case, it is necessary to convert the image to RGB before processing, and at the end of it - back to indexed colors. The pictures show how this is done. The first drawing is a transparent PNG, prepared for a red background (a rough red border is visible on a white background), the second is an enlarged border, completely removing which we get "teeth".