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年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

blog list

ブログ一覧

private

福島にある「THE VILLAGE OSAKA」で三度目の結婚記念日を祝う

4月22日は相方との結婚記念日。 今年で三度目の結婚記念日を無事、迎えることができました。皆さまのおかげです。いつもありがとうございます。 いつ…

2024.04.25.

think

SEO小話vol.01 検索エンジン対策で最重要のhtmlタグはこれです

少し前にシリーズとしてはじめることにした「SEO小話」。 今回はwebページを構成するhtmlの様々な役割を担っているタグの中でも一番重要なタグについ…

2024.04.23.

think

SNS全盛期時代だからこそ。webサイト運用のためのSEO小話はじめます

BUROKI designとして2024年から掲げている目標のひとつに「webサイト運用に関わらせていただく」というものがあります。 それはなぜかというと、僕は…

2024.04.18.

think

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

新年度がはじまりましたね。 エイプリルフールは今はSNSで何かしらのネタを披露する人が増えて、程よく盛り上がりを見せていましたが、中には本当の…

2024.04.03.

think

もうすぐ5周年。フリーランスデザイナーになってから気をつけていることは?

まだもう少し先なのですが、2019年5月にBUROKI designを開業して、もうすぐ5周年を迎えます。 さすがにもうすっかり会社員時代の習性などは抜け切っ…

2024.03.16.

think

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

今年の冬は異常なほどの暖冬だったそうですね。 でも最近は夏になれば例年以上の異常な暑さといわれることが多いですし、この気候の異常さが通常にな…

2024.03.07.

blogをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル