Tag: cs

Inverted mask from AI path

TheSmithy
  1. Create a background layer in the desired color
  2. Select the paths that should form the mask and create a compound path
  3. Expand the transparency window
  4. Open the options menu and make sure ‘new opacity masks are inverted’ is selected
  5. In the same menu choose ‘make opacity mask’

Exporting SVG from Ilustrator

TheSmithy

Update:

Export artboard to SVG ‘for web’.

  • Save as, use artboard
  • Choose ‘try’ to export for web
  • Choose options
  • Careful when choosing ‘responsive’: it somehow adds vector parts that are outside the artboard area to the svg.

 

Source

SVG profiles

SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.

Read More