Post Reply 

Making Trophies With GIMP

Feb 26, 2014, 01:40
Post: #1
Making Trophies With GIMP
hello all, im brand new here to the forums, and litterally spent about 10 minutes messing around with GIMP, and so far i like it, but is extremely confusing!

I, for another game, have been chosen to make 3 trophies for a "competition" held in the game... I need to make a gold, silver, and bronze trophy, and should be made from scratch... so my questions follow, as I hope somebody could kindly help a newbie here Blush

-How would I make a trophy, that LOOKS realistic, like somebody took a picture of it?
-How could I (after I made the design of the trophy) make the whole thing gold, silver, and then bronze?
-How long will this process take, to make a good looking trophy from scratch?
-Can I add text, and a background image IN GIMP? or do i have to transfer the file into another program to add a background image to the trophy, or add text to the trophy?

Im sure I have more questions, as im BRAND new to GIMP, and simple terms/explanations are needed until i get my bearings! Blush

so if anyone can help me with this, I would appreciate it TREMEDOUSLY!
-Plow250
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 03:08 (This post was last modified: Feb 26, 2014 03:09 by iForStyle007.)
Post: #2
RE: Making Trophies With GIMP
Working on a short text tutorial complete with pictures! but browsing the forums right now, stay tuned ^_^, its not too long of a process.
Visit this user's website Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 06:22
Post: #3
RE: Making Trophies With GIMP
(Feb 26, 2014 01:40)plow250 Wrote:  -How would I make a trophy, that LOOKS realistic, like somebody took a picture of it?
Gimp is a 2D graphics program, to create realistic 3D objects you should use a tool like Inkscape or Blender.
That being said you can simulate 3D effects in Gimp with some effort.
(Feb 26, 2014 01:40)plow250 Wrote:  -How could I (after I made the design of the trophy) make the whole thing gold, silver, and then bronze?
Easily. Choose an appropriate metal gradient and map it to your trophy.
(Feb 26, 2014 01:40)plow250 Wrote:  -How long will this process take, to make a good looking trophy from scratch?
As a beginner, some time I would imagine if you don't find an appropriate tutorial that you can follow step by step.
(Feb 26, 2014 01:40)plow250 Wrote:  -Can I add text, and a background image IN GIMP? or do i have to transfer the file into another program to add a background image to the trophy, or add text to the trophy?
Yes you can do all that in Gimp.

Since you did not describe the trophy and they come in a wide variety of designs, I produced a basic 'cup' style for demonstration purposes. You could possibly find an appropriately licensed image on the web that you could use but you did say it was going to be used commercially (in game) so it might cost some $$$.
I also added some basic text and backgrounds too.
See images below. If you request, I can upload the xcf file for you to investigate/modify to suit your needs. Let me know.
Smile


Attached File(s) Image(s)
           
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 07:33 (This post was last modified: Feb 26, 2014 07:35 by iForStyle007.)
Post: #4
RE: Making Trophies With GIMP
Cool, a trophy from scratch! Shouldn't take too long, I just type some XD.

1.
The brainstorm:
maybe come up with how you want your trophy to look,
type of game competition is it? (or genre) (racing, card, fighting, etc.)

For a standard cup trophy, image search "trophy" & pick one to model it after, then move on to the next step vvvv

2.
Apply the idea:
To get you started right away, I found a great tutorial on tracing with paths tool .
Path
Its like drawing, but you have more control over the curves / lines.
http://www.dreevoo.com/content.php?id=696

After you trace the outline of the cup, add an ellipse path to the top for the inside of the cup.
Ellipseselect tool, then fill with a darker color with Bucketfill bucket fill
(See image "B.")

If your good / ok with drawing, the paintbrush tool (Paintbrush) & pencil tool (Pencil) will suffice.

A.         B.
(Background greyed, to make the paths example more visible)

For the handles, you can just select the holes with the Freeselect free select tool or Fuzzyselect fuzzy select tool(if it works well) then select your trophy traced layer & push delete.
Select > None

For the wooden block stand, (Optional)

3.
second to last step Shading:

