You want to do this because, and here’s the kicker, if you now need to make 50, 100 of these suckers, all with different texts, it’s no problem: edit the original text and the changes will cascade to both images of the button, shadows, effects and all. Whatever you do, you want to keep the integrity of your text intact, i.e., don’t convert it to curves! And only use filters that do not mess up your text. Figure 4: Apply a non-destructive effect to the text in the first button. You can do this using the Filters > Shadows and Glows > Drop Shadow… option that allows you to adjust an inner shadow for your text. I put a shadow within the text to make it look hollow ( Figure 4). When the first button is clicked on your website, you can swap it for the image of the second button, making it look animated. You can now add an effect to the text in the first button to make it look 3D, for example. You don’t have to modify the original object to change the clone since you have unset the original object’s fill and stroke in the prior step, remember? Press + to create duplicate of the clone and center it within the second button. Notice that you are now allowed to do this directly on the clone. Center it in the middle of the top button. With the text selected, press + to create a clone. Figure 3: Create the text for your button and unset its fill and stroke attributes. For the moment, notice the text has now turned black. We’ll see the advantage of this in a sec. This means that, although we can still make clones of the object, the fill and stroke will not be inherited by the clones. What that will do is unset the fill and stroke of the selected object (in this case the text). See the button with the question mark in the upper right hand corner in the screenshot? The one I have drawn a red square around? Click that. Let’s label those buttons and animate them.Ĭreate a text like the one shown in Figure 3. Figure 2: Changes to attributes of the original object cascade down into the cloned objects.īut, hold on, there’s more. Useful, yes, but not exactly groundbreaking. Useful for, say, when the project leader turns up and says he wants all the buttons on the new website to now be green. Hey presto! The changes are inherited by the clone ( Figure 2). Now change the colour and stroke of the original button. Nothing happens, right? Figure 1: Draw two rectangles to use for your buttons. Move the clone below the original and try and change its colour, stroke, transparency or whatever. Start by drawing a rectangle with rounded corners like the one you can see in Figure 1. Let’s see how this can help you be creating a template for a web button with some funky effects. Want to change the colour and type of fill for 100 circles? Use clone and apply the changes only to the original. You can duplicate an object with +, but with clone you can duplicate and control what the duplicates will look like by editing the original. Take the Clone tool ( Edit > Clone > Create Clone or +) for example. But you’d be surprised at how useful it can be and, by combining different tools, how much time it can save. We have already established that Inkscape is the best thing since sliced-bread elsewhere on this site.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |