How to make epic buttons

Install Java to view this project right on your browser!

user_icon technoboy10 shared it 4 months, 1 week ago
782 views, 2 taggers, 49 people love it, 1 remix by 1 person, 59 downloads, in 6 galleries
Add to my favorites?
Flag as inappropriate?

Comments

You need to be logged in to post comments

Add a Comment

 
timster488 timster488 2 weeks, 1 day ago

first off all your tutorial was wrong and that is also the look of the vista toolbar

technoboy10 technoboy10 2 weeks, 1 day ago

How was it wrong?

rocker411 rocker411 1 month, 3 weeks ago

And this has 766 views................. What

Ezko Ezko 1 month, 3 weeks ago

...Huh? What's wrong?

PhirripSyrrip PhirripSyrrip 2 months, 1 week ago

Cool music at the beginning, what is it?

PhirripSyrrip PhirripSyrrip 2 months, 1 week ago

wait, just found it!

Haiming Haiming 3 months, 1 week ago

Awesome!

technoboy10 technoboy10 3 months, 1 week ago

Thanks!!

hitecherik hitecherik 3 months, 1 week ago

Thanks! I like it a lot. I'll use a button like that for mine and danielstirfy's colab camp project.

technoboy10 technoboy10 3 months, 1 week ago

Glad to hear it. :D

firestorm185 firestorm185 3 months, 1 week ago

I actually just colored the bottom half of the botton the same color shade as the top, just with no gradient. Looks sweet! Still, thanks for the base!

technoboy10 technoboy10 3 months, 1 week ago

Glad it helped!

firestorm185 firestorm185 3 months, 1 week ago

botton? sorry, I meant button.

Nick123123 Nick123123 3 months, 1 week ago

EPIC!!!!!!!!!!

technoboy10 technoboy10 3 months, 1 week ago

Thanks!!!!!!

firestorm185 firestorm185 3 months, 2 weeks ago

Wow. This rox! I've been looking for a way to make those! Thanks dude!

technoboy10 technoboy10 3 months, 1 week ago

Thanks! I'm glad it helped.

cheesestickz cheesestickz 3 months, 2 weeks ago

but u know how when u press th button on a real mac, the buttons shade gets darker? could u try 2 do that, it would b reely cool.

cbcollab cbcollab 3 months, 1 week ago

just change the brightness effect by some negative number when its clicked, then change it back to normal when its not being clicked

technoboy10 technoboy10 3 months, 2 weeks ago

Check out mickyg's sequel to this! Link is in the project notes.

LadyRabbitxx LadyRabbitxx 3 months, 2 weeks ago

It's really cool. I have always been jealous of shinee buttons. Ooooooooooh shineeeeee! xx

technoboy10 technoboy10 3 months, 2 weeks ago

Shineeeee...

(view all replies)
yolk-and-sugar-chan yolk-and-suga… 3 months, 2 weeks ago

pretty

technoboy10 technoboy10 3 months, 2 weeks ago

Thx. :)

GameFreak1 GameFreak1 3 months, 2 weeks ago

LEGIT MUSIC

technoboy10 technoboy10 3 months, 2 weeks ago

YUS

hitecherik hitecherik 3 months, 2 weeks ago

Meow!

dragon24 dragon24 3 months, 3 weeks ago

himeow

technoboy10 technoboy10 3 months, 3 weeks ago

Ohhaider.

haseling19 haseling19 3 months, 3 weeks ago

ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!ARF!

technoboy10 technoboy10 3 months, 3 weeks ago

Arf to you, as well. You can only do Meow! (_ meow_ without spaces).

MathMaster101 MathMaster101 3 months, 3 weeks ago

EPIC

technoboy10 technoboy10 3 months, 3 weeks ago

Why thank ya.

luiysia luiysia 3 months, 3 weeks ago

Very cool. Thanks!

technoboy10 technoboy10 3 months, 3 weeks ago

Np.

StarMoonshine StarMoonshine 3 months, 4 weeks ago

Luv it :3

technoboy10 technoboy10 3 months, 3 weeks ago

Oh, it's already up. :P

technoboy10 technoboy10 3 months, 3 weeks ago

(reply to below) I'm more of an Apple fan myself, but please notify me when your tutorial is posted.

technoboy10 technoboy10 3 months, 4 weeks ago

Thanks! :3

(view all replies)
pompm6569 pompm6569 3 months, 4 weeks ago

cool

technoboy10 technoboy10 3 months, 4 weeks ago

Thanks.

360-International 360-Internati… 3 months, 4 weeks ago

Wait... don't you fill in the bottom half with a gradient from one shade darker than your desired color to the desired color?

technoboy10 technoboy10 3 months, 4 weeks ago

It really works either way. I sometimes forget to change the gradient setting. :3

(view all replies)
shadowphantomrider shadowphantom… 3 months, 4 weeks ago

Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!Meow!

technoboy10 technoboy10 3 months, 4 weeks ago

_meow _ without spaces.

(view all replies)
Bubzi Bubzi 3 months, 4 weeks ago

BTW, What font did you use for the button in the start of the project?

technoboy10 technoboy10 3 months, 4 weeks ago

Blue Highway.

technoboy10 technoboy10 3 months, 4 weeks ago

Not sure. I'll check on that.

(view all replies)
Bubzi Bubzi 3 months, 4 weeks ago

I found this REALLY helpful! Thank you so much!

technoboy10 technoboy10 3 months, 4 weeks ago

Glad to hear it. :-)

diazmond diazmond 3 months, 4 weeks ago

cool

technoboy10 technoboy10 3 months, 4 weeks ago

Thx.

Knuckl3head Knuckl3head 3 months, 4 weeks ago

This is a big file for what is actually is in the file. Other than that it is great!

technoboy10 technoboy10 3 months, 4 weeks ago

I don't compress music. :3

Inspiration Inspiration 3 months, 4 weeks ago

Incredible! I'm a bit new to Scratch, so have you got any tips that could make this easier for me?

PullJosh PullJosh 3 months, 4 weeks ago

Check out my gallery. It has stuff to help new scratchers. (link to gallery) I hope you like scratch! :)

technoboy10 technoboy10 3 months, 4 weeks ago

1. Welcome to Scratch! 2. I recommend using the Scratch paint editor. It's the simplest for button-making. 3. (Here on out are tips for the Scratch editor.) For dividing the button in half, hold shift while drawing. It makes the lines perfectly straight. 4. Use the up/down gradient tool, with a white to your color gradient. If you have other questions, check out the Scratch Wiki or ask on any projects how stuff works. Scratch On! Meow!

banjo7 banjo7 4 months ago

Did you get that music off one of my projects? Because it is in my project DoomShadow

technoboy10 technoboy10 4 months ago

Check the credits. >>

MZproductions MZproductions 4 months ago

lol i gonna use this... and i add YOU to the credits. loved it. and videogameman5 i love pie too...

technoboy10 technoboy10 4 months ago

Cool, thanks! Please let me know when you post it. By the way, how did you make your icon?

(view all replies)
videogameman5 videogameman5 4 months ago

awesome job, love pie Meow!

videogameman5 videogameman5 4 months ago

i mean love it :P

(view all replies)
cartooncreator cartooncreator 4 months ago

I used this tutorial on my test account for my Warrior cat bio's but I prefer not a color one shade darker underneath, but the same color. To me it looks cooler. -_-

technoboy10 technoboy10 4 months ago

It's mainly a matter of opinion.

(view all replies)
ImagineIt ImagineIt 4 months ago

Great!

technoboy10 technoboy10 4 months ago

Thanks!

Scratch-0wns Scratch-0wns 4 months ago

cool

technoboy10 technoboy10 4 months ago

Thanks

Jamessr Jamessr 4 months ago

cool

technoboy10 technoboy10 4 months ago

Thanks. :)

(view all replies)
integrated integrated 4 months ago

Nice

technoboy10 technoboy10 4 months ago

Thanx.

(view all replies)
Bricklink101_Test Bricklink101_… 4 months ago

i THINK THE ONE OF THE FIRST PAGE IS da best.

technoboy10 technoboy10 4 months ago

(reply to below) Oh, ok. Thanks!

technoboy10 technoboy10 4 months ago

Do you mean the begin button, or the sample one on the intro page?

(view all replies)
Bricklink101_Test Bricklink101_… 4 months ago

But actually, That one Looks REALLY cool! And actually, Yeah, only apple can make those. CAUSE ITS COPYRIGHTED! (The iPhone/IOS stuffs RE COPYRIGHTED, so that means the buttons are too)

technoboy10 technoboy10 4 months ago

(reply to below) LOLOLOLOLOLOL

technoboy10 technoboy10 4 months ago

I don't think so... But just in case, RUN AWAY FROM SOPA! Lol.

(view all replies)
Bricklink101_Test Bricklink101_… 4 months ago

EASY! I always do that, I just make a rectangle, Cut a bit off the edges, And make the top half slightly lighter.

technoboy10 technoboy10 4 months ago

Nice!

Masaru05 Masaru05 4 months ago

Wow that looks professional.

technoboy10 technoboy10 4 months ago

^^ Thanks.

BIG-red-BUTTON BIG-red-BUTTON 4 months ago

Realy cool.

technoboy10 technoboy10 4 months ago

Thanks! :D

mickyg mickyg 4 months ago

to enhance the look of your buttons, you can use graphic effects on scratch and then use the grab screen region to make a costume.

technoboy10 technoboy10 4 months ago

Sure! Please notify me when it's posted.

