Inkscape Video Tutorial Double Feature – Faking 3d Text & Wrapping Text Around a Globe

June 15, 2009

Introducing a new segment here at the inkscape tutorials blog: the Inkscape Video Tutorial Double Feature. Screening this week, we have:

3D Text Using Interpolation: An example on how to use the interpolation effect to create a faux 3d (yet impressive none-the-less) text effect:

ep041_thumbview this tutorial


And, Secondly, we have:

Wrap Text Around a Globe:

Another awesome screencast by heathenx:

In this episode I will demonstrate how to wrap text around a three-dimensional globe in Inkscape v.046.

I used a fairly new extension from Gerrit Karius (aka G33K) called Bezier Envelope. If you want to follow along or use the Bezier Envelope for whatever future purpose then be sure to download it here. Thanks Gerrit. :)ep088_thumb

view this tutorial


10 of the Best Inkscape Tutorials

May 31, 2009


With the readership of the inkscape tutorials weblog steadily increasing over the past year, there are many great tutorials deep in the blog archives that newer readers may not have discovered yet. Therefore to celebrate the forthcoming milestone of 1.5 million page views of this site, we have decided to list the top 10 inkscape tutorials that have been featured on the inkscape tutorials blog to date.

top10_1

Text and Simple Styling

An awesome tutorial from Troy Sobotka detailing how to create a colourful outset text effect.

top10_2

Creating a Business Card Template and Basic Business Card with Inkscape

Create a business card template using inkscape, and learn how to populate it with a simple business card design.

top10_3

Shattered, Smashed and Grungy Text in Inkscape

A step by step on creating a smashed and grungy text effect using inkscape..

top10_4

Create a Lightbulb Icon that follows the tango! guidelines.

This tutorial provides a detailed how-to on creating a lightbulb icon that uses the tango! icon set guidelines.

top10_5

Create an impressive stick man cartoon character / avatar

A super detailed guide to creating a stick man cartoon character using inkscape.

top10_6

Draw A Realistic Vector Guitar in Inkscape

In this tutorial,  Nick Roberts demonstrates in detail how to illustrate a “Fender Stratocaster” type guitar. The final result is stunning, and the author has detailed the steps superbly with many super useful screen shots.

top10_7

Creating a Coffee Cup using inkscape

Another detailed and impressive tutorial from the vectortuts website. This tutorial demonstrates how to draw a coffee cup using inkscape.

top10_8

How to make RPG map elements with inkscape.

This is a great tutorial on creating RPG map symbols using inkscape. The tutorial outlines a workflow for creating a simple jailhouse RPG element.

top10_9

chrome text effect

From the same author as the “Text and Simple Styling tutorial”, Here is a another that demonstrates how to create chrome text effect using inkscape.

top10_10

sticker with a folded / dog ear edge

here is a cool tutorial for creating a simple sticker / decal with a folded down edge.

Digg this! | reddit


Creating a Business Card Template and Basic Business Card with Inkscape

May 29, 2009

Here is a great tutorial for creating business cards using Inkscape. This tutorial has two main sections.

The first details how to create a printer ready template from a PDF guide using clones and guides. Using clones in this fashion to create a template in inkscape is awesome; once the template is created correctly, the changes that are made to the original populate thoughout the rest of the tempate!

The second section provides a detailed process for creating a basic business card (with a nifty pinstripe background). This portion of the tutorial is a great introduction into basic fill / stroke techniques, pattern fills and text editing and kerning.

view this tutorial

text4

view this tutorial

This tutorial is published by worldlabel.com , a maker of labels. Worldlabel are quite active over at the open clip art library producing the “Clipart of the Week” and have also donated a substantial amount of public domain clipart to the library.


Intoduction to gradient creation and manipulation in inkscape.

May 25, 2009

Here is a great tutorial providing a detailed and easy to comprehend introduction to creating and manipulating gradients using inkscape. It is aimed at the absolute beginner, but even the seasoned inkscape professional may glean a useful tip from this comprehensive tutorial. It also inadvertently provides a great introduction to the most useful dialog in Inkscape: Fill and Stroke.

gradientbutton.png


The inkscape tutorials weblog now has a twitter feed.

May 22, 2009

as per the subject, the inkscape tutorials weblog now has a twitter feed:

@inkscapetuts

stay tuned, more tutorials are on the way.


simple text effect: outline styling.

May 21, 2009

here is another awesome tutorial from Troy Sobotka (author of the chrome text tutorial). This tutorial details how to create the following outlined text effect:

sample

button.png

Shattered, Smashed and Grungy Text in Inkscape

February 21, 2009

here is a step by step howto on creating a shattered text effect.

view this tutorial


Create a Lightbulb Icon that follows the tango! guidelines.

February 19, 2009

Here is another great inkscape tutorial from vectortuts, demonstrating how to create a vector lightbulb icon within the tango! icon guidelines.

This tutorial is a great overview on using inkscape for drawing icons.  For an overview on managing your workflow in inkscape while designing icons, see the previously posted tutorial, “creating icons with inkscape – a basic workflow.”

Also, be sure to check out the vectortuts website. Even though there are only a handful of inkscape tutorials posted there, if you have intermediate to advanced inkscape skills, you may be able to apply some of the techniques from the other tutorials hosted there.

Note: This tutorial only demonstrates the process to create the light bulb icon above. The image below is a random subset of images that are in the tango! icon library. To get the tango! icons, including icons in the Scalable Vector Graphics (SVG) format, visit the download page on the tango! website.

screenshot


Realistic Guitar Tutorial

February 8, 2009

In this tutorial,  Nick Roberts [ of Everlong Design] demonstrates in detail how to illustrate a “Fender Stratocaster” type guitar.

This tutorial is close to one of the best inkcape tutorials out there.  The final result is stunning, and the author has detailed the steps superbly with many super useful screen shots. The author even details the hex values of all the colours that are used. Be sure to check it out and leave feedback on the tutorial itself. More positive feedback to the tutorials authors means more higher quality inkscape tutorials for all…

guitar


Yes, the inkscape tutorials blog is back…

February 8, 2009

To answer the first question, No, this blog was not dead, just kind of unconscious for a few months… :) But now the tutorials are going to flow again…

While the blog was asleep, the inkscape docs crew, in conjunction with the folks over at floss manuals created the official inkscape manual. This is an awesome book that is well worth the time to download, read and utilise.

Also, be sure to forward the links to any tutorials that are not listed on this blog, so they can be posted and shared!


simple “starburst” effect tutorial.

February 6, 2009

This tutorial details how to achieve the simple “starburst” effect using inkscape. The method in this tutorial shows how to do this by manually creating clones and rotating them, which is not the most efficient way to achieve this effect. Check out the Official Inkscape Tutorial, “Tips and Tricks” for how to use Tiled Clones to make this effect quicker and easier to achieve.

finished

Read the rest of this entry »


Creating a Coffee Cup using inkscape

August 25, 2008

This is a detailed tutorial on creating an impressive coffee cup using inkscape.

Read the rest of this entry »


Playing with Spiros and Path Effects

August 25, 2008

Note: This tutorial was done with a development (unstable) version of inkscape. To play with these features you will need to download a development version of inkscape or wait until Inkscape 0.47 is released.

Here is another awesome tutorial from Andy Fitz. In this tutorial, Andy experiments with the new spiros Live path effect, combining it with the existing and equally awesome patten on path LPE. The link to the tutorial is after the break.

Read the rest of this entry »


Niko Kiirala on Filters: Tutorial Three – Composite

July 7, 2008

Here is the next tutorial in the filters series by Niko Kiirala, This tutorial covers the composite filter.

“Composite is, as the name states, an effect that can composite images together. It uses the Porter-Duff blending modes named after the writers of the paper, where it was published.

The Porter-Duff blending modes are basically logical operations applied to images. For example, you can go and take an exclusive or of two images. In the original paper there was a table showing an example of each mode and some variation of that has been included in most places, where these modes are explained.”

Read the rest of this entry »


Niko Kiirala on Filters: Tutorial Two – Color Matrix

July 4, 2008

Here is the second tutorial in Niko’s Inkscape Filter Effects series. Today’s tutorial focuses on the color matrix filter. The quote below (taken from the tutorial) best sums it up…

