今回は、Affinity Designerを使い、文字を使ったカラー絵文字アイコンであるinformationの「i」、「？」「！」の３点を作成してみました。
info、?、！
文字を使った絵文字には、インフォーメーションを表す「i」や、？、！や通貨記号などがあります。今回は、正円を背景にした 「i」や、？、！ の３点を作成します。
サンプル「i」
インフォメーションの頭文字である「i」を例とした作成プロセスです。
4cm角の基本枠の中に、正円を文字枠として描きます。そして、その上に、文字「i」を置きます。基本的にセンター合わせですが、このサンプルでもわかるように、フォントの枠とフォントがずれている場合があります。フォントの枠ではなく、フォントそのものでバランスを取ります。
枠抜き
文字の形状で背景の丸枠を抜きます。文字は特にベクターデータ変換を行う必要はなく、このままでトリミングできます。
文字と背景の丸枠の両方を選択し、ツール右から2つ目、「二つの図形が重なった部分をカット」をクリックします。
文字部分が抜けた丸枠が出来上がります。
色とエフェクト
次に配色とエフェクト処理を行います。基本色をFF0033の赤としました。
エフェクトは、以下のような設定としました。
仕上がりはこんな感じです。なお、最終的なフォントはAmerican typewriterのBOLDを選択しました。
ラインナップ
以下の3点セットです。
1アイコン、１PNGデータファイルの3点セットをzip圧縮し、ダウンロードページに置きました。ご利用ください。
ダウンロードページ
コメント