Tutorial search

Tutorials
Stuff
Affiliates

Cool Stuff




The fastest way to master the basics of Adobe Photoshop

Click here to find out how

Photoshop Templates


Featured Photoshop templates - professional ready to use designs for your next project.

View all templates

Gel Tablets - Gimp tutorial


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”.
Category: Gimp tutorials > Special Effects - Difficulty:


More cool Gimp tutorials:



Smelting text / Creating blood text
Smelting text / Creating blood text
In this tutorial I show you how you can liquify / smelt text or other graphical objects. I'm going to demonstrate this by creating a blood text.
Category: Gimp tutorials > Web Graphics - Difficulty:
3 Ways to Put an Image in Your Text - Image overlay effects!
3 Ways to Put an Image in Your Text - Image overlay effects!
3 Ways to Put an Image in Your Text - Image overlay effects!
Category: Gimp tutorials > Text Effects - Difficulty:
Animated Border Highlight - Add an animated shine highlight to your borders
Animated Border Highlight - Add an animated shine highlight to your borders
Animated Border Highlight - Add an animated shine highlight to your borders
Category: Gimp tutorials > Animation - Difficulty:
Simple Scanlines
Simple Scanlines
The effect of scanlines is pretty popular, mainly for forum-signatures. This tutorial shows probably the easiest way to do this simple effect in the GIMP, in just 4 very short steps!
Category: Gimp tutorials > Photo Effects - Difficulty:
Easy Avatars/Patterns
Easy Avatars/Patterns
Always a different outcome, and its not just for avatars.All kinds of patterns can be made.
Category: Gimp tutorials > Drawing - Difficulty: