2016年 8月 の投稿一覧

シェイプの縦横比を黄金比に変換するスクリプト

シェイプの高さを自動で調整して縦横比を黄金比にするスクリプトを作成しました。

スクリプトの利用手順について

シェイプの縦横比を黄金比に変更スクリプトをダウンロード

DOWNLOAD

(1) ダウンロードしたzipファイルを解凍して「Dearps_シェイプの縦横比を黄金比に変換.jsx」をPhotoshopのスクリプトフォルダに移動します。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop□¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

(2)Photoshopを再起動してください。

(3)長方形ツールでシェイプを作成します。

(4) [ファイル] / [スクリプト]から「Dearps_シェイプの縦横比を黄金比に変換」を選択します。

以上でシェイプの縦横比が黄金比に変更されます。

Bootcompと合わせて使えばさらに効率アップ!

グループ化&グループ名を自動で変更するスクリプト

通常レイヤーグループを作成すると「グループ 1」、「グループ 2」のようにグループ名が自動的に設定されてしまいます。

これを放置するとレイヤー管理が煩雑になってしまいます。

今回紹介するスクリプトを使用すればレイヤーグループを作成するために選択したレイヤーの一番上のレイヤー名グループ名として自動で設定することができます。

スクリプトの利用手順について

グループ化&グループ名を変更スクリプトをダウンロード

DOWNLOAD

(1) ダウンロードしたzipファイルを解凍して「Dearps_グループ化&グループ名を変更.jsx」をPhotoshopのスクリプトフォルダに移動します。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop□¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

(2)Photoshopを再起動してください。

(3)長方形ツールや文字ツールなどで複数レイヤーを作成します。

(4) レイヤーパネルで作成したレイヤーを複数選択します。

(5) [ファイル] / [スクリプト]から「Dearps_グループ化&グループ名を変更」を選択します。
するとグループ化されて自動でグループ名も変更されます。

このスクリプトに対してショートカット「command」+「G」を設定してグループ化のデフォルトとして使用することをおすすめします。

Bootcomp 2.0 新機能 「Place img」
大量の画像を1クリックで配置する秘技

▲ デモムービーはこちら

1.シェイプを作成

まず長方形ツールで画像を配置したいサイズでシェイプを作成します。

2.シェイプをIMG-BOXに変換

レイヤーパネルでシェイプを選択した状態でBootcompのIMG−BOXボタン(下図赤枠)をクリック。

画像を選択するダイアログが表示されますがここでは「キャンセル」をクリックします。

ダミー画像が配置されました。

同じような工程を繰り返しBootcompを使ってデザインカンプを仕上げていきます。

3.IMG-BOX内のレイヤーに連番名をつける

IMG-BOX内のダミー画像のレイヤー名にはIMG-BOXのサイズが記載されています。

それを「img1」,「img2」,「img3」…と連番名に変更していきます。

4.配置する画像を用意

PSDデータの保存場所と同じ場所に「img」フォルダを作成して「img1.jpg」,「img2.jpg」,「img3.jpg」…と連番名をつけた画像ファイルを置きます。

あとはBootcompの「Place img」ボタンをクリックするだけ。

はい出来上がり!

Place imgの“いいところ”

Place imgは単に画像を自動配置するだけではなく配置するIMG-BOXのサイズ、形状に合わせて画像を最適なサイズにリサイズしてくれます。

参考に下記のようなサイズも形もバラバラなIMG-BOXに画像を配置してみます。

この写真をつかいます。

Place img!

わかりやすくどのようにリサイズされたか透過させてみました。表示部分がちょうど埋まるようにリサイズされています。

Bootcomp 2.0

いかがでしたでしょうか?

Bootcompをリリースした当初は「Bootstrapの利用を前提としたデザインカンプ制作を効率化させる」というコンセプトで作ったものだったのですが現バージョンからはBootstrap案件でなくてもWebサイト制作、アプリUI制作など さまざまなシーンで使っていただけるエクステンションに育ったかなと思っています。

Bootcompがみなさまの作業効率化の一役になれれば幸いです。

Bootcomp 2.0 特設ページ