Inkscape 0.48 Essentials for Web Designers

Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website

Inkscape 0.48 Essentials for Web Designers

Starting
Bethany Hiitola

Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website
$26.99
$40.50
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.
Code Files
+ Collection
Free Sample

Book Details

ISBN 139781849512688
Paperback316 pages

About This Book

  • The first book on the newly released Inkscape version 0.48, with an exclusive focus on web design
  • Comprehensive coverage of all aspects of Inkscape required for web design
  • Incorporate eye-catching designs, patterns, and other visual elements to spice up your web pages
  • Learn how to create your own Inkscape templates in addition to using the built-in ones
  • Written in a simple illustrative manner, which will appeal to web designers and experienced Inkscape users alike

Who This Book Is For

This book is written for web designers who want to add attractive visual elements to their website. It assumes no previous knowledge of Inkscape. General familiarity with vector graphics programming is recommended but not required. It will also be a useful guide for experienced Inkscape users who want to learn how to apply their skills to website design.

Table of Contents

Chapter 1: 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
Chapter 2: 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
Chapter 3: 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
Chapter 4: 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
Chapter 5: 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
Chapter 6: 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
Chapter 7: Making Diagrams, Site Maps, and More
Diagrams and maps
Diagrams
Organizational charts
Flow charts
Site maps
Exporting for use within a web page
Summary
Chapter 8: Designing for Blogs and Storefronts
Web design principles for blogs and storefronts
Creating Web templates in Inkscape
Grids and Cascading Style Sheets (CSS)
Summary
Chapter 9: 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
Chapter 10: Creating Simple Animations
Animations in web design
Basic techniques to animate
Creating scrolling text
Exporting animations
Creating animating banners or advertisements
Summary
Chapter 11: Plugins, Scripts, and Templates
Templates in Inkscape
Plugins, scripts, and extensions
Common extras for web design
Summary

What You Will Learn

  • What Inkscape is and how it can be used for web design
  • Everything about site layouts—from architecting a website to exporting image files
  • Adding illustrative and web-ready diagrams, maps, designs to your website
  • Importing, manipulating, and rendering trace and raster images for your web page
  • Tips and Tricks for "tracing" bitmap images to convert them into full vector graphics for both photographs and logos
  • Text editing and styling—kerning, rotating, moving letters from the baseline, reflection, following paths, shadows, the perspective tool, and cool envelope effects
  • Icon and button design principles and how to add them to your website
  • Creating simple and effective animated GIFs for your web page with GIMP
  • Incorporating animated banners, advertisements, and scrolling text in your website
  • The basics of XML and SVG coding

 

In Detail

Do you think that your website could do with more visual appeal? Are you looking to spice it up with attractive designs and effects? Enter Inkscape 0.48 Essentials for Web Designers—the only book specifically tailored to using Inkscape for web design. This book will teach you how to effectively use the fascinating new Inkscape vector graphics editor, which, despite being in version 0.48 and having no dearth of competitors, has already separated itself from the competition. Learn everything you need to know about enhancing your website—from site layouts to templates and animations—whether you are looking for a new website design or just some eye-candy.

The Inkscape graphics editor is powerful, but getting started is often difficult. Inkscape 0.48 Essentials for Web Designers walks you through the challenge of using Inkscape from a web design perspective in the easiest way possible.

The first book to unlock the potential of Inkscape for web design, it begins with an introduction to the basics of Inkscape and then journeys you through implementing them in your website one by one.

Learn to build your first website design using Inkscape. Create web page and desktop wallpapers with repeating pattern backgrounds and swirling designs. Incorporate icons and interactive maps on your website. Style and graphically manipulate text—from simple headings to shadowing, following paths, reflections, 3D effects, and more. Enhance your web pages using flowcharts, diagrams, and site maps and learn how to export them. Spruce it all up using animations.

This book will teach you all that and more, in a simple effective manner; and what's more—you'll have fun doing it.

Authors

Table of Contents

Chapter 1: 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
Chapter 2: 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
Chapter 3: 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
Chapter 4: 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
Chapter 5: 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
Chapter 6: 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
Chapter 7: Making Diagrams, Site Maps, and More
Diagrams and maps
Diagrams
Organizational charts
Flow charts
Site maps
Exporting for use within a web page
Summary
Chapter 8: Designing for Blogs and Storefronts
Web design principles for blogs and storefronts
Creating Web templates in Inkscape
Grids and Cascading Style Sheets (CSS)
Summary
Chapter 9: 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
Chapter 10: Creating Simple Animations
Animations in web design
Basic techniques to animate
Creating scrolling text
Exporting animations
Creating animating banners or advertisements
Summary
Chapter 11: Plugins, Scripts, and Templates
Templates in Inkscape
Plugins, scripts, and extensions
Common extras for web design
Summary

Book Details

ISBN 139781849512688
Paperback316 pages
Read More