デザイナーのための10のキラーアドビフォトショップのヒント

信じられないかもしれませんが、WebサイトをデザインするためにPhotoshopを使用しているのであれば、成功したWebデザイナーになるための正しい道を歩んでいます。これは、Photoshopがデザイン業界で最も先進的なツールの1つであり、クリエイティブな想像力を同時に生み出し、生産性を高めるプロフェッショナルツールの数々を実現できるからです。.

しかし、あなたはPhotoshopについてどれほどよく知っていますか？時々、特定のWebデザイナーが5日で非常に重いグラフィックを使用してWebサイトのレイアウトを設計できるのに、そのような設計を完了するのに約10日を要するのではないかと疑問に思うことがあります。それはおそらくあなたがクリックできる速さについてではなく、それはあなたがPhotoshopについてどのくらいよく知っているか、あなたがあなたの生産性を高めるためにその可能性を最大限に引き出すつもりである方法に関する.

その可能性を最大限に引き出す方法をあなたに知ってほしいのです。そうです、それが私たちがあなたのデザインスピードを向上させるためにあなたに10の非常に役に立つPhotoshopのコツを提供するためにこの記事を作成した理由です。あなたが知らない近道、特徴または設定があるかもしれませんが、もうありません。この記事を読むことで、それらすべてを学ぶことができます。そして、より速く設計するようになります。.

注意：この記事に記載されているショートカットキーは、Windows Photoshop形式です。 Macを使用している場合は、Ctrl = Cmd（コマンド）およびAlt = Opt（オプション）を確認してください。.

10.元に戻す、もっと元に戻す

私たちのデザイナーは、スケッチを間違えたときでも、それを「元に戻す」傾向があるまで、何かを元に戻すのは非常にやみつきになると私は完全に信じています。.

PhotoshopでCtrl + Zを押すことで知っているかもしれませんが、前の操作を元に戻すことができますが、同じキーの組み合わせをもう一度押すと、前の操作がやり直されます。あなたが望む状態になるためにあなたはいつも何度も元に戻す必要があるので、これは非常に不自然で面倒です。.

信じられないかもしれませんが、Photoshopには複数の元に戻すための特定のボタンがあり、Alt + Ctrl + Zです。はい。このキーの組み合わせを使用すると、編集>環境設定>で設定した履歴状態の値に従って複数回元に戻すことができます。パフォーマンス.

Ctrl + Zという一般的なUndoのキーの組み合わせに慣れている場合は、Ctrl + Shift + Alt + Kを押してキーボードショートカットパネルにアクセスし、[編集]セクションの下の[元に戻す]のキーの組み合わせをCtrl + Zに変更できます。.

サンプリング色、どこでも!

うまくデザインされたウェブサイトに遭遇し、それがどの正確な色を使っているのか疑問に思いましたか？ Photoshopでサイトレイアウトをしているときにインスピレーションを求めていると、これがよく起こります。私にとってはカラーピッカーを起動し、色を選択してその16進数を取得してから、Photoshopのカラーパレットをクリックしてから16進数を入力して色を取得します。?

実際にそのように苦しむ必要はありません。実際には、スポイトツールをクリックするかIを押してアクティブにしてから、Photoshopの作業画面をクリックして、スポイトアイコンをモニタ画面の任意の場所にドラッグするだけで、好きな色になります欲しいです。ええ、それは本当にとても簡単です.

8.フレキシブルガイド

ヒント＃8は実際には2つのヒントの組み合わせです。私はあなたがより多くのヒントを得ることについて気にしないことを願っています。 Webデザイナーとして、要素を正しく配置するためのガイドを多く扱う必要があります。つまり、ピクセルパーフェクトです。.

ガイドをどのように作成しますか？ [表示]、[新しいガイド]をクリックして、水平ガイドか垂直ガイドかを決定し、その位置を入力して[Enter]をクリックします。確かに、Ctrl + Rを押してルーラーツールを有効にし、ツールをクリックしてそれを下にドラッグして水平ガイドを作成するか、またはその逆を実行するだけでこれらの作業を保存できます。.

インスタントガイドの作成に加えて、これはあなたにとってもう一つの役に立つヒントです。 Vキーを使用してアクティブにできる移動ツールでガイドをドラッグしながら、Altキーを押したままにすると水平ガイドが垂直ガイドに変わります。今、あなたはおそらくあなた自身をガイドの使用について専門的であると考えることができます.

7.楽しいレイヤースタイルのクローン作成

たとえば、ソーシャルメディアのアイコンを作成するためにそれらを適用することができる場合、レイヤースタイルは非常に面白いですが、ソーシャルメディアのアイコンはかなり魅力的でユニークに見えますが、通常表示されるすべてのソーシャルメディアアイコンに同じレイヤースタイルを適用する場合は非常に面倒です。複数の作品.

あなたは今までに fx あなたのレイヤーの横にあるアイコン？ Altキーを押しながらドラッグすると、すべての理由があります。 fx アイコンを別のレイヤーに移動すると、最初のレイヤーのスタイルがドラッグしたスタイルにコピーされます。便利ではありません。?

あなたがそれの一般的な使用について興味があるならばまた fx アイコン、レイヤーのスタイルを別のスタイルに移動することができます。Altキーを押さずにアイコンを別のレイヤーにドラッグするだけです。.

6.エレメントセンタリングが簡単に

ピクセルパーフェクトデザインを達成するために、我々はしばしばそれがあるべき場所に正確に要素を配置しなければなりません。ガイドをいくつか作成して要素をそれらのガイドに合わせることができるのでこれは簡単に思えますが、要素を絶対的に特定の領域にセンタリングしたい場合は手間がかかります。.

実際、このプロセス全体をもっと簡単にする方法があります。絶対中心にしたい要素のレイヤーをクリックしてから、Ctrl + Aを押してドキュメント全体を選択します。その後、移動ツールを起動すると、変換コントロールの表示オプションの横にいくつかのアイコンが表示されます。 2番目のアイコンをクリックして要素を垂直方向に中央揃えし、5番目のアイコンをクリックして要素を水平方向に中央揃えにします。絶対中央揃え要素.

要素をドキュメントの領域全体で絶対中心に配置するだけでなく、特定の領域で絶対中心に配置することもできます。フッタ領域の要素を絶対中心に配置したいとします。選択ツールを使用してフッタ領域を選択することができます。選択ツールはMキーを押すことでアクティブになります。.

Show Transform Controlsオプションの他に他の配置オプションを調べることができます。これは、さまざまな状況で要素を配置するのに非常に便利です。.

5.ビュー選択、一度に1つ

多くの場合、レイアウトを設計する際に、要素がそれ自体で、またはいくつかの要素で正確にどのように見えるかを確認する必要があります。たとえば、下のWebサイトレイアウトでは、スライダーのボタンをチェックして透明性がないことを確認します。スライダーの画像なし.

これまでは、スライダー画像のレイヤー、スライダーの背景のレイヤー、さらにはコンテンツの背景のレイヤーの表示をオフにする必要がありましたが、今はAltキーを押しながらボタングループの横の「目」アイコンをクリックしてオフにできます。私はそれらのボタンだけを見るように全てのレイヤーの可視性。それらをチェックした後、すべての層の粘性を元に戻すためにもう一度トリックを繰り返すことができます。.

画像トリミングに関しては、このトリックも非常に便利です。スライダー画像のような他の要素を使わずにスライダーのボタンをスライスしたい場合は、このトリックを使用してボタンをスライスするだけですべてのレイヤーの表示をオフにし、次にトリックを繰り返してすべてのレイヤーの表示を元に戻すことができます。レイヤーの表示/非表示を切り替える.

4.いつでも、フォントの追跡をカスタマイズする

この特定のヒントは、タイプの特定の部分でフォントの追跡を簡単に向上させる方法を示しているため、ロゴやボタンの作成などの特定の状況でのみ使用できますが、フォントの検索にかかる時間は大幅に節約できます。ロゴやボタンの作成に適した文字体裁.

さて、私は私のロゴのタイプがビジターがそれをより簡単に覚えているように私のロゴのタイプがユニークに見えるようにタイプ、 '360'の追跡を減らしたいとしましょう。 Tキーを押してアクティブにできる文字ツールを使用して 'POLO360'を選択し、Altキーを押しながらボタンを押すと、文字のトラッキングが減少し始めます。これにより、上記の結果が表示されます。.

あなたはいくつかの芸術的なフォントの追跡問題に取り組むためにこのトリックを使うことができるので、あなたがあなたのロゴ作成のためのグラフィカルフォントを見つけたいと思うとき追跡の心配はありません!

3.インスタントレイヤ選択= Win

レイアウトデザインはタイポグラフィ、スペーシング、グラフィックなどの多くの問題に取り組まなければならないので大変な仕事ですが、何百ものレイヤーの中から特定の要素のレイヤーを見つけたい場合は圧倒的なものになります。.

このトリックを使うと、デザイナーの生活が楽になります。 Vキーを使用して移動ツールを起動し、Ctrlキーを押しながら要素をクリックすると、要素のレイヤーが自動的に選択されます。それは本当に簡単ですが、要素をグループに入れる場合、同じトリックを使うことで、上に示したように、あなたがクリックした要素を含むグループのフォルダを選ぶことになるということを覚えておいてください.

2. Smart Designer用のスマートオブジェクト

その名の通り、スマートオブジェクトは2つの主要な機能を実行することによってあなたの編集をよりスマートにします：非破壊的な変換を実行することとフィルタリングを実行すること。この機能は、ストックフォト、ソーシャルメディアのアイコン、UIキットなどの重いグラフィックを含むサイトレイアウトを作成するときに特に便利です。レイヤーを右クリックして[スマートオブジェクトに変換]をクリックするだけです。その恩恵を享受.

最初の関数は、レイヤーがいったんスマートオブジェクトに変換されると、元の品質を損なうことなく、必要に応じてそれを変換できることを示しています。この例では、イメージスライダーを小さくして、イメージスライダーのレイヤーをスマートオブジェクトに変換し、それを小さいオブジェクトに変換します。.

痛い、小さすぎるので元に戻すことにしました.

すべて問題ないようですが、何も起きていませんか。以下は、レイヤをスマートオブジェクトに変換せずに逆方向変換を適用した場合の結果です。.

だから、おそらくここで違いを見ることができます、特にスライダーのボタン部分。スマートオブジェクトをレイヤーに適用しないで逆方向に変形すると、スライダーとスライダーのボタンの品質が低下します。そのため、レイヤーをスマートオブジェクトに変換することで、任意の小さいサイズに変換できますが、決定に後悔した場合は、品質を損なうことなく元に戻すことができます。.

スマートオブジェクトにレイヤを変換することによるもう1つの利点は、スマートオブジェクトにフィルタを適用すると、フィルタのレイヤがスマートオブジェクトのレイヤの下に表示されるため、フィルタのレイヤの表示をオフにするだけでフィルタを無効にできることです。 、あなたのプロジェクトのためのすばらしい時間節約.

1.美しい過去のスナップショット

これで、複数回元に戻す、レイヤースタイルをコピーする、レイヤー選択を速くする、Smart objectを使用してこれらの素晴らしい時間を節約する方法について学びました。さて、これらは本当にあなたの生産性を向上させる本当に便利なスキルです、しかし、2時間の仕事の後にあなたはあなたの編集を後悔して、中間から始めることをどう思いましたか？やり直すのは、以前に学んだすべての致命的なヒントを適用したとしても、非常に疲弊して退屈になるでしょう。.

スナップショットを使用すると、編集中の任意の状態の一時コピーを作成できるので、デザインの改善に問題があって元に戻ることにしたときは、スナップショットをクリックするだけで目的の状態に戻ることができます。スナップショットを撮るには、履歴パレットを開き、パレットの下部に表示されている2番目のアイコンをクリックするだけです。.

スナップショットにはいくつかの便利な機能もあります。複数のスナップショットを取ることができるので、選択肢が増え、名前を付けることで覚えやすくなります。最終的には、これらのスナップショットを使用して、デザイン用に作成したさまざまな効果を比較することもできます。.

ただし、ドキュメントを閉じるとスナップショットは即座に削除されるため、これらの状態を維持したい場合は、各スナップショットをクリックしてドキュメントを別のファイルとして保存できます。.

反射

あなたは記事の終わりに来ました、素晴らしい仕事です。この時点では、デザインスピードを上げるための時間を節約するための十分なヒントが得られているはずですが、Photoshopについて詳しく知るには学習が最善の方法であるため、生産性が向上します。だからもっと学び続けると、あなたはずっと競争の激しいウェブデザイナーになるでしょう.

それで、私たちは最善を尽くしました、あなたはどうですか？あなたが気にしないのであれば、あなたの寛大さに感謝します。!