Skip to content

Commit

Permalink
update createColorChart.js
Browse files Browse the repository at this point in the history
  • Loading branch information
sky-chaser-high committed Jul 22, 2023
1 parent 4fe911d commit 69e24dd
Show file tree
Hide file tree
Showing 6 changed files with 529 additions and 494 deletions.
7 changes: 7 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,13 @@


## createColorChart.js
### 2.1.0 (2023-07-23)
### Added
- Added the function to select how to increase or decrease color values. (Addition or Intensity)
### Changes
- Changed requirements to CS6 or higher.
### Bug Fixes
- Fixed a bug in the target color.
### 2.0.1 (2023-06-25)
### Bug Fixes
- Fixed a bug in the color mode.
Expand Down
24 changes: 14 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ If you find a script that interests you, please download it from [![Download](ht
- [Add Selected Gradients to Swatch](#addSelectedGradientsToSwatchjs)
- [Convert to Global Color](#convertToGlobalColorjsconvertToSpotColorjs)
- [Convert to Spot Color](#convertToGlobalColorjsconvertToSpotColorjs)
- [Create Color Chart](#createColorChartjs)
- [Create Color Chart](#createColorChartjs) `Update`
- [Delete All Swatches](#deleteAllSwatchesjs)
- [Export Color Values to CSV](#exportColorValuesToCSVjs)
- [Extract Colors from Gradient](#extractColorsFromGradientjs)
Expand Down Expand Up @@ -502,25 +502,29 @@ Illustrator CC 2018 or higher

# <a name="createColorChartjs">createColorChart.js</a>
[![Download Color.zip](https://img.shields.io/badge/Download-Color.zip-e60012)](https://github.com/sky-chaser-high/adobe-illustrator-scripts/releases/latest/download/Color.zip)
This script creates a color chart.
Both CMYK and RGB colors are supported.
This script creates a color chart. Both CMYK and RGB colors are supported.

![Create Color Chart](images/createColorChart.png)

### Usage
1. Run this script.
2. Select either CMYK or RGB, and enter the color values.
If an object is selected, the fill value of the object will be used as the initial value.
3. Select the color you want to increase or decrease with vertical, or horizontal.
4. Enter the increase or decrease value.
Enter the percentage to be increased or decreased.
5. Set the artboard size, color chip size, and units according to your preference.
2. Select CMYK or RGB mode.
3. Enter the target color values.
If select a path or text object, its fill color value is used as the initial value.
4. Select colors for the vertical and horizontal axis.
5. Enter the increase or decrease value as a percentage.
6. Select Addition or Intensity.
- `Addition` the value of the steps is added as is.
- `Intensity` the percentage of the target color is added. It is equivalent to Edit > Edit Colors > Saturate.
<img src="images/ColorChartSettings.png" alt="Color Chart Settings" width="65%">
7. Set the artboard size, color chip size, and units according to your preference.

> **Note**
> Spot color, gradient, and pattern are not supported.
> Create a color chart in a new document.
### Requirements
Illustrator CS4 or higher
Illustrator CS6 or higher

<div align="right">[ <a href="#color">↑ Back to Top ↑</a> ]</div>
<br>
Expand Down
20 changes: 13 additions & 7 deletions README_ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Adobe Illustratorのスクリプト集です。
| [addSelectedGradientsToSwatch.js](#addSelectedGradientsToSwatchjs) | 選択したグラデーションをスウォッチに追加 |
| [convertToGlobalColor.js](#convertToGlobalColorjsconvertToSpotColorjs) | グローバルカラーに変換 |
| [convertToSpotColor.js](#convertToGlobalColorjsconvertToSpotColorjs) | 特色に変換 |
| [createColorChart.js](#createColorChartjs) | カラーチャート作成 |
| [createColorChart.js](#createColorChartjs) `Update` | カラーチャート作成 |
| [deleteAllSwatches.js](#deleteAllSwatchesjs) | すべてのスウォッチを削除 |
| [exportColorValuesToCSV.js](#exportColorValuesToCSVjs) | カラー数値をCSVファイルに保存 |
| [extractColorsFromGradient.js](#extractColorsFromGradientjs) | グラデーションのカラー分岐点から色を取り出す |
Expand Down Expand Up @@ -549,17 +549,23 @@ Illustrator CC 2018以降
#### 使用方法
1. スクリプトを実行します。
2. カラーモード「CMYK」または「RGB」を選択します。
パスオブジェクトを選択している場合は、塗りの値が初期値として使用されます。
3. 垂直方向、水平方向で増減させたい色を選択します。
4. 増減値を入力します。
5. アートボードサイズ、カラーチップサイズ、単位を設定します。
2. CMYKまたはRGBを選択します。
3. 基準とするカラー数値を入力します。
パスまたはテキストオブジェクトを選択している場合は、塗りの値を初期値として使用します。
4. 垂直方向と水平方向で増減させたい色を選択します。
5. 増減値を入力します。
6. 加算または濃度を選択します。
- `加算` 増減値をそのまま加算します。
- `濃度` 対象の色に対する割合を加算します。編集 > カラーを編集 > 彩度調整 に相当します。
<img src="images/ColorChartSettings.png" alt="Color Chart Settings" width="65%">
7. アートボードサイズ、カラーチップサイズ、単位を設定します。

> **Note**
> 特色、グラデーション、パターンには対応していません。
> 新規ドキュメントにカラーチャートを作成します。
#### 動作条件
Illustrator CS4以降
Illustrator CS6以降

<div align="right">[ <a href="#カラー">↑ トップへ戻る ↑</a> ]</div>
<br>
Expand Down
Binary file added images/ColorChartSettings.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/createColorChart.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 69e24dd

Please sign in to comment.