作り方をご紹介します。違って、スタイライズから数値を調整して作成するわけではないので、作業量がやや多めです。長方形ツール(M)でアートボードトと同サイズのオブジェクトを作成し、背景カラーを置きます。背景を敷いたら、アイコンのデータを配置しましょう。このデータをベースに作っていきます。1-2.アイコンの複製アイコンのデータをコピーします。com+Fのショートカットキーで同じ位置の最前面にコピーすることができるので、ショートカットを2回実行し、アイコンを計3つ用意しておきます。2.影の作成2-1.影が伸びる場所を決めるここからは影を作成していきます。上のアイコンを選択し、アートボードの枠外に配置します。この時にShiftキーを押しながら移動させると、45度単位で角度を固定して配置することができます。この配置先が影が伸びる方向となります。2-2.ブレンドツールで影を作成ツールパネルの中にある「ブレンドツール」をダブルクリックし、「ブレンドオプション」を開きます。300】と設定し、OKを押すとブレンドオプションウィンドウが消えるので、2つのアイコンを順番にクリックするとブレンド効果がかかります。今回は大丈夫なのですが、場合によってはスムーズにアイコン間の隙間が埋まらない(ギザギザする)ことがあるので、その時はブレンドオプションのステップ数の数を多くすると解決します。影の作成ができたら色を変更します。選択ツール(V)でブレンドしたものを選択し、色を選びます。今回は背景と同じ色を選択し、【透明パネル】の描画モードを乗算に変更します。※【透明】がない場合は【ウィンドウ】-【透明】で表示することができます。同じ色の乗算効果で影の色を出していますが、直接影の色を指定しても問題ないです。2-4.アイコンを最前面へ最初にコピーしていた3つ目のアイコンを最前面に配置します。2-5.クリッピングマスクで仕上げはみ出している部分をクリッピングマスクで見えなくする処理をします。長方形ツールでアートボードト同サイズの長方形を作成し、長方形とはみ出しているオブジェクト(今回は葉っぱの影の部分)を選択します。右クリックから「クリッピングマスクを作成」または「com+7」を実行します。3.完成はみ出した部分を非表示にすれば完成です!お疲れ様でした!フラットデザインが流行りだしてから結構たちますが、まだまだこういうデザインは人気です。使って作成してみてください。4.補足4-1.影が伸びる方向は移動できるブレンドで作成した影はダイレクト選択ツール(A)で移動することができるので、最後まで作って違和感を感じたら修正することができます。コメントをキャンセルメールアドレスが公開されることはありません。集中力が続かない人にオススメ!ポモドーロテクニックで仕事の生産...ヒロキWebデザイナーしています。