DESIGN IT YOURSELF.

BUROKI


top

blog

  • top
  • blog
  • ロゴデザインに使える。illustratorで手描き風の味のあるオブジェクトに加工する方法

ロゴデザインに使える。illustratorで手描き風の味のあるオブジェクトに加工する方法

design_thing

  • top
  • blog
  • ロゴデザインに使える。illustratorで手描き風の味のあるオブジェクトに加工する方法

ロゴデザインに使える。illustratorで手描き風の味のあるオブジェクトに加工する方法

2019.12.23.

スポンサーリンク

スポンサーリンク

独自の方法でデザイン制作のちょっとした小技や方法を紹介する超不定期コンテンツ「デザインの中身」。かなり久しぶりですが更新しようと思います。過去のコンテンツはこちらの一覧ページからご覧になれますので、ぜひほかのコンテンツも見てみてくださいね。

illustratorで制作をしているとデザインのテイストによっては手描き風の、ちょっと線が揺れているような加工にしたいときがあります。例えばクラフト(手づくり)感を出したいときや、温かな印象を与えたいときなどです。そんなときは少し味のあるロゴや文字にすると、より雰囲気を出すことができます。

今回のデザインの中身では、ボクがよく使う手描き風にオブジェクトを加工するやり方を紹介します。

index

このブログの目次

1. 「パスの変形」から「ラフ」を選択

まずはillustratorを開き、加工したいロゴやオブジェクトのファイルを開きます。

加工したいロゴやオブジェクトを開く

そしてそのオブジェクトを選択し、上のメニューバーの中から「効果」を選択、サブメニューの「パスの変形」→「ラフ」を選択します。

パスの変形からラフを選択

すると、画像のようなラフのダイアログボックスが表示されます。

ラフのオプションの「サイズ」はラフの振れ幅で、「詳細」は密度といった感じです。今回は少しだけ味のあるテイストになればいいと思っているのでサイズは0.71mmにして詳細は7inchとしました。サイズの値が大きければ大きいほどラフの振れ幅が大きくなり、詳細の値が多いほどギザギザ感が増します。

「ポイント」はラフの角を丸くするかギザギザにするかを選択できます。ボクはいつもギザギザを選んでいるので、ギザギザでやってみます。

それぞれの値を入力してラフを適用

これでオブジェクトにラフは仮適用されました。

このままではラフの効果のみの適用になってしまうため、上のツールバーから「オブジェクト」→「アピアランスを分割」を選択し、ラフ効果を施したオブジェクトにします。ここ少し説明が難しいですが、アピアランスを分割することで施した効果がすべて完全適用になります。逆に言うと完全に適用されてしまうのでその後の調整が不可能になります。アピアランスを分割する前にその効果で本当にいいのか、しっかり確認しましょう。

アピアランスを分割する

アピアランスを適用後、拡大してみます。

するとオブジェクトの線がギザギザになっているのがわかりますね。これでギザギザのラフ効果が適用されたということになります。

ラフ効果が完全適用されたオブジェクト

このラフ効果は文字通り「ラフ」であるため、オブジェクトの大きさや形によってラフがどのように適用されるのか、千差万別です。なので自分のイメージに合ったラフ効果が得られるまで数値がサイズなど何度も試行錯誤してみてくださいね。

2. オブジェクトの「角を丸くする」

ラフ効果を適用したら次の工程に進みます。今のままではオブジェクトがギザギザのままで雑な印象を与えてしまうので、ギザギザになっている部分の角を丸くしていきます。

もう一度オブジェクトを選択し、ツールバーの効果から「スタイライズ」→「角を丸くする」を選択します。

スタイライズから角を丸くするを選択

するとさきほどのラフと同じく角を丸くするのダイアログボックスが表示されます。どれくらい丸くしたいのか、数値を入力して「 OK」ボタンを押します。今回は1.5mmとしました。

角を丸くするのダイアログボックス

OKを押すと角が丸くなったのがわかると思います。この丸くなった加減が自分のイメージを合わない場合は、コントロールキーとZキーでひとつ戻って「角を丸くする」をやり直すといいと思います。

角が丸くなったオブジェクト

角を丸くするを適用したあと、さきほどのラフと同じくアピアランスを分割し、角丸効果を確定させます。

同じくアピアランスを分割

これで完成です!
工程としては2工程。数値によって出来栄えは変わりますが、手順としては難しくないと思います。

完成したロゴ

左側は効果適用前、右側は適用後です。比較してみると全体的に角が丸くなり、手づくり感のある温かな雰囲気のロゴができました。ロゴだけでなく文字にも適用させることができるので、いろんな用途で役立つと思います。

3. この方法で実際につくったもの

このラフと角丸効果を利用してボクのスローガン「DESIGN IT YOURSELF」のロゴを制作し、連絡先を教えるための名刺「タイト名刺」の裏面にプリントしました。

ライト名刺デザイン

いい感じの名刺をつくることができたと思います。よかったらぜひ試してみてください。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめまして! BUROKIです。

ブログをご覧いただきどうもありがとうございます。ブロキと申します。ベンチャー企業のインハウスデザイナーとして11年間様々な媒体のデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います。(笑)

他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ブログをご覧いただきどうもありがとうございます。他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

スポンサーリンク

スポンサーリンク

blog list

ブログ一覧

private

賃貸でもDIYできる。「roommakit(ルームメキット)」を壁に取り付けてみ...

昨年の話になるのですが、10月末に前に勤めていた企業が普段お世話になっている取引先さまやメーカーさまを招待して開催した感謝祭「TRYANGLE(トラ…

2020.01.23.

design_thing

【初心者向け】webページをつくるためにHTMLを理解し、書けるようになるコツ

いま皆さんがご覧になってくださっている(ありがとうございます)このブログのwebページも「HTML(エイチティーエムエル)」という言語で構成されて…

2020.01.21.

private

かにカニ日帰りエクスプレスで城崎・円山川にある「旅館ひだまり」へ

実は、1月16日はボクの誕生日でして、38歳になりました。バッチリアラフォーです。これからもアラフォー・ブロキをどうぞよろしくお願いいたします。…

2020.01.19.

private

本町センター街にある知る人ぞ知る名店「炉ばたワコー」で初飲り

先日、現在webサイト制作をさせていただいている企業さまへ打ち合わせに行き、打ち合わせのあと新年会も兼ねて近くのお店で飲むことになりました。 …

2020.01.15.

private

今年ももちろん今宮神社の「十日戎(とおかえびす)」で商売繁盛祈願してきました

毎年1月9日から11日までの三日間は年のはじめのお祭りとして「十日戎(とおかえびす)」が開催されます。ボクも毎年のようにこの時期は今宮神社へお…

2020.01.13.

think

2019年12月の活動報告。12月はこんなデザイン制作をしていました

年が明けて2020年。2019年からBUROKI designとして本格的にフリーランス活動を開始し、一月一月、個人で仕事することの意義を感じながら感謝の気持ち…

2020.01.11.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル