All Articles Photoshop
Photoshopで "クール"ソーシャルメディアの広告を​​デザイン
Martin Perhiniak on Tue, May 7th 0 comments
Look around and you'll probably notice that good social media adverts use excellent graphics & banners. In this Photoshop tutorial, Martin Perhiniak shows how to design a

本稿では、クールなソーシャルメディアの広告を​​デザインしようとしている。このグラフィックは英国ベースの研修会社(のために作成されていwww.lovesocialmedia.comソーシャルメディアのアイコンとロゴを、典型的な英語のオブジェクトを組み合わせて他のバナーと一緒に)。このチュートリアルでは、同社のロゴの改良版であるメイングラフィックの設計プロセスを通過します。

これは、最終的なデザインは、どのように見えるかです:

Final Logo


我々は、すべての最初のいくつかのソーシャルメディアのアイコンが必要になります。あなたがそれらを探すために持っていけないので、私は、それらを集めた。

Icons


あなたができる


ステップ1 - インポートカスタムシェイプ

一度あなたがsocial_media_icon_set.cshと呼ばれるコンピュータ上のファイルを持っている必要がありアイコンセットをダウンロードしました。この(そして、それは、任意のPhotoshopのプリセットや設定ファイルに適用されます)でやらなければならないことは、それをダブルクリックすることです。カスタムシェイプは、自動的にあなたのプリセットライブラリにロードされるよりも、あなたはあなたのコンピュータ上のPhotoshopをインストールしている場合。あなたはシェイプツールの下にツール·バーにあるカスタムシェイプの描画ツール(長方形、角丸長方形、楕円など)を選択して、単語の形の隣にオプションバーにはほとんどイメージボックス(上)をクリックするかどうかを確認できます。

Pic 1


あなたが最後に標準のPhotoshopのカスタムシェイプに加え、15の社会のアイコンをいくつか持っている必要があります。あなたが標準のアイコンを取り除きたい場合は、 編集するために行くことができます

Pic 2


ときはこれで準備は完了をクリックすることができます。


ステップ2 - 新規ドキュメントを作成します。

私たちの設計のための文書を作成するための時間。私はあなたの設計のために好むものをサイズを選択するには、以下の寸法が、あなたにそのセットアップを使用しました。

Pic 3


ステップ3 - 赤の背景

非常に単純な場合は、この手順。あなたのフォアグラウンドスウォッチ(ツール·バーの下)のために赤色を選択し、赤を使用して背景レイヤーを埋めるためにOption / Altキー、Backspaceキーを押します。

Pic 4


ステップ4 - ハート形を描くか、またはインポート

私たちは、ソーシャルメディアのアイコンの枠される、私たちの設計のためのハートの形が必要になります。あなたは以下の画像を使用することができます(透明度とPNGファイル)や、ペンツールに精通している場合は、ハートの形を描くことができます。

Heart


あなたはそれを描きたい場合は、心臓の左半分で始まり、まっすぐこのようにそれを描く:

Pic 5


次に、パス選択ツールを使用して形状を複製することができ、パスをクリックし、右に移動しながらShiftキーを押しながらAltキー / Optionキー

Pic 6


あなたは両方の側面を持っていたら、水平にそれらのいずれかを反転することができます。パスを選択し、[編集]を使用

Pic 7


今、私たちは一緒に、これらの2つのパスを結合することができます。彼らはお互いに中盤での直線に重なるまで、お互いに近くに移動します。一度行われているあなたは、一緒にそれらの両方を選択することができます。

Pic 8


次のステップは、オプションバーからマージのShapeコンポーネントを選択することです:

Pic 9


あなたの心の形は準備ができています。あなたにもあなたの次のプロジェクトでそれを使用できるようになりましカスタムシェイプとして保存することができます。パスは、[編集]を選択します選択したものの

Pic 10


心臓のシェイプレイヤーを使用すると、CS6あなただけの白に前景の色見本を設定しながら、次にAltキー / OptionキーをBackspaceキーを押す必要があり、前のPhotoshopのバージョンではなし(に白とストロークに塗りつぶしの色を設定してください準備ができているときシェイプレイヤーを選択)。あなたがする必要がある最後のものは、30度の心を時計回りに回転させることである。これを行うには、 コマンド / コントロール-T(自由変形)を押して、形状を回転させながら、Shiftキーを押したままにする必要があります。


ステップ5追加 - テキスト

私は白い色でDIN太字フォントを使用して、すべての大文字で愛を共有言っテキストレイヤーを追加しました。私はまた、反時計回りに、そのエッジに続いて右にハートの形の下に配置された30度のテキストレイヤーを回転。

Pic 11


ステップ6 - ソーシャルメディアのアイコンを追加

このステップでは、最も時間のかかるものになります。私たちは、アイコンでハートの形を埋める必要がありますし、それは我々がお互いに重複アイコンがなくても、可能な限り多くの領域をカバーしようとしなければならない興味深い見えるようにする。

私は最初のアイコンを追加し、その後、ちょうど同じ手順を何回かやって続けることができる方法をお見せしましょう​​。

カスタムシェイプツールを選択し、あなたの背景と同じ赤にフォアグラウンドカラーを設定します。オプションバーからソーシャルメディアのアイコンのいずれかを選択し、元の縦横比を維持するには、Shiftキーを押しながら図形を描画。形状に設定するカスタムシェイプツールの描画モードを有することも重要である。一度あなたがそれのサイズを変更する自由変形ツールを使用することができますあなたのシェイプレイヤーを用意して、それを移動し、それを周りに回転させます。

Pic 12


ステップ7 - アイコンを調整

あなたが行う必要があります最後のものは、あなたが素敵なアイコンでいっぱいに全体の心を持っていることを確認することです。あなたはそれが難しい以前に追加されたアイコンを再選択するかもしれません。あなたは、層の数十and迅速以前に作成したシェイプレイヤーは、それを選択するための形状に移動ツール Control / Command-クリックを使用することです再選択する最も簡単な方法を持つことになり、しばらく。これは、この設計を仕上げであなたに多くの時間を節約することができます

Heart Final


私はあなたがこのチュートリアルを楽しんで、よくあなたのハードワーク:)のために行わ願っ

Related Videos
Comments (0)

You must be logged in to comment.

Understanding Brushes, Vector Tools and Transforms
Photoshop CS6 103
Dream It. Do It.
Do you want to learn Understanding Brushes, Vector Tools and Transforms?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: