ロゴを盛り上げるためには、Photoshopでアウトラインを追加するのが最適な方法です。 グラフィックの輪郭を描くことについての大きい事はちょうど輪郭にあなたのロゴを回すか、またはあなたの既存のロゴにボーダーを加えるこ から選ぶべきそう多くの様式を使うとあなたのロゴのための完全な輪郭の一見を容易に見つけることができます。 ここでは、ロゴの概要を説明するいくつかの技術的な方法を説明しますが、迅速かつ簡単な方法が必要な場合は、ここで物事を行う最も簡単な方法です。
Photoshopでロゴの輪郭を描くには、まずロゴの背景が透明であることを確認してから、ロゴレイヤーをダブルクリックしてレイヤースタイルを開きます。 レイヤースタイルでは、スタイルをStrokeに設定し、stroke fillを”Solid Color”に設定し、必要に応じて幅を調整します。 今、あなたはあなたのロゴを概説しました!
このチュートリアルでは、Photoshopでロゴの輪郭を描くことについて知っておくべきことをすべて学びます。 無地、輪郭だけロゴ、勾配の輪郭、および多くから、あなたのロゴはこれらの先端と流行に見ます。
Photoshopでロゴの輪郭を描く方法
まず、Photoshopで最も基本的なタイプのロゴの輪郭から始めましょう。
ステップ1:ロゴの選択を作成する
ロゴが画像と同じレイヤー上にあるか、背景が白い場合は、これを機能させるために削除する必要があります。 あなたのロゴの選択を作成するには多くの方法がありますが、私がお勧めするのはMagic Wand Toolです。
マジックワンドツールを選択するには、キーボードのWを押すか、ツールバーでそれを見つけます。

アクティブになったら、上部の設定バーに移動し、5×5平均、25に許容値にサンプルサイズを設定し、アンチエイリアスをオフにチェックしてください。 これらの設定のそれぞれの背後にある目的を知りたい場合は、このビデオチュートリアルをチェックしてください。

あなたの魔法の杖の設定を順番に、あなたのロゴレイヤーが選択されていることを確認し、それを選択するためにキャンバスであなたのロゴをクリッ マジックワンドツールは、この場合、あなたのロゴであるあなたのサンプルにすべての類似した色を選択します。

ロゴに複数の色がある場合は、Shiftキーを押しながら、選択した色に追加する追加の色をクリックします。
今、あなたはあなたの全体のロゴの周りに選択が残っています。
ステップ2:レイヤーマスクに選択を追加
このアクティブな選択では、レイヤーマスクを追加することで、ロゴの背景を削除することができます。 ロゴレイヤーが選択されている間、レイヤーパネルの下部にあるレイヤーマスクアイコンをクリックするだけです。

今、あなたのロゴは透明な背景を持つことになります。
ステップ3: レイヤースタイルを開く
次に、ロゴレイヤーをダブルクリックしてレイヤースタイルを開きます。 このパネルには、アウトライン(別名ストローク)の作成など、すべてのレイヤーデザインオプションがあります。

ステップ4:スタイルを”Stroke”に設定する
ロゴにアウトラインを追加するには、ダイアログボックスの左側のスタイルオプションで”Stroke”をクリックします。

ステップ5:線の塗りつぶしを単色に設定する
線の設定内で塗りつぶしを”単色”に設定して、輪郭が色で塗りつぶされるようにします。 また、グラデーションやパターンであなたの輪郭を埋めることができますが、私は後でそれに触れます。

単色オプションを選択すると、カラーボックスをクリックしてアウトラインの色を選択できます。
ステップ6:ストロークの位置を”中央”に設定
ストロークの位置を中央に変更します。 これにより、内側または外側のエッジのみではなく、ロゴのエッジの周りに均等にアウトラインが追加されます。 “Outside”設定は輪郭の人々のためによりよく働くが、中心の選択はロゴのためのよりよい結果を提供する。

ステップ7: 必要に応じて追加のストローク設定を調整する
すべての主要な設定を順番にして、必要に応じてアウトラインサイズと描画モードを調整します。 ほとんどの状況では、ブレンドモードを通常に設定したままにしておく必要があります。 輪郭の幅に関しては、あなたのロゴのより厚い輪郭のためのサイズの価値を単に高めて下さい。

満足したら、[OK]をクリックしてレイヤースタイルを終了します。
これで、Photoshopのレイヤースタイルを使用して、ロゴに単色の輪郭を追加しました。 レイヤースタイルの美しさは、あなたが今戻って、必要に応じて、後でそれらを編集することができるということです。 あなたのロゴレイヤーを見て、単に再びレイヤースタイルを開き、あなたのストローク設定を編集するためにあなたのレイヤー FXをダブルクリックします。 このようにして、後でワークフローでアウトラインの色やサイズを簡単に調整できます!
Photoshopでロゴをアウトラインに変換する方法
この次の例では、ロゴの色を削除し、色付きのアウトラインのみを残すと言う方法を学びます。
ステップ1:マジックワンドツールでロゴを選択
最後のセクションと同様の手順に従って、Wを押してマジックワンドツールを再度選択するか、ツールバー

ツールをアクティブにして、上部の設定バーに移動し、サンプルサイズを5x5average、許容値を25に設定し、アンチエイリアスをオフにします。

次に、その色をサンプリングし、新しい選択を作成するためにあなたのロゴをクリックしてください。 ロゴに複数の色がある場合は、Shiftキーを押しながら、選択した色に追加する色をクリックします。
マジックワンドツールが画像の中で選択したくない部分を選択した場合は、AltまたはOptionを押したまま選択をクリックしてそれらの色を削除します。
今、あなたはあなたの輪郭を作成するために使用できるあなたのロゴの周りにアクティブな選択を持っています。

ステップ2: ロゴの上に新しいレイヤーを作成する
このエフェクトを機能させるには、ロゴとは別のレイヤーにストロークを作成する必要があります。 新しいレイヤーを作成するには、レイヤーパネルの下部にある新しいレイヤーアイコンをクリックします。 レイヤースタックのロゴレイヤーの上にあることを確認してください。

ステップ3:編集に行く>ストローク
選択範囲をアクティブにして新しいレイヤーを選択した状態で、編集に行く>ストローク選択範囲をストロークします。

ステップ4: アウトラインの幅と色を設定する
表示されるダイアログボックスで、ストロークの外観を調整できます。 まず、ストロークの幅を選択します。 この数字が高いほど、輪郭を描かれたロゴが太く見えます。
次に、カラーオプションをクリックし、ロゴの輪郭の色を選択します。
次に、輪郭が選択範囲の外側と内側の端に均等に伸びるように、位置を”中央”に設定します。

あなたが満足したら、あなたの選択にストロークを適用するには、OKをクリックします。
ステップ5: Command/Control+Dを押してロゴの選択を解除します
ロゴの周りにアウトラインが作成されましたが、選択はまだアクティブです。 キーボードのCommand+D(Mac)またはControl+D(PC)を押して選択を解除します。
ステップ6:ロゴレイヤーを非表示にする
効果を確定するには、ロゴレイヤーの横にある眼球アイコンをクリックして非表示にします。 今、残っているのは、アウトラインのみのロゴを作成し、その上にあなたのアウトラインを持つレイヤーです。

結果は
これらの簡単な手順を使用すると、ロゴの単色を削除してアウトラインに置き換えることができます。 これはあなたのロゴのための別の一見を作成し、あなたの決め付けることの上で味をつける簡単な方法である!
ロゴの端から輪郭を描く方法
最後の二つの例では、ロゴの正確な端の周りに輪郭を作成する方法を学びましたが、輪郭をさらに遠くに移動したい あなたがこれまでに学んだことにわずかな変化で、あなたは簡単にそれを行うことができます。
もう一度、あなたのロゴを選択することから始める必要があります。 ロゴがすでに切り取られている場合は、単にコマンドまたはコントロールを押して、ロゴレイヤーサムネイルをクリックします。 これは、レイヤー内の可視ピクセルに基づいて、アクティブな選択にあなたのロゴをオンにします。

あなたのロゴがまだ切り取られていない場合は、ここですぐにそうする方法を学ぶことができます。
選択をアクティブにした状態で、Select>Modify>Expandに移動します。

表示されるダイアログボックスで、ピクセル数を設定して、アウトラインをロゴからどのくらい離れた位置にするかを指定します。 この例では、適度な間隔で50pxを設定します。

これで、アクティブな選択範囲は、前のダイアログボックスで指定した量だけ外側にバンプされます。 新しいレイヤーを作成し、ロゴレイヤーの上に配置して、非破壊的に編集できるようにします。


新しいレイヤーを選択した状態で、Edit>Strokeに移動して、選択範囲にストロークを追加します。 表示されるダイアログボックスで、アウトラインの幅、色、および位置を設定します。 できるだけロゴから離れた位置にストロークを表示したいので、位置を「外側」に設定します。”これで、ストロークはアクティブな選択範囲の外側の端にのみ表示されます。


設定に満足したら、[OK]をクリックして選択範囲にストロークを追加します。 次に、Command+D(Mac)またはControl+D(PC)を押して、アクティブな選択範囲の選択を解除します。
ロゴから離れて選択範囲を拡大したので、ストロークはよりユニークな外観のためにエッジから離れて作成されます。

あなたも、アウトラインレイヤを選択し、移動ツール(V)でそれを再配置することにより、haloed外観のためのアウトラインを使用して試すことができます。

Photoshopでロゴにグラデーションの輪郭を追加する方法
グラデーションのロゴの輪郭を作成するには、ロゴの背景が透明であることを確認してから、ロゴレイヤーをダブルクリックしてレイヤースタイルを開きます。 次に、ストロークスタイルを選択し、塗りつぶしをグラデーションに設定します。 グラデーションエディタでプリセットを選択することで、グラデーションのアウトラインをさらにカスタマイズできます。
これをもっと詳しく説明しましょう。
この記事で以前に学んだ方法を使用して、ロゴの背景が透明であることを確認してください。 私は常に選択のこのタイプのための魔法の杖ツールを使用することをお勧めします。
ロゴの背景が透明になったら、ロゴレイヤーをダブルクリックしてレイヤースタイルを開きます。 以前と同様に、ストロークスタイルを選択しますが、塗りつぶしをグラデーションに設定します。


グラデーションのアウトラインをカスタマイズするには、グラデーションエディタをクリックして、使用可能なプリセットグラデ

あなたではなく、独自のカスタムカラーを作成したい場合は、それらを編集するには、グラデーションプレビューの下に色見本をダブルクリックします。 グラデーションのカスタマイズの詳細については、このチュートリアルを参照してください。
グラデーションの外観を順番に調整すると、グラデーションの角度、スタイル、スケールなどの追加設定を調整できます。 ほとんどのロゴの輪郭のために、線形勾配様式は最もよく働くが、実験して自由に感じなさい。 角度オプションは、あなたの勾配が起こっている方向を変更します。 最後に、スケールはあなたのグラデーションにズームインし、色の遷移の外観を変更します。

追加のストローク設定に満足したら、”OK”をクリックしてレイヤースタイルを終了します。 今、あなたはあなたのロゴの周りに素晴らしい勾配の輪郭が残っています!

Photoshopでロゴにパターン化されたアウトラインを追加する方法
Photoshopでロゴにパターン化されたアウトラインを追加するには、単にレイヤースタイルでパターンフィルオプションを選択する必要があります。 前と同様に、ロゴに透明な背景があることを確認し、それをダブルクリックしてレイヤースタイルにアクセスします。
ストロークスタイルをクリックし、塗りつぶしタイプを”パターン”に変更します。”

パターンプレビューをクリックすると、Photoshopでさまざまなデフォルトパターンを選択できます。 あなたは物事をスパイスしたい場合は、Brusheezyから無料で新しいパターンを得ることができます。
そこから、あなたのスタイルに合わせて、必要に応じてパターンのスケールと角度をカスタマイズすることができます。
次に、ストローク設定の残りの部分を調整して、ロゴのパターン化された輪郭を調整します。 完了したら、[OK]をクリックします。
今、あなたは無地のジェーン色の輪郭ではなく、あなたのロゴの周りにクールなパターンを持っています!

画像でロゴの輪郭を塗りつぶす方法
Photoshopの最終的なロゴの輪郭効果は、画像で輪郭を塗りつぶすことです。 クリッピングマスクの助けを借りて、これはこれまでレイヤースタイルを使用せずに非常に迅速に行うことができます!
ロゴから背景を削除したら、CommandまたはControlを押して、ロゴレイヤーサムネイルをクリックして選択範囲を作成します。

次に、新しいレイヤーを作成し、ロゴレイヤーの上に配置して、ロゴとは独立してアウトラインを編集できるようにします。

新しいレイヤーを選択し、選択範囲をアクティブにした状態で、編集>ストロークに移動して選択範囲の輪郭を描きます。 表示されるダイアログボックスで、アウトラインに使用する幅を選択します。 次の手順では画像で覆われているため、色は問題ありません。 最後に、”OK”をクリックして、選択範囲にストロークを適用します。

次に、CommandまたはControl+Dを押して、アクティブな選択範囲の選択を解除します。

輪郭を塗りつぶす画像レイヤーを開き、輪郭レイヤーの上に配置します。 画像が配置されたら、その上で右クリックし、クリッピングマスクの作成を選択します。 これにより、画像レイヤーは、クリップされているレイヤーのパラメータ内でのみ表示されます。

その後、移動ツール(V)にアクセスし、画像レイヤーをクリックし、変換ボックスをクリックしてドラッグして調整することで、アウトライン内の画像の位置

そして今、あなたはイメージで満たされたあなたのロゴの周りの輪郭を持っています!

あなたが見ることができるように、Photoshopでロゴの概要を説明するための素晴らしい方法の様々なものがあります。 あなたは、単純な色の輪郭、グラデーション輪郭、画像の輪郭、および多くをしたいかどうか、あなたは今それを行うためのすべてのスキルを持ってい 今、あなたはさらにあなたのロゴの外観をカスタマイズするために、Photoshopで任意のロゴの色を変更する方法をカバーするこの次のチュートリア