OS-tan Collections

(http://www.lostsys.com/imatges/inkscape.png)
Hello all.  At long last I'm gonna accomplish my dream of creating Inkscape tutorials, so that everyone who's interested in vector graphics drawing can use this as a resource.  My hope is to demystify every element, not only of Inkscape or vector graphics in general, but of Anime-style artwork in general.  To make it something to be attempted, not feared.  ^^

First off, in case you don't know what Inkscape is, it is a free, open source vector graphics program.  Vector graphics are a style of digital artwork that relies on the formation of geometric primitives such as points, lines, curves and polygons to create a coherent image.  Since this is completely mathematical to a computer, this results in images that are clean, precise, fully editable and fully scalable (meaning you can resize your drawing as much as you want without impairing quality).  This differs from Raster graphics programs such as Photoshop, which rely on the placement of pixels on a screen, and are thus far more in-line with traditional artistic techniques such as painting and freehand drawing.  Drawings that require greater complexity and more organic shapes are more efficiently-produced with Raster Graphics.  But due to the precise nature and cartoonish-output, Vector Graphics are very well-suited for Anime cel artwork, and thus will be the focus of these tutorials.  ^___^

Inkscape is not only free and open source, but it's also cross-platform -- hence, you can be using Windows XP, Mac OSX or any of the million varieties of Linux, and still enjoy this incredible little program.  ^__^

If you haven't done so already, please go to their website now and download/install the program:

http://www.inkscape.org/download/?lang=en

Now then, my plan is to provide either a well-structured HTML presentation of this, or to load it up at our Wiki.  Regardless, until more content is available, I'm submitting drafts via the PDF format (created in Open Office using 100% ODF).  ^___^

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Oh, and I'll see about adhering to a section-a-day schedule.  ^^;

this is relevant to my interests....

*insert image sleepyd is to lazy to put up*

^^

sankyuu~
*awaits more*
*staaare* O____O

Thanks dude!

I promise not to disappoint.  ^___^

I just added a new section concerning the Edit Tool, although watch out as it's LOOOOOOOONG.  @___@
Also included a few minor revisions to the first few pages posted.

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Quotesankyuu~
*awaits more*
*staaare* O____O

Kagami-sama hasn't gotten to you too, I see.  ^________^;

Those look great! I'll have to read them :)

Thank you, Bella-sama.  ^^
I'm actually wondering if PDFs wouldn't be the preferred format after all, given how convenient it is to download, print, etc.  ^___^'

I just downloaded it on my Home folder. Thanks C! ^_^

Gah! How in the world did I miss this thread?!? Me thinks my data collections methods are slipping ^^'
As for content, though, I am in awe! Wonderful work, Senpai. I know you have talked about making this for some time now, but seeing it in production is quite astounding! Keep it up!

QuoteI just downloaded it on my Home folder. Thanks C!

Um,... I kinda just started it dude, so feel free to wait a while till you download the whole thing.  ^.^

QuoteGah! How in the world did I miss this thread?!? Me thinks my data collections methods are slipping ^^'
As for content, though, I am in awe! Wonderful work, Senpai. I know you have talked about making this for some time now, but seeing it in production is quite astounding! Keep it up!

Thank you Tsubashi-dono.  ^___^
What'dya think,... should I keep it in PDF?  
Seems very convenient,... besides, it also make it possible to GPL it (upload the original ODT file and let anyone add their expertise or screenshots to it). ^^

Added after 10 hours 37 minutes:

New section added on the Zoom Tool.  Insultingly-small, but the best I can do while playing catch-up..... X___X

http://ostan-collections.net/annex/InkscapeTutorial.pdf

BTW, that's a cute new signature, Alfamille-san!  ^v^

Okay, got the Square Tool covered today.  I know it sounds anticlimactic, but this is what passes for "being on a roll" these days.  ^___^;

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Added after 1 minutes:

Oh, and these last two chapters are dedicated to Alfamille-san for being just so darn awesome!  ^____^

Circle Tool explanation ready.  One section-a-day rule seems to be working.... ^__^

http://ostan-collections.net/annex/InkscapeTutorial.pdf

*flops down with fatigue*

Great tutorials!

But how do you find the time in a day...?

Well, Bella-san, it's a very sophisticated thre-prong approach of A) limiting myself to only a single section per day so as to not go insane, B) downgrading myself to a social outcast by not attending any of the forum games or random picture/movie/question... thingies..., and C) reneging on my duties as a Wiki admin.  It just kinda goes with the territory, you know..... ^__________^;

In any event, I have to go write up the section of the day right now, although since I'm far behind I might consider writing up two just to catch up.  Then again,... there's still SleepyD's and Raffaele-san's pictures to work on.... ¯v¯;

Those tutorials are great! I've learned a lot from them!

Thank you Aurora-dono.  ^__^

Course, the best is yet to come, so please hold on for the ride.  ^v^

In any event, I know I promised two sections today, but my notes on the very important Star Tool went on longer than expected.  ^__^

Please enjoy the latest (and very vibrant) addition to the Tutorial document:  

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Looks like I've got some catching up to do! ^^; Better get started! *reads*

I've experimented with the Star Tool and knew it had lots of possibilities but I didn't know it had THAT MANY possibilities as shown in the tutorial! Wow!

Yay!!  Lilly-san is here and Aurora-dono is psyched!  ^____^

Mission accomplished,... okay, I can retire now... ^.^

*walks off to retire*

.
.
.
.
.
.
.

.
.
.
.
.
.

.
.

*comes back*

Oh right, I gotta actually finish this, don't I?  ^___^
Okay fine, let's continue..... ^.^

Until I actually start discussing Anime concepts, it will help [especially for you Lilly-san] to produce random, art nouveau style pictures using the tools I'm detailing here, and then post them on this thread.  This will help you get used to working with the tools described, and thus prepare you for when we start creating new characters.  ^____^

Added after 1 minutes:

FYI, if you've ever used Microsoft Office, Star Office or Open Office, you might be interested to know that all that clipart is done with vector graphics!  ^v^

So at the very least, these tutorials have practical usage outside of this forum, since you'll also learn how to do your own clipart for work and/or school. ^.^

Added after 6 hours 14 minutes:

Extremely boring section about the Spiral Tool added....  -v-

http://ostan-collections.net/annex/InkscapeTutorial.pdf

This week has been jam-packed with work, active Linux Recruitment and a less-than-stellar birthday, but it's all cleared up now so I can finally pick up where I left off..... ^__^

Unfortunately, today's Freehand Tool update is more like adding a mere blurb rather than a full-blown section to the tutorial, but hey at least it's something.  There's a lot to discuss about the Line Tool, so hope I can finish that one tomorrow.  ^____^

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Finally got around to writing about the Line Tool, which will be my last major Toolbar description since the remaining ones are fairly trivial in use.

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Oh, and there's a brief cameo appearance by Kagami-san.  ^^

(http://ostan-collections.net/annex/KagamiInkscape.png)

Added Calligraphic Tool section.  Sort of a waste of time, but hey,... the tale's got to get told....  -v-'

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Woohoo!!!  ^.^

Went the full mile and decided to wrap up the entire Inkscape Toolbox section all in one shot!!  ^v^

http://ostan-collections.net/annex/InkscapeTutorial.pdf

I still need to discuss a few more toolbars before we begin with the good stuff, but these following toolbars are also pretty interesting.  ^.^

Gah! I think my notification program is broken, because I never get informed when you post here! Gomen nasai!

Anyways, am I the only one who feels like this is becoming like the 'Gallery Updates' thread? I'm sorry for not posting sooner!

Great job Senpai! It so amazing how good you are at detailing how to use each tool. We could probably propose this as Inkscape pseudo-documentation, ne? ^__^

Hehe.......... Veeeeeeeeeeeeeery pseudo.... -v-;

Well,... dunno,.... maybe if/when I'm done, I can have it edited professionally (including table of contents and all).

GAAAAAAAAH!!!  Wanted to complete the first section of Chapter 2, but work's been intense lately and my brain's turned to mush... XvX;

I'll try to publish it tomorrow.  ^^'

Don't worry Senpai, everyone has days like that. Don't rush yourself; We will be fine if you need extra time ^-^

Thank you, Oh Valiant Vampire.  ^__^
(right, I do remember you saying you were gonna put that...)

There will be only 5 sections in Chapter 2, but certainly the Fill and Stroke Swatch section will be LOOOOOOOOOOOOONG (very important part of Inkscape, and all....)  ^.^

Okay, I'm finally getting back on track!  ^v^

Wrote a nice sizable section on the Commands Bar, and even did a little reogranization so that the major dialog windows will be demonstrated sooner rather than later.  

http://ostan-collections.net/annex/InkscapeTutorial.pdf

I know I know, some of you are just itching for action, but patience is the mother of greatness.  ^__^
If you learn how to use the program inside and out, you'll be better able to employ it outside the feel of Anime.  ^.^

Added an unusually-lengthy segment detailing the Palette Bar.  I didn't expect it to be large, but I kinda learned a thing or two while studying it.... ^___^

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Okay now........

Officially finished with Chapter 2, but also did a major rewrite of early chapters since I confirmed that I did screw up with the naming conventions.  What I called "Paths" are actually "Fills" -- "Paths" are in fact combinations of "Fills" and "Strokes".  So I had to go back and do some major rewriting/reedting to fix this fudge up,... not terribly hard given the Find function, but still annoying.  ^^;

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Chapter 3 will be a lot more exciting, I promise!  ^.^

As always, I am learning new things about Inkscape :D

Just one small gripe, I was distracted by your beautifully colorful WM theme XD

Thank you.  ^__^
Oh, and I see you noticed the new Beryl theme.  ^.^

What can I say?  I'm a sucker for festivals of colors.  ^v^
Besides, it was the only theme that I liked that also had glowing buttons (they glow nicely when you hover your mouse over them) AND sticky window buttons (very useful for Inkscape and GIMP... ^.^).

I've been sidetracked a little because of the drawings and other delays, so I'll probably skip that tonight and focus on releasing parts of Chapter 3.  This will involve the Fill and Stroke Window, which I've said time and time before is one of the KEY things to know about in-and-out.  ^___^

The only other basic feature that I may go over with equal detail will probably be the Boolean Operations -- other than that, I'll try to coast over everything else so I can go ahead and start the section on Anime art deconstruction.

I'm very proud to announce the initiation of Chapter 3!!!  ^v^
Given the subject, I promise this will be a very "colorful" section.  ^__^
(bad pun intended)

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Took a bit longer than I thought to get my groove back on track, but I shouldn't have a problem going forward.  Don't know why I chose a living bomblet as my practice mascot,... just some random idea that occurred to me.  ^^;

Wrote a little bit more, although left it hanging near the end of Linear Gradients:

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Sadly, I'm still pressed with other deadlines so can't devote much time to anything.  Still managed to whip out another page, though,... just enough to finish up the section on Linear Gradients:

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Woohoo!  Once again, I've restarted progress on my Inkscape Tutorial.  ^__^

This was produced partially on my 3ePC-chan, although without Inkscape (or at least something newer than 0.44) and all the fonts that I use, I can't actually produce the whole thing on it [for now anyway].

In any event, the section on Radial Gradients is done!  ^__^

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Next up is my LEAST favorite, but still extremely useful explanation of Pattern Fills.  ^___^

But for now,... tired myself out.... X__X

C ya!  *snores*  -__- Zzzzz

Okay, slight change in plans...

I managed to get a lot of pages written tonight -- however, it's about everything EXCEPT Pattern Fills.  ^^'

I just wanted to get a few basic things out of the way first.

http://ostan-collections.net/annex/InkscapeTutorial.pdf

Anyway, still short on time, so I'll try to be back soon.  ^.^

*rushes off again*

Wow Senpai, you've got quite an impressive bit of work here! Very impressive. Rather nifty what you chose to write on, I never really knew what the Miter Limit was for before now. Great Job~desu!

Thank you Tsubashi-dono.  ^^
I do feel bad that Pattern Fills aren't in there yet.  I used it to create the wings and the wood textures in that CE/DSL pic.  I'll see how quickly I can get it up and running.  ^.^

Mucho progress on the Pattern Fill section!  ^___^

It's not done yet,... but not wanting to sign off empty-handed for the night, I'd figure I leave some previews of the Pattern examples I'll be using:

(http://ostan-collections.net/annex/Images/PatternFillSample.png)

All of these are 100% produced in Inkscape.  ^^
Sadly, the vectorized cloud formation falls outside the scope of Pattern Fills, but I might discuss it during the Blur Effects section.

GAAAAAAAAAAAAAAH!!!!!!!!!!!!!  Why is this not getting done?!!!!!  >0<

....

I sucketh.............  -_____________-

...........

Well, at least I'll show what I've wasted my time on this time.  ^^'

(http://ostan-collections.net/annex/Images/PatternFillSample2.png)

Plaid, cross-hatching and "practical application" samples.  ^^'

*flops over keyboard*

*snore*  -__-  Zzzzzz

No, senpai/ Thou sucketh not. You are just busy! And, if I had to guess, methinks thou hast not enough sleep ^^'

Thank you, Tsubashi-dono, but I fear it's too late,...

My level of suckage has completely gone off the charts and will explode to new heights of imbecility!!!  ^0^

In any event, I'm afraid the Pattern Fill section WILL take a lot longer than I thought, so I'm thinking of laying off it for a while and resume drawing and Wiki editing since clearly this Rome ain't gonna get built any time soon.  ^^'

But at least I've covered the very basics of it, so the remaining examples will just provide step-by-step instructions on how to do even cooler effects.  -v-

http://ostan-collections.net/annex/InkscapeTutorial.pdf

That's handy...I really had no idea how to do patterns before...!

Even if the pattern fill section isn't complete, it's still really good and from that I finally found out how it works! :D

Awesome!!!  Now my life's work is finally complete!  Time to retire.  ^^

*starts fishing*

,
,
,
,
,
,
,
,
,

Just kidding,.... ^^
Will finish the rest up in time, since some pattern possibilities may not be entirely obvious at first.  ^.^

[Sorry to revive a (probably) old thread, but I felt like making my words be heard.]

Man... this is one nice tutorial. You should try making one with an adaptation for anime and/or manga. Or... you can develop more on creating complex effects that would be used in anime/manga. I would benefit from that... even though I found SVG to be quite easy to catch.

Either way, keep up the good work.

Yo "Kissu".  ^___^

You actually caught me in mid-response to the FOSA thread, but figured I should probably put a word here too.

The tutorial was, as you say, meant to teach the reader how to use vector graphics to create Anime characters (as detailed in some of my earlier tutorials strewn around the forum, and as seen in the "Kagami" section).  However, I needed to cover basics first, which is why that's all you see up to this point.  

Truth is though, if we go forth with FOSA, then I think that will obsolete my Inkscape tutorial since users will be able to follow along INTERACTIVELY with what I was hoping to achieve with my tutorial.  And in a way that's a good thing for me,... cause hell, it takes quite a lot of time to write all this up.  ^^;

In any event,... if you'd like to study some of my drawings, feel free to check out my user gallery, as well as my "Open Sauced" SVGs in the Downloads section.  ^___^

Well.. at least I have stuff to look on to that stuff you made... could help me get by learning stuff in a more interesting manner rather than "by-the-book" processes.

And yes, I know this one is more of the "learn-the-basics" thing, that was why I though of making the suggestion.

Download quota is actually all used up for the month since tons of people downloaded ninjaku ^^'
Fedora-dono is the only one authorized to change those, but if you give me a moment I'll set up a mirror of the svg folder on my own sever.

Gomen nasai ^-^'

Ah good, Tsubashi-dono is here.  ^___^

In anticipation with FOSA, is there any way to make the SVG file format be attachable in a regular post?  I'd hate to have people stick them into ZIP files all the time.  ^^;

Most certainly. I don't think we'll have security issues, so...

Done ^.^

Oh and, here's the link to the mirror (http://www.yui.interhosted.com/OSdl/svg/) ^.^

Edit

Obligatory test post

[attachment deleted by admin]

You're the best.  ^^

Kami-Tux' stuff is in there too, just so you know Kissu.  ^__'

I wouldn't say "the best," especially since I might have to remove them. As you can see, any attached svg shows a live preview, and since svg is really just a type of xml, it wouldn't be too hard to code an XSS attack into one of them, or any number of other malicious things. Same principle behind the "No HTML" rule. I'll see what I can do to disable the live preview, though. ^.^'

Gomen nasai ^^'

Added after 7 minutes:

Ah! That does it! ^-^

"The Best" it stays.  ^^

Now testing....

Added after 52 seconds:

Beautiful!  JUST what I was looking for!  ^.^

"The Best" status has now been upgraded to "Genius!".  ^v^
[no exchanges or refunds]

[attachment deleted by admin]

Oh... that's nice... nice indeed.


I hope this is about enough help for me CC.

Also, thanks to you TsuTsu... I would have been half-lost waitting for that traffic limit to reset.

Fufu... didn't know I was a girl.  ^_____^

(http://endofdreams.animeblogger.net/images/eodimages/eod-CGS02.jpg)

But CC's a fun nick,... wonder why no one thought of that one.  ^.^

BTW, I'm about ready to launch a super-update to the FOSA preamle, so you might want to check out what I already have written in there before I bury it with TONS of detail.  ^_____^'

Worry now... I have read... also I have check out your SVGs... the're great.

I can't download them... but I got an alternative.

[Manual Downloading 1.Kiss]

-looks for a makefile-

-right clicks and views svg source-

-copies code into makefile-

-saves file as svg-

[/Manual Downloading 1.Kiss]

Hope that serves as a guide for interested peeps to follow.

TsuTsu? That's cute! I don't think I've ever had a real nickname before ^v^

No problem hosting the mirror. I figure: I've got spare cycles/mem, so why ever not.

Though I don't quite understand what you mean by "can't download them." Right clicking and selecting "Download link" doesn't work? Odd, I've never heard of such a thing. Just plain clicking won't do though, since the version of firefox you were using renders svgs in the browser. Actually, come to think of it, most browsers (excluding IE, of course) render them. Gomen, I should have warned you ^.^

That works too... I just had not much silence to think. Parents decided to call everyone to see some big boxing match event... and I was left with the after-headache.

But now that things are as silent as I love... I can think again and right click to "save targets as" without problem. ^_^

Oh and... there is always a foist time for nicks for everybody when I am around... it's a (friendly) tradition I carry for quite some time (read as years).