Next, you want to add the shading gradients to make the trophy look 3D.
-Select your trophy to the edges with the Rectselect rectangle select tool (see pic)
   
-Copy & paste as as new layer
Edit > Paste as... > new layer
(This is so the gradient will only go on the trophy, not the entire image itself)

Fuzzy select (Fuzzyselect) shift + click around the outside of the cup & handle holes
Select > Invert...

-Select the gradient blend tool Blend
Change the foreground color back to black

   
.
=Gradient: FG to BG (HSV clockwise...)
=Shape: "Bilinear" or "radial"
=Offset: 0.0

Then drag the line on the layer until you get something your happy with
after, control strength of blur after go to either
Colors > Brightness - contrast...
or
Colors > Curves...

4.
Change colors
-Duplicate the trophy layer
.
   
.
-Colors > Colorize
change the layer mode to "overlay" or "color" (try the other modes too)
Done!
   
(Click for full detail)

* Put the "inside of the cup" layer on top of the gradient layer & under the colorize layer, then use the Rotate rotate & scale tool (Scale) to adjust if needed.

*For the optional wooden stand block, put it under under all the layers &
in the bucket fill tool options use "()pattern" if you want texture

As with the above poster, I also have the original .xcf project file so you can play around with it, complete with the path of the traced cup if you want.

You can add a background image in either Gimp or Inkscape. In inskape you bypass stroking the selection since its like illustrator. But its nice that you can get it done in Gimp too.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 11:09
Post: #5
RE: Making Trophies With GIMP
(Feb 26, 2014 06:22)fluffybunny2 Wrote:  
(Feb 26, 2014 01:40)plow250 Wrote:  -How would I make a trophy, that LOOKS realistic, like somebody took a picture of it?
Gimp is a 2D graphics program, to create realistic 3D objects you should use a tool like Inkscape or Blender.
That being said you can simulate 3D effects in Gimp with some effort.
(Feb 26, 2014 01:40)plow250 Wrote:  -How could I (after I made the design of the trophy) make the whole thing gold, silver, and then bronze?
Easily. Choose an appropriate metal gradient and map it to your trophy.
(Feb 26, 2014 01:40)plow250 Wrote:  -How long will this process take, to make a good looking trophy from scratch?
As a beginner, some time I would imagine if you don't find an appropriate tutorial that you can follow step by step.
(Feb 26, 2014 01:40)plow250 Wrote:  -Can I add text, and a background image IN GIMP? or do i have to transfer the file into another program to add a background image to the trophy, or add text to the trophy?
Yes you can do all that in Gimp.

Since you did not describe the trophy and they come in a wide variety of designs, I produced a basic 'cup' style for demonstration purposes. You could possibly find an appropriately licensed image on the web that you could use but you did say it was going to be used commercially (in game) so it might cost some $$$.
I also added some basic text and backgrounds too.
See images below. If you request, I can upload the xcf file for you to investigate/modify to suit your needs. Let me know.
Smile

i have inkscape aswell Big Grin would that be more efficient for a realistic looking trophy? doesnt look animated, or like i drew it by hand

and it wont be used comercially, my friend in a game I play needs trophies made, just for a small competition... nothing with money, just for fun Big Grin
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 12:27
Post: #6
RE: Making Trophies With GIMP
(Feb 26, 2014 11:09)plow250 Wrote:  
(Feb 26, 2014 06:22)fluffybunny2 Wrote:  
(Feb 26, 2014 01:40)plow250 Wrote:  -How would I make a trophy, that LOOKS realistic, like somebody took a picture of it?
Gimp is a 2D graphics program, to create realistic 3D objects you should use a tool like Inkscape or Blender.
That being said you can simulate 3D effects in Gimp with some effort.
(Feb 26, 2014 01:40)plow250 Wrote:  -How could I (after I made the design of the trophy) make the whole thing gold, silver, and then bronze?
Easily. Choose an appropriate metal gradient and map it to your trophy.
(Feb 26, 2014 01:40)plow250 Wrote:  -How long will this process take, to make a good looking trophy from scratch?
As a beginner, some time I would imagine if you don't find an appropriate tutorial that you can follow step by step.
(Feb 26, 2014 01:40)plow250 Wrote:  -Can I add text, and a background image IN GIMP? or do i have to transfer the file into another program to add a background image to the trophy, or add text to the trophy?
Yes you can do all that in Gimp.

