|
  |
|
|
Creating Shiny Buttons in Inkscape
Have you ever seen cool, shiny buttons on websites and wished you could create your own with specific colors? Inkscape is a free program that is very powerful and can do this quite easily. * Open Inkscape and select the Rectangle tool. Drag to draw a rectangle with the width greater than the height. * Double click your rectangle to get the corner handles. This will be a circle in the top right corner. Pull down on this and your rectangle becomes rounded.
* Double click your fill color on the bottom left to bring up the Fill Menu. * Hit the second button on the left that looks like a gradient, and your rectangle is now gradient filled.
* Click Edit in the Fill Menu and you get the Gradient editor. * Select the gradient stop on the bottom in the dropdown menu and change the sliders so it’s black. Make sure to change the Alpha value so it’s also opaque.
* Double click your gradient rectangle and you’ll get a horizontal line across it. Drag each point so that one is on top and one is on the bottom. This changes the orientation of the gradient.
* Right click your rectangle, copy it, and paste so you have a duplicate. Go to the Fill and Stroke for this rectangle, hit Duplicate, and then Edit.
* Change the gradient colors to both White, except change the Alpha value for the lower one to completely transparent. You will get this:
* Experiment with making the white shape smaller (about half width, about 3/4 height) and roughly lay it over the first shape.
* Select both shapes (Hold control and click both), select the Object menu at the top, and select Align and Distribute.
* In the top row on that menu, select Align on Vertical Axis. On the bottom row, select Align Tops. If you’ve done that, your button should be finished! |
Creating Shiny Buttons in Inkscape - original blog with images
No reactions yet.
Please login or sign up to rate this intel.
Please login or sign up to add a comment.
The copyright for this content entitled "Creating Shiny Buttons in Inkscape" has been specified by the contributor as:
All Rights Reserved
This content may not be copied, distributed or adapted by anyone under any circumstances.
|
 |
May, 2012
2008
January, February, March, April, May, June, July, August, September, October, November, December
2009
January, February, March, April, May, June, July, August, September, October, November, December
2010
January, February, March, April, May, June, July, August, September, October, November, December
2011
January, February, March, April, May, June, July, August, September, October, November, December
2012
January, February, March, April, May
|
|
Not a member yet?
Qondio is a powerful network for making it online. If you have a website to
promote, we can help.
Sign up and get in on the action.
|
|
Welcome to Qondio! Discover the awesome power this network can deliver by going to our About page. Or you could skip straight to the Sign Up form.
|
|
