Introduction: "Something Inside", a Quick Gimp Tutorial for a Quebecois

This is a simple and quick Gimp tutorial to teach to Tech-King how to make a "something inside" logo out of an "Intel inside" logo ...

Step 1: What Do You Need ?

.
The recipe of the Chef :

- One installation of Gimp or Gimp for Windows
This is a free and open-source equivalent of PhotoShop

- One picture of an "Intel Inside" logo.
Use Google Image to find it and download it ...
Or simply just download it from here if you're that lazy ..........

Step 2: Now, Let's Get Rid of Intel ...

.
- Open the Intel's logo with Gimp.
If you installed Gimp correctly, you could right click on the picture, and select "open with Gimp".

- Select the appropriate tool and the appropriate color ...
The appropriate foreground color is white if your appropriate tool is a pencil.
If your appropriate tool is the rubber, then the appropriate background color is white.

- Erase Intel ...
If the shadow get damaged, it does not matter, we will restore it on the next step.
If you damage more than the shadow, you can cancel your last actions through the "edit" menu.

Step 3: Let's Restore the Shadow ...

.
- Select the "little hand with a finger" tool
Be careful, this is a second hand hand. You may want to select the size of the finger.

- Zoom over the damaged shadow, and restore it.
With your "little hand with a finger" tool, you click on the right side of the damaged shadow, and you "spread" it on the left.
If you fail, just cancel your last actions through the "edit" menu, and do it again ... but correctly !

Step 4: Let's Write Something Inside ...

.
- Select the text tool

- Select the "Comics Sans MS Bold" font
Or any other more appropriate font if you prefer, I promise I will not cry.

- Select the appropriate foreground color
The appropriate foreground color is BLUE.
You can use the "color picker" tool to pickup the same blue than the logo.

- Click on the picture where you want to write something.
A tiny window will show up, that's where you'll type something.
Once you're done DON'T close this window.

- Select the appropriate size for your something.
It does not matter if it's not at the correct place. We're going to move and resize it on the next step.
Once done, close the little window.

Step 5: Let's Move and Resize Our Something ...

.
- Select the "perspective transformation" tool and click on the "something" box in the picture.
Four little box will appear at each corner of the "something" box.
A little parametric window will also show up.

- Move the corners to place your "something" appropriately into the logo.
Once done, apply the transformation.

- Through the "Layer" menu, extend the "layer to image size".
The box around "something" will vanish.

Step 6: Let's Add a Shadow to Something ! (Episode 1)

.
- With the Layer window, duplicate the "Something" layer.
You select the "Something" layer, then click the "duplicate" button.

- Make the top copy layer invisible.
You click on the top layer "Something#1" and you click on the little eye to make it vanish.

- Create a new white layer just under the "Something" layer.
You click the "create new layer" button, a window show up, and you select a white layer and you create it.
You can use the two arrows to move the selected layer up and down.
The new white layer must be just under the "Something" layer.

Step 7: Let's Add a Shadow to Something ! (Episode 2)

.
- Merge the "Something" layer with the new white layer.
Right click on the "Something" layer, and select "merge with the lower layer".

- Make this layer gray-scale.
Into the "Color" menu, select "unsaturate".

- Blur it.
Into the "Filter" menu, select the sub menu "Blur", and "Gaussian Blur".
A window will show up, you'll select the appropriate size of the blur, then apply the filter.

- Apply the shadow over the logo.
In the "Layer" window, change the mode of the shadow layer to "multiply".

- Make the top layer visible again.
Click on the little eye of the top layer to make it visible again.

Step 8: Let's Move the Shadow !

.
- Select the "Move layer" tool.
Actually, I have absolutely no clue about how it is called in English ... So, let's call it Georges.

- Be sure the shadow layer is selected in the Layers window.
Do you really want more information about how to do that ?

- Then, click on the picture, and move the shadow with Georges.
I'm sure you can do that alone ... well, I mean alone but with Georges.

- Save your "Something Inside" logo !
The XCF file format will let you save the stack of layer. It's the native Gimp format.
If you save it as JPG or PNG, it will tell you that some information related to layers can't be saved, and it will ask you if you want to merge them all in one. Say yes.

Step 9: A Table !

.
Voila ! C'est fini !
You now know how to make something inside !
Congratulation and bon appetit !

Comments

author
Sandra Lopes made it! (author)2016-03-01

Here goes an example with the font gKreator Inside (on the first word) and 'inside' with the original font.

female-inside.png
author
Sandra Lopes made it! (author)2016-03-01

A comment on the font used: you can search for gKreator Inside, which is really very similar to the font that Intel used on the logo (use it with Bold, 100% space between characters). With a bit of stretching you can get an almost perfect match!

author
deltascouteagle made it! (author)2008-06-30

Tabernouche... I grokked that.... :)

author
valentin_alcantara made it! (author)2008-06-05

Cotorep inside

author
chooseausername made it! (author)chooseausername2008-06-05

FYI, they changed. It's no more Cotorep. It's MDPH.

author
YummyPancakes made it! (author)2008-03-10

Either I'm doing something wrong, or you have a different version if GIMP. When I try to duplicate the "Something", it duplicates the entire image! Also, my "Something" isn't as sharp as yours was. What am I doing wrong?

author
chooseausername made it! (author)chooseausername2008-03-11

Oh, seems I forgot to mention what version I used ... It's the version 2.4.2 (french version, under Linux, Ubuntu 7.10). Could you show me a screen capture of your "Something" ? (or send me your XCF file ?)

author
YummyPancakes made it! (author)YummyPancakes2008-03-11

Here, this is what I have so far:

Intel Inside.jpg
author
chooseausername made it! (author)chooseausername2008-03-12

1) Is this the normal size you're working on, or is it resized ? 2) You could "squeeze" your "something" a little bit more using the "perspective tool" (the one I red-encircled in step 5)

author
YummyPancakes made it! (author)YummyPancakes2008-03-12

It's normal size, but I zoomed in a little bit while I was working. And my perspective tool doesn't work; it keeps changing the shape in ways that I don't want, i.e. When I grab a handle, the box goes from a rectangle to a trapezoid! Of course, I'm probably just using it wrong, though.

author
chooseausername made it! (author)chooseausername2008-03-12

So, if it's "normal size", it's normal that it's not as sharp as mine, like you said. I'd recommend that you work with a larger "intel logo" instead of a tiny one. And once you're done, you're free to resize it to a lower size if you want. About the "perspective tool" that does not work like expected, there are two similar tools : one for trapezoidal deformation, and a second one for "free" deformation (it's called "perspective" in french). Maybe you're not using the good one because I wrongfully translated its name in english from french, or because this tool does not exist in your version of Gimp. Which version do you use ? Windows or Linux ?

author
YummyPancakes made it! (author)YummyPancakes2008-03-12

I'm running Gimp 2.4 on Windows XP.

author
chooseausername made it! (author)chooseausername2008-03-12

Seems your version has all the required functionnalities. Even older versions (2.2.8) for windows has it. I don't know what's wrong. I highly recommend that you work with a larger "intel inside" logo instead of this tiny one. You'll get better results. Maybe that's where your problem comes from ?

author
YummyPancakes made it! (author)YummyPancakes2008-03-12

Sure, that's probably it. Let's close this comment chain before we get to 10.

author
randofo made it! (author)2008-01-30

The font doesn't match. You would get better results from mixing, matching and modifying the original image than adding a new word in comic sans.

author
chooseausername made it! (author)chooseausername2008-01-31

Yes, I know it does not match. It does not matter if it's not perfect. The point was to teach to Tech-King how to make it by himself.

author
Aar000n3y made it! (author)Aar000n3y2008-01-31

When you post an instructable, it's for everybody. If you just want him to know, send him a private message with all of this in it.

author
chooseausername made it! (author)chooseausername2008-01-31

When you post an instructable, it's for everybody. If you just want him to know, send him a private message with all of this in it.

Of course !
Do you think I would have made it public if I did not thought it could be useful to more than one person ?
It's public for everybody, but I created it because I wanted to teach something to someone who asked.

Now, does it really matter if the font and the color of my example does not really match ?
No, because the point of this instructable was to teach something to someone ...

=o)

