TheJoe.it
  • Policy
    • Cookie PolicyWhat you are visiting is not a commercial site and the articles published in this blog does not contain any form of advertising, even targeted. I firmly believe in the open source philosophy, and I write my articles to help the Internet community to grow for free. My real contribution is the direct payment of the domain and the web space on which it is hosted on this site, also contribute with my items, I write for the good of the community and for which I do not receive any compensation. For this reason I give up right away to the inclusion of my articles on other sites they can develop a financial return (per se or other) the inclusion of these items. Are otherwise conducive to exchanging links, Pingback, or any other form of sharing remains free as long as free, no gain or for me, or for other others. Precise also confirm that this blog can not be called news organization for the purpose of the recent laws and decree-laws now in force.
    • Privacy policy
  • Portfolio
    • Projects
  • Preventive
  • Contacts

Tutorial: Give the glass effect / water

Published by TheJoe on 26 May 201026 May 2010

Caution


This article was published more than a year ago, there may have been developments.
Please take this into account.

Today's tutorial is a bit’ long, I wanted to document in detail all the steps, so that they could be understood without reading the explanations, but only flipping through the images.

Gimp with the photographic manipulations are very easy, but the technique which I will discuss today is quite complex, and write in this post also to remember it in the future. Today we start from a subject monochrome, and end up with having the same subject with the water effect.

To create the effect we will use all our flour sack, with the exception of are. Anyone is free to use the font that best satisfies the, preferably with rounded corners (It must seem written with water) and since I personally hate the “Comic Sans MS” I decided to use the '”Arabolical“.

Let's start with the classic white sheet. Measurements 640 x 480 px that coloreremo with a gradient mode “radial“of the same color in two different tones: #017189 and #00acd2.

The second step is to create a beautiful text capable of denigrating more that of praise. Categorically in white:

We will also add those who will become water drops. Create a new layer and do the dots with the tool “Brush“:

New level

Unlikely the drops are so regular and rounded. We will use the tool “iWarping” to deform a little ':

iWarping

The most useful thing the filter “iWarping” It is definitely the space devoted to’preview:

Merge in the low level of the drops “pasting” to that of the text, “click with the right level” – “Merge Down” (make sure we have the two levels involved one over the other):

Now we duplicate the layer with the appropriate button:

Duplicate Layer

To order call levels “Level 1” (one high) and “Level 2”. Click with the right- “Level 2” and select “Alpha to Selection”. Should be selected only the outline.

Now we go to the tab “Channels“:

Channels

And we create a new channel from selection:

New Channel

With the following characteristics:

Staying in the tab of the “Channels” apply three different blurring to the newly-created channel. Respectively 7, 4 and 1 pixel.

Work is finished we make invisible channel, by pressing the appropriate button:

Press "Hide channel"

Now we play with the “lighting effects”. Let's go back in the tab “Levels“, we select the “Level 1” and go into the menu “Filters” – “Light and shadow” – “Lighting Effects“:

Let's create a mappa a sbalzo the channel that we have blurred a little while ago:

Now it's up to lighting effects. Here is the first:

And now the according to:

And now the choice of materials:

Seen that the process of “Mappa a sbalzo” it is not always intuitive to understand, I published a small screencast which explains the “Mappa a sbalzo” at bottom of page.

Finally, we can click the button “Ok“. This should be the result:

Now by always selecting the “Level 2” go to lock the alpha channel, by clicking on the check box:

Block the "Alpha Channel"

We set up a Gaussian blur with radius 4px, subsequently we unlock the channel. Do not feel like nothing happened, but this little trick makes the work more realistic eye.

Now we will make Transparent our text. After selecting the “Level 1” go on “Colors” – “Color to Alpha“:

And we select a gray not too dark.

Color to Alpha

This little trick does nothing but make transparent fill in the gray areas that we have chosen. The most useful feature of this tool is that it does not just remove the areas of the same color, but makes semi-transparent colors neighboring that have the same color scheme.

Now to make it more realistic to add a small shadow. Click with the right of “Level 1” and select “Alpha to Selection“, as before:

And we select “Drop Shadow” from the menu “Luci ed ombre“:

The settings will enter these:

Drop Shadow

Now select the “Level 2” and we set the opacity to 50% using the appropriate tool in the Layers dialog:

Slider opacità

Click with the right always on “Level 2” and once again select “Alpha to Selection“. Now we use a filter called “Whirl and Pinch“. We use this filter to give a’reflection effect our water:

With the following options:

Whirl and Pinch

And here's to you final result:

P.S. Following the screencast in the displacement map.

At the next tutorial!

Not enough?

