Creating a Retro Background

Post questions on how to use or achieve an effect in Inkscape.
User avatar
capnhud
Posts: 435
Joined: Mon Jun 04, 2007 8:30 pm
Location: U.S.A

Creating a Retro Background

Postby capnhud » Thu Apr 08, 2010 9:10 pm

Is it possible to create a background such as this in inkscape?


Image

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Creating a Retro Background

Postby brynn » Fri Apr 09, 2010 3:48 am

You mean the sort of red starburst? I don't see why not. There are probably several ways to accomplish it. But I think I would suggest a radially tiled clone, with some randomization on the Rotation and Scale tabs, to accomplish the non-symmetrical appearance. In the Help menu > Tutorials > Tips and Tricks are instructions for creating a radially tiled clone.

llogg
Posts: 443
Joined: Tue Mar 11, 2008 7:30 am

Re: Creating a Retro Background

Postby llogg » Fri Apr 09, 2010 4:34 am

Agree with Brynn's suggestion but would add that this particular example also seems to have a texture applied to the background.

User avatar
capnhud
Posts: 435
Joined: Mon Jun 04, 2007 8:30 pm
Location: U.S.A

Re: Creating a Retro Background

Postby capnhud » Fri Apr 09, 2010 10:55 pm

Using a radially tiled clone with a little blur for the red parts was my first choice but then I could not really see how I would achieve the dark parts that are intermingled with the red sunburst. Duplicating and then blurring a black sunburst just does not seem to achieve the same effect.

User avatar
RobA
Posts: 335
Joined: Fri Aug 10, 2007 1:22 am

Re: Creating a Retro Background

Postby RobA » Sat Apr 10, 2010 3:33 am

capnhud wrote:Using a radially tiled clone with a little blur for the red parts was my first choice but then I could not really see how I would achieve the dark parts that are intermingled with the red sunburst. Duplicating and then blurring a black sunburst just does not seem to achieve the same effect.


When using tiled clones, ensure you are unset in fill and then use randomization on the lightness.

I also added a radial gradient (transparent in the middle) rectangle on top that was masked by a slightly random multipoint star :tool_star:

-Rob A>
Attachments
rect13087.png
rect13087.png (85.35 KiB) Viewed 4875 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Creating a Retro Background

Postby brynn » Sat Apr 10, 2010 8:50 am

Nice RobA!

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: Creating a Retro Background

Postby prkos » Sat Apr 10, 2010 12:03 pm

To get something similar to the texture effect try Filters > Noise transparency, then open the Filter editor and tweak the Turbulence component - choose Turbulence instead of Fractal noise, move Base frequency slider all the way to the right, and play with Octaves to get the look you like.
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: Creating a Retro Background

Postby Xav » Sat Apr 10, 2010 9:21 pm

A "cheap" way to add noise and granularity to an object is to dupe it, fill the dupe with the "Sand (bitmap)" texture, and drop its opacity. In this case you could probably get away with a textured rectangle over the whole image.

I'm always surprised at just how effective this technique is. We've used it on our comic for everything from granite monoliths to a cornfield, paper blueprints to a pile of ash (used with full opacity).

It's "cheap" in that it renders faster than using a filter. It's not as versatile as a filter, doesn't scale (it's a bitmap), and can't be turned off by switching to "No Filters" mode, but sometimes it gives just the right effect.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: Creating a Retro Background

Postby prkos » Sat Apr 10, 2010 10:16 pm

wow excellent tip Xav :)
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

User avatar
capnhud
Posts: 435
Joined: Mon Jun 04, 2007 8:30 pm
Location: U.S.A

Re: Creating a Retro Background

Postby capnhud » Mon Apr 12, 2010 8:42 pm

@RobA>

I also added a radial gradient (transparent in the middle) rectangle on top that was masked by a slightly random multipoint star :tool_star:


You wouldn't by chance still have the svg to show what you are referring to would you?

User avatar
RobA
Posts: 335
Joined: Fri Aug 10, 2007 1:22 am

Re: Creating a Retro Background

Postby RobA » Tue Apr 13, 2010 1:46 am

capnhud wrote:@RobA>

I also added a radial gradient (transparent in the middle) rectangle on top that was masked by a slightly random multipoint star :tool_star:


You wouldn't by chance still have the svg to show what you are referring to would you?


I didn't, but I recreated it mostly.

-Rob A>
Attachments
burst.svg
(49.81 KiB) Downloaded 273 times

User avatar
capnhud
Posts: 435
Joined: Mon Jun 04, 2007 8:30 pm
Location: U.S.A

Re: Creating a Retro Background

Postby capnhud » Tue Apr 13, 2010 3:42 am

I would have never thought to do it the way that you have done it. The masking part is a great idea.


Return to “Help with using Inkscape”