個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ

記事を読む

Illustratorをより使いやすくする有料・無料のプラグイン21選

Illustratorをより使いやすくする有料・無料のプラグインをご紹介します。 Adobeは順調

記事を読む

おお便利!Adobeソフトのショートカットがブラウザで確認できる「Keyboard Shortcut Visualiser」

おお便利!Adobeソフトのショートカットがブラウザで確認できる「Keyboard Shortcut Visualiser」

Photoshop, Illustrator, InDesignなどのAdobeソフトのショートカッ

記事を読む

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

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

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

記事を読む

インパクトの演出に!集中線/効果線のPhotoshop用無料ブラシ&カスタムシェイプ170+

バナーの制作やランディングページなどでインパクトを出すために集中線/効果線を利用することはありません

記事を読む

写真/画像に3DCGポリゴン風エフェクトをかけてくれる無料/フリージェネレーター5つ

写真/画像に3DCGポリゴン風エフェクトをかけてくれる無料/フリージェネレーター5つ

密かなブームとなっている3DCGポリゴンの背景/画像。 とくにスマホなどではよく見かけます。 清

記事を読む

主役を輝かせる!プロダクトやコンテンツを引き立てる必携の背景画像49

必携!プロダクトやコンテンツを引き立てるハイクオリティー背景画像49

プロダクトやコンテンツを引き立てる必携のハイクオリティー背景画像をご紹介します。 この有用な背景画

記事を読む

パッケージデザインvol.7 参考になる優れたパッケージデザイン20をご紹介(金曜日企画)

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

すぐれたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画。 第7弾です。 日本で

記事を読む

無料で使えるIllustrator用シームレスパターンセット82

シームレスパターンのうち、ドット、オーナメント、チェック、ストライプをはじめ、和柄、季節もの、変わり

記事を読む

美しくデザインされた無料ステッカー・ラベルPSDテンプレート60+

パンフ制作からチラシ、バナー、ECサイトなど、幅広く活用できそうなクオリティの高い無料のステッカー・

記事を読む