写真やイラストを1クリックするだけ!配色につかえるカラーパレットを作成するSketchの機能拡張 -Alembic
Post on:2017年9月8日
写真やイラストなどを配置したレイヤーを1クリックするだけで、そのレイヤーに使われている主要なカラーを抽出し、カラーパレットを作成するSketchの機能拡張を紹介します。
画像からカラーを抽出するのはいろいろなツールやサービスがありますが、これ以上簡単で楽なのはないでしょう。
下記のように、1クリックするだけの簡単操作です。
![カラーパレットを抽出する機能拡張 -Alembic](http://coliss.com/wp-content/uploads-201703/2017090810.png)
![カラーパレットを抽出する機能拡張 -Alembic](http://coliss.com/wp-content/uploads-201703/2017090810.gif)
さっそく使用してみました。
まずは、画像を用意。
![イチョウ並木の写真画像](http://coliss.com/wp-content/uploads-201703/2017090811.jpg)
写真: 写真AC
画像を配置して、あとは1クリックするだけ。
カラーのデータはそれぞれコピペすることができ、カラーパレットを作成することができます。
![Sketchのキャプチャ](http://coliss.com/wp-content/uploads-201703/2017090812.png)
1クリックで完了
1つのレイヤーに配置されていれば、どんな種類でもカラーを抽出できます。
![Sketchのキャプチャ](http://coliss.com/wp-content/uploads-201703/2017090814.png)
UI Kitのカラーパレットも1クリックで完了
ダウンロードは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201703/2017090813.png)
「Download」ボタンをクリックすると、すぐにダウンロードできます。
Sketchにインストールにするには、解凍した「Alembic.sketchplugin」をダブルクリックするだけです。
sponsors