Photoshopでロゴを作成する方法

Photoshopでロゴを作成する方法

Photoshopでロゴを作成する方法を開始する前に、部屋の中の象に対処する必要があります– Photoshop CC ロゴデザインを念頭に置いて構築されていません。ロゴの基本的な品質の1つは、品質を損なうことなくスケールアップおよびスケールダウンできることです。これが、Photoshopのピクセルベースがあまり適していないロゴを作成するために、Illustratorなどのベクターベースのソフトウェアが推奨されるオプションである理由です。 Illustratorを使用したロゴのデザインの詳細については、 この便利なガイド 、コンセプトから完成までのプロセスをご案内します。

しかし、Photoshopがアプリケーションに欠けているものは、特に比較した場合、人気を補う以上のものです。 Illustrator CC 。したがって、目立つロゴを作成する方法を知る必要があるが、不要なソフトウェアにお金をかけたくない場合は、このチュートリアルが最適です。シンプルなシェイプツール、グラデーション、テキストオプションを使用して、Photoshopで基本的なロゴをデザインする方法を説明します。これらのオプションを調べれば、Photoshopですぐに独自のロゴを作成できます。 Photoshop CS6を使用していますが、同じプロセスが他のバージョンにも適用されます。

実際にあなた自身のロゴをデザインすることになると、あなたはブランドアイデンティティとスタイルについて考え始める必要があるかもしれません。より多くのインスピレーションを得るために、私たちのプロガイドに向かいます ロゴデザイン 、ロゴの世界について知る必要があるすべてを教えてくれます。



01.新しいキャンバスを作成します

Photoshopのデザインロゴ

50ピクセルごとにグリッド線を設定します

Photoshopを開き、新しいドキュメントを作成します。 500px x 500pxのキャンバスサイズを使用しましたが、それより大きいサイズでも同様に機能します。キャンバスのサイズはいつでも変更できます。 Photoshop>環境設定に移動して、50pxごとにグリッド線を設定します。次に、を押して、キャンバスでグリッドをオンにします。 cmd + ' または[表示]> [オプションバーに表示]。 [表示]> [スナップ先]で[グリッドにスナップ]がオンになっていることを確認します。

02.基本的な形を描く

Photoshopのデザインロゴ

矢印の形を作成する

ツールバーのペンツールを選択するか、を押して P 、[パス]ではなく、[オプション]バーの左側にある[シェイプ]に設定されていることを確認します。ペンを使用して、キャンバスの中心点から開始し、他の点にグリッド線の交点を使用して、矢じりの形を描きます。このプロジェクトではレイヤーに名前を付ける必要はありませんが、レイヤーが多数ある、より複雑なドキュメントで役立つ場合があります。

03.形状を複製して編集します

Photoshopのデザインロゴ

レイヤーを複製して、シェイプを編集できるようにします

を押して、レイヤーを複製します cmd + J 新しいレイヤーをクリックして選択します。直接選択ツール、ショートカットを使用する 、キャンバスの中央にある矢印の最上部をクリックします。このポイントを数グリッド四方下に移動し、Shiftキーを押しながらy軸にロックしたままにします。

04.グラデーションで色を追加します

Photoshopのデザインロゴ

タイトルが素晴らしい映画
グラデーションはまだロゴデザインのトレンドになっているので、ロゴにグラデーションを追加してください

オプションバーの左側にある[塗りつぶし]ドロップダウンメニューで新しいグラデーションを作成します。グラデーションウィンドウで、下部のスライダーをダブルクリックしてRGBオプションを表示し、色を選択できます。ライトブルーとダークブルーを選びました。次に、このグラデーションを両方のオブジェクトに適用し、グラデーションの回転を変更して、互いに反対になるようにします。塗りつぶしオプションが表示されない場合は、移動ツールが選択されている可能性があるため、ペンまたはシェイプツールに切り替えます。

05.レイヤーをグループ化して複製します

Photoshopのデザインロゴ

レイヤーをグループ化して整理する

2つのレイヤーを選択し、[レイヤー]タブの下部にある小さなフォルダーのようなグループボタンを押してグループ化します。これにより、[レイヤー]タブが乱雑になるのを防ぎ、2つのレイヤーを一緒に処理しやすくなります。

