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
Top Related