Photoshop
[ Photoshop ] 選択範囲作成中にスペースキーで選択範囲を移動。
選択範囲内だけコピーしたり、フィルタ効果をかけたりとWEBデザイン制作中には長方形・楕円形選択ツールを使った選択範囲を頻繁に活用します。 た...
[ Photoshop ] レイヤーパネルの上下に離れたレイヤーを一瞬で並べる方法
Photoshop CC 2017がリリースされて便利な新機能も追加されているようですが、この忙しい時に操作方法が変わったり、エクステンショ...
[Photoshop] WEBデザインの作業効率が最も上がるレイヤースタイルのコピペ方法は?
ドロップシャドウやベベルとエンボスなどの視覚効果をレイヤーに適用することで、テキストに立体感を持たせたり、様々なデザインを作り出すことができ...
Font AwesomeのアイコンフォントをPhotoshopで使う方法
PhotoshopでWEBデザインするときにFont Awesomeのアイコンフォント使うなら、エクステンションのFont Awesome ...
BootcompがPhotoshop CC2015.5対応してた。さらに便利になって感激!
Bootstrapをベースにしたデザインカンプ制作に便利なオール・イン・ワンのPhotoshop拡張機能『Bootcomp』を「こんなPho...
Googleフォント使って自由にデザインできるPhotoshop拡張プラグイン「Fontea」が便利すぎる
WEBサイトのテキストにGoogleフォントを利用すると、それだけでデザインがバチッと決まることがあります。 ただ、デザインやコーディングの...
[Photoshop] 手ブレによるピンボケ写真を補正する方法
ブログで使用する写真はほとんどiPhoneで撮っていますが、シャッター音が気になる場所では「シンプル無音カメラ」というアプリを使っています。...
[Photoshop] 縦長のWEBデザインでも簡単に好きな位置に移動できる小技
Photoshopでウェブページをデザインしていると、どんどん縦長になってしまって上から下へ、下から上へと表示領域を頻繁に変えながら作業を行...
こんなPhotoshopエクステンションが欲しかった!Bootcompが便利すぎる
Bootstrap便利ですね。 レスポンシブWEBデザインでサイト制作を行う場合には、このCSSフレームワークをコアで使っています。 今はイ...
【Photoshop】Vanishing Point機能を使って遠近感のある面に画像を合成する
Photoshopの便利な機能 Vanishing Point を使って次の画像にあるパソコン画面に画像を合成してみます。 Vanishin...
[Photoshop] 一つのレイヤーを基準としてオブジェクトを整列する方法
Photoshopでオブジェクトを整列する方法をまとめます。 垂直方向中央揃え 例えば、次のように5つの正方形のオブジェクトが散らばって配置...
[Photoshop] ブログ画像の色調補正をするなら調整レイヤーよりスナップショットが早いかも。
明るすぎる、暗すぎる、ノイズが目立つといった残念な画像もPhotoshopの「色調補正」を使えば改善することができます。 とても便利な機能で...
【Photoshop】インデックスカラーを解除する方法
お客さんから「画像の編集ができなくなった」というヘルプ要請がありました。 症状を聞くと、Photoshopで開いた画像をいつも通りクイック選...
【Photoshop】同じレイヤー効果を重ねてテキストを装飾する方法
Photoshopでテキストをデザインする場合、これまで同じレイヤー効果の重ねがけができないという認識だったので、必要に応じてIllustr...
Photoshopの無料プラグイン「Cut&Slice me」でスライス作業を自動化しよう。
日々、デザインしたり、コーディングしたりと慌ただしく作業をしておりますが、単純作業だけに「誰かやってくれないかな」と思うのがスライス作業です...