smiley_face.png
author
Aar000n3y made it! (author)Aar000n3y2008-01-31

They're making good points about the flaws in the intructable to try and help improve it. I thought you were saying you weren't going to fix it because it was just for one person, or something along those lines. Also those things do matter, because it makes the the entire thing look badly put together, because you can tell that it was edited easily.

author
Amadeos made it! (author)Amadeos2008-02-03

Man, just leave the dude alone, it was an EXAMPLE, I'm sure that if he/she were making a sticker of some sort he/she would have done a better job. You can enhance the graphics if you want on your own logo thingy!

author
tech-king made it! (author)tech-king2008-02-01

all right. now i can make tech-king inside, case modding inside and don't put any limbs inside. thanks. this is too cool.

author
threecheersfornick made it! (author)threecheersfornick2008-01-30

Also, the colours don't match up perfectly -- it would be a good idea to use the eyedropper (or ctrl) to select the original colour, and use that...

author
chooseausername made it! (author)chooseausername2008-01-31

Yes, I know it does not match. It does not matter if it's not perfect. The point was to teach to Tech-King how to make it by himself.

(Weird ... I'm having a strange feeling of deja vu ...)

=o)

author
tech-king made it! (author)tech-king2008-02-01

ironically, so am i. so you arent having false visions and memories. this instructable is awesom

author
Patrik made it! (author)Patrik2008-01-30

True, although at the size a typical "Intel inside" logo is displayed, the font discrepancy may not matter too much.

Two useful websites for trying to identify and match an existing fonts sample:

WhatTheFont
IdentiFont

WhatTheFont asks you to upload an image sample of the font. Even after deleting the circle and shadows, and lining the letters up horizontally, it still couldn't find a decent font in this case.

IdentiFont takes a "twenty questions" approach to font identification. Best it could come up with in this case is a font called Amber - not a great fit, but probably better than the overused Comic Sans MS.

I've had good experiences with IdentiFont in the past. I assume the problem here is that the "intel inside" is a one-off font, rather than something they picked off the shelf.

author
ll.13 made it! (author)ll.132008-01-31

http://dafont.com they're pretty good too. :-)

author
Patrik made it! (author)Patrik2008-01-31

Hm... does dafont have a tool to help you match an existing sample of font? If so, I didn't see it...

author
ll.13 made it! (author)ll.132008-02-01

no, I don't think it does..... is it... necessary? :)

author
Patrik made it! (author)Patrik2008-02-01

Well, I did bring up WhatTheFont and IdentiFont in response to randofo's complaint that the font didn't match. This is actually a common problem when modifying in existing image or logo, and these tools have been useful for me in the past to find an exact match.

author
randofo made it! (author)randofo2008-02-01

Indeed. With a company as large as Intel, they are going to have a logo that is custom made. It is rare these types of companies use pre-packaged fonts. The only way to really do it is to design it yourself.

author
GorillazMiko made it! (author)2008-01-30

Cool! I might try this out, awesome job, I like editing stuff. And the chef guy, that's kind of random, but awesome job!

author
chooseausername made it! (author)chooseausername2008-01-31

The chef is Joel Robuchon =o)
He is a super hero ! He collect a total of 17 Michelin stars ! =o)

author
darth2o made it! (author)2008-01-30

I noticed that you said, "This [Gimp] is a free and open-source equivalent of PhotoShop", but it is nowhere near equivalent to the raw power of Photoshop. Raw power is good.

author
Patrik made it! (author)Patrik2008-01-30

"Raw power"? Sure, they're running a bit behind on the new features Photoshop adds in every version, but it has pretty much everything the typical Photoshop user uses on a daily basis. As for power - considering that most people probably use Gimp under Linux, that would probably give you more "raw power" than running Photoshop under Windows. :-P

About This Instructable

6,817views

19favorites

License:

More by chooseausername:How to develop an original story for a fiction when you're out of inspiration ...Programming : how to detect and read UTF-8 characters in text strings ...Quick and easy "electric linear actuator" prototype ...
Add instructable to: