Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Inkscape Beginner's Guide

You're reading from   Inkscape Beginner's Guide Create attractive layout designs, logos, brochures, icons, and more using the Inkscape vector graphics editor.

Arrow left icon
Product type Paperback
Published in May 2012
Publisher Packt
ISBN-13 9781849517201
Length 298 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Bethany Hiitola Bethany Hiitola
Author Profile Icon Bethany Hiitola
Bethany Hiitola
Arrow right icon
View More author details
Toc

Table of Contents (18) Chapters Close

Preface 1. Getting Started with Vector Graphics FREE CHAPTER 2. Installing and Opening Inkscape 3. How to Manage Files 4. Creating your First Graphics 5. How to Work with Layers 6. Building Objects 7. Using Paths 8. How to Style Text 9. Using Filters 10. Extensions in Inkscape 11. Working with Images 12. Using the XML Editor A. Where to Find More Information B. Keyboard Shortcuts
C. Glossary of Terms
D. Pop quiz Answers Index

Time for action — using Layers in web design

To start, we will create the very start of a website, or more specifically a blog, and create three layers in the design:

  1. Open Inkscape, and create a new document. From the file menu, select File | New | Desktop_800x600.
  2. From the main menu, choose File | Document Properties.
  3. Click on Background. The Background color dialog will be displayed.
    Time for action — using Layers in web design
  4. Change RGBA from ffffff00 to ffffffff. This will change the background color of this screen mockup to white.
  5. In the Layer dialog, click the + sign to create a new layer (or use Shift + Ctrl + N) and call it Header.
  6. Click the Create and Edit Objects tool and enter the header title for the blog.
    Time for action — using Layers in web design

    You could try creating something similar to the following screenshot:

    Time for action — using Layers in web design
  7. Highlight the text with the Create and Edit Objects tool and use the control bar located above the canvas area and adjust the font type and size. In the previous example, the font type is Arial and it is 36 points in size, as shown in the following...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image