Cover image for 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 : Use the Fascinating Inkscape Graphics Editor to Create Attractive Layout Designs, Images, and Icons for Your Website.
Title:
Inkscape 0.48 Essentials for Web Designers : Use the Fascinating Inkscape Graphics Editor to Create Attractive Layout Designs, Images, and Icons for Your Website.
Author:
Hiitola, Bethany.
ISBN:
9781849512695
Personal Author:
Edition:
1st ed.
Physical Description:
1 online resource (351 pages)
Contents:
Inkscape 0.48 Essentials for Web Designers -- Table of Contents -- Inkscape 0.48 Essentials for Web Designers -- Credits -- About the Author -- About the Reviewers -- Preface -- What this book covers -- What you need for this book -- Who this book is for -- Conventions -- Reader feedback -- Customer support -- Errata -- Piracy -- Questions -- 1. Inkscape 101: The Basics -- Vector graphics -- What is Inkscape and how can it be used? -- Installing Inkscape -- The basics of the software -- Main screen basics -- Main menu -- Toolbars -- Command bar -- Snap bar -- Tool controls -- Toolbox bar -- Palette bar -- Status bar -- Canvas -- Dockable Dialogs -- Panning and zooming -- Creating and managing files -- Creating web sized documents -- Saving Inkscape files -- Managing multiple file projects -- Paths -- Creating shapes -- Complex shapes -- Combing shapes -- Freehand objects (Paths) -- Summary -- 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 -- Viewing the grid -- Making guides -- Creating a new layer -- Creating basic design areas in Inkscape -- Converting shapes to guides -- Creating a layout example -- Designing the background -- Making the header background -- Building the main body background -- Creating the footer background -- Designing the header -- Navigational elements -- Creating a footer -- Making a sidebar -- Creating content areas -- Exporting design mock-ups -- Creating a slice layer -- Exporting slices -- Working with programmers -- Summary -- 3. Working with Images -- Importing images in Inkscape -- Embedding images -- Importing from the Open Clip Library (Mac users) -- Rendering a Bitmap image -- Basics about photo manipulation -- Tracing images -- Using Protrace -- Using SIOX.

Converting raster logos to vector-based logos -- Using individual images as design elements -- Summary -- 4. Styling Text -- Creating and editing text tools -- Text styling keyboard shortcuts -- Text effects -- Using the Lorem Ipsum effect -- Find and replace -- Sentence case -- Title case -- Uppercase and lowercase -- Flipcase -- Random case -- Using reflections, shadows, and glows -- Reflections -- Shadows and glows -- More about text and paths -- Using a path for text -- Placing text within a closed shape -- Using perspective -- Pulling it all together -- Creating title bars and headings -- Exporting title bars for use as a design element -- Summary -- 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 -- Use the pin-stripe as a fill for another object -- Creating advanced tiled backgrounds -- Changing Inkscape bounding box preferences -- Creating your base tile -- Cloning the template tile -- Decorating your tile -- Exporting your tile for a background -- Creating swirling design backgrounds -- Creating a swirl -- Creating spiro swirls -- Editing your spiro -- Converting swirls to backgrounds -- Exporting for use in a functional web page -- Using the design in the layout design -- Summary -- 6. Building Icons, Buttons, and Logos -- Using icons, buttons, and logos in web design -- Creating icons -- Using grids and snapping -- Simple icons -- More detailed icons -- Creating buttons -- Logos as the cornerstone of the design -- Best practices for creating logos -- Information gathering -- Creating initial designs -- Importing existing logos -- Re-creating existing logos -- Logo re-designs -- Exporting logos for use on the web and more -- Summary -- 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 -- 8. Designing for Blogs and Storefronts -- Web design principles for blogs and storefronts -- Keeping it simple -- Identifiable -- Making your site navigationally easy -- Feeds and social networking links -- Making checkout easy -- Creating Web templates in Inkscape -- Designing for blogs -- Designing a storefront and merchandise pages -- Grids and Cascading Style Sheets (CSS) -- Summary -- 9. Using the XML Editor -- What is Inkscape's XML Editor -- Accessing the XML Editor -- SVG basics -- Attribute types -- Basic attributes -- Paths -- Images -- Text -- Using the XML Editor to change characteristics -- Using XML and graphics with programmers -- Summary -- 10. Creating Simple Animations -- Animations in web design -- Basic techniques to animate -- Installing Gimp -- Creating the animation -- Bringing the animation together -- Creating scrolling text -- Exporting animations -- Creating animating banners or advertisements -- Summary -- 11. Plugins, Scripts, and Templates -- Templates in Inkscape -- Installing and using templates -- Creating your own custom templates -- Plugins, scripts, and extensions -- Installation -- Common extras for web design -- Summary -- A. Keyboard Shortcuts -- B. Glossary of Terms -- C. Fonts -- SVG fonts and Inkscape -- Using common web browser fonts -- Index.
Abstract:
Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website.
Local Note:
Electronic reproduction. Ann Arbor, Michigan : ProQuest Ebook Central, 2017. Available via World Wide Web. Access may be limited to ProQuest Ebook Central affiliated libraries.
Added Author:
Electronic Access:
Click to View
Holds: Copies: