Stylish Round Corners
Learn how to make neat round corners in the gimp!
Hello everyone, David here to make your life a bit easier without needing to go through unpleasant methods.
While I was creating this tutorial I came across a few interesting ideas on how to work better in rounded corners, but for today I’m just going to be explaining how to do a simple one.
I know people might say, “why do this, you can just do a normal round corner and slice it to do it like you explain it”, which brings me to say that, yea, you can do this with a normal round corner, but for people who work in Design Templates, it’s impossible for them and sometimes it’s good to know “how”.
Web 2.0 is here to stay with its fancy gradients and beautiful yet simple designs, without going through all complexity and unorthodox imagery.
Step One – Guides
Guides are quite simple; you just drag and “drop” it to the place where you want it
If you have read the red notes in the pictures, you should understand that Guides disappear if it has no location in the real dimension. You can disable the VIEW of guides in View -> Show guides(or something similar) which is also very handy if you mixed a pixel width.
Now, I have explained everything on how to use these guides inside our rounded boxes.
Step Two – Round Corners
We are finally here.
Create a 500 x 500 layer
Color it black or something charcoal or be creative and do your own work!
Select your rectangle tool, do a rectangle and use 19.0
You can use round corners via Select -> round corners, or in the toolbox section, you can see it clearly that I used the one in the toolbox. Look at the screenshot!
Step Three – Adding the guides
Apply the method I told you before anything.
Step Four – Covering the edges
Do a new layer, by now you should have both selections ACTIVE and guides in place.
If you used the round corners in the toolbox, check mark it OFF, and press “Add to the current selection”. Which you see clearly in the screenshot below
Now, it will allow you to add extra selections to the active selection. If you slipped a bit either use Undo or use Subtract Selection *in the same red buttons where add to current selection is*
You see in the pic that I already added the top one, now look closely to the right corner, the “add to current selection” does the work, and it will automatically SNAP to the guides without needing to worry about miscalculations.
And put some color on it, gradient or solid color, which ever you choose.
Here’s the final result
Now, I used the same method in my splash, with some gradients I created myself.
I hope that you found this tutorial helpful. If it made you realize that you can use GIMP for web development, great to hear that!
Now, I want to put a new site to move this blog and continue my contributions in peace, if you would like to donate please do so sending at least 5 USD to allenskd at gmail dot com
Expect more tutorials!
No related posts.