Difference between revisions of "Tutorials and help"

From Inkscape Wiki
Jump to navigation Jump to search
(inserted the contents of page TutorialIdeas)
Line 120: Line 120:
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial
# Announce the availability of the new tutorial
== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.
=== Completed Tutorials ===
* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]
=== Tutorials in development ===
* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing  [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.
=== Planned Tutorials ===
* [[UsingTheCloneTiler]] - Clones
* Text and Typography
* Clippath/Mask/Pattern
* Effects
* SVG Filters
* XML Editor
=== Tutorial Scratchpad ===
* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc
A tutorial in progress of writing by John Griessen
This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.
Attached is a png of the printed business card:
It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy. 
The shell command  '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul  2 2004)  .
The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs.  In Illustrator 7, clicking on the ruler bar created a guide if I recall...  Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy.  As I read around, I find the usage of guides in "Keys and Mouse"  "drag off a ruler"  is the way...  and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to?  I try duplicate on the guide, but alas, it is not a regular object...  it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag.  A click-only will give you only connected straight line segments.  I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png
[[Category:Help Wanted]]
=== Other SVG Tutorials ===
* http://www.codeproject.com/books/learnsvgchapter07.asp

Revision as of 03:49, 21 February 2007

Unofficial tutorials

en

Furboa head.png
Name: Furboa-Tutorial
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.

Icons in Inkscape.png
Name: Icon Creation (Mini-Tutorial)
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the Open Clip Art Library

Orb-tutorial-thumb.png
Name: Simple Bubble/Orb in inkscape
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.

Inkscape overview tut thumb.png
Name: inkscape interface tutorial
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.

3d-beveltext-thumb.png
Name: 3d like text effect in inkscape
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.

Slime tutorial thumnail.png
Name: slime to start
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.

Starfish tutorial thumb.png
Name: a starfish with inkscape
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"

Starburst tut thumb.jpg
Name: Sun background with inkscape
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.

Eye tut thumbnail.png
Name: 11 Step Tutorial To Create Eyeball Vector Art
Overview: A tutorial that shows the process to create an eyeball in inkscape.

de

fr

it

pl

pt_BR

zh_CN

Help & helpful articles

Creating New Tutorials

Easy way:

  1. Load up one of the existing tutorials
  2. Replace its text and images with your own
  3. Upload it to the Patch Tracker. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:

  1. Create a DocBook XML file like the Basic Tutorial DocBook
  2. Follow directions in the tutorial directory README for formatting and handling of embedded non-SVG images
  3. Create a subdirectory in the doc-docbook module and place the new tutorial docbook file there
  4. Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
  5. Announce the availability of the new tutorial


Tutorial Ideas

This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.


Completed Tutorials

Tutorials in development

Planned Tutorials

  • Text and Typography
  • Clippath/Mask/Pattern
  • Effects
  • SVG Filters
  • XML Editor

Tutorial Scratchpad

  • How to create an icon
  • How to build a presentation using Inkview.
  • How to build complex shapes using boolean operations.
  • How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
  • etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally made with Illutrator 7, after losing the original file, so the comparison to Illustrator is much from memory and not to be taken as the last word, but a guide as to how the programs compare.


Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides, http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

Other SVG Tutorials