Tutorial: create a fabric type jeans from scratch with ...
Graphics: interpolation to resize ...
Spigografo, a script-fu for Gimp
Effetti luce alle immagini con Gimp e il pack R...
Tutorial: golden effect on the water with Gimp
Tutorial: frame and rounded corners with GIMP
The mouse pointer GIMP
Resize multiple images in one go
G’MIC, the open source GIMP plugin ... ...
Hugin and panoramas: some tips for ...
Import tracks from Inkscape, Gimp
Change the dpi / ppi of an image with Gimp
Categories: GimpGraphicsTips
Tags: watercoloreffectsglass effectfiltersgimpgradientGraphicslogoplugintutorial

TheJoe

I keep this blog as a hobby by 2009. I am passionate about graphic, technology, software Open Source. Among my articles will be easy to find music, and some personal thoughts, but I prefer the direct line of the blog mainly to technology. For more information contact me.

10 Comments

TheJoe · 12 February 2011 at 5:56 AM

Honestly… can not be. 😉

Once you have created the new channel should be able to see it with all the plug-in. The path to the effects of light is “Filters” – “Light and shadow” – “Lighting Effects”. Active, the bump map with a flag and select the channel.

Try to send me a screencast of your procedure, see if there are any in.

Reply

Other · 11 February 2011 at 8:53 PM

Alora after many attempts I noticed that:

the channel appears on filters if I select map and bump map. Continues to broaden its not there be lights in the filter…

Reply

TheJoe · 11 February 2011 at 1:23 PM

I give the channel invisible, I go back to the tab of the levels, I select the text layer and apply lighting effects…

Reply

Other · 10 February 2011 at 9:42 PM

I saw the video: make invisible when the channel where you run away with the pointer? 🙂

Reply

TheJoe · 10 February 2011 at 8:46 PM

I still do not understand.. probably I can not explain well. I made a screencast, the public also in the article. I hope you help.

http://www.youtube.com/watch?v=VlZL2bBCsrU

Reply

Other · 10 February 2011 at 6:46 PM

🙂 Creo lo sfondo (Radial Gradient), I create the text (I do not apply the drops) I duplicate the layer and apply on the original level in the alpha Selected.

On channels create a new channel and cue “initializes the selection (opacity 100%) I apply the blur guassiana (3 times with 3 different values) and I make the channel invisible.
I select the copied layer to go on the panel lights: Map cantilevered I get the channel, Applying the lights (materials and the map which I think is a level) I do not get your result.

Reply

TheJoe · 10 February 2011 at 6:26 PM

Ummhh.. I find it strange.. let's recap for a moment.

You come to have written (with drops) in white on a different background, but on different channels, right?
– click with the right on the LEVEL of the text -> “selection to Alpha”,
– CHANNELS create a new tab in the channel as shown,
– imposed the three blur (7, 4 and 1 px),
– deselect and make invisible the channel.

I do not understand what you do not is clear..

Reply

Other · 10 February 2011 at 6:13 PM

Unfortunately I follow to his letter but also that part of the channel in the displacement map is not…. uffff

Reply

TheJoe · 10 February 2011 at 2:42 PM

Hello, thanks for the compliments, but I guess you missed a step.. Resume With: “Now we go to the tab “Channels”:” – “And we create a new channel from selection”.

The new channel will then blurred, made invisible and will be available later in the window of “mappa a sbalzo”.

Reply

Other · 10 February 2011 at 1:08 PM

Salve, congratulations for the article.
I have a problem when they apply the lights: in the panel as an image for the bump map should select the channel created just before? In my list there is the channel. What do you mean “Let's create a bump map of the channel that we have blurred a little while ago”?

Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Speak easy!
EnglishItalianoFrançaisDeutschРусский
Close
Sponsor
Policy.. in few words

TheJoe.it is a blog that deals with IT and Graphics, but it is not a journal as it is updated without any periodicity. TheJoe.it therefore can not be considered an editorial product under Law No.. 62 the 7.03.2001. TheJoe.it is subject to license Creative Commons Noncommercial Sampling Plus 1.0 License. To learn more, please read the page Blog Policy

Related Posts

Gimp

Select the layer by clicking the image with Gimp

Today we return to talk about graphics. In reality, today's is a little advice on the Gimp configuration that will save us a lot of time. When you are working with very complex images, Read more…

GNU/Linux

Putting a program in the background with “screen”

Today we talk about screen: a small utility command line for Linux systems. Screen, quite simply, It is able to multiply the terminals at our disposal, to unhook a terminal by its own process and Read more…

Networking

Add images in the message body

Today we see three techniques to show the images in the HTML body of the body of an email. These procedures are not always indicated, and I recommend its use only for the composition of the newsletter and a few others Read more…

Contacts

Navigation
  • Policy
    • Cookie Policy
    • Privacy policy
  • Portfolio
    • Projects
  • Preventive
  • Contacts

TheJoe.it

  • Creation / Maintenance websites
  • Creating revision logo / brand name
  • SEO
  • Photo Editing
  • creating flyers, brochure, etc..


  • logo

    • Policy
    • Portfolio
    • Preventive
    • Privacy policy
    • Cookie Policy
    • Contacts
    TheJoe.it © | Powered by WordPress
    sponsored