Color Matrix is an interesting filter, that can mix up the colours in your image in many ways. Blanc and white images, sepia toning, hue rotation and removing one of the basic colours from image are a couple examples, what kind of modifications this filter can do.

Read the rest of this entry »


Niko Kiirala on Filters: Tutorial One – Blend

July 3, 2008

Inkscape developer Niko Kiirala is doing an awesome, in-depth tutorial series looking at the complex area of SVG filters in inkscape. The first tutorial, which covers the blend filter is a great introduction to the inkscape filters and their use.

Read the rest of this entry »


using inkscape to illustrate tomatoes

July 2, 2008

here is yet another awesome tutorial from kalaalog, this subject of illustration this time is a bunch of tomatoes.

Read the rest of this entry »


a simple drop shadow tutorial for inkscape

July 2, 2008

If you are looking for a simple technique for creating shadows of simple objects, this is your tutorial.

Read the rest of this entry »


drawing chain links in inkscape

July 2, 2008

here is a nice little tutorial on illustrating chain links using inkscape.

Read the rest of this entry »


Creating Icons with an on the table perspective.

June 6, 2008

One of my fellow fedora artTeam members, Martin Sourada has created a great tutorial for creating icons with an ‘on the table’ perspective.

This particular tutorial links closely to the echo icon theme that the fedora artTeam are working on at the moment, but contains useful elements that can help with all icon design in inkscape.

Read the rest of this entry »


drawing gears in inkscape – a howto by nicu.

May 1, 2008

UPDATE: Nicu has been posting incremental updates on this tutorial on his blog… to date there are 3 parts in total:

  1. Drawing the Gears
  2. Colouring the Gears – Golden Gears
  3. Colouring the Gears – Gears on Old Paper

After the last few posts not being actual tutorials, today the inkscape tutorials weblog is getting back into the swing of things with an awesome little howto from nicu.

Nicu demonstrates how to create gears in inkscape, vary them and build them up to create complex “mechanisms”


How to Illustrate A Reddish Pink Hibiscus Flower Using Inkscape

April 20, 2008

here is another awesome tutorial from the equally fantastic kalaalog. This tutorial demonstrates how to Illustrate A Reddish Pink Hibiscus Flower in Inkscape. As always, the link to the tutorial is after the jump…


how to draw a Lamborghini Gallardo

April 9, 2008

here is another video made by halley, showing the makeup of this Lamborghini Gallardo that is a public domain artwork in the openclipartlibrary.

this is done using the same python script as halley used on his other video.

the musical backing track is from is a creative commons licensed track from ccmixter and can be downloaded here

Links:

http://openclipart.org/media/files/TheStructorr/2519

http://openclipart.org

http://www.youtube.com/watch?v=4wl6hXurUaI

http://halley.cc/

http://ccmixter.org/files/Tekno_Eddy/14377

http://ccmixter.org/


Drawing a manga character using inkscape.

April 8, 2008

While this video is not a tutorial per se, it provides a great insight into how a more complicated inkscape drawing is constructed. It is basically a step – by – step construction of all the objects in the drawing put into a neat little video. Below is a thumb of the finished product that can be viewed at the artist’s deviantart page.

The video (hosted on youtube) is embedded after the thumb, so you may not be able to view it if you are reading though an feed reader.

Links:

http://www.youtube.com/watch?v=fNTeoHeGMQY

http://halley.deviantart.com/

http://halley.cc/


Inkscape 0.46 Available on All Platforms

April 1, 2008

With the windows package of inkscape 0.46, becoming available overnight, the newest release is now available on Linux, OSX and Windows.

digg the 0.46 release announcement

downloadinkscape.png

The following is an extract from the inkscape release announcement:

Tons of new features and performance improvements are included in this release. Dialogs now have the ability to be docked to the editing window. Gradients can be edited completely on-canvas. The new Paint Bucket Tool fills bounded areas with color. A new 3D Box tool helps create perspective-correct drawings. A new Tweak tool provides an intuitive method for editing paths and painting objects. The new Live Path Effects feature can create “brushes” and various organic effects on paths. Improvements to color management include support for color spaces other than sRGB. Most SVG filters are now implemented, and a new powerful UI is provided for editing filter stacks.

aboutscreen-inkscape046.png