Skip to content

Vector Graphics

September 29, 2023
May 20, 2015

"View > Outline" to only see outline
Selection Tool
A Direct Selection Tool

Deke's Techniques, videos and tutorials from deke.com

Bézier Curve

Bézier curve - Wikiwand

The Bézier Game
Animated Bézier Curves - Jason Davies
cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
深度掌握 SVG 路径 path 的贝塞尔曲线指令 « 张鑫旭-鑫空间-鑫生活

gkurve: simpler vector graphics - Stephen Gutekanst - Software You Can Love 2022 - YouTube used in zig-lang#Mach engine

Illustrator

Affinity Designer vs. Adobe Illustrator: can Designer replace Illustrator? - 99designs
DART 100 Illustrator Section: Creating A New File - YouTube
Adobe Illustrator Tips and Tricks - Satori Graphics - YouTube
Illustrator Introduction Online Course - YouTube
Illustrator 基礎教學 - YouTube

Inkscape

Inkscape
Inkscape Wiki
Welcome to Inkscape Community!

Release notes/1.0 - Inkscape Wiki

Learn | Inkscape
Inkscape for Adobe Illustrator users - Inkscape Wiki
Inkscape Tutorials for Beginners - YouTube
Inkscape Advanced Tips - YouTube

Inkscape Basics - YouTube
Inkscape Beginner Tutorials - YouTube
Inkscape Intermediate/Advanced Tutorials - YouTube
Inkscape Explained - YouTube

Vectorizing Image

inkscape - Convert a line drawing from raster to vector LINES - Graphic Design Stack Exchange

AutoTrace centerline tracing

Online

Convert PNG to SVG (Online & Free) — Convertio
Convert PNG to SVG online, free .png to .svg converter

PNG or JPG to SVG - 88,139 Images Converted Last Month Overlaying fills ("Stack Scan"?), difficult to modify

Inkscape

Inkscape: How to Trace Bitmap - YouTube

Inkscape tutorial: Tracing bitmaps | Inkscape

Inkscape Tutorial: Vector Image Trace - YouTube

Illustrator

Fill Stroke and Outline

In Illustrator, there are line objects and shape objects. Lines are made of points, and shapes are made of boundaries.

DART 100 Illustrator Section: Fill and Stroke - YouTube

Path to Shape

DART 100 Illustrator Section: Stroke To Outline - YouTube easy
"Object > Path > Outline Stroke" to create outline from path

How do I transform a stroke from a path into the path itself in illustrator CS5? - Quora
"Object > Expand or Object > Expand Appearance"

"Type > Create Outlines" for texts

Convert a solid filled shape into a single line. | Adobe Community
Rasterize image, "Image trace", using LINE ART preset.
Use "Offset Path" tool

Shape to path

Fill path to stroke in SVG - YouTube
Add stroke to current paths until they almost meet (forming a line in the middle), then "Object > Image Trace > Vectorize the Contour", delete the original paths to get the path in the middle

Convert Fill Line to Stroke in Illustrator CS3 - PrintPlanet.com
Make the current paths open, "Object > Path > Average" to get the path in the middle
"Blend tool" (W) will also work

Adobe Illustrator: How to convert shape to line? | Adobe Community

How do I transform a stroke from a path into the path itself in illustrator CS5? - Quora

Convert shape to line with a stroke in Illustrator - Graphic Design Stack Exchange
Convert Fill to Stroke in Illustrator CS5 | Adobe Community
Convert a solid filled shape into a single line. | Adobe Community