Monday, February 19, 2007

Inkscape: Web 2.0 Violator

My very first tutorial was an adaptation of a Photoshop tutorial on how to make one of those trendy violator badges. Well it turned out pretty ugly looking because the GFig plugin for the GIMP doesn't anti-alias the lines. Much discussion was had on whether or not I should include Inkscape tutorials on this blog to make up for the shortcomings of the GIMP, and I decided that I would give it a shot.

Now, before I start, keep in mind that I am a total newbie at Inkscape, so there is probably an easier way to do the things I'm about to show you. By all means, please suggest improvements on the way I've done things here. Okay, enough weasling, on with the tutorial.

  1. Open up Inkscape and set your document size to 200x200px. Set the X and Y grid spacing to 5px and make sure you've got grid snapping on. Press [5] to make the document fit the window size.

  2. Click the stars and polygons button (or press [*]). Increase the number of corners to 12, and make sure the Polygon checkbox is unchecked. Set the spoke ratio to 0.830 and make sure Rounded and Randomized are set to 0.

  3. star.props
  4. Starting in the center of the drawing area, click and drag out to the 10px mark.

  6. Click Edit>Duplicate. You won't see a change, but you've actually got 2 shapes now. One on top of the other. Select the top shape and change it to whatever color you want your violator to be.

  7. With the selection tool [F1] press and hold the [Alt] button and click the star shape. This will actually select the one on the bottom. You can tell because the color in the lower left will switch to black.

  8. Click Object>Fill and stroke. Set the Blur to 3.5 and the Master opacity to 80.0%.

  9. fill.stroke.1
  10. Now select the colored shape and duplicate it again. Now, if you still have the fill and stroke dialog box open, change the color to white and click the radial gradient box.

  11. radial.fill
  12. Now select the gradient tool [Ctrl]+[F1], and you'll see 3 handles that form a right angle in the center of the gradient. These control the position and size of the gradient. Grab the middle one and drag it to the upper-left portion of the shape. You can play with the other 2 handles to resize the gradient. I left it as-is.

  13. Now select the text tool [F8] and click anywhere in the shape to start typing.

  14. Using the selection tool, click twice until you see the handles on the corners change to indicate that it's in rotation mode and rotate the text however you want it. Note: You can create a shadow under the text the same way you did with the shadow for the shape.

That's it! Once you get the hang of how inkscape works, it really is easier to use for this sort of thing than the GIMP. I hope you've enjoyed this tutorial. Thanks for following along.


:: stopsatgreen :: said...

Couldn't you set the stroke width to 5px (or whatever) and the color to white to come up with the border that was on the Gimp version?

Scott said...

Absolutely! That's a great idea. I thought about it, but I liked the badge without the border better, so I left it this way.

kirk said...

just another way with tile clones to get same object is here:

kirk said...

for some reason i got the link cut in the other post! the one above should ne better!

Scott said...

That was educational, but I don't see any advantage to doing it that way. Maybe I'm missing something? Anyway, that was a neat video. I haven't tried to make any videos yet. Is that something people would be interested in?

heathenX said...

ha! i just posted this same tutorial last week.

Anonymous said...

Now do you worried about that in the game do not had enough Archlord gold to play the game, now you can not worried, my friend told me a website, in here you can buy a lot Archlord money and only spend a little money, do not hesitate, it was really, in here we had much archlord online Gold, we can sure that you will get the cheap Archlord gold, quick to come here to buy Archlord gold.

Now do you worried about that in the game do not had enough Atlantica online Gold to play the game, now you can not worried, my friend told me a website, in here you can buy a lot Atlantica Gold and only spend a little money, do not hesitate, it was really, in here we had much Atlantica online money, we can sure that you will get the cheap Atlantica online Gold , quick to come here to buy Atlantica online Gold .

Anonymous said...


Anonymous said...

艾葳酒店經紀是合法的公司、我們是不會跟水水簽任何的合約 ( 請放心 ),我們是不會強押水水辛苦工作的薪水,我們絕對不會對任何人公開水水的資料、工作環境高雅時尚,無業績壓力,無脫秀無喝酒壓力,高層次會員制客源,工作輕鬆。


Anonymous said...

China Wholesalers has been described as the world’s factory. buy products wholesaleThis phenomenom is typified by the rise ofbusiness. Incredible range of products available with China Wholesale “Low Price and High Quality” not only reaches directly to their target clients worldwide but also ensures that wholesale from china from China means margins you cannot find elsewhere and China Wholesale will skyroket your profits.china wholesale productsbuy china wholesalewholesale chinawholesale productsbuy products

