3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

1

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14 Vector Magic with

SOLIDWORKS Composer

Silas Curfman

Mechanical Engineer

FSI Fabrication

Michael Steeves

Senior Application Engineer

Quest Integration

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

2

Expected Outcome By the end of this session, you will:

• Understand reasons and benefits of using SVG (Scalable Vector Graphics)

• Learn how to generate SVG from SOLIDWORKS Composer

• See practical applications for SVG

• Become familiar with SVG configuration tools and techniques

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

5

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

6

Raster vs Vector

Wait! Why SVG?

• Resolution

• Usability

• Flexibility

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

7

Resolution

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

8

Usability

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

9

Flexibility

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

10

Creating SVGs with SOLIDWORKS Composer

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

11

Optimizing the view of your SVG

Line Widths

Uniform line width

Shadows enabled

Model Silhouettes (3x outlines)

Shadows disabled

Per Actor Silhouettes (3x outlines)

Shadows enabled

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

12

Color

Color Depth = 8 Color Depth = 32

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

13

Streamlining the setup for Actors and Hotspots

Links A

ctor

s H

otsp

ots

Web development tips:

+ Don’t use the browse (…) button

+ Just type in the file or path (using

forward slashes)

+ Use text editing tool like Notepad++ to

edit if necessary

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

14

Expected Outcome By the end of this session, you will:

• Understand reasons and benefits of using SVG (Scalable Vector Graphics)

• Learn how to generate SVG from SOLIDWORKS Composer

• See practical applications for SVG

• Become familiar with SVG configuration tools and techniques

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

15

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

16

Who We Are….

About FSI Fabrication

• Small family business.

• OEM of Mobile Agriculture Equipment

• Located in Washington State.

• Founded in 1965.

• CAD Background:

• 1965-1990; Drafting

• 1990-1997: “Generic CADD”

• 1997-2002: AutoCAD R14 & AutoCAD LT

• 2002-Current: SolidWorks

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

17

What We Make….

About FSI Fabrication

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

18

Our Customers…

About FSI Fabrication

• Large Dairies & Feedlots (CAFO’s)

• Mid-Size Dairies & Ranches

• Contract Operators

• Small Farms

• Domestic U.S. & International

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

19

The New Agriculture:

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

20

New Demands / Old Constraints:

High Tech Farm Equipment

Operating in the middle of nowhere…

Around the clock…

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

21

Bridging the gap between Engineering & Illustration

How FSI is using SOLIDWORKS Composer

• Patent Illustration, Print Advertising, Product Signage, decals, videos, traditional

parts manuals, part manuals for web

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

22

Using Composer at FSI: Patent Illustration

Challenges: Patent guidelines dictate line weights, fonts, callout style, paper margins, etc.

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

23

Using Composer at FSI: Commercial Printing

Challenges: Images must be in vector formats and allow full control of color palettes (CMYK,

RGB, etc)..

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

24

Using Composer at FSI: Animation

Challenges: Very short time frame. Can’t

wait for high resolution rendering of every

image. Example was done with only 2hrs

notice and was able to be viewed on

customers mobile device later that day.

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

25

Using Composer at FSI: Websites

Challenges: Present

information that is not

only accurate but most

of all easily accessed.

Bandwidth and file size

are just as important as

accurate drawings.

Tip: Many raster images can slow down publishing software. Use Vector (EPS for MS Publisher).

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

26

A closer look, SVG’s and interactive owners’ manuals:

Test pages can be viewed at:

http://www.fsifab.com/beaters.html

&

http://www.fsifab.com/draper.html

Go ahead, try one out….

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

27

Time to jump in…

Silas’ favorite SVG editing tools:

• Composer / Technical Illustration Workshop

• Notepad ++ (free!)

Recommend installing “XML Tools” plug in, “pretty print”

• Graphic software: CorelDraw, Adobe Illustrator, Inkscape (free!)

• Chrome browser, great tools for simulating on different devices.

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

28

Basic workflow

1. Save a view from Composer as SVG via Tech. Ill. Workshop

2. Verify SVG by opening in a browser

3. Open with Notepad ++, set language to XML, turn on “pretty print”

1. Observe the SVG structure.

1. Paths: Shadows, PMI’s (balloons), Actors, BOM, Hotspots

2. Apply changes (BOM updates, color changes, transitions, etc)

3. Test changes in multiple browsers.

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

29

Simple Samples ;) Change Colors

Fade In / Out

Scale select components

Modify line weights

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

30

Expected Outcome By the end of this session, you will:

• Understand reasons and benefits of using SVG (Scalable Vector Graphics)

• Learn how to generate SVG from SOLIDWORKS Composer

• See practical applications for SVG

• Become familiar with SVG configuration tools and techniques

3DS

.CO

M/S

OL

IDW

OR

KS

© D

assa

ult S

ystè

mes

| C

onfid

entia

l Inf

orm

atio

n | 3

/16/

2015

| re

f.: 3

DS

_Doc

umen

t_20

14

31