Since you did not describe the trophy and they come in a wide variety of designs, I produced a basic 'cup' style for demonstration purposes. You could possibly find an appropriately licensed image on the web that you could use but you did say it was going to be used commercially (in game) so it might cost some $$$.
I also added some basic text and backgrounds too.
See images below. If you request, I can upload the xcf file for you to investigate/modify to suit your needs. Let me know.
Smile

i have inkscape aswell Big Grin would that be more efficient for a realistic looking trophy? doesnt look animated, or like i drew it by hand

and it wont be used comercially, my friend in a game I play needs trophies made, just for a small competition... nothing with money, just for fun Big Grin
If you are comfortable with Inkscape, give it a whirl.
Since it is not a commercial usage, you could find a suitable image such as the one below, remove the background, create 3 metal finishes, voila!
Wink


Attached File(s) Thumbnail(s)
   

.zip  3 Trophies.zip (Size: 1.36 MB / Downloads: 26)
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 20:46
Post: #7
RE: Making Trophies With GIMP
(Feb 26, 2014 12:27)fluffybunny2 Wrote:  
(Feb 26, 2014 11:09)plow250 Wrote:  
(Feb 26, 2014 06:22)fluffybunny2 Wrote:  
(Feb 26, 2014 01:40)plow250 Wrote:  -How would I make a trophy, that LOOKS realistic, like somebody took a picture of it?
Gimp is a 2D graphics program, to create realistic 3D objects you should use a tool like Inkscape or Blender.
That being said you can simulate 3D effects in Gimp with some effort.
(Feb 26, 2014 01:40)plow250 Wrote:  -How could I (after I made the design of the trophy) make the whole thing gold, silver, and then bronze?
Easily. Choose an appropriate metal gradient and map it to your trophy.
(Feb 26, 2014 01:40)plow250 Wrote:  -How long will this process take, to make a good looking trophy from scratch?
As a beginner, some time I would imagine if you don't find an appropriate tutorial that you can follow step by step.
(Feb 26, 2014 01:40)plow250 Wrote:  -Can I add text, and a background image IN GIMP? or do i have to transfer the file into another program to add a background image to the trophy, or add text to the trophy?
Yes you can do all that in Gimp.

Since you did not describe the trophy and they come in a wide variety of designs, I produced a basic 'cup' style for demonstration purposes. You could possibly find an appropriately licensed image on the web that you could use but you did say it was going to be used commercially (in game) so it might cost some $$$.
I also added some basic text and backgrounds too.
See images below. If you request, I can upload the xcf file for you to investigate/modify to suit your needs. Let me know.
Smile

i have inkscape aswell Big Grin would that be more efficient for a realistic looking trophy? doesnt look animated, or like i drew it by hand

and it wont be used comercially, my friend in a game I play needs trophies made, just for a small competition... nothing with money, just for fun Big Grin
If you are comfortable with Inkscape, give it a whirl.
Since it is not a commercial usage, you could find a suitable image such as the one below, remove the background, create 3 metal finishes, voila!
Wink

so i could take them, seperate them, put a background picture behind them, and add names to the trophies correct? that would be cool Smile

and how do i create the metal finishes as you metioned? whats that? to kinda make it look somewhat animated, and not just a photoshoped picture??
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 22:05
Post: #8
RE: Making Trophies With GIMP
(Feb 26, 2014 20:46)plow250 Wrote:  
(Feb 26, 2014 12:27)fluffybunny2 Wrote:  If you are comfortable with Inkscape, give it a whirl.
Since it is not a commercial usage, you could find a suitable image such as the one below, remove the background, create 3 metal finishes, voila!
Wink

so i could take them, seperate them, put a background picture behind them, and add names to the trophies correct? that would be cool Smile

