PacktLib: Inkscape 0.48 Essentials for Web Designers

Inkscape 0.48 Essentials for Web Designers

Credits

About the Author

About the Reviewers

Preface

Inkscape 101: The Basics

Vector graphics

What is Inkscape and how can it be used?

Installing Inkscape

The basics of the software

Creating and managing files

Paths

Creating shapes

Summary

Designing Site Layouts

Architecting a web site

Web layout — principles and basics

The basic design

Starting a new design project

Using grids and guidelines

Creating a layout example

Exporting design mock-ups

Working with programmers

Summary

Working with Images

Importing images in Inkscape

Rendering a Bitmap image

Basics about photo manipulation

Tracing images

Converting raster logos to vector-based logos

Using individual images as design elements

Summary

Styling Text

Creating and editing text tools

Text effects

Using reflections, shadows, and glows

More about text and paths

Using perspective

Pulling it all together

Creating title bars and headings

Exporting title bars for use as a design element

Summary

Creating Wallpapers and Pattern Backgrounds

Using wallpapers and patterned backgrounds

Using the built-in patterns

Creating a simple pattern

Creating a pin-stripe background

Creating advanced tiled backgrounds

Creating swirling design backgrounds

Exporting for use in a functional web page

Using the design in the layout design

Summary

Building Icons, Buttons, and Logos

Using icons, buttons, and logos in web design

Creating icons

Creating buttons

Logos as the cornerstone of the design

Best practices for creating logos

Importing existing logos

Logo re-designs

Exporting logos for use on the web and more

Summary

Making Diagrams, Site Maps, and More

Diagrams and maps

Diagrams

Organizational charts

Flow charts

Site maps

Exporting for use within a web page

Summary

Designing for Blogs and Storefronts

Web design principles for blogs and storefronts

Creating Web templates in Inkscape

Grids and Cascading Style Sheets (CSS)

Summary

Using the XML Editor

What is Inkscape's XML Editor

Accessing the XML Editor

SVG basics

Using the XML Editor to change characteristics

Using XML and graphics with programmers

Summary

Creating Simple Animations

Animations in web design

Basic techniques to animate

Creating scrolling text

Exporting animations

Creating animating banners or advertisements

Summary

Plugins, Scripts, and Templates

Templates in Inkscape

Plugins, scripts, and extensions

Common extras for web design

Summary

Keyboard Shortcuts

Glossary of Terms

Fonts

Fonts

Fonts