Due to COVID-19, we support Black Lives Matter Project.

グリッドラインをボタンひとつで作成するPhotoshop用アクションファイル

da block
Theme Option > Posts > Advertisement / Custom Codeで出力可能 上

960gridaction

 

ウェブデザイン制作を行うときにどのような手順で行いますか。

まずグリッドラインをデザインしてからデザインパーツを組み立てていく方も多いのではないでしょうか。

 

海外デザインブログJohnny Ninesでは、ボタンひとつでさまざまなグリッドラインを生成してくれるPhotoshop用アクションファイル「960 Grid System Photoshop Actions」が公開されていたので、今回はご紹介します。

 

このアクションパックには4カラムから6、8、10、12カラムまでの5種類のグリッドラインをワンクリックで作成することが可能となっています。

使い方もとても簡単になっています。

 

1. まずダウンロードしたアクションパックをインストールしたら、Photoshopを起動しましょう。

2. 続けてお好みのカラム数を選択して、後はアクション再生ボタンを押せば以下のように1160x1400pxのカンバスに半透明のグリッドラインを自動的に生成してくれます。

gridpreview

 

またレイヤーパレット上もヘッダー、コンテンツ、フッター、背景の4種類のフォルダに自動的に分けられるので、ウェブデザイン制作も楽に行うことができます。

screenshot.24-06-2010 17.07.22

 

使用に関するライセンスも個人利用、商用利用関わらず自由に利用することができる点もポイントではないでしょうか。

以下のボタンをクリックすると自動的にダウンロードが開始されます。

Zeen is a next generation WordPress theme. It’s powerful, beautifully designed and comes with everything you need to engage your visitors and increase conversions.

My Cart Close (×)

Your cart is empty
Browse Shop
UP