このグループを複製し、自由変形機能を使用して新しいグループを90度回転し、Shiftキーを押しながら15度ずつ回転します。を使用して無料変換にアクセスできます cmd + T または[編集]> [自由変形]の下。次に、キャンバスの中心を対称線として使用して、元の形状を反映するまで2番目のグループを上に移動します。

06.形を変える

Photoshopのデザインロゴ

Xはスポットをマークします。多分

Shift +カーソルキーを使用して、各形状を中心点から1グリッド四方上下に移動します。

07.グループ化、複製、繰り返し

Photoshopのデザインロゴ

あなたが持っているものを複製することによって、より精巧な形を作成します

手順5と同じ方法を使用してレイヤーをグループ化し、グループを複製して90度回転します。新しい形状は、一種の十字線の形状に似ている必要があります。

08.シェイプツールで円を描く

Photoshopのデザインロゴ

円を追加して、ロゴにスペースを刻みます

ツールバーのアイコンをクリックしたままにするか、Shift +を押して、円が見つかるまでシェイプツールを切り替えます。 U 。キャンバスの中心点をクリックし、Altキーを押しながら中心から放射状に円を描き、Shiftキーを押しながら幅と高さを比例させます。間違えた場合は、自由変形を使用して形状を元に戻したり、再編集したりできます。

tiktokのサウンドを調整する方法

09.長方形を描き、中心に揃えます

Photoshopのデザインロゴ

長方形でテキスト用のスペースを作る

長方形ツールが見つかるまで、シェイプツールをもう一度繰り返します。グラフィック全体、他のレイヤーの上に白いボックスを描画し、テキスト用の十分なスペースを作ります。これをキャンバスの中央に揃えるには、長方形のレイヤーと一番下のレイヤー(キャンバスと同じサイズの白い正方形である必要があります)をクリックし、メニューバーの[レイヤー]> [整列]の下にある整列ツールを使用します。またはオプションバーの整列ボタン。

より上級のユーザーは、[レイヤー]> [シェイプの結合]を使用して、この長方形を使用して下のシェイプから減算できますが、今のところは、白いブロックとして使用することに固執します。

10.テキストを追加します

Photoshopのデザインロゴ

ロゴを「スノーフレーク」と呼びます。気分を害しないでください

ツールバーのTアイコンをクリックするか、を押して、長方形の上にテキストボックスを描画します T 、次にキャンバスをドラッグします。ボックスにテキストを入力し、[文字]タブのボタンを使用して中央に配置します。もう一度位置合わせツールを使用して、これをキャンバスの中央に配置します。

11.適切な書体を選択します

Photoshopのデザインロゴ

ブランドに適した書体を入手することが重要です

ブランドに合った書体をお選びください。無料のフォントはたくさんありますが、使用許可のあるフォントを選択することが重要です。 フリーフォント あなたが始めるためのいくつかのアイデアのまとめ。このロゴは多くのアセットに表示される可能性があるため、違法にダウンロードされた書体を使用するのは悪いニュースです。あなたが見るものが好きになるまで、サイズと色で遊んでください。

12.カーニングを調整します

Photoshopのデザインロゴ

あなたのテキストをカーニングすることを忘れないでください

テキストをカーンします。これは、個々の文字間の水平方向の間隔を調整して、単語の読みやすさを最大化することを意味します。これは、V |でマークされた[タイプ]タブで実行できます。 A、または文字の間をクリックしてを押す すべて +左または すべて +右。カーニングの詳細については、の投稿を参照してください。 タイプをカーニングする方法

13.最終的な詳細を追加してエクスポートします

Photoshopのデザインロゴ

後でロゴを編集できるように、psdファイルとして保存することを忘れないでください

特別なものを与えるために必要な最終調整を行います。このページの上部にあるメイン画像では、テキストの上下に同じグラデーションで色付けされた2つの小さなバーを追加しました。また、他の手順と同様の手法を使用し、レイヤーマスクを使用してフェードを追加して、背景、影、反射を追加しました。

満足したら、必要な形式で画像を保存します。ここではWeb形式にRGBjpgを使用しましたが、戻って変更できるようにpsdとして保存しました。

続きを読む: