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

Intro: "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

[Sandra Lopes]

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

[Sandra Lopes]

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!

[deltascouteagle]

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

[valentin_alcantara]

Cotorep inside

[chooseausername]

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

[YummyPancakes]

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?

[chooseausername]

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 ?)

[YummyPancakes]

Here, this is what I have so far:

[chooseausername]

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)

[YummyPancakes]

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.

[chooseausername]

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 ?

[YummyPancakes]

I'm running Gimp 2.4 on Windows XP.

[chooseausername]

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 ?

[YummyPancakes]

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

[randofo]

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.

[chooseausername]

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.

[Aar000n3y]

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.

[chooseausername]

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)

[Aar000n3y]

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.

[Amadeos]

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!