Post Reply 

Creating a 3D box Image in Gimp

Jan 27, 2012, 21:55 (This post was last modified: Jan 27, 2012 23:43 by Pl3th0r4x.)
Post: #1
Creating a 3D box Image in Gimp
Someone wants me to make them a logo for their website, and they want a "Backspace" keyboard key underneath their text.

Is it possible to create one of these "Backspaces Keys" of my own, or is it only possible to copy one from Google somewhere and render the image in Gimp to make it look more like a logo? How do I go about doing this in the Gimp format if it is possible?

Thank you

[Image: banana.gif]
Find all posts by this user
Quote this message in a reply
Jan 27, 2012, 23:11
Post: #2
RE: Creating My Own Artistic Image in Gimp
- File/Create/Bevel button
- Use a dark gray for both button colors
- Enter any text (this sets the buttonw width)
- Onec button produced, removed text layer and replace with layer where you draw the backspace symbol using the Paths tool (you can also get one in SVG format on the web, and import it as a Path).

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 27, 2012, 23:42
Post: #3
RE: Creating My Own Artistic Image in Gimp
Yo check this:

I can't believe I actually just made it myself with the help of this Youtube tut I saw the other day

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


Attached File(s)
.xcf  backspacegimp.xcf (Size: 1.2 MB / Downloads: 117)

[Image: banana.gif]
Find all posts by this user
Quote this message in a reply
Jan 28, 2012, 00:06 (This post was last modified: Jan 28, 2012 00:07 by ofnuts.)
Post: #4
RE: Creating a 3D box Image in Gimp
Border doesn't fit. Its top line is above the rink top line so they look like two independent sheets. Take "top" about 20 pixels down so that its top line is a bit below that of rink. "top" is too narrow , it's looks almost better without it.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 28, 2012, 06:00 (This post was last modified: Jan 28, 2012 06:02 by Pl3th0r4x.)
Post: #5
RE: Creating a 3D box Image in Gimp
The reason I have the top is I want the cap to have a bit of an indention like a real keyboard key. I know how to manipulate it to make it look like it is popping outward and rounded like I button; by feathering the edges with the Rectangle Select Tool when creating the selection. How do I make it go the other way so the color gives it more of an inverted perspective?

[Image: banana.gif]
Find all posts by this user
Quote this message in a reply
Jan 28, 2012, 09:28
Post: #6
RE: Creating a 3D box Image in Gimp
From the selection of "border" (if you lot it use "Layer/Transparency/Alpha to selection" on "border':

- shrink by 20px
- fill with gradient
- blur 40px

Even better:

from "border" selection:
- shrink
- add layer, fill with gray to transparent
- add layer, fill with same layer in the other direction
- merge layers (so we get gray-somewhat transparent-gray)
- deselect and blur 50px

and to remove the very sharp edge you can blur "border" (about 10px)

[attachment=906]

(all values above approximate, try different values)

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 31, 2012, 07:59 (This post was last modified: Jan 31, 2012 07:59 by Pl3th0r4x.)
Post: #7
RE: Creating a 3D box Image in Gimp
When you say blur "40px (& 20px)" do you mean a Gaussian Blur?

[Image: banana.gif]
Find all posts by this user
Quote this message in a reply
Jan 31, 2012, 08:07
Post: #8
RE: Creating a 3D box Image in Gimp
Yes, unless otherwise noted Smile

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Feb 13, 2012, 06:18
Post: #9
RE: Creating a 3D box Image in Gimp
I want to make the key a shiny black color. How could I go about making it black and still making it appear 3D? Because the base is already black, how could I keep the top of the key black and still show it like it is "on-top". Also to add gloss I am thinking to add a light gradient to just a bit of the edges and using white vs the black. Should make it rounder looking? Does this post sound like I am exhausted? Because I am.

[Image: banana.gif]
Find all posts by this user
Quote this message in a reply
Feb 13, 2012, 07:54
Post: #10
RE: Creating a 3D box Image in Gimp
You answered our own question... there is no such thing as pure black in the real world. There is even a camera test chart where the black is actually a hole.

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  "Open Image" change default folder and thumbnail view? Dave001 1 43 Aug 15, 2017 19:56
Last Post: ofnuts
  How to wrap paragraph text in an image arun67 0 37 Aug 12, 2017 12:46
Last Post: arun67
Tongue Installing GIMP User Manual ozdoug 2 53 Aug 9, 2017 00:54
Last Post: ozdoug
  Combining gif image to static image help? littlegreendog 1 70 Jul 26, 2017 12:27
Last Post: ythgilb
  Image color vs color picker YalithKBK 1 111 Jul 7, 2017 11:45
Last Post: ythgilb

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS