ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2013.8.6Photoshopで少しでも作業時間を短縮するためにしていること6つ私がPhotoshopで少しでも作業時間を短縮するためにしていることを書いてみました。Photoshop操作は人によってクセがあり、私のおすすめするやり方が合わない場合もあるので、これ良さそうだな、と思ったものを取り入れていただければと思います。こんなやり方もあるよーみたいなのがありましたら、教えていただけますと大変嬉しいです。作業時間短縮をするためには、操作数を少なくすることが有効と考えています。目的の結果を得る時、3操作かかるのだとしたら、これを1操作で終わる、などとするようにします。ショートカットキーの設定よく使うツールでショートカットキーがあらかじめ設定されていないものを、新たに設定しておくと手数が減って時間短縮になります。設定は、「編集」⇒「キーボードショートカット」から行います。私が設定しているものと、設定しているキーは以下です。リンクアイコンの▶など、ファイル内で同じ形、同じ色のものはスマートオブジェクトに登録しておくと便利です。色や大きさを変更をするとき、1つのスマートオブジェクトを変更すると全体を変えることができます。ツールプリセットの活用ツールプリセットは、自分の良く使うツールを登録して使うことができます。いう疑問もあると思うのですが、ツールプリセットでは、特定のサイズのブラシや、特定のシェイプなど、○○ツールの○○、というように詳細に登録することができます。私は、右向きの三角形や星のシェイプなど、良く使うものを登録しています。登録方法は、そのツールを選んだ状態で、右から2番目の新規作成ボタンを押します。アクションの登録アクションは、ある操作を登録すると、それを他のレイヤーやファイルに対して、ワンクリックで同じ操作をすることができます。写真をリサイズし、トーンカーブレイヤーで少し加工を加えるなどの作業をする、という操作を複数回繰り返すときに便利です。(トーンカーブの調整はもちろん個別にすると思いますが、調整レイヤーを選択⇒トーンカーブを選ぶ、という手間が減るので楽だと思います。)アクションパネルを表示し、右から2番目の新規作成ボタンを押します。「アクション名」や「セット」などを設定し、「記録」をクリックします。すると記録が始まるので、繰り返す操作を行い、終わるときは「記録を中止」をクリックします。このアクションは、写真を300×300pxにリサイズして調整レイヤー(トーンカーブ)を設定する、というものです。上の写真に適用すると...こうなります。一括変更シェイプの色や余白を一括で同じものにしたい、という時があると思うのですが、デフォルトの機能では出来ない為、JSXというスクリプトを利用する必要があります。それぞれショートカットに設定しておくと便利だと思います。Develo.orghttp://develo.org/2010/06/10/0154.html(CS5でしか使えないと書かれていますが、私のCS6でも使えています)JSXの他には、レイヤースタイル(カラーオーバーレイ)で色を変え、そのスタイルを該当レイヤーにペーストする、という手もあります。余白MarginPhotoshopでの作業を効率化する!いい感じのJSXスクリプトを作ってみた。Slicyでの画像切り出しSlicyはスライス作業を楽にする有料のアプリで、会社の都合などで入れられないかもしれませんが、とても便利なのでおすすめです。PSDを保存(要設定)すると、画像を書き出してくれます。Slicyhttp://macrabbit.com/slicy/詳しい使い方がこちらで紹介されています。Slicyはあっと驚くほど便利だった。colopixiehttp://colopixie.com/webdesign/mac-slicy/—–ショートカットなど、あまり細かく設定しても使わなかったり、覚えるだけで時間がかかったり、ということもありますね。自分のスタイルに合わせて、自分が操作しやすいようにカスタマイズしていくことが大切と思います。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。