【イラレ】オブジェクトや写真の透明度を変える方法と作例

イラストレーターはオブジェクトや画像の透明度の調節ができます。

背景を半透明に透過させることでイメージを壊さずデザインができ、デザインの幅が広がります。

この記事ではイラストレーターでオブジェクトや写真の透明度を変える方法とその作例を紹介します。

Adobe Illustratorの期限が切れそうな方や持っていない人はAdobe CCをお得に購入できる方法を参考にどうぞ。

透明度を変更する

オブジェクトの透明度を変更するやり方を紹介します。

オブジェクトの透明度を変更する

1. オブジェクトを選択します。（黄色い四角のオブジェクト）
2. 透明パネルの「不透明度」の%を変更するとオブジェクトの透明度が変更されます。

写真の透明度を変更する

1. 配置した画像を選択します。
2. 透明パネルの「不透明度」の%を変更するとオブジェクトの透明度が変更されます。

面のみ透明度を変える

アピアランスを使うと、線と面の色指定したオブジェクトの面のみ不透明度を変更することができます。

1. オブジェクトを選択します。（黄色い四角のオブジェクト）
2. 「アピアランス」パネルの「塗り」レイヤーの下にある「不透明度」をクリックすると、透明パネルが表示されます。
3. 不透明度を変更すると面のみ不透明度が変わります。

線のみ透明度を変える

1. オブジェクトを選択します。（黄色い四角のオブジェクト）
2. 「アピアランス」パネルの「線」レイヤーの下にある「不透明度」をクリックすると、透明パネルが表示されます。
3. 不透明度を変更すると線のみ不透明度が変わります。

グラデーションの透明度を変更する

グラデーションの不透明度を変更することで透明になるグラデーションが作れます。

1. オブジェクトの塗りにグラデーションの指定をします。
2. グラデーションの色を【白から黒】を【黒から黒】の同じ色に変更します。

3. グラデーションスライダーの色の◉を選択します。
4. スライダー下の不透明度を0%にします。
5. 透明になるグラデーションができました。

❸のグラデーションの色が【白から黒】のまま0%にしてもきれいなグラデーションはできません。必ず同じ色で不透明度だけ変える様にします。

グラデーションのやり方の記事も合わせてどうぞ。

透明度を利用したデザイン

不透明度を利用したデザインを紹介します。

左の画像は背景の白いオブジェクトを透過させて、文字の見やすさと、写真のイメージを壊さない様にしています。

右の画像は白い文字を半透明にして写真と文字の両方を生かすデザインにしています。

透明になるグラデーションを使ったデザインです。画像に溶け込むように座布団をひくことができます。

透明になるグラデーションのオブジェクトを「描画モード」の「乗算」にするとより写真に馴染んだ印象になります。

描画モードの記事も合わせてどうぞ。

まとめ

透明度の変更のやり方でした。

透明度の変更は非常によく使う機能です。透明度をうまく使うとデザインの幅が広がります。

参考になったら幸いです。