ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create a glossy text with star pattern inside in GIMP 2.8

Updated on April 24, 2013
Glossy text with star pattern inside created in GIMP 2.8
Glossy text with star pattern inside created in GIMP 2.8

In this tutorial I will show you how to make a text which looks as if it was made of glass or shiny plastic with star pattern inside. Following my step-by-step instructions you will learn not only how to make this text, but also some handy tips on how to use GIMP 2.8.

If you do not have GIMP yet, find it here: GIMP

Also for this tutorial you will need a star brush like the one I create in my previous tutorial, if you do not have the one, please check how to make it here:

How to make a star brush in GIMP 2.8 tutorial

Step 1

Open GIMP, create a new file by going to File / New 1200 x 800px in horizontal position.

Step 2

Take Text Tool, set:

Font – Digifit (it comes with GIMP 2.8)

Size – 150

Colour - #db0000

Line spacing – “-30”

Letter spacing – “20”

Pull from one corner to another one to create a rectangle which is going to be place for your text.

Type text “Game World”, both words should start with capital letter and word “World” should be placed on a separate line right underneath the word “Game” and position this text in the middle of the canvas (just pull top boundary of the text towards the middle) see fig 1.

Fig. 1  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 1 Making a glossy text with star pattern inside in GIMP 2.8

Step 3

Go to Layer / Layer to Image size.

Step 4

Create a new Transparent Layer by going to Layer / New / Transparency.

Select the layer with text, right click Alpha to selection see fig 2.

Go to Select / Grow / 12px.

Fig. 2 Making a glossy text with star pattern inside in GIMP 2.8
Fig. 2 Making a glossy text with star pattern inside in GIMP 2.8

Step 5

Select the top layer (empty transparent layer) and set your Foreground colour to Black.

Take Bucket Tool and fill the selection with black.

Go to Select / None.

Step 6

Move the layer with black text below the layer with red text by using the green arrow at the bottom of the Layers tab or go to Layer / Stack / Lower layer see fig 3.

Fig. 3  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 3 Making a glossy text with star pattern inside in GIMP 2.8

Step 7

Take Move Tool, click on the image to activate it, then using the arrows on your keyboard, move the layer with black text a bit down see fig 4.

Fig. 4  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 4 Making a glossy text with star pattern inside in GIMP 2.8

Step 8

Select the layer with red text, right click Alpha to selection.

Go to Select / Invert.

Go to Filters / Light and Shadow / Drop Shadow.

Set:

Colour – White

Offset X – 3

Offset Y – 3

Blur Radius – 5

Allow resizing – Unchecked

Go to Select / None.

Now you should have a thin white line on the left hand side of the letters see fig 5.

Fig. 5  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 5 Making a glossy text with star pattern inside in GIMP 2.8

Step 9

Select the layer with red text, right click Alpha to selection.

Create a new Transparent Layer by going to Layer / New / Transparency.

Place it below the layer with red text.

Take Bucket Tool, set your Foreground to White and fill the selection.

Go to Select / None.

Step 10

Take Move Tool, click on the image to activate it, then using the arrows on your keyboard, move the layer with white text a few pixels down see fig 6.

Fig. 6  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 6 Making a glossy text with star pattern inside in GIMP 2.8

Step 11

Select the layer with red text, right click Alpha to selection.

Keeping the selection create a new Transparent Layer by going to Layer / New / Transparency.

Make sure this new transparent layer is under the “Drop Shadow” layer.

Step 12

Take Brush Tool, find your Star brush, click on it, a small window will be opened then click on the small brush (first icon at the bottom on the right) see fig 7.

In Brush tab set the Spacing to 110.

In Tool Options, set the Size to 250, Dynamics Off.

Fig. 7  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 7 Making a glossy text with star pattern inside in GIMP 2.8

Step 13

If you do not have Rulers activated go to View / Show Rulers.

Pull a line down from the top ruler and place it at the bottom of the letter “G” see fig 8.

It will help us to position our brush according to the letters.