Anonymous said...

We offer designer , custom wedding dress, cheap cell phonescheap wedding dressesbridal gowns, wedding gowns, Flower Girl Dresses andwholesale cell phonesso on. Buy tailor-made anddesigner wedding dresses designer to be a special brides now!

Adi said...

Oes Tsetnoc one of the ways in which we can learn seo besides Mengembalikan Jati Diri Bangsa. By participating in the Oes Tsetnoc or Mengembalikan Jati Diri Bangsa we can improve our seo skills. To find more information about Oest Tsetnoc please visit my Oes Tsetnoc pages. And to find more information about Mengembalikan Jati Diri Bangsa please visit my Mengembalikan Jati Diri Bangsa pages. Thank you So much.

Anonymous said...

Bonjour! Werner Espada . payday loans

Anonymous said...

toronto payday loans This website is optimum I enjoyed reading it quite a lot
AAA Toronto Payday Loans 1172 Bay St #101, Toronto, ON M5S 2B4 (416) 477-2817

janewangleilei said...

abercrombie and fitch
You can have a look at it.
abercrombie & fitch
Abercrombie and fitch outlet
You can have a look at it.
jordan shoes
coats & jackets


Arthritis means inflammation of jointsMicrosoft Office 2010csdxumei02 It is one of several Office 2010diseases commonly called rheumatism. Arthritis arises from many causes and it is treated in many various methodsMicrosoft Office 2007Arthritis has been classified as follows: - * Arthritis caused by infection.airOffice 2007Arthritis has been classified as follows: - * Arthritis caused by infection.airMicrosoft OfficeRheumatoid arthritis. * Degenerative arthritis. * Arthritis due to joint injuries.supra shoes Office 2007 keyArthritis originating from the nervous Office 2007 downloadRheumatoid arthritis and arthritis caused by rheumatic Office 2007 Professionalfever are classified as collagen disease. * Rheumatoid arthritis and degenerative nfl jerseysMicrosoft outlooktwo common types. Millions of men and women Microsoft outlook 2010are afflicted with them. But good treatment begun early and continued faithfully can often do much to alleviate the pain

Forex Bulletproof Review said...

fap turboHello Great informative article! Thanks so much for sharing your wealth of information. I certainly appreciate the effort! keep up the good work!

Mobility stair lifts said...

Great post!It's very informative.
Keep it up.

California retreats said...

Very interesting thanks.
I believe there's even more that could be on there!
keep it up.

San Diego cemeteries said...

This is good site to spent time on .I just stumbled upon your
informative blog and wanted to say that I have really enjoyed reading
your very well written blog posts. I will be your frequent visitor, that's
for sure. San Diego cemeteries

teragoldonlinefsbest said...

I never thought of using Kontera for older posts. I really dislike Kontera, but this is actually a pretty good compromise. I’ve never heard of anybody using it this way. Here useful link:Tera Gold
cheap rs gold cheap wow gold Tera account

hotels new orleans louisiana said...

A very interesting blog Really this is amazing information found here. Thanks very much for the share and keep posting such an informative articles. I'm looking forward to your blog. Thanks!

liuyunxin said...

I really enjoy your posts as I learn a lot from them. I also broaden my thinking as far as what I can use and do with thingsHere useful link:
diablo 3 gold
guild wars 2 gold
guild wars 2 gold
diablo 3 gold
diablo 3 gold
guild wars 2 gold
tera gold
diablo 3 gold
guild wars 2 gold
guild wars 2 gold
diablo 3 gold
diablo 3 gold
guild wars 2 gold
tera gold

Mie said...

custom logo design
michigan logo design

Anonymous said...

At this point,Cheap wow gold previous to My spouse and i begin, take into account that I'm a overall rookie from Inkscape, so there is most likely an easier method of doing what exactly I am going to teach you. By all means, you should advise changes along the way I conducted items right here. Ok, enough weasling, Buy rs goldlets start work on your guide.

converse store said...

Only the progress of your time can prove the fact that modifications exist in clothing, merely because clothes should adhere to the pace of tiffany set times, bags are no exception. since the major area of luxury products, Louis Vuitton bags continually deliver us the newest craze of coach online style world, now the brand new yr has just arrived; designers of LV have previously developed the brand new models, that will be the spring holiday assortment of converse shoes new Louis Vuitton bags 2011. New Louis Vuitton bags 2011 are complete of inhale of spring, while you see them; you may possibly really feel the fact that property from every sole corner is dynamic.

Anonymous said...

nice man
dna test

Anonymous said...

