Posts Tagged ‘Photoshop’

Photoshop のこれを覚えておけば作業時間を5倍短縮できる有名じゃない機能

Photoshop を会社で一日中使います。自分としては PHP が好きだったりするんですが、22歳くらいまではいろんなことやってみたいと思っています。Web 全般は大好きなので問題もないですし。

ちなみに一度記事を書いたのですが、何かの拍子に消滅しました。運が悪いことに WordPress にも自動バックアップがとられてなかったので残念です。短縮記事でお送りします。

図形からレイヤーを瞬間的に指定する

以前はPhotoshop の自動選択で図形からレイヤーを直接選択するという記事で面倒くさい方法を紹介していましたが、実は選択ツールで Ctrl を押しながら図形をクリックすると図形に該当するレイヤーが選択されます。そのままそのレイヤーを移動させたり変形させたりすることができて良いです。
もしこれをショートカットなしでやろうと思うととんでもなく面倒くさいことをやらなければいけません。覚えておいて損はないかもです。

レイヤーを垂直・並行移動する方法

レイヤーを移動するときにシフトキーを押すと垂直・並行に移動させることができます。これをシフトキーなしに同じようなことをしようとすると、マウスを慎重に動かす必要があったり、ガイドを多用してパソコンを重くしたり、いろいろと面倒なことが多いです。これも覚えておいて損はないと思いますです。

素早く変形して素早く確定する

変形したいレイヤーを選択しているとき、Ctrl + T を押すことですぐに自由変形モードになります。変形が完了したらエンターキーを押すことで、面倒くさいダイアログボックスを出すことなく変形を適用することができます。

レイヤースタイルを素早く適用する

レイヤースタイルを適用したいレイヤーをダブルクリックするとレイヤースタイルを適用することができる画面が一瞬で開きます。これをショートカットなしでやろうとするとちょっと面倒です。またレイヤーオプションなどでレイヤーに色をつけることもできるので、これも活用したいところです。

以上になりますが、結構 Photoshop を使いなれてる人であれば当り前の機能ばかりだと思います。ただ、これらの機能を紹介しているサイトをあまり見かけなかったので、今回ここで紹介しておきました。
何か他に良い機能がありましたら、紹介していただけると嬉しいです。

Photoshop の自動選択で図形からレイヤーを直接選択する

最近仕事で Photoshop を一日中使います。HTML とか CSS なんていうのは滅多に触れない。どっちかというと PHP とか WordPress の方がお目にかかる機会がよくあります。仕事で使うため、かなり Photoshop 使えるようになりました。自分が困ったこととか、自分が便利だと思ったことは全部メモ帳にメモっているので、このメモ帳にきれいにまとめておくことにします。

図形からレイヤーを選択する

レイヤーなんて100以上は余裕で超えますよね。フォルダとかに分類するけど、フォルダの中にもまたフォルダがあったり、似たような画像がたくさんあったりして、結局どれがどれなのかがわからなくなるものです。

そういう時は選択ツールの時に、ツールバーの左の方に自動選択というボックスがあるので、そこにチェックを入れます。図形をクリックすると、自動的にその図形のレイヤーを選択されます。

複雑に入り組んできたら、ぜひこの自動選択を使いましょう。

Photoshopで使える便利なショートカットキー

Photoshopは今まであまり扱ったことがないのですが、最近弄り過ぎで作業が高速になったり、脳みそに記憶されている技のバリエーションが増えてきているので、作業時間の更なる短縮も兼ねてショートカットキーについて調べてみました。

PhotoShopで使える18の超便利ショートカットキー:phpspot開発日誌

この中からお気に入りを一部抜粋。

Ctrl+0

でキャンバスのサイズを画面サイズに合わせる機能。一番気に入ってます。

Ctrl+Alt+Shift+N

レイヤーは毎回の作業で必ず作成します。そんな毎回必ず行う作業をショートカットキーで行えたら、仕事の効率が上昇しそうです。

Ctrl+Shift+E

人物画像のシミやそばかすを消すときに表示レイヤーをどんどん結合していきます。

ショートカットキーはいくらでも覚えておいて損はなさそうですねぇ……。

Photoshopグリッピングマスクの活用法

グリッピングマスクを使ったサンプル

グリッピングマスクを使ったサンプル


WebデザイナーになるためにはHTMLやCSSだけじゃなく、Photoshopもバリバリ使えるようにしなければいけないということで、今回はグリッピングマスクについて勉強してみました。

サンプルgif形式で保存しちゃったので画質悪いですね……。

グリッピングマスクを使った文字の切り抜き

1.背景画像を用意する。
2.文字を書く
3.背景画像のレイヤーを文字より上に持ってくる。
4.背景画像のレイヤーで[レイヤー]→[グリッピングマスクの作成]で完成。

フォトショップ 使い方マニュアル クリッピングマスクで画像を切り抜くを参考にさせていただきました。