0%

Designデザインワークショップ

Posted:2019.12.10

Sketchで放射状に広がる旭日マークを描いてみる

今回もSketchでデザインに使えるマークをサクッと作ってみたいと思います。本来はIllustratorが使われることが多いかと思いますが、シンプルな形状のベクターオブジェクトであればSketchでも十分作成することができます。今回のテーマは、和風デザインでよく見かける旭日マークを作成していきたいと思います。

 

ちなみに過去にもSketchを使っていろんな図形やデザインを作成しています。こちらの記事も是非合わせてご覧ください。

(参考記事)
・Sketchで作成するリボンデザインのバリエーション
・Sketchで中華風デザインに使える雷文模様を描いてみる
・Sketchで陰陽太極図のマークを描いてみる
・Sketchで和風デザインに使えるヱ霞文様を描いてみる
・Sketchで手書き風のいびつな形の円を描いてみる

 

この旭日マークは円の中心から等間隔で放射状に広がるのが特徴です。一見すると複雑な図形ですが、破線を使うことで簡単に作成することができます。それでは早速作ってみたいと思います。

 

適当なサイズで円のオブジェクトを作成します。この時、仕上がりサイズの半分くらいになるようにしておきます。あとで同じ数値を入力することになるので、円の幅(高さ)のサイズを確認しておきます。

Sketchで放射状に広がる旭日マークを描いてみる

 

作成したオブジェクトの塗りを削除し、ボーダーの幅を円のオブジェクトのサイズを同じ太さで作成します。また、この時のボーダーの位置は「center」に設定しておきます。そうすると、見た目上は先ほど作成した円の2倍サイズのオブジェクトになったのが確認できます。

Sketchで放射状に広がる旭日マークを描いてみる

 

ボーダーの線端をアンカーポイントに揃えるように設定し、角の形状はそのままデフォルト値にしておきます。そして「破線の線分と間隔」に同じ数値を設定し、破線になるように設定します。この時に入れる数値によって形状が変化しますので、形を見ながら設定します。基本的に360度を偶数で割り切れた時の数値を設定しておくと良いでしょう。そうすると円の中心から放射状に広がるような線が出来上がります。

Sketchで放射状に広がる旭日マークを描いてみる

 

放射状の線が出来上がればオブジェクトをアウトライン化して、ベクター図形になるようにします。これでサイズ調整も自由に変更できますね。

Sketchで放射状に広がる旭日マークを描いてみる

 

最後に中心に円のオブジェクトを追加すると旭日マークの完成です。

Sketchで放射状に広がる旭日マークを描いてみる

 

今回作成した旭日マークを使って、こんなデザインを作成してみました。おめでたい時や和風のデザインにとても相性がいいのではないでしょうか。配色も紅白や金などのカラーがマッチしそうですね。

Sketchで放射状に広がる旭日マークを描いてみる

 


 

今回はSketchで放射状に広がる旭日マークを作成してみました。円形オブジェクトに破線を適用することで、このような放射状のオブジェクトができるのは意外なテクニックですね!そんなに難しくなく、手軽かつスピーディーに作成できるかと思います。年賀状デザインやセール時のバナーなど、使える場面はいろいろとあるのではないでしょうか。是非試してみてはいかがでしょうか。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】