Interactive versions can be accessed from within Inkscape, via Help menu > Tutorials. Our end result turned out pretty good! Hopefully some of these techniques will “shed some light” on your designs. The official tutorials linked below are read-only. We learned a lot about blending certain colors and using some pretty advanced gradients to create some realistic lighting. With everything else in place, you should have ended up with a cool scene with pretty accurate, realistic lighting! Position the shadow object under the droplet (again, you can use Align and Distribute).įinally, apply that same radial gradient we’ve been using, position it like I have it below, and you should have a neat looking shadow for the droplet.įor a final touch, I added a really small white stroke on the droplet to highlight it some more. Then just put them in position, select them, and Path > Difference to get our shadow object. To do this, let’s duplicate the droplet again and flip it vertically. Now we need to add a shadow to our droplet. You should have something like this so far. Apply the same radial gradient we used for the droplet and position it like I have it below.įinally, apply a 10px Blur to blend it in some more. Once you have a good mask, blur its edges slightly by choosing Filter > Blur > Gaussian Blur and apply a 1 or 2 pixel blur to it. You’ll end up with a perfect sliver to use as a glare. Now just place them on top one another like I have them below, select them both, and head up to Path > Difference. To create a glare for our droplet, duplicate the droplet and stretch one out as I have it below. You’ll want colors similar to the light source since this is a reflection, so I’ll just list what I ended up using below. We need to add a radial gradient to this droplet, but the colors will be a bit tricky. Now edit those nodes into a droplet shape, such as below. Go ahead and draw an ellipse like I have below. Now that we have a light source, we should add a subject to receive this light - such as a water droplet. Also, instead of just white, let’s do a radial gradient with white in the center, but then fades out to a complete transparency on the outside. Grab your Polygon tool and draw a star with 12 Corners and a 0.110 Spoke ratio. Let’s do another circle at 105px by 105px, white, and a 20px Blur.įinally, let’s add some flare. Position it over the orange circle also (use Object > Align and Distribute to be precise).
As this bubble-shape is not only representing a bubble itself, but also a water/rain drop, later, you can test the "realistic level" of your creation by putting it in front of a textured background.Next, draw another perfect circle at about 125px by 125px, give it a yellow color, and apply a 20px Blur. You can also change the bubble color, as well as the stroke and the gradient of the ellipse.
Blur the small ellipse, and you are finished. Now open Fill And Stroke dialog and change Blur value to, say, 5.0. Select an object, duplicate it by Ctrl+D, press PgDown to put it beneath original object, place it a little to the right and lower than original object. You can rotate this white ellipse to make it look nicer. You can also easily create blurred drop shadows for objects manually with blur in the Fill and Stroke dialog. Now, press Ctrl + A to select all objects and then, go to menu Objects > Clip > Set.įinally, add a small white ellipse like in the following picture. Click this circle and press Home button on your keyboard if you are unsure. Make sure that this new circle is above all of the other objects. Remove the blur effect (set the blur effect back to 0). Use Edit paths by nodes tool (F2) to change the direction and the distance of the transparency.ĭuplicate the blurry circle by pressing Ctrl + D. Adjust the size to match your preferred size. Give it the same color as the stroke color of the previous circle, but set the stroke to none. Then, make it blur using the blur effect in Fill and Stroke Panel (Shift + Ctrl + F).Ĭreate a new ellipse and put it above the previous blurry circle. Set the stroke width as wide as you like. Give it no fill and a stroke with a color you like. Open up your Inkscape and draw a circle of any size. Well, I have just got inspired to create a bubble illustration on Inkscape after seeing many bubble-style wallpapers.
0 kommentar(er)