(view all replies)
technoboy10 technoboy10 4 months ago

I'm not quite sure what you mean by that. Could you rephrase?

(view all replies)
pjtnt11 pjtnt11 4 months ago

cool this hellped alot

technoboy10 technoboy10 4 months ago

:D Glad to hear it.

coppearlix coppearlix 4 months ago

BUTTONS! Thanks, I'll use this.

technoboy10 technoboy10 4 months ago

Hope it helps!

candlelight candlelight 4 months ago

No problem, its your project!

technoboy10 technoboy10 4 months ago

Thanks for understanding. :)

Wes64 Wes64 4 months ago

You should teach people how to make buttons that have different sprites depending on whether thay are touching the mouse, too :P

technoboy10 technoboy10 4 months ago

Oh yeah... I probably will.

Groger Groger 4 months ago

:L

candlelight candlelight 4 months ago

?

(view all replies)
technoboy10 technoboy10 4 months ago

?

scratchlover999 scratchlover999 4 months ago

it tried it and IT WORKED! :)

technoboy10 technoboy10 4 months ago

:) Glad to hear it.

Luxturna Luxturna 4 months ago

this is my project using your technique (sort of, kind of, a little...) (link to project)

technoboy10 technoboy10 4 months ago

Cool, thanks for letting me know!

draco3691147 draco3691147 4 months ago

oooohhhhh! aaahhh!!! *D shiny button!

technoboy10 technoboy10 4 months ago

One more thing. The top gradient should have white on the top, going down to blue. Great job!

(view all replies)
technoboy10 technoboy10 4 months ago

(reply to below) Close, but on your button, the top half has a circular gradient instead of an up/down gradient. Also, the bottom half should be one shade darker. Otherwise, good job!

(view all replies)
technoboy10 technoboy10 4 months ago

Shiny...

(view all replies)
bee12 bee12 4 months ago

it really looks shiny. awesome.

technoboy10 technoboy10 4 months ago

Thank you.

ProgrammingFreak ProgrammingFr… 4 months ago

Wow, that was really cool! I usually just use GIMP, but you did it in Scratch!! :D

FirstSkyler1 FirstSkyler1 4 months ago

You can also do it in Pixlr if your well experienced.

(view all replies)
chanmanpartyman chanmanpartyman 4 months ago

Same, cbcollab told me what it was, I can make way better graphics with it!

(view all replies)
technoboy10 technoboy10 4 months ago

I use gimp for all if my logos. Thanks!

(view all replies)
funelephant funelephant 4 months ago

Awesome! I always just drew a square, but this is a lot better! Simple, yet AWESOME!

technoboy10 technoboy10 4 months ago

Thanks, funelephant!

(view all replies)
jarito jarito 4 months ago

awsomesauce!

technoboy10 technoboy10 4 months ago

Thankyousauce!

(view all replies)
partyman partyman 4 months ago

Awesome tutorial! Very creative way to make a button, and I tried to make one... quick and easy! :D

technoboy10 technoboy10 4 months ago

Thank you, partyman!

(view all replies)
Lightnin Lightnin* 4 months ago

Awesome!

technoboy10 technoboy10 4 months ago

Thanks, Lightnin!

urbangold54 urbangold54 4 months ago

I would usuly type a word, put a box around it then make it so if the mouse were to touch it the word would change colour.

technoboy10 technoboy10 4 months ago

Sorry, that should be <mouse touching SpriteWhatever> , not <mouse down> .

technoboy10 technoboy10 4 months ago

Another cool way to have a mouse over effect would be to make a button with two costumes, one where everything is one shade lighter than the other. Then you would place these blocks: Forever( if <mouse down>( set costume to lighterCostume) else( set costume to darkerCostume)). See my H2OS or vPad projects for examples.

(view all replies)
urbangold54 urbangold54 4 months ago

I will have to try this brakthrow in buttion technology in one of my projects. =P

technoboy10 technoboy10 4 months ago

I hope it helps! :D

Luxturna Luxturna 4 months ago

Nice! Gonna use it in my next project (on my test account, LuxturnaTest)

technoboy10 technoboy10 4 months ago

Sweet! I'll have to check it out. :)

(view all replies)
Nireckda815 Nireckda815 4 months ago

or just go to cooltext.com

technoboy10 technoboy10 4 months ago

True, but this gives you almost exactly the buttons on iOS.

(view all replies)
jrickett jrickett 4 months ago

it is pretty good!

technoboy10 technoboy10 4 months ago

(reply to below) Thank you for the compliment.

technoboy10 technoboy10 4 months ago

Thanks, jrickett!

(view all replies)
ethan5135 ethan5135 4 months ago

This is a great tutorial!

technoboy10 technoboy10 4 months ago

Thank you, I hope it helps you!

(view all replies)
Please Wait...