Book Image

Inkscape 0.48 Essentials for Web Designers

By : Bethany Hiitola
Book Image

Inkscape 0.48 Essentials for Web Designers

By: Bethany Hiitola

Overview of this book

<p>Do you think that your website could do with more visual appeal? Are you looking to spice it up with attractive designs and effects? Enter <i>Inkscape 0.48 Essentials for Web Designers</i>&mdash;the only book specifically tailored to using Inkscape for web design. This book will teach you how to effectively use the fascinating new Inkscape vector graphics editor, which, despite being in version 0.48 <i>and</i> having no dearth of competitors, has already separated itself from the competition. Learn everything you need to know about enhancing your website&mdash;from site layouts to templates and animations&mdash;whether you are looking for a new website design or just some eye-candy.<br /><br />The Inkscape graphics editor is powerful, but getting started is often difficult. <i>Inkscape 0.48 Essentials for Web Designers</i> walks you through the challenge of using Inkscape from a web design perspective in the easiest way possible. <br /><br />The first book to unlock the potential of Inkscape for web design, it begins with an introduction to the basics of Inkscape and then journeys you through implementing them in your website one by one.<br /><br />Learn to build your first website design using Inkscape. Create web page and desktop wallpapers with repeating pattern backgrounds and swirling designs. Incorporate icons and interactive maps on your website. Style and graphically manipulate text&mdash;from simple headings to shadowing, following paths, reflections, 3D effects, and more. Enhance your web pages using flowcharts, diagrams, and site maps and learn how to export them. Spruce it all up using animations. <br /><br />This book will teach you all that and more, in a simple effective manner; and what's more&mdash;you'll have fun doing it.</p>
Table of Contents (20 chapters)
Inkscape 0.48 Essentials for Web Designers
Credits
About the Author
About the Reviewers
Preface
Keyboard Shortcuts
Glossary of Terms
Index

Creating buttons


Much like icons, you can create simple or complex buttons on Inkscape. Buttons are used on any forms or fields that require action by the end-user. We'll be creating this simple one to indicate that you want to submit the information in the form.

  1. In Inkscape, create a new document.

  2. From the main menu, select File and then Document Properties.

  3. Change the canvas width to 140 pixels and the height to 40 pixels.

  4. Turn the grid on. From the main menu select View and then Grid.

  5. Then, as described in the previous section, let's set the grid. From the main menu select File and then Document Properties.

  6. Select the Grids tab and verify that Spacing X and Spacing Y are both set to 1.0 and that Major grid line every is set to every 4 pixels.

  7. Make sure the Snap bounding box corners icon is selected.

  8. When ready, draw a rectangle. Make sure the rectangle fills the entire width of your canvas.

  9. Set the Rounding radius Rx and Ry as 10 pixels in the Tools Control bar. This will give the rectangle rounded...