スタンプをつくろう – 形状編 -!アピアランスを使ってスタンプを超簡単に作成するIllustratorスピードアート

デザイナーなら一度は作ったことがあると思われるスタンプを作成するスピードアートです。

印鑑やハンコのようなかすれをテーマに作っていたのですが長くなったのでまずは形状編です。

長方形ツール、パス上文字ツールとアピアランスといった基本的な操作のみで簡単に作っているのでぜひご覧ください。 次回こちらのスタンプを元にかすれを追加して完成させます。

リソース

制作の流れ

主な工程としては、

  1. 文字を打ち、座布団を長方形ツール+アピアランスで作成
    →座布団内側の線は効果/パス/パスのオフセット(-16px)、角丸はコーナーウィジェットで丸く
  2. 文字の下レイヤーに楕円形ツールで装飾
    →アピアランス(上:内側→下:外側)
    →塗り(黒) / パスのオフセット(-136px)
    →線(黒) / パスのオフセット(-120px)
    →線(黒) / パスのオフセット(-20px)
    →線(黒)
    →塗り(白)
    →塗り(黒) / ジグザグ、パスのオフセット(10px)
    ※動画内でアピアランスの線が4つありますがミスです。一つ重複してます。
  3. パス上文字ツールでにぎやかし
    →下部のTOP SECRETは書式/パス上文字オプションで反転にチェック

となります。

制作ポイント

スタンプのベース作成

今回のスタンプにかすれ加工を施す動画を作成したのでこちらも合わせてご覧ください。

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのディレクター兼リードデザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

本サイトやTwitterYouTubeにてPhotoshopとIllustratorの作例を発信中!

個人としての仕事は、動画制作「【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ – アドビ公式」、オンラインセミナー「光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator」、著書「デザインのネタ帳 プロ並みに使える写真加工 Photoshop(MdN/共著)」など。

おすすめ書籍

PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。

どちらかというと中~上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。

私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。

PREVIOUS POST 文字タッチツールと異体字で超簡単に良い感じのタイポグラフィを...
NEXT POST スタンプをつくろう - かすれ編 -!Illustrator...
PAGE TOP