おそらくすべての Web デザイナーは独自のセットを持っています。トリック Photoshop のお気に入りがそろっています。 正当な理由があります。 Adobe の強力な画像編集ツールは、Web デザインの世界では欠かせないものです。 この優れたソフトウェアとその幅広い機能に匹敵するプログラムはほとんどありません。
ただし、ほとんどのWebデザイナーはすでにPhotoShopについて多くのことを知っていますが、学ぶことができることは常にたくさんあります。 結局のところ、プログラムは強力であるだけでなく、複雑でもあります。 さらに、更新を通じて定期的に新しいものが追加されます。
このため、お気に入りのツールを引き続き調査することをお勧めします。 そのために、このチュートリアルでは、Photoshop の最高のトリックをいくつか見ていきます。 の トリック ワークフローを改善し、仕事と生活を楽にし、時間を節約し、可能な限り最高のサイトを設計するのに役立ちます。
Photoshopについてさらに学習する準備はできていますか？ これは、以下で見るものです。
1-ワークスペースを合理化します
基本から始めましょう。 ワークフローを改善するために最初に行うことは、Photoshopを使用方法と互換性のある方法でセットアップすることです。 結局のところ、よりクリーンなツールで作業が簡単になります。
このため、最初の目的地は「ウィンドウ > ワークスペース > グラフィックと Web > Essentials」です。 このオプションを選択すると、 ツール Web デザインに使用する可能性が最も高いものに利用できます。
次に、[編集]> [設定]に移動します。 ここで最も重要な停止のXNUMXつは、ユニットとルールです。 ここで選択した測定値（おそらくピクセル）に関係なく、これが今後のすべてのドキュメントのデフォルトになります。
（クイックヒント：単一のドキュメントのルールを変更するには、ドキュメントを右クリックして、目的の測定単位を選択します。）
次に、[設定]> [パフォーマンス]> [履歴とキャッシュ]に移動し、[Web / UIデザイン]をクリックします。
これにより、キャッシュ設定が変更され、多くのレイヤーを持つ小さなファイルが優先されます。これは最も頻繁に使用されます。
同じ場所で、過去の州の数を選択することもできます。 これは、何かを元に戻したい場合に戻ることができるステップの量です。
2-キーボードのショートカットを学ぶ
定期的に使用するプログラムの場合、通常はキーボードショートカットを学習することをお勧めします。
たとえば、この記事を書いているときは、Ctrl + Alt + 2/3 を使用して h2 および h3 ヘッダーを作成しています。 ツールバーを使用するよりもはるかに高速ですツール キーボードを離れる必要がないため、エディタの
Photoshopでも同じことが言えます。 単一のキーでアクションを実行する方法を知ることは、メニューをクリックするよりもはるかに高速です。
この記事では、一連のキーボードショートカットについて説明します。 ただし、最も一般的なPhotoshop操作へのショートカットを学習するために、このチートシートもお勧めします。 その上、何度も何度も行うことのキーボードショートカットを見る習慣を身につけることも良い考えです。
3-レイヤーをグループ化し、名前を付けます
Photoshopを使用する場合、レイヤーを使用します。 ほとんどの要素が別々のレイヤーにあるだけでなく、輝度/コントラストなどの変更もレイヤーとして追加されます。
このため、すべてがすぐに混乱する可能性があります。 幸いなことに、これを減らすためのオプションはたくさんあります。そのうちのXNUMXつは、レイヤーをグループ化して名前を付ける機能です。
まず、任意のレイヤーをダブルクリックすることで、その名前を好きなように変更できます。
このようにして、レイヤーに背景画像、メニュー、またはサイドバーが含まれているかどうかを簡単に理解できます。
または、Ctrlキーを押しながら個々のレイヤーを選択するか、Shiftキーを押して隣接するレイヤーの範囲をマークすることにより、一度に複数のレイヤーを選択することもできます。 Ctrl + Gは、それらをグループに変換します。
4-レイヤー検索の実行
レイヤーの命名とグループ化は良いスタートです。 ただし、数十または数百もの作業を行うことで、簡単に迷子になる可能性があります。
これらの場合、レイヤーをフィルタリングするオプションもあります。 これを行うには、[レイヤー]メニューの上部にあるメニューを使用して、タイプ、名前、効果、色などでフィルタリングします。
それ以外の場合は、レイヤーを右クリックして、そこからグループオプションを選択します。 いずれにせよ、レイヤーははるかに整理されています。 さらに、レイヤーグループに名前を付けることもできます。
それ以外の場合は、「Ctrl」キーを押しながらレイヤーまたはオブジェクトをクリックして、移動ツールを使用してレイヤーを直接選択します。
5-グリッドを作成する
グリッドは、Webデザインで最も重要な原則のXNUMXつです。 それはデザインの秩序をもたらし、あなたがあなたのオブジェクトを置くのを助けます。 このため、Photoshopでグリッドを作成するのは理にかなっています。
これを行うには、「表示>新しいマーカー」を使用します。 または、ルーラーをクリックしてドキュメントにドラッグすることにより、水平ガイドと垂直ガイドを作成します。 Ctrlを使用して、既存の行を移動します。
6-カラーサンプルをインポートする
HTML、CSS、または SVG ファイルからカラースウォッチを Photoshop に直接読み込むことができます。 このようにして、 ロゴ.
このPhotoshopヒントを活用するには、スウォッチパネルを開き、右上隅のドロップダウンメニューをクリックして、[ ロードスウォッチ 」。 ファイルに移動して開き、新しいカラーサンプルをインポートします。
7-カスタムシェイプを保存します
特に、同じサイトまたは同じデザインのWebサイト用に複数のページを設計する場合、同じオブジェクトと形状を複数回使用することになります。 このため、すぐに再利用できるようにカスタムフォームに保存することは理にかなっています。
これを行うには、パス選択ツールで問題の形状を右クリックします（黒い矢印）。 次に選択してください カスタム形状を定義する "。 それが済んだら、カスタムシェイプツールのトップバーにあるオプションからそのシェイプにアクセスできます。 「」と表示されているドロップダウンメニューをクリックするだけです。 シェイプ 保存したフォームを選択します。
8-背景色と前景色を切り替えます
アイコンをクリックせずに背景色と前景色を切り替えるには、キーボードの「X」を押すだけです。 また、色を無地の白黒に戻したい場合は、「D」を押してください。
9-キーボードで不透明度を変更します
別のキーボードショートカット：不透明度を変更できるツールの場合は、キーボードから変更できます。 1から0までの数字は、10％から100％の間のすべての不透明度を設定します。 同じことがレイヤーの不透明度でも機能します。
10-直線を描く
任意のツールで直線を描くには、Shiftキーを押したままにします。 次に、線を引くことができます（水平および垂直）爪として自動的にリンクされます。 そうでない場合は、2つの異なるポイントをクリックして、それらの間に直線を作成します。
以上がこれらのPhotoshopのヒントです。Photoshopでのデザインの改善に役立つことを願っています。
