2008年12月12日(金)

Adobe Photoshop
スライスチップ作成パネル-CS4用

01

スライスチップ(スライスレイヤー)を生成するスクリプト&ツールパネルをつくりました。

先日「ちょっと変わったスライス作成テクニック」でご紹介したテクニックをスクリプト化させ、Adobe Configuratorを使用しツールパレット化したので公開します。CS4専用となります。

すべて読む…

2008年12月07日(日)

Adobe Photoshop
【裏技】「ちょっと変わったスライス作成テクニック」

スライスチップ

Fireworksのスライスオブジェクト(…の様な)機能をPhotoshopで実現させる裏技的アクション

選択範囲を利用してスライスをレイヤーとして保存する機能をアクションでつくりました。名づけて【スライスチップ】。

すべて読む…

2008年12月07日(日)

Adobe Photoshop
スライス作成テクニック

スライス

レイヤーに基づく新規スライス

スライスを切る方法はスライスツールだけではありません。今回は知られているようで知られていない”レイヤーに基づく新規スライス”という機能を紹介します。

すべて読む…

2008年12月07日(日)

Adobe Photoshop
「スマートオブジェクト」活用法

画面

WEBサイトのナビゲーション等を作る際のスマートオブジェクト活用法

スマートオブジェクトというとPhotoshop 上で写真やIllustratorのベクトルデータなどのデータの画質を劣化させずに拡大縮小、変形、移動する機能としてしられています。
その機能に隠れてあまり知られていないようですが [スマートオブジェクト]でFlashやFireworksにあるようなシンボルとインスタンスの親子関係をもったパーツををつくることができます。
WEBサイトのナビゲーション等同じパーツが連続するものをデザインする際は[スマートオブジェクト]を活用することによってメンティナンス性が向上します。
すべて読む…

2008年03月26日(水)

Adobe Photoshop
写真や画像の外枠をぼかす

ぼかすやりかたは何通りもありますが楽で視覚的に調整できる方法を紹介いたします。

【1】背景が白、もしくは1色の場合。
bokashi01.jpg
レイヤー効果の光彩(内側)で設定します。
まず描画モードを通常に。
不透明度を100%に。
色を背景色と同色に。

最後にチョークとサイズを調整してぼかし具合を設定し完了。

【2】写真を重ねる場合や背景色が多色を用いている場合。
この場合はマスクを利用します。

普通にやるとけっこうめんどくさいんで【1】のような感覚で簡単に設定できるようアクションをつくりましたのでよかったら以下からどうぞ。

(スーパー アルファ バージョン)

2008年03月15日(土)

Adobe Photoshop
サイズを指定してシェイプを描く+α

前に『サイズを指定して矩形を描く』って記事を投稿しましたがそれをjsで実行できるスクリプトが『Phize on the Web』さんのサイトで公開されていましたのでご紹介いたします。シェイプを描くだけでなくWEBデザインカンプ作成用にカラム数、マージンを指定するとレイアウトカンプを自動生成してガイドまでひいてくれるという優れもの。

011.gif

すべて読む…