カラー絵文字風アイコン・メイキング(テーマ:info記号)

絵文字風アイコン

今回は、Affinity Designerを使い、文字を使ったカラー絵文字アイコンであるinformationの「i」、「?」「!」の3点を作成してみました。

info、?、!

文字を使った絵文字には、インフォーメーションを表す「i」や、?、!や通貨記号などがあります。今回は、正円を背景にした 「i」や、?、! の3点を作成します。

サンプル「i」

インフォメーションの頭文字である「i」を例とした作成プロセスです。

4cm角の基本枠の中に、正円を文字枠として描きます。そして、その上に、文字「i」を置きます。基本的にセンター合わせですが、このサンプルでもわかるように、フォントの枠とフォントがずれている場合があります。フォントの枠ではなく、フォントそのものでバランスを取ります。

枠抜き

文字の形状で背景の丸枠を抜きます。文字は特にベクターデータ変換を行う必要はなく、このままでトリミングできます。

文字と背景の丸枠の両方を選択し、ツール右から2つ目、「二つの図形が重なった部分をカット」をクリックします。

文字部分が抜けた丸枠が出来上がります。

色とエフェクト

次に配色とエフェクト処理を行います。基本色をFF0033の赤としました。

エフェクトは、以下のような設定としました。

仕上がりはこんな感じです。なお、最終的なフォントはAmerican typewriterのBOLDを選択しました。

ラインナップ

以下の3点セットです。

1アイコン、1PNGデータファイルの3点セットをzip圧縮し、ダウンロードページに置きました。ご利用ください。

関連リンク

コメント

タイトルとURLをコピーしました