Illustratorテクニック

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

2020年11月17日

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

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

 

スポンサーリンク




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

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

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

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

 

 

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

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

 

 

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

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

 

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

 

 

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

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

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

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

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

 

 

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

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

 

 

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

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

 

 

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

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

①オブジェクト

②エンベロープ

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

 

 

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

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

 

 

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

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

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

 

 

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

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

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

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

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

 

 

完 成!

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

完成しました!

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

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



Illustrator・Photoshopを格安で購入する方法

デジハリ・オンラインスクールを受講すると、定価72,336円するAdobe CCが45%OFFで購入できます!


 Adobe CCの1年間ライセンス
Illustrator・PhotoshopなどAdobeソフト動画講習付き

以上の内容セットで、39,980円(税込)でお得に入手できます!


\Adobe CCが39,980円!/

デジハリ・オンライン公式

 
Adobe Creative Cloudの価格・プランは?一番安く購入する方法を徹底比較

こちらもCHECK

Adobe CCの価格プランと一番安く購入する方法を徹底比較【2020年12月更新】

Illustrator・PhotoshopをはじめとしたAdobe系ソフトは、デザイナーには必需品です。 高性能なんですが、その分Adobe製品のソフトは値段が高い!!   Illustra ...

続きを見る

スポンサーリンク



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

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

記事本編はこちらから

   

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

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

記事本編はこちらから

   

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

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

記事本編はこちらから

   

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

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

記事本編はこちらから

-Illustratorテクニック

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