wow wow wow
Speed Training

Anonymous said...

I am going to cheap D3 Gold additionally more likely altering layout, design here to try to say that i am a genuine internet site weblog. My plan is to simply have the backdated articles and placed back links in their mind from the sidebar. You will never know, probably one of these days Gimparoo Buy Guild Wars 2 Gold will turn to an industrial web host. Possibly.

Anonymous said...

like it man
dna test

Anonymous said...

guesthouse in pakistan

Anonymous said...

NFL Combine Training

Anonymous said...

escuelas de ingles

Anonymous said...

great man
NFL Draft Prep

Anonymous said...

cambridge esol

Emily said...

Sie können das d3 gold Zahnrad an einen Verkäufer für Extragold verkaufen, wenn Sie die Rolle für einen Zahnrad-Fall gewinnen. Die meisten Personen sind glücklich, Spielern auf höchster Ebene zu zahlen, um sie durchbohrt Kerker zu führen. Sowohl der auf niedriger Stufe Charakter bekommt die Hilfe, als auch Sie diablo 3 kaufen werden Gold-für Ihre Dienstleistungen. Unglücklich, um zu sagen, ist Geld zum Bilden in der Welt von warcraft dasselbe als in der echten Welt hart. Fragen Sie ein Darlehen. Angenommen, dass Ihre Situation vielleicht nicht beständig ist, würden Ihr Gilde-Begleiter oder Ihre Freunde Ihnen gern ein kleines Darlehen leihen, bis Sie veranlassen, gold kaufen billig dass das genug Gold sie zurückgibt.

Anonymous said...


rscredits said...

buy rs gold by phone onebip or sms from Safe Store Rsorder a professional runescape gold seller. All cheap rs gold is transferred without cheats or hacks. rs gold can be supplied anytime. Fast in-game delivery within 10 minutes!cheapest runescape gold for you!

china tours said...

Thanks. I always enjoy reading your posts - they are always humorous and intelligent.You can learn more: China tour packages | China travel packages | China Travel Agency

Learn Chinese said...

AllMandarin is the only company that can give you an excellent alternative to learn Mandarin Chinese that is not only better, but also more efficient in terms of cost, flexibility and learning methods.I am a Chinese teacher,you can learn more about Chinese language info: Learn Chinese | Learn mandarin | Chinese teachers

Whatsapp Descargar said...

I understand what you bring it very meaningful and useful, thanks.
download free descargar whatsapp and download baixar whatsapp online and descargar whatsapp gratis , baixar whatsapp gratis

Facebook Descargar said...

This is also a very good post which I really enjoyed reading. It is not everyday that I have the possibility to see something
download descargar facebook gratis para Android celular and download free descargar facebook apk en español, descargar facebook plus , descarga facebook

Frozen Juegos said...

Great post,Thanks for providing us this great knowledge,Keep it up.
A good blog.
Jugar juego de frozen en línea gratis, los nuevos de princesa de Disney juegos frozen - la princesa encantadora y linda. Divertirse frozen!

Anh Mai said...

I am very happy to read this. Appreciate your sharing
Versión en facebook en español descargar a los países hablan Español: facebook entrar direto agora , facebook en español para and facebook entrar direto

Mít Trang said...

great post. i like it. feeling great when reading your post .
download baixar facebook movel, Facebook movel, baixar facebook movel. Facebook chat, baixar whatsapp gratis, fazer o download baixar whatsapp para Android, iPhone. Últimas Facebook said...

Its really good information, i like your blog post. Thanks for sharing.
juegos de matar zombies
jogos do friv

games unblocked said...

I'm happy about everything you bring it very interesting and helpful, thanks
kids games online
friv 2
unblocked games
juegos de un show mas

Zheng junxai5 said...

jordan 3 powder blue
michael kors outlet clearance
air jordan 8
adidas factory outlet
coach factory outlet
oakley vault
michael kors outlet
louis vuitton purses
ralph lauren outlet
louis vuitton outlet
kate spade
nike air force 1 white
louis vuitton handbags
coach outlet canada
michael kors handbags
beats by dr dre
louis vuitton
oakley outlet
michael kors outlet online
timberland boots
tory burch shoes
cheap jerseys
coach factory outlet online
coach outlet online
mont blanc pen
true religion jeans
louis vuitton outlet stores
michael kors handbags
tods sale
kobe shoes 11
nike roshe run
michael kors outlet
nike air max 90
michael kors outlet
louis vuitton outlet stores
ray ban outlet
ralph lauren
tory burch flats
christian louboutin sale clearance
coach outlet store online