個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

長年の夢!Photoshopで変数が使える無料プラグイン「Ditto」で一括変更が可能に!

長年の夢!Photoshopで変数が使えるようになる無料プラグイン「Ditto」で一括変更が可能に!

Photoshopで変数が使える無料プラグインをご紹介。
変数が使えるのは、塗りつぶし、文字列、表示・非表示、フォントサイズ、フォントの種類、フォントの色、行の高、X軸・Y軸の位置です。
これらに変数を割り当てれば、いつでも一括で変更可能になります。
IllustratorやInDesignにあるスタイルのような感じで、あとから一発変更できるとっても便利なプラグインです。
これは、長年の夢でした。
すごいプラグインです。
しかも無料!
ただし、残念なことにPhotoshopCC2015が入ったMacしか対応していません。
ご注意を。

Photoshopで変数が使えるようになる無料プラグイン「Ditto」

長年の夢!Photoshopで変数が使えるようになる無料プラグイン「Ditto」で一括変更が可能に!
「Ditto」は、Photoshopで変数を使えるようになる無料のプラグイン。
Photoshopでは長年、夢とされてきた機能を実現できるプラグインです!
変数を使えるのは、塗りつぶし、文字列、表示・非表示、フォントサイズ、フォントの種類、、フォントの色、行の高、X軸・Y軸の位置さです。
ただし、残念なことにPhotoshopCC2015が入ったMacしか対応していませんので、くれぐれもご注意ください(求む!下位互換)。

「Ditto」の使い方

長年の夢!Photoshopで変数が使えるようになる無料プラグイン「Ditto」で一括変更が可能に!
「ウインドウ>Ditto」パネルを開き、プルダウンから設定したい変数(塗りつぶし、文字列、表示・非表示、フォントサイズ、フォントの種類、フォントの色、行の高、X軸・Y軸の位置)を選択し、変数名と値を登録します。
続いては、適用したいレイヤーを開き、レイヤー名に先ほど登録した変数名を#付きで記入します。
例えば、変数名がredBtnの場合は「#redBtn」のような感じです。
レイヤー名を変数名を変更したら、再び、Dittoパネルを開き、「値」を変更します。

「Ditto」で使える値

Fill 塗りつぶし: 例)29adf1
Text 文字列:
Visibility 表示・非表示: on あるいは off
Font Size フォントサイズ: 例)20px.
Font Family フォントファミリー: フォント名
Font Colour フォトの色: 例)29adf1
Line Height 行の高さ: 例)46px
X & Y Positions X軸・Y軸の位置: 例)400

「Ditto」の紹介動画

英語ですが、詳しい使い方の紹介動画があります。
これを見たほうが早いかもしれません。
ご参考にどうぞ。

Ditto

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 3
  • 6

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

最初の印象がまるで違う!この名刺デザインがすごいベスト35

最初の印象がまるで違う!この名刺デザインがすごいベスト35

名刺を差し出した瞬間の第一印象が数段アップする、すごいインパクトのデザイン名刺をご紹介。 限られた

記事を読む

zen-perfumes-packaging

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.21

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第21回目となりました。

記事を読む

パッケージデザインvol.13 参考になる優れたパッケージ/プロダクトデザイン20をご紹介(金曜日企画)

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.13

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第13回目となりました。

記事を読む

無料で使える角丸・丸文字の英語/欧文フリーフォント

無料で使える角丸・丸文字の英語/欧文フリーフォント28でポップでかわいい演出を

無料で使える角丸・丸文字の英語/欧文フリーフォントのご紹介します。 デザインにポップな印象やかわい

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

背景画像をサッとつくれる便利ツール20選

背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目

記事を読む

無料でハイクオリティーのSketch用リソース/素材を配布しているSketch Repo

無料でハイクオリティーのSketch用リソース/素材を配布しているSketch Repo

無料でハイクオリティーのSketch用リソース/素材を配布しているSketch Repoをご紹介。

記事を読む

無料で使える宇宙画像の素材コレクションサイト「PEEKSPACE」

無料で自由に使える宇宙画像の素材コレクションサイトをご紹介します。 宇宙関連の画像はさまざまありま

記事を読む

デニム生地の商用利用無料フリーテクスチャ素材

デニム生地の商用利用無料フリーテクスチャ素材100+

デニム生地の商用利用無料で使えるフリーテクスチャ素材をまとめてご紹介します。 今も昔も変わらぬ人気

記事を読む

使える!商用利用無料の手書きのベクター素材&ソーシャルアイコンセット

使える!商用利用無料の手書風のボタニカルベクター素材&ソーシャルアイコンセット

使える商用利用無料の手書き風のボタニカルベクター素材&ソーシャルアイコンセットをご紹介します。 手

記事を読む

パッケージデザインvol.17 参考になる優れたパッケージ/プロダクトデザイン20をご紹介(金曜日企画)

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.17

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第17回目となりました。

記事を読む