You are previewing Inkscape 0.48 Illustrator's Cookbook.
O'Reilly logo
Inkscape 0.48 Illustrator's Cookbook

Book Description

Overview of Inkscape 0.48 Illustrator's Cookbook

  • Create interesting illustrations and common web design elements that can be used in real-life projects

  • Gain a thorough understanding of all common Inkscape tools and advanced features of Inkscape 0.48

  • Tips and tricks to speed up your drawing workflow

  • Part of Packt's Cookbook series: Each recipe is a carefully organized sequence of instructions to complete the task as efficiently as possible

  • In Detail

    Inkscape is an open source vector graphics editor with an intuitive user interface that has enough depth to make quality graphic designs with an attractive layout comparable to what you would make using Illustrator or CorelDraw. But choosing the right tool and the best approach to creating the desired effect can be challenging. Inkscape 0.48 Illustrator's Cookbook makes it super-easy for you to make your own vector-based graphics with the powerful Inkscape editor.

    Inkscape 0.48 Illustrator's Cookbook provides you with the latest recipes to quickly create scalable vector graphics. Recipes in this book teach you about some of the most useful time-saving features in Inkscape accompanied by a list of keyboard shortcuts that you can easily memorize. In addition to covering use of Inkscape tools and their advanced features, examples from the recipes uncover solutions to common graphics problems.

    The book starts off with familiarizing you with the tools and techniques in Inkscape that you can use to draw 2D shapes, calligraphic shapes, and 3D boxes easily. It then guides you through the most common color-changing steps performed in Inkscape along with some convenient procedures that can save your time when dealing with colors. It explains drawing using linear and radial gradients, which are irreplaceable, usage of clones to create interesting effects in illustrations, and live-path effects that can help you speed up constructing a shape and make the process more natural. You will learn how to make those tweaks on some of the ready-made filters, and in the final recipe we will create a filter from scratch. This practical book also contains recipes showing how to use Inkscape as a raster editor and how to achieve photo-realistic effects in Inkscape. For each important technique and skill, you'll see some simple recipes, then some more advanced recipes followed by an explanation of how Inkscape works to produce the desired effects in your illustrations.

    By the end of this book you will be confident enough to create your own vector-based graphics with Inkscape.

    Get solutions to common graphic problems to achieve photo-realistic effects with Inkscape

    Table of Contents

    1. Inkscape 0.48 Illustrator's Cookbook
      1. Inkscape 0.48 Illustrator's Cookbook
      2. Credits
      3. About the Authors
      4. About the Reviewer
      5. www.PacktPub.com
        1. Support files, eBooks, discount offers and more
          1. Why Subscribe?
          2. Free Access for Packt account holders
      6. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Downloading the example code
          2. Errata
          3. Piracy
          4. Questions
      7. 1. Creating and Editing Objects
        1. Introduction
        2. Creating and editing 2D geometric shapes
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Creating complex shapes in seconds with Star tool
            2. Dotted spirals
        3. Creating freehand and straight lines
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Tapered lines using shapes in Pencil and Pen tools
            2. Creating "lines" using the Calligraphy tool
            3. Sketch mode fixing the path while drawing
            4. Creating dots using Pencil and Pen tools
          4. See also
        4. Editing paths using the Node tool
          1. How to do it...
          2. There's more...
            1. Symmetric and auto-smooth nodes
            2. Deleting nodes
            3. Using Simplify to smooth paths after creation
            4. Node sculpting
            5. Path direction
          3. See also
        5. Creating paths using the Pen (Bezier) tool
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        6. Creating smooth paths with Spiro Spline
          1. How to do it...
          2. How it works...
          3. See also
        7. Creating calligraphic shapes
          1. How to do it...
          2. There's more...
            1. Erasing using Calligraphy tool
            2. Calligraphy presets
            3. Hatchings using Calligraphy tool
            4. Changing calligraphy path colors
          3. See also
        8. Using the Eraser tool
          1. How to do it...
          2. See also
        9. Creating and editing 3D boxes
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Isometric projection and 1, 2, and 3-point perspectives
          5. See also
        10. Creating and editing text
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Flow text into frame
            2. Text on a path
        11. Clipping
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        12. Masking
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        13. Path operations
          1. How to do it...
          2. There's more...
            1. Inset and Outset
            2. Dynamic Offset
            3. Linked Offset
          3. See also
      8. 2. Editing Colors
        1. Introduction
        2. Changing fill and stroke color using a palette
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Changing color using the Fill and Stroke dialogue window
          5. See also
        3. Making objects partially transparent
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        4. Creating linear gradients
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Gradient through multiple objects
            2. Gradient repeat
            3. Moving gradients along with objects
            4. Gradient sharing
            5. Smoothing out abrupt color changes simulating non-linear gradients
            6. Reverse gradient orientation
            7. Remove unnecessary stops from complex gradients
            8. Editing gradients using other tools
          5. See also
        5. Recreating HAL 9000 using radial gradients
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        6. Patterns
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Moving patterns along with objects
            2. Pattern edges visible
            3. Clipping bitmaps using patterns
          5. See also
        7. Picking and assigning colors with the Dropper tool
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Inverse picked color
            2. Copy color under cursor
        8. Adjusting hue, lightness, saturation, and stroke width using Color Gestures
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        9. Different color icon sets using RGB Barrel
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
      9. 3. Speeding Up Your Workflow
        1. Introduction
        2. Autosaving documents
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Exporting to formats other than SVG
        3. Designing plate rims using Layers
          1. How to do it...
          2. How it works...
          3. There's more...
            1. XML editor as textual layers dialog
            2. Blend modes
        4. Geometric illusions using Grids
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Anti-aliasing and snapping to pixel grid
            2. Axonometric grid
          4. See also
        5. Creating a simple flashlight using Guides
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Creating guides from objects
          4. See also
        6. Creating a stylized flower using Snapping
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        7. Leaflet design using Align and Distribute
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Align and Distribute nodes
            2. Rows and Columns
        8. Creating your own custom color swatches
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        9. Creating your own color palette
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        10. More time-saving tips
          1. The Notification region in the Statusbar
          2. Space bar to switch between Selector and other tools
          3. Panning and zooming using the mouse wheel
          4. Paste in place
          5. Paste style
          6. Paste size
          7. Stamping copying objects while dragging them across the screen
          8. Showing/hiding open dialogues
          9. Hiding everything except dialogues
          10. Changing the focus from dialogue to canvas
          11. Toggling display modes
        11. Importing drawings from OpenClipArt
          1. How to do it...
          2. There's more…
      10. 4. Creating and Editing Clones
        1. Introduction
        2. Drawing clock dial markers using clones
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Relinking clones
            2. Copying clones between documents
            3. Unlinking clones
          4. See also
        3. Drawing a colorful grid of tiled clones
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Use saved size and position of the tile
          4. See also
        4. Changing icon colors using tiled clones
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Drawing clock dial markers using tiled clones
          1. How to do it...
          2. How it works...
          3. See also
        6. Creating halftones using tiled clones
          1. How to do it...
          2. How it works...
          3. See also
        7. Creating a bokeh effect using tiled clones
          1. How to do it...
          2. How it works...
          3. See also
        8. Creating a kaleidoscopic pattern using tiled clones
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        9. Drawing a tree with cloned leaves using the Spray tool
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        10. Clipping with clones
          1. How to do it...
          2. See also
      11. 5. Live Path Effects
        1. Introduction
        2. Bending paths
          1. How to do it...
          2. There's more...
            1. Bending groups
            2. Stacking LPEs
            3. Removing Path Effects
          3. See also
        3. Using Pattern Along Path
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Pattern along Path extension
          4. See also
        4. Using Envelope Deformation
          1. How to do it...
          2. There's more...
            1. Envelope extension
          3. See also
        5. Interpolating sub-paths
          1. How to do it...
          2. There's more...
            1. Interpolate extension
          3. See also
        6. Stitching sub-paths
          1. How to do it...
          2. There's more...
          3. See also
        7. Creating gears
          1. How to do it...
          2. There's more...
          3. See also
        8. Creating hatches (rough)
          1. How to do it...
          2. See also
        9. Sketching shapes
          1. How to do it...
          2. How it works...
          3. See also
        10. Constructing grids
          1. How to do it...
          2. See also
        11. Creating rulers
          1. How to do it...
          2. See also
        12. Creating knots
          1. How to do it...
          2. See also
        13. Generating VonKoch fractals
          1. How to do it...
          2. There's more...
          3. See also
      12. 6. Extensions
        1. Introduction
        2. Setting Color Markers to Match Stroke
          1. How to do it…
          2. There's more...
            1. Object to markers
          3. See also
        3. Using Whirl
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Adding nodes
          4. See also
        4. Rendering 3D polyhedrons and wireframe spheres
          1. How to do it...
          2. How it works...
          3. See also
        5. Rendering barcodes
          1. How to do it...
        6. Rendering calendars
          1. How to do it...
          2. There's more…
        7. Using Render Grid, Cartesian Grid, and Polar Grid
          1. How to do it...
          2. How it works...
          3. See also
        8. Rendering spirographs
          1. How to do it...
          2. How it works...
          3. See also
        9. Rendering L-systems
          1. How to do it...
          2. How it works...
          3. See also
        10. Rendering functions and parametric curves
          1. How to do it...
          2. How it works...
          3. See also
        11. Rendering printing marks
          1. How to do it...
          2. How it works...
          3. See also
        12. Playing "connect the dots" with Number Nodes
          1. How to do it...
          2. See also
        13. Creating irregular edges
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
      13. 7. SVG Filters
        1. Introduction
        2. Blurring
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        3. Creating irregular edges using filters
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        4. Using lighting effects
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        5. Creating a red wax seal
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        6. Creating a brushed steel effect
          1. How to do it...
          2. How it works...
          3. See also
        7. Creating a water surface effect
          1. How to do it...
          2. There's more...
          3. See also
        8. Filtering all objects in a layer
          1. How to do it...
          2. How it works...
          3. See also
        9. Creating your own filter from scratch
          1. How to do it...
          2. How it works...
      14. 8. Putting it All Together
        1. Introduction
        2. Creating a wallpaper
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        3. Exporting a wallpaper in different formats
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        4. Hatching over a photo using the Calligraphy tool
          1. How to do it...
          2. How it works...
          3. See also
        5. Creating a coloring book using the Paint Bucket tool
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more…
            1. Growing and shrinking the region
            2. The Paint Bucket and strokes
            3. The Paint Bucket and gradients
            4. Filling noncontiguous regions
            5. Constrain fill region
          5. See also
        6. Rail sleepers using markers
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        7. Creating a woven straw mat
          1. How to do it...
          2. How it works...
          3. See also
        8. Assembling a modern chair using the 3D Box tool
          1. How to do it...
          2. There's more…
          3. See also
        9. Creating a flow chart using connectors
          1. How to do it...
          2. How it works...
          3. There's more…
          4. See also
      15. 9. Raster and Almost Raster
        1. Introduction
        2. Exporting to PNG with different dpi
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Removing the Alpha channel
            2. Sharp edges with the PixelSnap extension
            3. Extracting embedded images
          4. See also
        3. Importing raster images of different dpi
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Make a Bitmap Copy
          4. See also
        4. Isolating part of a raster image
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        5. Using raster extensions
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        6. Creating gradient meshes
          1. How to do it...
          2. How it works...
          3. See also
        7. Painting a mosaic using the Tweak tool
          1. How to do it...
          2. How it works...
          3. See also
        8. Tracing bitmaps
          1. How to do it...
          2. How it works....
          3. There's more...
            1. SIOX foreground selection
            2. Autotrace
          4. See also
        9. Manually tracing a red wax seal
          1. How to do it...
          2. How it works...
          3. See also
        10. Creating a photorealistic mobile phone
          1. How to do it...
          2. How it works...
          3. There's more…
          4. See also
      16. 10. Web Graphics Preparation
        1. Introduction
        2. Creating "Aqua" style buttons
          1. How to do it...
          2. There's more...
          3. See also
        3. Creating a reflection effect
          1. How to do it...
          2. How it works...
          3. See also
        4. Creating curled stickers
          1. How to do it...
          2. See also
        5. Creating a golden award with a ribbon
          1. How to do it...
          2. How it works...
          3. See also
        6. Repeating backgrounds using Tiled Clones
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        7. Creating a button to use with the CSS Sliding Doors technique
          1. How to do it...
          2. How it works...
          3. There's more...
          4. See also
        8. Creating rollover images
          1. How to do it...
          2. How it works...
          3. See also
        9. Creating small icons and favicons
          1. How to do it...
          2. See also
        10. Creating a 960 Grid System template
          1. How to do it...
          2. How it works...
          3. See also
        11. Creating a web page mockup
          1. How to do it...
          2. See also
        12. Slicing a web page mockup for website use
          1. Getting ready
          2. How to do it...
          3. There's more...
          4. See also
      17. 11. SVG in Websites
        1. Introduction
        2. Creating an interactive map for a web game
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        3. Creating an editable business chart
          1. How to do it...
          2. How it works...
          3. There's more...
            1. SVG JavaScript chart libraries
          4. See also
        4. Creating a navigation menu
          1. How to do it...
          2. How it works...
          3. See also
        5. Creating an interactive physics simulation
          1. How to do it...
          2. How it works...
          3. See also
        6. Creating a slideshow presentation with JessyInk
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Inkscape book slideshow
          5. See also
      18. 12. Draw Freely
        1. Introduction
        2. Compiling the document metadata
          1. How to do it...
          2. How it works...
        3. Command-line interface (CLI)
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Shell mode
          5. See also
        4. Compiling development builds on Linux
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Windows precompiled snapshots
            2. Mac OS X Snapshots
        5. Modifying an existing extension Darker extended
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        6. Creating an extension object guides
          1. How to do it...
          2. How it works...
          3. See also