イラストレーターはオブジェクトや画像の透明度の調節ができます。
背景を半透明に透過させることでイメージを壊さずデザインができ、デザインの幅が広がります。
この記事ではイラストレーターでオブジェクトや写真の透明度を変える方法とその作例を紹介します。
目次
透明度を変更する
オブジェクトの透明度を変更するやり方を紹介します。
オブジェクトの透明度を変更する
- オブジェクトを選択します。(黄色い四角のオブジェクト)
- 透明パネルの「不透明度」の%を変更するとオブジェクトの透明度が変更されます。
![オブジェクトの透明度を変更する](https://clip-blog.com/wp-content/uploads/2022/05/09bfdca1edf99ed28f5db70297532685.jpg)
写真の透明度を変更する
- 配置した画像を選択します。
- 透明パネルの「不透明度」の%を変更するとオブジェクトの透明度が変更されます。
![写真の透明度を変更する](https://clip-blog.com/wp-content/uploads/2022/05/f1c4ac3ff46226ec0a191a548ab15871.jpg)
面のみ透明度を変える
アピアランスを使うと、線と面の色指定したオブジェクトの面のみ不透明度を変更することができます。
- オブジェクトを選択します。(黄色い四角のオブジェクト)
- 「アピアランス」パネルの「塗り」レイヤーの下にある「不透明度」をクリックすると、透明パネルが表示されます。
- 不透明度を変更すると面のみ不透明度が変わります。
![面のみ透明度を変える](https://clip-blog.com/wp-content/uploads/2022/05/291be271267f0df3b81dfda0c38f2c56.jpg)
線のみ透明度を変える
- オブジェクトを選択します。(黄色い四角のオブジェクト)
- 「アピアランス」パネルの「線」レイヤーの下にある「不透明度」をクリックすると、透明パネルが表示されます。
- 不透明度を変更すると線のみ不透明度が変わります。
![線のみ透明度を変える](https://clip-blog.com/wp-content/uploads/2022/05/946c0f7b8eb1908724285ce18864f082.jpg)
グラデーションの透明度を変更する
グラデーションの不透明度を変更することで透明になるグラデーションが作れます。
- オブジェクトの塗りにグラデーションの指定をします。
- グラデーションの色を【白から黒】を【黒から黒】の同じ色に変更します。
![グラデーションの透明度を変更する](https://clip-blog.com/wp-content/uploads/2022/05/aba09ca4be4db112ceb844ffc8036cd1.jpg)
- グラデーションスライダーの色の◉を選択します。
- スライダー下の不透明度を0%にします。
- 透明になるグラデーションができました。
![グラデーションの透明度を変更する](https://clip-blog.com/wp-content/uploads/2022/05/980e9827fd7c575bea4bbfb525c8b033.jpg)
グラデーションのやり方の記事も合わせてどうぞ。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2020/06/1a85c1a2bf9f05210ca324c7dafdcd10-300x180.jpg)
イラレのグラデーションの基本と透明になるグラデーションの作り方
ロゴの制作、イラスト制作、フライヤーなどなど、デザインワークでグラデーションを使う機会は結構あります。 また、文字にグラデーションをかけたり、一部を透明になる…
透明度を利用したデザイン
不透明度を利用したデザインを紹介します。
左の画像は背景の白いオブジェクトを透過させて、文字の見やすさと、写真のイメージを壊さない様にしています。
右の画像は白い文字を半透明にして写真と文字の両方を生かすデザインにしています。
![透明度を利用したデザイン](https://clip-blog.com/wp-content/uploads/2022/05/6cf99f16f0c8ce2f37f0da1a57e80d81.jpg)
![透明度を利用したデザイン](https://clip-blog.com/wp-content/uploads/2022/05/dd710a2262f3e9515236e9a50047c790.jpg)
透明になるグラデーションを使ったデザインです。画像に溶け込むように座布団をひくことができます。
![透明度を利用したデザイン](https://clip-blog.com/wp-content/uploads/2022/05/8a06495d2828072952b2d4dd36672043.jpg)
![透明度を利用したデザイン](https://clip-blog.com/wp-content/uploads/2022/05/604e02c40dabafaf5a7dfd7d668b0d7b.jpg)
描画モードの記事も合わせてどうぞ。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/02/b0f74c020c2b25308b47556125421d46-300x180.jpg)
【イラレ】描画モードの使用例と特徴をわかりやすく解説
イラストレーターの描画モード、使っていますか? 「乗算とスクリーンは使ってるけど他はよくわからない」なんて方、結構多いのではないでしょうか。 描画モードはイラ…
まとめ
透明度の変更のやり方でした。
透明度の変更は非常によく使う機能です。透明度をうまく使うとデザインの幅が広がります。
参考になったら幸いです。
Illustratorを安く買う方法
デザインワークにはイラストレーターやフォトショップは必須のアプリです。
イラストレーターやフォトショップなど20以上のアプリがセットになったAdobe CCが格安で買える方法があります。
![Adobe CC安く買う](https://clip-blog.com/wp-content/uploads/2024/03/4e7d32d5379dd7a439d3ee9d906e8428-1024x193.jpg)
まだイラストレーターをお持ちでない方や期限がもうすぐ切れそうな方は下の記事をご覧ください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/03/fa80d2ef576545ee55bf95f4b2dcfb5f-300x158.jpg)
【Adobe CC】をどこよりも安く買う方法を詳しく解説(2024年7月最新版)
今回はAdobe CC(アドビ クリエイティブ クラウド コンプリートプラン)を安く購入する方法を紹介します。2024年5月の最新情報です。 2024年3月5日からAdobe CCコンプリ…
おすすめのデザインスクール
独学でデザインを勉強することはもちろん可能ですが、やはり時間がかかってしまうのも事実です。スクールで学ぶことが一番最短で確実な方法です。
コメント