and how do i create the metal finishes as you metioned? whats that? to kinda make it look somewhat animated, and not just a photoshoped picture??
If that is the trophy type you want, the attached zip in my last message is an xcf file with the 3 metal finishes on separate transparent layers just awaiting your background and text.

I took the original 'gold' looking trophy and with an appropriate metallic gradient selected the metal part of the trophy, Colors->Map->Gradient Map.

As for animating, I assume you mean animated gif file?
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 22:55
Post: #9
RE: Making Trophies With GIMP
(Feb 26, 2014 22:05)fluffybunny2 Wrote:  
(Feb 26, 2014 20:46)plow250 Wrote:  
(Feb 26, 2014 12:27)fluffybunny2 Wrote:  If you are comfortable with Inkscape, give it a whirl.
Since it is not a commercial usage, you could find a suitable image such as the one below, remove the background, create 3 metal finishes, voila!
Wink

so i could take them, seperate them, put a background picture behind them, and add names to the trophies correct? that would be cool Smile

and how do i create the metal finishes as you metioned? whats that? to kinda make it look somewhat animated, and not just a photoshoped picture??
If that is the trophy type you want, the attached zip in my last message is an xcf file with the 3 metal finishes on separate transparent layers just awaiting your background and text.

I took the original 'gold' looking trophy and with an appropriate metallic gradient selected the metal part of the trophy, Colors->Map->Gradient Map.

As for animating, I assume you mean animated gif file?
no animations, my wording must have been off Big Grin thanks for the help, i will try to use them... for future refrences, to make those trophies you made in your XTF file, did you get pictures from like google images, or somewhere, and cut them out with the scossor tool?

after that, what did you do to them? and where do i find the other metal colors, so i can make one trophy, and change the color of it in the future? Big Grin

again appreciate the help
Find all posts by this user
Quote this message in a reply
Feb 26, 2014, 23:46
Post: #10
RE: Making Trophies With GIMP
(Feb 26, 2014 22:55)plow250 Wrote:  
(Feb 26, 2014 22:05)fluffybunny2 Wrote:  
(Feb 26, 2014 20:46)plow250 Wrote:  
(Feb 26, 2014 12:27)fluffybunny2 Wrote:  If you are comfortable with Inkscape, give it a whirl.
Since it is not a commercial usage, you could find a suitable image such as the one below, remove the background, create 3 metal finishes, voila!
Wink

so i could take them, seperate them, put a background picture behind them, and add names to the trophies correct? that would be cool Smile

and how do i create the metal finishes as you metioned? whats that? to kinda make it look somewhat animated, and not just a photoshoped picture??
If that is the trophy type you want, the attached zip in my last message is an xcf file with the 3 metal finishes on separate transparent layers just awaiting your background and text.

I took the original 'gold' looking trophy and with an appropriate metallic gradient selected the metal part of the trophy, Colors->Map->Gradient Map.

As for animating, I assume you mean animated gif file?
no animations, my wording must have been off Big Grin thanks for the help, i will try to use them... for future refrences, to make those trophies you made in your XTF file, did you get pictures from like google images, or somewhere, and cut them out with the scossor tool?

after that, what did you do to them? and where do i find the other metal colors, so i can make one trophy, and change the color of it in the future? Big Grin

again appreciate the help
Yes I found the image on Google Images.
The method of separating an image from it's background depends a lot on the particular image. In this case the background was just a single color and the trophy had pretty clear distinctions between itself and it's background.

So I used the Fuzzy select tool to choose the background parts into a single selection.
Then I grew the selection by 1 (Select->Grow) to deal with the partially transparent edges.
Converted the selection to a Path. (Select->To Path) To produce a smoother outline.
Converted the Path back to a selection (Select->From Path).
Then deleted the now selected background. (Edit->Clear).

To add the different metal looks to the cup parts of the image...
I used the Free Select tool to create a selection of the cup's base.
Saved the selection as a Channel for later use. (Select->Save to Channel)
Back in the Layers dialog, I duplicated my trophy layer twice more.
Now I have three layers each containing a trophy on a transparent background.
I named each of the layers appropriately based on the final color they would be.
Selecting the bronze layer, right click the layer and choose Alpha To Selection.
We now have the whole trophy selected. But we don't want the metallic gradient mapped to the base.
So click on the Channels dialog.
Click on the selection we saved as a channel earlier.
At the bottom of the Channels dialog is a red square icon.
Hover your mouse over it and you will see that it Replaces the Selection with this channel, and you can also Add, Subtract or Intersect the channel too.
I want Subtract this channel from the already selected trophy removing the base part from the selection.
So CTRL click the icon.
Now only the Cup part of the trophy should be selected and ready to map your chosen metallic gradient to it.
In the Gradients dialog, select a bronze metallic gradient.
(You can get some metallic gradients here or here or make your own.)
Now choose from the menu Colors->Map->Gradient Map.
Select the Silver trophy layer, and repeat the mapping process.
Smile
Find all posts by this user
Quote this message in a reply
Feb 27, 2014, 01:34
Post: #11
RE: Making Trophies With GIMP
(Feb 26, 2014 23:46)fluffybunny2 Wrote:  
(Feb 26, 2014 22:55)plow250 Wrote:  
(Feb 26, 2014 22:05)fluffybunny2 Wrote:  
(Feb 26, 2014 20:46)plow250 Wrote:  
(Feb 26, 2014 12:27)fluffybunny2 Wrote:  If you are comfortable with Inkscape, give it a whirl.
Since it is not a commercial usage, you could find a suitable image such as the one below, remove the background, create 3 metal finishes, voila!
Wink

so i could take them, seperate them, put a background picture behind them, and add names to the trophies correct? that would be cool Smile

and how do i create the metal finishes as you metioned? whats that? to kinda make it look somewhat animated, and not just a photoshoped picture??
If that is the trophy type you want, the attached zip in my last message is an xcf file with the 3 metal finishes on separate transparent layers just awaiting your background and text.

I took the original 'gold' looking trophy and with an appropriate metallic gradient selected the metal part of the trophy, Colors->Map->Gradient Map.

As for animating, I assume you mean animated gif file?
no animations, my wording must have been off Big Grin thanks for the help, i will try to use them... for future refrences, to make those trophies you made in your XTF file, did you get pictures from like google images, or somewhere, and cut them out with the scossor tool?

after that, what did you do to them? and where do i find the other metal colors, so i can make one trophy, and change the color of it in the future? Big Grin

again appreciate the help
Yes I found the image on Google Images.
The method of separating an image from it's background depends a lot on the particular image. In this case the background was just a single color and the trophy had pretty clear distinctions between itself and it's background.

So I used the Fuzzy select tool to choose the background parts into a single selection.
Then I grew the selection by 1 (Select->Grow) to deal with the partially transparent edges.
Converted the selection to a Path. (Select->To Path) To produce a smoother outline.
Converted the Path back to a selection (Select->From Path).
Then deleted the now selected background. (Edit->Clear).

To add the different metal looks to the cup parts of the image...
I used the Free Select tool to create a selection of the cup's base.
Saved the selection as a Channel for later use. (Select->Save to Channel)
Back in the Layers dialog, I duplicated my trophy layer twice more.
Now I have three layers each containing a trophy on a transparent background.
I named each of the layers appropriately based on the final color they would be.
Selecting the bronze layer, right click the layer and choose Alpha To Selection.
We now have the whole trophy selected. But we don't want the metallic gradient mapped to the base.
So click on the Channels dialog.
Click on the selection we saved as a channel earlier.
At the bottom of the Channels dialog is a red square icon.
Hover your mouse over it and you will see that it Replaces the Selection with this channel, and you can also Add, Subtract or Intersect the channel too.
I want Subtract this channel from the already selected trophy removing the base part from the selection.
So CTRL click the icon.
Now only the Cup part of the trophy should be selected and ready to map your chosen metallic gradient to it.
In the Gradients dialog, select a bronze metallic gradient.
(You can get some metallic gradients here or here or make your own.)
Now choose from the menu Colors->Map->Gradient Map.
Select the Silver trophy layer, and repeat the mapping process.
Smile

OH ok... so it already comes with the gold solver and bronze colors, and metal textures.... right? lolConfused
Find all posts by this user
Quote this message in a reply
Feb 27, 2014, 01:51
Post: #12
RE: Making Trophies With GIMP
Re: Metallic gradients, check through you Gimp's Gradient dialog and see what you have installed. If you can't find anything suitable download the ones shown in my last post and copy the .ggr files to your gradients folder to use.
How the Gradient mapping filter works is explained here.
Experiment with the .xcf file included in my zip file attachment previously posted.
Happy to answer any questions you have along the way.
Follow my detailed steps and try the mapping yourself.
Enjoy.
Find all posts by this user
Quote this message in a reply
Feb 27, 2014, 02:16
Post: #13
RE: Making Trophies With GIMP
(Feb 27, 2014 01:51)fluffybunny2 Wrote:  Re: Metallic gradients, check through you Gimp's Gradient dialog and see what you have installed. If you can't find anything suitable download the ones shown in my last post and copy the .ggr files to your gradients folder to use.
How the Gradient mapping filter works is explained here.
Experiment with the .xcf file included in my zip file attachment previously posted.
Happy to answer any questions you have along the way.
Follow my detailed steps and try the mapping yourself.
Enjoy.

thanks alot man, i am ussing your trophy examples for this particular competition Wink ONE LAST THING that i will ask of is..... (well 2, but their small so it only counts as oneBlush)
-how to make lettering look "engraved" into the trophy
-how to add a picture to the background of the trophy

thank you so much, sorry if im buggin the hell outta ya Blush
Find all posts by this user
Quote this message in a reply
Feb 27, 2014, 02:47
Post: #14
RE: Making Trophies With GIMP
To create a background for your trophy...
You can File->Open As Layers an existing image you have.
Then move that opened layer below your trophy layer.
or
Right Click in the Layers dialog then choose New Layer.
Move that layer below your trophy layer.
Add whatever details/colors you desire to it.

To make the text you create look engraved...
Create a text layer containing the text in the required font/size.
Then try one of the many Bevel/Emboss/Engrave filters out there (Google is your friend) Personally I like layerfx.py.
I am not sure what is in the standard Gimp now days as I have subsequently installed many filters. I think you will find a standard Bevel under the Filters->Distorts->Bevel. You may have to right click your text layer first and choose 'Alpha to Selection' before running the Bevel filter.

Let me know how you get on.
Find all posts by this user
Quote this message in a reply
Feb 27, 2014, 10:52
Post: #15
RE: Making Trophies With GIMP
(Feb 27, 2014 02:47)fluffybunny2 Wrote:  To create a background for your trophy...
You can File->Open As Layers an existing image you have.
Then move that opened layer below your trophy layer.
or
Right Click in the Layers dialog then choose New Layer.
Move that layer below your trophy layer.
Add whatever details/colors you desire to it.

To make the text you create look engraved...
Create a text layer containing the text in the required font/size.
Then try one of the many Bevel/Emboss/Engrave filters out there (Google is your friend) Personally I like layerfx.py.
I am not sure what is in the standard Gimp now days as I have subsequently installed many filters. I think you will find a standard Bevel under the Filters->Distorts->Bevel. You may have to right click your text layer first and choose 'Alpha to Selection' before running the Bevel filter.

Let me know how you get on.

thanks alot Smile no further questions... for now lol
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Need Help about Gimp opening a whole lot files AlexWorX 1 29 Yesterday 19:44
Last Post: rich2005
  How do I open multiple images in Gimp? Pnem42 1 64 Nov 9, 2017 05:23
Last Post: paynekj
  This program is making me so salty Bullish 0 90 Oct 21, 2017 00:47
Last Post: Bullish
  Gimp prints multi page documents on one page samksharma 1 121 Oct 17, 2017 04:49
Last Post: paynekj
  How to make a small book in GIMP? Dimensions? Youwotm8 1 132 Sep 26, 2017 06:34
Last Post: ythgilb

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS