All Projects → Pixeden → illustrator-scripts

Pixeden / illustrator-scripts

Licence: other
Set of scripts to improve Icons workflow

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to illustrator-scripts

adobe-scripting
A guide for learning how to write scripts for use in Adobe Illustrator
Stars: ✭ 145 (+457.69%)
Mutual labels:  adobe-illustrator, illustrator-scripts
brutalism
Battleaxe's component library for Adobe CEP panels
Stars: ✭ 43 (+65.38%)
Mutual labels:  illustrator, adobe-illustrator
adobe-scripts
Drafts and unsorted JSX scripts for Adobe Illustrator, Photoshop
Stars: ✭ 29 (+11.54%)
Mutual labels:  adobe-illustrator, illustrator-scripts
illustrator-point-exporter
✨ JSON exporter for Adobe Illustrator: get point coordinates from paths by layer.
Stars: ✭ 72 (+176.92%)
Mutual labels:  illustrator, adobe-illustrator
illustrator-shortcuts
collection of scripts and shortcuts for illustrator
Stars: ✭ 38 (+46.15%)
Mutual labels:  illustrator, illustrator-scripts
SwiftyIllustrator
A tool for quickly converting Adobe Illustrator shapes into SwiftUI code.
Stars: ✭ 26 (+0%)
Mutual labels:  illustrator, adobe-illustrator
ai-merge
Import your SVG, AI, EPS, and PDF files into a single Illustrator document.
Stars: ✭ 65 (+150%)
Mutual labels:  adobe-illustrator, artboards
brand
Logos, icons, screenshots, and other media related to the Bitwarden brand.
Stars: ✭ 60 (+130.77%)
Mutual labels:  illustrator
weather-icons
Free to use animated weather icons.
Stars: ✭ 341 (+1211.54%)
Mutual labels:  adobe-illustrator
ai-image-fill
Simple Adobe Illustrator Panel to generate placeholder image content from Flickr or Unsplash
Stars: ✭ 30 (+15.38%)
Mutual labels:  illustrator
NS-illustration-pack
Package of 3D low poly illustrations created in a Blender
Stars: ✭ 28 (+7.69%)
Mutual labels:  illustrator
ovid-editor
Adobe panel providing the most advanced scripting environment possible -- Typescript, app DOM autocomplete, full I/O features and more
Stars: ✭ 43 (+65.38%)
Mutual labels:  illustrator
materialdesign
Resources for Google's Material Design
Stars: ✭ 52 (+100%)
Mutual labels:  adobe-illustrator
android-multibackground
This library can easily apply round corner、stroke、shadow and different state effects to background drawable.
Stars: ✭ 18 (-30.77%)
Mutual labels:  stroke
adobe-discord-rpc
Discord Rich Presence extension for your adobe apps!
Stars: ✭ 383 (+1373.08%)
Mutual labels:  illustrator
adobe-illustrator-layer-renamer
Adobe Illustrator script to batch rename layers.
Stars: ✭ 40 (+53.85%)
Mutual labels:  illustrator
Apssistant
A Photoshop Tweak Tool on Windows. It can disable ALT to activate the menu bar.
Stars: ✭ 48 (+84.62%)
Mutual labels:  illustrator
chord-illustrator-js
SVG-based library, which illustrates finger positions of a guitar chord on a fretboard.
Stars: ✭ 17 (-34.62%)
Mutual labels:  illustrator
hangman-game
A responsive hangman game built with vanilla javascript, html, and css. Animated with GSAP and canvas animations.
Stars: ✭ 22 (-15.38%)
Mutual labels:  illustrator
ai-scripts
Scripts for Adobe Illustrator.
Stars: ✭ 18 (-30.77%)
Mutual labels:  illustrator

illustrator-scripts

illustrator-scripts

Adobe Illustrator js scripts that could help to improve productivity and avoid possible human errors when working with SVG Icons.


Name Basic Layers

Loop into each Artboard and set a name on each path with color.

Sets a progressive Layer name (default layerX where x is a progressive number) depending on the fillColor or strokeColor (if it is a stroked or filled path). In case an element in the same Artboard has the same color, the same Layer name will be stored in memory.

important note: this script is intended to be used only when there is an unified style in the Artboard, that is: all paths are stroke or all paths are filled, not mixed. Use is-unified script to check if all Artboards respect this rule.

name-basic-layers.js


Name Mixed Layers

Loop into each Artboard and set a name on each path that has stroke, transparency and color.

Works similarly as name-basic-layers.js but with more features for situations where there are combined styles in each Artboard.

Sets a name for each layer that is stroked (default name: stroke), another name for each layer or group with transparency less than 100%, and the progressive names for each filled layer.

Note that the result in each Artboard will respect this rules:

  • each stroked path will be named as stroke (default)
  • each filled path or group with transparency will be named as opacity (default) *
  • each filled path without transparency will be named progressively like layer1 and so on (default) and assign the same name for the same color layer *

* filled paths inside a group with transparency won't receive any name

important note: this script may not work in some situations and is only intended to solve specific needs as described above.

name-color-layers.js


Ungroup

Due to an Illustrator bug when exporting named layers in nested groups, which in some cases do not receive its related property, this script ungroups everything but the transparency group (which are normally named before).

ungroup.js


Unify Color

Once all desired layers are named, it is sometimes useful to set all paths in one given color. As in the other scripts, this will set the strokeColor or fillColor depending on the path.

unifyColor.js


Is Unified Style

Checks if each Artboard has paths with strictly the same style (filled or stroked). The script breaks as soon as it finds a mixed Artboard and tell which one it is (it also remains selected, making it easy to fix).

is-unified.js


Rename Artboards

Loop into each Artboard and rename it with a String provided plus the Artboard number as a suffix.

rename-artborard.js


Center in Artboard

Loop into each Artboard and center its content. To guarantee the relative positions of its paths, the script group the content before centering it.

center-in-artboard.js


Export PNG

Loop into each Artboard and exports as a .png file in 1x, 2x and 3x resolution, organized in different folders. Filename will be the String provided followed by the Artboard name.

export-png.js

How to load and run the scripts in Adobe Illustrator

Once open the file with at least one Artboard

File > Scripts > Other Script…

Then select the script you want to use.

illustrator-scripts-howto

How to (video)


These scripts helps authoring Icons and apply rules needed to work in the Orion Icon Library App

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].