※本ページは広告を含む場合があります。

Illustratorテクニック

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

今回は、Illustratorの「エンベロープ」という機能を使い、オブジェクトをゆがませてロゴを作る方法をご紹介します。

エンベロープ機能を使えば、割と簡単にできる方法なのでぜひみなさんも参考になさってください!

 

手順① ベースとなるロゴを作成する

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

まず最初に、ロゴを作っていきます。

ロゴにしたい文字を起こします。

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

アピアランスを使って文字に線を足し、ロゴっぽくしてみました。

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

星とラインを付け加えて、さらにロゴっぽいデザインに仕上げてみました。

 

さて、こちらのロゴに「エンベロープ」効果を加えていきましょう。

 

 

手順② エンベロープ効果を適用する

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

先ほど作ったロゴの横に、ベースとなる形のオブジェクトを作ります。

私は円を作りましたが、形はなんでも良いです。

丸みを帯びたオブジェクトの方が、エンベロープの効果が表現されやすいです!

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

先ほど作ったロゴの上に、円を重ねます。

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

アウトライン表示をすると、このような(↑)感じになっています。

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

ロゴと円、両方のオブジェクトを選択した状態で、以下の効果を適用します。

①オブジェクト

②エンベロープ

③最前面のオブジェクトで作成

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

エンベロープを適用すると、まるで魚眼レンズのように、ロゴが円型に抽出された形になりました。

 

 

手順③ メッシュツールを使ってゆがみをつける

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

メッシュツールを使えば、エンベロープ効果をさらに最大限に使いこなすことができます。

 

 

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

メッシュツールを選択後、「ダイレクト選択ツール」を使えば、上の画像のようにパスの曲線を変えることができます。

こちらの効果を加えることで、ロゴがゆがんだように見せることができるのです。

パスを追加したい場合はメッシュツールを使い、パスの曲線を変えたい場合はダイレクト選択ツールを使ってパスの形を調整します。

ベジェ曲線を使った作業になるので、ベジェ曲線が分からない(できない)方には難しい内容になるかもしれません・・・

 

 

完 成!

Illustratorのエンベロープでオブジェクトをゆがませてロゴを作る

完成しました!

球体に沿ってゆがんだようなロゴが完成しました!

アレンジの仕方が様々あるので、みなさんもぜひ自分流に工夫したデザインに挑戦してみてくださいね!



 

ヒューマンアカデミー最新情報



 Adobe CC1年間ライセンス
Illustrator・PhotoshopなどAdobe動画教材付き
 1ヶ月間のメールサポート

以上の内容セットで、39,980円(税込)


\【重要】12/1〜大幅値上げ予定/

ヒューマンアカデミー公式サイトへ

※2024年12月1日〜68,800円に価格改定されます。
購入ご検討の方はお早めに!
 

スポンサーリンク



最大70%割引になるWebデザインスクール厳選

Webデザインスクールの受講料金が70%も安くなる裏技を知りたい方はこちらの記事へ

記事本編はこちらから

   

グラフィック・Webデザイナー向けの転職サイト8選はコレ!

グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!

記事本編はこちらから

   

学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイド

デザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。

記事本編はこちらから

   

長時間労働?人間関係?みんながデザイナーを辞めたくなる3つの理由

「デザイナー辞めたい!」一度は考えたことありませんか? そんなデザイナーの不平・不満を調査してみました。 デザイナーのみなさんならこの苦労を分かち合えるはずです!

記事本編はこちらから

   

Webデザインを安く勉強できるオンラインスクール厳選

Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。

記事本編はこちらから

© 2024 デザイナーの道しるべ