Scratch

Sunrise-Moon · 2011-01-25 14:13:05

I wrote this tutorial because I was trying to make a logo for one of my Twitter accounts and thought it might be useful to other people.

Here's what the finished product will look like (minus the "Project picker" text):

Step 1: Download the ScratchFont from here and install. (note that link goes directly to download)

Step 2: Make a new 198 x 60 Gimp image.

Step 3: Select the text tool, the ScratchFont, and the color ff8600. The size will vary. I used 32 for my size. Go ahead and enter your text now.

Step 4: Right click on the text layer that contains your previously entered text. Select "Alpha to Selection".

Step 5: Click Select > Grow > Grow Selection by two.

Step 6: Select the Fill tool. Fill the selection with white.

Step 7: Click Filters > Light and Shadow > Drop Shadow. In the Offset X box, type 2. Repeat for the Offset Y and Blur Radius boxes. Make sure the color selected is black. Click OK.

Step 8: Marvel at your amazing new Scratch logo-looking signature/logo/whatever.

Harakou · 2011-01-25 18:32:50

There's a Scratch font? yikes I always wanted to make my username look like the Scratch logo. Thanks for the great guide!

Sunrise-Moon · 2011-01-25 23:28:34

Harakou wrote:
There's a Scratch font? I always wanted to make my username look like the Scratch logo. Thanks for the great guide!

You're welcome big_smile .

laser100 · 2011-01-26 07:17:49

where's alpha to selection?

jbthegreat · 2011-01-26 09:19:34

Good Tutorial! smile

Sunrise-Moon · 2011-01-26 13:46:24

laser100 wrote:
where's alpha to selection?

When you make a new layer, it shows up in your "layers" window. Text automatically makes a new layer because it's dynamic, and can't be directly edited by drawing tools. If you right click on the new text layer that's been created for your text (it'll be named the text you typed in originally) you'll see an "Alpha to Selection" dialog, which basically selects your text.

And that was a bit of a long explanation for a simple thing xD.

jbthegreat wrote:
Good Tutorial!

Thanks big_smile .

thebuilderdd · 2011-01-26 19:50:11

OMG! I will make one and make fun of a TON of compainies and make them like Scratch! Thanks for telling us this!

Sunrise-Moon · 2011-01-27 15:35:25

thebuilderdd wrote:
OMG! I will make one and make fun of a TON of compainies and make them like Scratch! Thanks for telling us this!

You're welcome big_smile .

FlyingHatTrick · 2011-01-27 15:46:36

Great little tutorial~

Although you can pretty much do the same thing with other fonts to stand out~

Another way to get that outline is to use the Alpha to Selection, and then go to Edit>Stroke Selection, and pick how thick the outline should be and voila~ Then just continue on with the drop shadow.

ScratchReallyROCKS · 2011-01-27 16:22:34

It's really cool, but doesn't the Scratch logo have a slight gradient to it? I'll figure out how to fix that...

Sunrise-Moon · 2011-01-27 16:30:02

ScratchReallyROCKS wrote:
It's really cool, but doesn't the Scratch logo have a slight gradient to it? I'll figure out how to fix that...

You can add the gradient really easily, actually- go back to the text layer, alpha to selection again, then make a new layer called "text gradient" (or whatever), and use the gradient tool with the colors of your choosing. TADAAAAA!

thebuilderdd · 2011-01-28 21:35:59

Sunrise-Moon wrote:
thebuilderdd wrote:
OMG! I will make one and make fun of a TON of compainies and make them like Scratch! Thanks for telling us this!
You're welcome .

Don't ever delete this! If you do, I will make a scratch project based on this right now!

kingofdallamas · 2011-01-28 22:07:22

Nice informal tutorial! I can't wait to download the Scratch font.

thebuilderdd · 2011-01-29 08:07:44

I made my own tutorial for it (don't worry, it links back to forums!)
http://scratch.mit.edu/projects/thebuilderdd/1563878
/\
|
|
|
My Project, it is MOSTLY automated.

thebuilderdd · 2011-03-26 14:42:07

Wow... BUMP!

fg123 · 2011-03-27 01:28:17

Oh mah gawd! THANK YOU! big_smile

BOOKMARKED.

Sunrise-Moon · 2011-03-31 11:24:07

fg123 wrote:
Oh mah gawd! THANK YOU!

BOOKMARKED.

Welcome big_smile

kayybee · 2011-03-31 20:31:46

O_O You should make more Gimp tutorials.

thebuilderdd · 2011-04-17 19:41:05

bump

williambl · 2011-04-19 04:32:59

I downloaded the scratch font but it seems to be invisible to gimp!

Scratch

archived forums

#1 2011-01-25 14:13:05

Tutorial: Make a Logo Like the Scratch Logo in Gimp

#2 2011-01-25 18:32:50

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#3 2011-01-25 23:28:34

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

Harakou wrote:

#4 2011-01-26 07:17:49

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#5 2011-01-26 09:19:34

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#6 2011-01-26 13:46:24

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

laser100 wrote:

jbthegreat wrote:

#7 2011-01-26 19:50:11

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#8 2011-01-27 15:35:25

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

thebuilderdd wrote:

#9 2011-01-27 15:46:36

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#10 2011-01-27 16:22:34

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#11 2011-01-27 16:30:02

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

ScratchReallyROCKS wrote:

#12 2011-01-28 21:35:59

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

Sunrise-Moon wrote:

thebuilderdd wrote:

#13 2011-01-28 22:07:22

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#14 2011-01-29 08:07:44

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#15 2011-03-26 14:42:07

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#16 2011-03-27 01:28:17

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#17 2011-03-31 11:24:07

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

fg123 wrote:

#18 2011-03-31 20:31:46

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#19 2011-04-17 19:41:05

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

#20 2011-04-19 04:32:59

Re: Tutorial: Make a Logo Like the Scratch Logo in Gimp

Board footer