ソフトウェア デザイン 使えるWebサービス

PhotoShopで一瞬にして思い通りのガイドが作れるプラグイン GuideGuide

PhotoShopのガイドでグリッドや枠線を作るのは非常に手間がかかりますね!

どうもCS6を使い続ける太田アベルですこんにちは。

今日はPhotoShopでのグリッドづくりをものすごくラクにしてくれる、超絶ツカエル無料のプラグインGuideGuide」をご紹介します。

GridGridのダウンロード

image

http://guideguide.me/

まずはGridGridのホームページからプラグインをダウンロードします。
対応しているのはCS5以降。CCも対応しています。

 

Zipファイルの中にエクステンション形式のファイルが入っていますので、Adobe Extension Managerからインストールしてください。

image

GuideGuideの画面説明

インストールが終わり、PhotoShopを起動すると「ウィンドウ > エクステンション」の中に「GuideGuide」という項目が現れます。

image

 

GuideGuideを選択するとこのようなパレットが開きます。

image

 

上半分4個は上下左右の余白です。
20pxや20mmなどと入力すると、その幅で余白ガイドを作ります。単位はいろいろ使えます。

下半分6個はカラムです。
水平、垂直のカラム数、カラム間のスペース(ガター)を自由に設定できます。

GGと書いてある青いボタンがスタートボタンです。

 

一番下の4つのボタンは左から

  • 水平中央線
  • 垂直中央線
  • ガイドを消去
  • セッティングの保存

の機能です。

使ってみる

使ってみましょう。300px x 300pxの画像を作り、GuideGuideにこのような設定をします。

image

垂直に3カラム、ガターは18pxと設定します。
GGを押します。

 

WOW!

面倒なグリッド作成が一瞬で終わりました!

image

 

複雑な設定

さらに複雑な設定をしてみます。

image

 

すばらしすぎる!

image

 

WTS的まとめ

これがあればWebサイトのグリッドデザインや、一枚モノのチラシをPhotoShopだけで作りたい場合など、ミスなく簡単にガイドが作れます。

作者に感謝!

 

image

http://guideguide.me/