こんにちは!先月「Disney +」に加入したデザイナーのよっしーです。
「Docter Who」の最新エピソード観たさに、とうとう加入しました…
主演は10代目を務めたデイヴィット・テナント。とても面白かった…!!
ドクター・フーものすごく面白いのでぜひ見てください!
さて、前回は【ひとてまシリーズ】からブレンドツールの初級編をご紹介しました。
前回はこちら
今回はブレンドを使った「応用編」を2つご紹介できたらと思います。
どちらも立体的に見せることができるものなのでインパクトが欲しい時に使えると思います。
では早速やっていきましょう!
ブレンド軸を置き換え
STEP1:図形を配置
まずは図形の配置を行います。
円形のシェイプを配置しグラデーションで色をつけましょう。
今回は4色のグラデーションで作成していきます。
同じ大きさのものを2つ、色は同じ配色です。
色はぞれぞれバラバラでも大丈夫です!好みの色で作成しましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/562599e2d0ea88c6c547ec2fff3206f1.png)
STEP2:ブレンドさせる
次にブレンドです。
これは前回やった通りに、オブジェクト→ブレンド→ブレンドオプションを選択します。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/417df0b78043431fcfd593dc32b1d11a.png)
するとオプションが出てくるので、間隔を「ステップ数」数値を「200」方向を左の真っ直ぐなものを選びましょう。
設定ができたら、再度オブジェクトからブレンドを選び「作成」をクリックします。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/48186156a7ff2781edb65381d1bd0b23.png)
これでブレンド完了です。
STEP3:パスを作成する
今度は置き換えをするためにパスを作成します。
「ペンツール」または「鉛筆ツール」で線を描きましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/06722c603cde1e543e8f809ccc95f225.png)
STEP4:置き換える
最初に作成した、円をブレンドしたものと、先ほどのパスで描いた線を選択します。
その状態で、オブジェクト→ブレンド→ブレンド軸に置き換えを選択しましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/368fefcb68ed47537b967ed61ef6da28.png)
STEP5:完成!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/70d70fffab9b5694bc061fcc294b80fb.png)
パスにブレンドが置き換えられたら完成です。
STEP6:微調整
もっとなめらかにしたい!そんな場合は「ステップの数値を上げる」か「距離を短くする」だけで滑らかにすることができます。
ステップの数値を上げたもの
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/c7a2cc00d5b171fb427381eacd058055.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/d228413ebec690ceb7de0ab17d9deab4.png)
距離を短くしたもの
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/0f7e192a1d3ea2056b74a0059a56bc52.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/3809c713a691416b954f0fe8c2a5e044.png)
立体感を出すブレンド
STEP1:図形を配置
まずは図形を配置します。
円を4つに複製しグループ化させます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/e943810ea05ad7f5348e1fa3be195001.png)
STEP2:さらに複製
グループ化した図形をさらに複製し、サイズを落とします。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/6cfe6447b49a5245fa3b1a0d86a67516-1.png)
STEP3:ブレンド化
ブレンドオプションの間隔を「距離」、数値を「0.5px」にします。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/aa368f3a83d3fba644c2ee9dfc3f02c0-1.png)
グループ化した図形を2つとも選択した状態でブレンドを作成します。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/e99c93a36dd3bc9c99c3339e67b348b1.png)
STEP4:色を変えて完成!
縮小した図形を背景と同化させ、手前の図形も色をつけます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/eedb0c3ed7d98c0b29fdc65bbe2d5c73.png)
ただこれでは手前に出ている円が少し薄くなっているので、オブジェクト→ブレンド→前後を反転を選択します。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/70c10da3eb29da3225e39fda6ce4a91f.png)
そうすると手前の円がしっかりと表示されます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/11/fe79c3d511da5b0bb6070f868a181ea8.png)
これで完成!!
最後に
今回はブレンドツールの応用編をご紹介しました。
ブレンドの基本さえ覚えれば、とても簡単にアレンジすることができたかと思います。
色々試して遊んでみてください。
以上、よっしーでした!