ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create a Cool Glass Text Effect with GIMP

Updated on February 5, 2015

Glass Text

One thing I need to say about this effect is, as you can see, it may not look so "cool" on a white background, but it works pretty well on others. Before we get started with this tutorial, there are a few things we'll be needing, which I have provided here below:

Open the image manipulation program GIMP. In GIMP's main menu, you'll want to select File > New. In the Create a New Image dialogue, select 5000 pixels for Width and 3000 pixels for Height and click OK.

Click thumbnail to view full-size
New project dialogue
New project dialogue
New project dialogue

Click to open the Layers, Channels, Paths, Undo - Brushes, Patterns, Gradients dialogue, which you can find by clicking Windows > Recently Closed Docks. With this dialogue opened, you'll be looking for a square icon that reads "Create a new layer... in its beginning text. It will be approximately midway down the Layers, Channels, Paths, Undo - Brushes, Patterns, Gradients dialogue along with a complete set of icons of various functions - it being the very first icon in the set.

Click thumbnail to view full-size
New layer
New layer
New layer

Go ahead and click this icon to open the Create a New Layer dialogue. You don't need to worry about any of the settings in this dialogue. Simply click OK. Next, you'll be looking for GIMP's text settings, which you will find in GIMP's Toolbox - which should be the opened dialogue on the left side of the program.

Towards the top of this dialogue, there will be an icon in the shape of an A that reads Text Tool when you hover it. Click this icon and you will notice a new dialogue has opened in the section of GIMP's Toolbox under the section titled Tool Options.

Click thumbnail to view full-size
Text tool options
Text tool options
Text tool options

In this section, under Font, choose Times New Roman, Italic, under Size select 2717 and, under Justify, select Centered.

Click thumbnail to view full-size
Centered selected
Centered selected
Centered selected

Now, to type out your text. To do that, left click and hold your mouse and then drag it across GIMP's canvas from one side to the other.

Click thumbnail to view full-size
GIMP's canvas
GIMP's canvas
GIMP's canvas

I typed out the letter G for my text. By the way, we'll be doing only one word at a time for this tutorial. But worry not, for there is a method to my madness here. With your first letter typed out, you'll want to highlight it by dragging your mouse over the letter. Afterwards, click the Bold letter An icon. We want bold text.

Click thumbnail to view full-size
Text highlighted
Text highlighted
Text highlighted

Once you have the first letter of your text typed out, go back to the Layers, Channels, Paths, Undo - Brushes, Patterns, Gradients dialogue and, towards the top of the dialogue, you should be seeing a row of eyes each with Background, Layer and your letter box (a box with the letter T inside) next to each one. These are your layers.

Right click the top layer and select Discard Text Information. Right click it again and select Merge Down. Right click it one more time and select Alpha to Selection.

Click thumbnail to view full-size
Alpha to selection
Alpha to selection
Alpha to selection

Now, in GIMP's menu, click Select > Shrink. In the Shrink Selection dialogue, choose 1 pixel and click OK. Go back to the same menu and click Invert. This time, go to Filters > Blur > Gaussian Blur. In GIMP's Gaussian Blur dialogue, select 1.5 pixels (Note that you may have to type in 5 rather than using the up & down arrows provided in the dialogue) for both Horizontal and Vertical Blur Radius and click OK.

Click thumbnail to view full-size
Gaussian Blur
Gaussian Blur
Gaussian Blur

Go to Select again, but click None instead this time.

Glass Effect

Now, for the "icing on the cake". Go back to the Layers, Channels, Paths, Undo - Brushes, Patterns, Gradients dialogue, right click the layer that says Layer and select Alpha to Selection. Next, go to Filters > Alpha to Logo > Glass Effect Alpha. In the Script-Fu: Glass Effect Alpha dialogue, under Glass Color, enter the color 0000b8. Under Glass Depth, select 10 and, under Shadow color, enter 00005a and click OK.

Click thumbnail to view full-size
Glass effect
Glass effect
Glass effect

Turn off visibility for the Background layer by going to the Layers, Channels, Paths, Undo - Brushes, Patterns, Gradients dialogue and click the eye icon next to that layer. Save your first letter. Repeat the above steps for each letter you'd like to create for your text.

Click thumbnail to view full-size
Visibility off
Visibility off
Visibility off

Alinement of Letters

Once you have all your letters created, be sure you have visibility turned on for all layers except the Background layer. Right click your top layer, select Merge Visible Layers and click Merge. Right click that layer and select Delete Layer. Create another layer. Turn on visibility for the Background layer.

To align our letters, we are going to create a guide. To do that, select Image > Guides > New Guide. In the Script-Fu: New Guide dialogue, choose Horizontal for Direction and 2500 for Position and click OK.

Click thumbnail to view full-size
Guide created
Guide created
Guide created

Now, open the first letter of your text that you saved by selecting File > Open in GIMP's menu. The letter will open up in a new window. The first thing we want to do is re-size it by clicking Image > Scale Image in the new window that opened up. In the Scale Image dialogue, choose a size that will allow the placement of all the letters you created. In my particular case, I chose 2500 pixels for Width.

No need to bother with the Height. Just click the Scale button. Paste your first letter onto GIMP's canvas by selecting Edit > Copy from the first letter's menu and then go to the main menu and select Edit > Paste. With the letter pasted, you can move it into position by clicking on the Move Tool in GIMP's Toolbox.

Click thumbnail to view full-size
Move tool
Move tool
Move tool

Use the guide we placed as a reference. Perform the same task with all your letters until you have all them positioned. The last thing you'll need to do before your finished is: go to the Layers, Channels, Paths, Undo - Brushes, Patterns, Gradients dialogue and click the anchor icon to anchor the final letter.

Click thumbnail to view full-size
Anchor letter
Anchor letter
Anchor letter

The Finishing Touches

Now, to give our text a cool effect and to increase its quality. click Select > None. right click your text layer and click Alpha to Selection. Now, go back to Select > Shrink and shrink by 1 pixel. Head back to Select and choose Invert. At this point, select Filters > Blur > Gaussian Blur and blur by 1.5 pixels. Click Select > None. Then right click the text layer again and select Alpha to Selection. Go to GIMP's Toolbox and select the Blend Tool.

With the Blend Tool selected, you should see a new section under Tool Options. For Gradient, select FG to Transparent and be sure you have the color white selected in Foreground & background color box.

Click thumbnail to view full-size
Foreground and background color box
Foreground and background color box
Foreground and background color box

Now, hover your mouse inside a letter and, starting from the top of the letter, left click and hold and then drag your mouse down letting go about halfway down the letter.

Click thumbnail to view full-size
Applying blend
Applying blend
Applying blend

My GIMP Poll

Which of my Hubs regarding GIMP did you find most helpful?

See results
Click thumbnail to view full-size
Blend tool
Blend tool
Blend tool

Your Comments welcomed

    0 of 8192 characters used
    Post Comment

    • Danielspages2013 profile imageAUTHOR

      Daniel Baker 

      3 years ago from João Pessoa, Paraíba, Brazil

      Not a problem

    • profile image

      Jacobb9205 

      3 years ago

      Wow, great tutorial, thank you!

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)