Subscribe
Tutorial search

Gimp Transparent Tutorials


Sort by:
GIMP - How to remove, change or make background transparent
GIMP - How to remove, change or make background transparent
A step by step guide on how to remove, change or make background transparent using layer masking in GIMP.
Difficulty:
Transparent Monitor
Transparent Monitor
With a little help from your friend, the GIMP, you too can make your monitor look like it was poorly built.
Difficulty:
Transparent Glass Lettering
Transparent Glass Lettering
Learn how to make a stunning glass text effect. Adapted from a Photoshop tutorial.
Difficulty:
Remove white
Remove white
Though called "remove white" this tutorial actually shows how to make a white area transparent. In the GIMP you can do this trick with any color. This feature is popular with people who want to use texture templates that come with games
Difficulty:
Gel Tablets
Gel Tablets
We initiated the design with a NEW LAYER of transparent background. For this case, we used one in dimensions of 600x400, defining a rectangular selection with cleared corners, of the following way:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel01.jpg[/img]

Fact this, we created another NEW LAYER of transparent background, active for default in the Layers Dialogue with the selection before defined; to this new layer we will apply "degrades" of colors from one clear one to the one dark in sense of the left corner superior to the right inferior corner; notense the configurations and ways applied in the tool when making this first one degrades of "front to background":
Opacity = 100
Mode = Normal
Degraded = Front to Background
Slide = 0
Form = Radial
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel02.jpg[/img]

On this active layer, we will make a second degrades, but in this case, the configurations you would was modified:
Opacity = 10
Mode = Clarear Only
Degraded = Front to Transparency
Slide = 100
Form = Radial
Allowing to obtain the following effect of "front to transparency":
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel03.jpg[/img]

[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel04.jpg[/img]

This way we will give to light and shade to the designed section, looking for to generate a volume effect.

Until the moment, the rectangular selection has not been eliminated, and that following to create a NEW LAYER of transparent background, it activates in Layers Dialogue and keepeing the selection area, we colored with white color:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel05.jpg[/img]

With the tool of "rectangular selection", we delimited a zone that this over horizontal half of the designed section, in order to be able "to cut" of the following way:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel06.jpg[/img]

To the part that is left us of the white section, we will apply to Filters/ Defocusing Blur/ Defocusing Gaussian in ranks similar to the shown ones:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel07.jpg[/img]

Again, with the "magical twig" tool, selection with mark in "combined sample" we selected of the following form:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel08.jpg[/img]

We created a NEW LAYER in transparent background, and, in the Layers Dialogue, we deactivated the layer painted whit white color, created in previous steps; we have left as the layer of colors resulting in degrades and an area is transparent selected:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel09.jpg[/img]

Maintaining this selection active, we will use the tool again "degrades" this time of vertical way from above downwards, with the reinitiated parameters of the tool of the following way:
Colors: For Default, White/Black (In Front/Background)
Opacity = 100
Mode = Normal
Degraded = Front to Transparency
Slide = 0
Form = Linear
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel10.jpg[/img]

We duplicated the layer: Layer/ To Duplicate Layer
For default our active layer is the last created (Duplicated Layer), so we will invest it of the following form: Layer/ To Transform/ To turn around vertically
And we eliminated all type of mark of selection with "Selecting/ Nothing"

To the obtained result (left image), we will apply an adjustment in the levels of brightness (-50 in this case) and of opacity (70 for this layer), managing to diminish the visibility of the inferior layer and obtaining an effect like this (right image):
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel11.jpg[/img]

Following step, we created a NEW LAYER in white background and, with Duplicating Layer, we duplicated the layer of the "colored original design".
Locating this layer duplicated on the white layer; after diminishing the opacity of the "original design" (opacity = 70), we downwards moved some pixels, and we apply defocus with Blur Defocusing (30 xs 30) looking for to generate a shadows effect;
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel12.jpg[/img]

To obtain the required effects, we need keep the order structure in Layers Dialogue, locating our different layers with its respective effects as it is indicated:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel13.jpg[/img]

We created a NEW LAYER in transparent background and we added a rectangular selection of smaller dimensions to those of our original image, moving it downwards:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel14.jpg[/img]


Tip for this step, after selecting the original design, we give to Selecting to Shrink (Shrink)

Defined the location of our new selection, we painted with white color and we applied Filters/ Defocusing/ Gaussian Defocusing (50 x 50)
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel15.jpg[/img]

This last layer, in the Layers Dialogue, to be located over all the previous layer, and in "to overlap" mode, obtaining an effect of transparency of the designed object.
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Gel16.jpg[/img]

Additionally, we will be able to add images and/or text, giving the opacity to these new layers, as if to be identifiers of button, gel tablets logotype, or "virtual candies".
Difficulty:
Broken Glass
Broken Glass
We began selecting an image; for this case, we chose this:
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Homeworks/Crash00.jpg[/img]

We created a NEW LAYER in bottom "is transparent" (Line), and, with the pencil, we made outlines like those of the graph of down.
In order to make straight outlines, with the tool "pencil" and maintaining pressed Shift the outline towards the other end of the starting point"
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Crash01.jpg[/img]

Soon, we created a NEW LAYER in "white" bottom; We duplicated the Line Layer and in the Picture of Dialogues, we positioned this new layer (Copy of Line) on the white layer.
"To combine" the layer downwards Copy of Line and White Layer in a single one.
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Crash02.jpg[/img]

Located on the layer recently combined, denominated "Gray", we will begin to select with the suitable tool but different sections from the graph, for, using the "bucket" of painting, to begin to color in different tonalities from gray.
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Crash03.jpg[/img]

Fact this, we applied to Filters Gaussian Defocusing in 5 x 5 (vertical and horizontal respectively).
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Crash04.jpg[/img]

After these actions, we activated Original Layer Image and we applied to the Filters Map To move (x=30, y=30) using as "gray map" the layer.
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Screenshots/Crash05.jpg[/img]

We must maintain organized the layers in the order and following way:
It castrates Line - Modo=Dividir - Opacidad=30
It castrates Grays - Modo=Dividir - Opacidad=30
Background (original image)

This way we obtain the final result"
[img]http://i104.photobucket.com/albums/m161/j_figueroa_g/Homeworks/Crash07.jpg[/img]
Difficulty:
Search Term(s) (1): transparent