2009年06月23日(火)

Adobe Photoshop
黄金比&白銀比トリミングアクション

top

WEB用写真を黄金比&白銀比でトリミングするアクション

美しいデザイン・レイアウトを生み出すのに必要不可欠な黄金比と白銀比。
この比率を取り入れることでバランスのいい綺麗なデザインになるといわれています。
コリスさんのサイト黄金比をサイトのデザインに取り入れる簡単な3つの方法でも紹介されているようにWEBデザインにおいても多く取り入れられています。
今回はこの黄金比と白銀比でWEB用画像を簡単にトリミングできるようにアクションを作成したので配布します。WEBの画像で使いやすいように160px〜500px(長辺)までの各種サイズ用意しました。
すべて読む…

2009年06月21日(日)

Adobe Photoshop
アクション使用方法【基本編】

top

フォトショップ アクションの基本的な使用方法を解説します。

フォトショップのアクションは一連の操作を記録して再利用(自動化)することのできる機能です。
例えば…
100枚の写真(同じ条件で撮影されたもの)をリサイズさせて色調補正してくれという案件が降ってきた場合アクションを使えないデザイナーにとっては地獄ですが、アクションのノウハウを持ったデザイナーであれば楽勝に感じるでしょう。作業時間でいっても前者の1/10もかからないでしょう。
このようにPhotoshopを使っているデザイナーにとっては必要不可欠で非常に重要な機能だと思います。
あまりアクションを利用していない方は是非この機能を活用することをお進めします。
それではアクションの使い方の解説をしていきます。
すべて読む…

2009年06月20日(土)

Adobe Photoshop
アクションやスタイル等のアセット管理

top

オンラインストレージサービス「Dropbox」を利用したアセット管理

Dropbox」というオンラインストレージサービスを利用してフォトショップのアセット(アクション、スタイル、ブラシ、スウォッチ等)を管理すると非常に便利です。職場でも家でも同じ環境で作業が行えます。Dropboxフォルダに置いているファイルを更新すると自動で同期をとってくれ、アップロード作業がいらないってところがすごくいい。
無料で2GBのディスクスペースを利用できるのでフォトショップのアセット管理程度なら余裕で無料の容量で足りてしまいます。

「Dropbox」の詳しい説明はインプレスWEBサイトで紹介されているのでそちらをどうぞ。

2009年06月19日(金)

Adobe Photoshop
フォトショップでも点線・破線を簡単に描けるアクション

top

Photoshopで点線・破線描くときって皆さんどうしていますか?
何通りか方法がありますがどれも非常にめんどくさいでよね。
なので今回Photoshopでも点線・破線を簡単に描けるようにアクションを作成いたしました。
すべて読む…

2008年12月12日(金)

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

01

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

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

すべて読む…

2008年12月07日(日)

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

スライスチップ

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

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

すべて読む…

2008年09月07日(日)

Adobe Photoshop
MAC OSX Expose’風 機能

アクションを利用して『MAC OSX Expose’風 機能』をつくってみた。あくまで”風”です…

Photoshop(以下 フォトショ)でデザインしていて気がついたらドキュメントがちらかり放題で、作業をしたいドキュメントをすぐに見つけ出せない…なんて事がよくありました。

そんな時MAC OSXの機能『Expose’』がフォトショにもあればなーと考えていました。

それで今回はフォトショのアクションを利用して『Expose’』風機能を作りましたので公開します。…といっても本家の使い勝手にはほど遠いいですがなかなか便利だと思われるので是非試してみて下さい。

すべて読む…

2008年03月26日(水)

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

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

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

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

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

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

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

2008年03月13日(木)

Adobe Photoshop
作業効率化:ドロップレット

最近作業の効率化を図るために自動処理系機能を探る事にはまってます。

今回はあまり知られていないPhotoshopの『ドロップレット』の利用の仕方を紹介します。

すべて読む…

2008年03月12日(水)

Adobe Photoshop
サイズを指定して矩形を描く

size.gif

表題の機能は Photoshopにありそうでない。

この機能を javascriptで作るべく今日は参考になる本がないか仕事帰りに本屋で調べてきた。

参考どころかフォトショの本は山ほどあるけどどの本にも javascriptの文字すらない。

だけどちょっとひらめいたんでこの機能をアクションでつくってみた。

そのうち javascriptで作って配布できればな…。