※Photoshop CC 2015〜対応
Photoshop CC 2014以前のバージョンをお使いの方はPSDデータを配布させていただきますのでそちらをご利用ください。(Bootstrap_psd.zip)
追記 2016 4/12
Bootstrapを利用する場合のカンプ制作に！
1クリックでBootstrapのグリッドシステムに対応したフォーマットが作成できるスクリプトをつくりました。ぜひご利用ください。
BootstrapはWebサイトなどを作成するためのCSSフレームワークです。
あらかじめWebサイト制作に必要なHTMLやCSS、JSが用意されているので簡単にスピーデイーにサイトを制作することができます。
スクリプトの利用手順について
Bootstrapフォーマット作成スクリプトをダウンロード
(1) ダウンロードしたzipファイルを解凍して3つのファイル「Bootstrap_[デバイス].jsx」をPhotoshopのスクリプトフォルダに移動します。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop□¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts
(2)Photoshopを再起動します。
(3) [ファイル] / [スクリプト]から「Bootstrap_[デバイス].jsx」を選択します。
作成するデバイスを選択します。
(4)Bootstrapのフォーマットが作成されました。
「Bootstrap_デスクトップ.jsx」を実行した場合のサイズは下記になります。
カンバスサイズはフルHDのディスプレイを想定して1920pxに幅を広げています。
「Bootstrap_スマホ.jsx」の場合はiPhone6 (750×1334)の画面サイズを想定してフォーマットが作成されます。
