inkscape tutorials blog

Inkscape Help, Tutorials and Documentation Resources

Main menu

Skip to primary content
Skip to secondary content
  • Suggest a Tutorial
  • Google+
  • Contact Us

Category Archives: web design elements

Web design layout with inkscape

Posted on March 7, 2011 by Ryan Lerch
2

Here is another great tutorial from Josh over at Tucson Labs. In this tutorial, Josh walks you through designing and exporting a webpage layout with inkscape.

Posted in howto, inkscape, technology, tutorial, vector, web design, web design elements, web layout, workflow, written tutorial | 2 Replies

Shiny Button Tutorial for Inkscape Beginners

Posted on February 23, 2011 by Ryan Lerch
Reply

We have posted many tutorials in the past covering how to achieve a shiny effect in inkscape. A newbie inkscaper should be able to follow the detailed directions to create a shiny Donate button as a first inkscape project.

Continue reading →

Posted in button, gradients, howto, inkscape, interface elements, shiny, tutorial, vector, web design elements, web graphics, written tutorial | Leave a reply

The ultimate guide for creating shiny web buttons with Inkscape – by nicu

Posted on August 1, 2007 by Ryan Lerch
3

Basically, the title of this tutorial says it all…

 view this tutorial

Posted in gradients, inkscape, orb, shapes, simple, technology, tutorial, web design elements, written tutorial | 3 Replies

SVG-tastic icons

Posted on June 27, 2007 by Ryan Lerch
1

Very nice and easy to follow tutorial on how to create multi-coloured SVG icons with Inkscape.
(Thanks to Prokoudine for suggesting this tutorial…)

View this Tutorial

digg story

Posted in icons, interface elements, tutorial, web design elements, written tutorial | 1 Reply

text reflection using inkscape

Posted on June 22, 2007 by Ryan Lerch
4

here is a great little tutorial that shows you how to use inkscape’s masking to achieve the trendy text reflection effect that is everywhere nowdays…

view this tutorial

Posted in gradients, masking, simple, text effects, tutorial, web design elements, written tutorial | 4 Replies

Inkscape Tutorial by heathenx: Create a File Folder

Posted on June 17, 2007 by Ryan Lerch
1

here is yet another cool video tutorial from heathenx. In this one, he demonstrates how to create a simple yet still pretty good looking file folder.

ep006_thumb.jpg

view this tutorial

Posted in decal, general, grouping, icons, introductory, objects, shapes, simple, tutorial, video tutorial, web design elements | 1 Reply

Creating a “Web 2.0 style” Badge in Inkscape v.45.

Posted on June 16, 2007 by Ryan Lerch
6

here is a cool tutorial for creating a simple star shaped badge in inkscape. it is nice and detailed and provides step-by-step screenshots to make it really easy.

view this tutorial

Posted in badge, decal, gradients, icons, objects, paths, shapes, simple, stars, stickers, tutorial, web design elements, written tutorial | 6 Replies
Google+
Blog at WordPress.com. | Theme: Hum by Daryl Koopersmith.
Follow

Get every new post delivered to your Inbox.

Join 404 other followers

Powered by WordPress.com