Inkscaping for Fun and Profit Donna Benjamin Linux Users of Victoria May 2008.

Slides:



Advertisements
Similar presentations
Interaction Design: Visio
Advertisements

Iframes & Images Using HTML.
Lecture # 11 JavaScript Graphics. Scalable Vector Graphics (SVG) Scalable Vector Graphics (SVG), as the name implies, are - scalable (without pixelation):
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Telling a Story: Introduction.
Summary of Advanced Technical Writing Ideas for Today and Tomorrow December 2003.
Introduction to SVG & Batik Presented by Shang-Ming Huang.
2.02 Understand Digital Vector Graphics
WHAT IS SVG?. SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG.
Developing a Basic Web Page Posting Files on UMBC
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Windows 10. The New Microsoft Operating System to be released July 29 th. It’s not just a PC operating system, it’s a lot more, it includes phones,
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Graphics: Creating Images Chapter 8, Exploring the Digital Domain.
Chapter 3 Adding Images in HTML. Agenda Understanding Web Page Images Prepare Your Images for the Web Insert an Image Specify an Image Size Add Alternative.
Director of Computer Center, DaYeh University Ku-Yaw Chang.
SVG: The Past, Present and Future of Vector Graphics for the Web Patrick Dengler Senior Program Manager, Internet Explorer Team Member, W3C SVG Working.
UNIT 8 DRAWING WITH THE HTML5 CANVAS ELEMENTS AND FORMS.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
CapturaTalk4Android Demonstration Abi James
Starter. Objectives: To examine the ways of making a product interactive To start designing the interactive features of your multimedia product.
HTML5 – The Power of HTML5 – The Power of Thomas Lewis HTML5 Principal Technical Evangelist Microsoft | asimplepixel.tumblr.com.
Using Xcode A Beginner’s Tutorial Erin Green. This tutorial will walk you through Xcode, a software development tool for Apple’s iOS applications – We.
1 Scalable Vector Graphics (SVG). 2 SVG SVG is an application language of XML. “SVG is a language for describing two- dimensional graphics in XML. SVG.
تکنیک های پیشرفته در برنامه سازی وب ) اسلايد نهم SVG - ) جوانمرد Website: به نام خدا.
SVG & INKSCAPE Student Talk: Erica Weiss DIG 4104c Spring 2014.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
GRAPHIC DESIGN 2 YEAR 10. The following links are movie poster design tutorials. Click on the links to help assist you in making your own industry standard.
Activity 3: Animation in Education is setting up a website to advertise and distribute its products. The creative director has asked you to create 3 separate.
Inkscape - Open Source Software. About Inkscape - Free open-source software - Vector application GUI editor for personal computers - Cross-platform editor.
Software Packages Used In Digital Graphics By Jack Turner.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
Vector Graphics 2.02 Understand Digital Vector Graphics.
SVG technology SVG technology is what we want? is what we want? Jaehoon Woo KNU Real-Time Systems Lab. KNU Real-Time Systems Lab.
Creaza Engage your students. General Information TOOL NAME AND URL: -Creaza - DESCRIPTION: Creaza is an online toolkit that makes.
2.01 Understand Digital Raster Graphics
2.01 UNDERSTAND DIGITAL RASTER GRAPHICS Image Editing.
Scalable Vector Graphics Dietz Ellis 04/17/06. SVG SVG is a language for describing two- dimensional graphics in XML. SVG is a language for describing.
Part – 3 : HTML 5 SVG Tag. † SVG stands for Scalable Vector Graphics. † SVG is used to define vector-based graphics for the Web. † SVG defines the graphics.
WHAT IS SVG?. ESSENTIAL QUESTIONS What challenges do mobile devices present to Web designers? What are the basic concepts of responsive web design?
Bitmap vs. Vector How computers work with photographs and drawings.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Ryan Bibby 10/10/2014 Slide. 1 Graphics Software Project 1 | Assignment 2 | Ryan Bibby.
Graphics Software Project 1 | Assignment 2. WHAT WILL I BE DISCUSSING TODAY? What is Graphics Software? Bitmap Images Vcetor Images Photo Manipulation.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
FOP: Multi-Screen Apps
SVG Accessibility Basics
Digital Illustration Chapter 6 File format.
2.02 Understand Digital Vector Graphics
What is SVG?.
Vector vs. Bitmap.
Chapter 4: Scalable Vector Graphics (SVG)
Scalable vector graphics
Mark V. Janikas Marjean Pobuda
Graphics Basics Ellen Eyth.
Building beautiful and interactive apps with HTML5 & CSS3
Graphics and Animation
Graphics.
2.01 Investigate graphic image design.
آموزش مقدماتی ویندوز 10.
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Office 365 when and where you need it. [Add your logo here]
Web AppBuilder for ArcGIS
Introduction to the Desktop Version of CIMSpy/CIMdesk (V 2.3)
ADUG Melbourne, 18 MARCH 2019 Tony Bryer, Greentram Software
Week 10 - HTML SVG Student: Vladislovas Karalius
What is SVG?.
2.02 Understand Digital Vector Graphics
Graphics and Animation
Presentation transcript:

Inkscaping for Fun and Profit Donna Benjamin Linux Users of Victoria May 2008

... in brief ● Inkscape is an Open Source scalable vector graphic (SVG) editor. Forked from SodiPodi in 2003, Version 0.46 was released in late March Despite the low version number Inkscape is strong, stable, intuitive and ready for Prime Time. Donna will showcase Inkscape art and practical applications, demonstrate Vector Drawing techniques, and provide pointers on where to go to learn more. ● Donna Benjamin runs her own business and procrastinates daily by exploring new features and bugs of the bleeding edge version of Inkscape. She has managed to find legitimate uses of the software for creating web graphics, re-recreating corporate logos and creating posters and banners. Creative Contingencies does customised web application development, hosting, research and meeting facilitation. Donna is also a board member of Open Source Industry Australia and was conference director for linux.conf.au Inkscaping for Fun and Profit

Gratuitous unrelated photo Inkscaping for Fun and Profit

This talk... ● starts with a brief description of Inkscape – what it is – what it does – how it does it ● and finishes off with pointers to help you do it too.

Scalable Vector Graphics ● Native File format is W3C SVG1.1 SVG is a language for describing two-dimensional graphics and graphical applications in XML. SVG 1.1 is a W3C Recommendation and forms the core of the current SVG developments. ● Interoperable with a range of apps, and useful modern web browsers. (watch out for blurs, gradients & transparency) Inkscaping for Fun and Profit

Raster and Vector Inkscaping for Fun and Profit

... for art's sake Inkscaping for Fun and Profit

... for diagrams Inkscaping for Fun and Profit Block diagram multi mode receiver (amateur radio) created by

... for diagrams Inkscaping for Fun and Profit

... for diagrams Inkscaping for Fun and Profit

... for signs & logos Inkscaping for Fun and Profit

... for signs & logos Inkscaping for Fun and Profit

... for trade banners Inkscaping for Fun and Profit

... for websites Inkscaping for Fun and Profit

... and databases Inkscaping for Fun and Profit

... for games Inkscaping for Fun and Profit KMahjongg The background was created by Eugene Trounev and the tilesets by Raquel Ravanini... Thanks Ian :)

Basic tools Inkscaping for Fun and Profit

Basic techniques Inkscaping for Fun and Profit

Basic techniques Inkscaping for Fun and Profit

Basic techniques Inkscaping for Fun and Profit

Basic techniques Inkscaping for Fun and Profit

Working with text Inkscaping for Fun and Profit

Trace bitmap Inkscaping for Fun and Profit

Trace bitmap Inkscaping for Fun and Profit

Trace bitmap Inkscaping for Fun and Profit

LUV poster ● Take photo of bricks ● Trace bitmap ● Add – text and rotate – logos – box ● Make the text white ● Add vector grime Inkscaping for Fun and Profit

Clones ● You can clone anything... ● time for a live demo? ● cross fingers, hold breath Inkscaping for Fun and Profit

Built in help ● There are Tutorials in the help menu. ● SVG format so you can work with them directly. Inkscaping for Fun and Profit

Elements of design Inkscaping for Fun and Profit From the Elements of Design Inkscape Tutorial

Refs & tutorials Basic Info (and some examples) Techniques, Tips, Tricks & Tutorials Tiled Clones Bezier curves Network Diagrams softwarehttp:// softwarehttp:// Inkscaping for Fun and Profit