wanichanの日記

ちょっとした技術メモ。Microsoft中心。Webサイト管理等にまつわるネタ、サイトの更新情報等を発信中。最終版はwanichan.comに掲載していきます。

Expression Design 4でロゴ作成

※このエントリーは、ExpressionTech.jpに掲載されていたC# Corner翻訳記事です。

記事元ソース:Creating Logo Using Expression Design 4 by Nipun Tomar 

はじめに

あらゆる会社が、それ自体を表示するために物理的な認識をするためのロゴデザインは必要です。 ロゴは、企業を代表して、またたやすく思い出す良いアプローチです。 あなたのロゴは市場においてすべての競争相手の中で際立つ必要があります。 ロゴを作成するのはPhotoshopなしでは簡単ではありませんが、Microsoft Expression Design 4 はそれを可能にします。

そこで、C# cornerのロゴをつくってみましょう。

Step 1:図形を作成する

  1. Expression Designで新しいドキュメントを開き、ツールボックスから多角形を選択します。

    f:id:wanichan:20190527091335g:plain

  2. 以下のような幅と高さの3つの三角形を描きます。

    f:id:wanichan:20190527091404g:plain

  3. アングルを変えることによってこれらをすべて合成して、トライアングルににします。

    f:id:wanichan:20190527091444g:plain

Step 2:グラデーションで塗りつぶす

  1. 左側の三角形を選択して、グラデーションで塗りつぶします。[プロパティ]パネルの色パネルの右側の▼をクリックして、[他の見本]-[カテゴリ]-[塗りつぶし画像]-[グラデーションの色]をクリックします。

    f:id:wanichan:20190527091543p:plainf:id:wanichan:20190527091608p:plain

  2. そしてその色を下の図のように変更します。最初のグラデーションの青から赤(#FFFF00)、水色から黄色(#FF0000)に変更します。

    f:id:wanichan:20190527091652p:plain

    f:id:wanichan:20190527091704p:plain

    f:id:wanichan:20190527091906p:plain

  3. この作業を繰り返して、他の2つの三角形に対しても行います。
    注:黄色はすべての三角形に使います。

    青色は以下の通り

    f:id:wanichan:20190527091807p:plainf:id:wanichan:20190527092018g:plain


    緑色は以下の通り

    f:id:wanichan:20190527091958p:plainf:id:wanichan:20190527092034g:plain

  4. ストロークをすべての三角形から外します。これでトライアングルの準備ができました。

    f:id:wanichan:20190527092117p:plain

Step 3:文字を入力する

  1. ツールボックスパネルからf:id:wanichan:20190527092150g:plain(テキスト)ボタンをクリックして、C# Corner を以下のように入力します。

    f:id:wanichan:20190527092208g:plain

  2. ウィンドウ右側のテキストのプロパティを変更します。
    • CとCornerは以下のプロパティにします。

      f:id:wanichan:20190527092319g:plain

    • # は以下のようにします。

      f:id:wanichan:20190527092333g:plain

  3. すると、このようになります。

    f:id:wanichan:20190527092352g:plain

Step 4:スタイルを変更する

テキストの文字を変更して、影のエフェクトをかけましょう。

  1. テキストを選択して以下のように色を変更します。

    f:id:wanichan:20190527092414g:plain

  2. 影のエフェクトをかけるには、すべて選択してから[エフェクト]-[fx(エフェクトの追加)]-[エフェクト]-[ドロップシャドウ]を選択します。

    f:id:wanichan:20190527092515p:plainf:id:wanichan:20190527092602g:plain

影の鈍いエフェクトがかけられた状態では、プロパティパネルは以下のようになります。

f:id:wanichan:20190527092634p:plain
「#」から影のエフェクトを取り除きます。

f:id:wanichan:20190527092654g:plain

異なるスタイルのロゴ

f:id:wanichan:20190527092732g:plain