Fig. 8  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 8 Making a glossy text with star pattern inside in GIMP 2.8

Step 14

Take your Star Brush, click once to make a start point at the beginning of the letter “G”, then holding down Sift key on your keyboard, pull the brush across the letter and click once see fig 9.

Fig. 9  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 9 Making a glossy text with star pattern inside in GIMP 2.8

Step 15

Repeat “Step 14” for the rest of the letters.

Then go to Select / None see fig 10.

You do not have to do it like this separately for every letter, instead you can set a starting point at the beginning of the letter “G”, pull across the whole word “Game” and set the ending point at the end of letter “E”. However doing letter by letter allows for a more neat effect.

Fig. 10  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 10 Making a glossy text with star pattern inside in GIMP 2.8

Step 16

Select the layer with red text, right click Alpha to selection.

Click on the top layer, then create a new Transparent Layer.

Keeping the selection, take Rectangle Select Tool and in Tool Options set Mode to Subtract from Selection see fig 11.

Fig. 11  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 11 Making a glossy text with star pattern inside in GIMP 2.8

Make selection as shown in fig 12 where the whole text should be selected apart from the top half of the word “Game” which if fact is going to create exactly the opposite effect.

Fig. 12 Making a glossy text with star pattern inside in GIMP 2.8
Fig. 12 Making a glossy text with star pattern inside in GIMP 2.8

Step 17

Set your Foreground to White.

Take Blend Tool, in Tool Options set Gradient to FG to Transparent, Shape to Linear.

Pull gradient from the bottom of the selection to the top of the selection see fig 13.

Go to Select / None.

Fig. 13  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 13 Making a glossy text with star pattern inside in GIMP 2.8

Step 18

Repeat the process from “Step 16”, but this time select everything apart from the bottom half of the word “World” see fig 14.

Fig. 14  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 14 Making a glossy text with star pattern inside in GIMP 2.8

Step 19

Repeat the process from “Step 17”, but this time pull the gradient from the top of the selection to the bottom of the selection see fig 15.

Go to Select / None.

Fig. 15  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 15 Making a glossy text with star pattern inside in GIMP 2.8

Step 20

Reduce the opacity of the layer with white gradients to about 88% see fig 16.

Fig. 16  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 16 Making a glossy text with star pattern inside in GIMP 2.8

Step 21

Now you can remove the guides (blue line), go to View / Show Guides (uncheck it).

Select Background Layer, set your Foreground to Red colour #db0000, Background colour to Black.

Take Blend Tool, in Tool Options set Gradient to FG to BG, Shape to Bi-Linear.

Pull gradient from the middle of the image to the bottom see fig 17.

Fig. 17  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 17 Making a glossy text with star pattern inside in GIMP 2.8

Step 22

Create a new Transparent Layer by going to Layer / New / Transparency.

It should be right above the Background Layer.

Set your Foreground colour to White.

Take Blend Tool, set Gradient to FG to Transparent, Shape to Radial.

Pull the gradient from the middle of the image to the end of the left side of the image see fig 18.

Set this layer to Overlay.

Fig. 18  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 18 Making a glossy text with star pattern inside in GIMP 2.8

Step 23

Select the layer with black text, go to Filters / Light and Shadow / Drop Shadow.

Set:

Colour – Black

Offset X – 5

Offset Y – 5

Blur Radius – 12

Allow resizing – Unchecked

Reduce Opacity of this layer to about 33% see fig 19.

Fig. 19  Making a glossy text with star pattern inside in GIMP 2.8
Fig. 19 Making a glossy text with star pattern inside in GIMP 2.8

Step 24

Go to Image / Flatten Image.

To save the image, go to File / Export / Give name to the image/ Choose JPEG as extension / Export.

For older versions of GIMP, go to File / Save as / Give name to the image/ Choose JPEG as extension / Save.

Tutorial requests

What GIMP tutorial would you be interested in?

See results

Comments

    0 of 8192 characters used
    Post Comment

    No comments yet.

    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)