Effects単体で完結させる事もできます。以前、キュリオシーンではシェイプツールを使用してパソコンやスマートフォンのデザインを制作するチュートリアルを紹介しました。そちらのチュートリアルではシンプルに長方形や楕円のシェイプを使用して制作したのですが、吹き出しのような長方形と多角形を組み合わせたカスタムシェイプを作るのにはどうすれば良いのでしょうか?楕円形と三角形を組み合わせた場合、線なしの塗りだけであれば下の画像のような吹き出しが完成します。枠線を付け足すと楕円形と三角形にそれぞれ枠線が追加される事になり、綺麗な吹き出しにはなりません。複数のシェイプを合体させるにはどうすれば良いの?と考えてしまう所ですが、実は「パスの結合」という便利なツールを使用するだけで吹き出しのような、カスタムシェイプを作成することが出来ます。シェイプの追加シェイプの追加方法は度々紹介していますが、複数のシェイプが入っているシェイプレイヤーで無いと、パスの結合は使用できません。下のように多角形と楕円形のシェイプレイヤー2つある状態だと使用できないので、シェイプを一度追加した後で、シェイプレイヤーを選択し、新しくシェイプを追加すると一つのレイヤーに収めることが出来ます。一度この状態で枠線を付け足すと、下のような感じになります。ここからパスの結合を追加していきます。パスの結合シェイプレイヤーの三角アイコンをクリックしてオプションを展開した後で、コンテンツの欄にある「追加」をクリックします。「パスの結合」の項目があるので、クリックすると自動でシェイプが結合されるようになります。1」などの項目を削除することで、独立したシェイプに戻すことも出来ます。モードの種類パスの結合はIllustratorに搭載されているパスファインダーとほぼ同じものです。EffectsではIllustratorとの名称は違うものの、5種類種類のモードを使用する事が出来ます。複数のパスを一つにしますが、枠線(輪郭)部分は合成されません。交差しているエリアが合体します。型抜き上部にあるレイヤーを残し、下のレイヤーが型抜きされます。追加と逆で交差しているエリアを残します。中マド交差しているエリアを抜き取り、残りのシェイプを保持します。1」を上下に動かすことによって、複数あるシェイプの結合を調整できます。シェイプ一覧の一番下に配置することで全てのシェイプが結合され、中間に配置すると「パスの結合」より上のシェイプのみ結合が行われます。今回紹介した方法で、いくつかカスタムシェイプを作ってみましょう。こちらで使用しているモードは全て「追加」です。楕円形ツールを使用して、シェイプレイヤーに多くの楕円を追加していきます。適当なサイズに調整し、パスの結合を追加すると雲のようなイラストが完成します。メッセンジャーの吹き出し角丸長方形と三角形を組み合わせて、iMessengerやLINEなどにあるようなメッセンジャーの吹き出しが作れます。Dで複製し、シェイプレイヤー内にある「多角形」を選択して右側に三角形を動かすと、送り主側のメッセージも一度に作れます。プリコンポーズ作成されたシェイプはそのまま使用するか、テキストレイヤーとキーフレームを組み合わせてアニメーションを作成する事が出来ます。テキストを配置した後で吹き出しごと動かしたい方はプリコンポーズしてプリコンポジションのプロパティをいじると良いかもしれません。Effectsで作ってみましたが、シェイプレイヤーとパスの結合を上手く使うことでロゴなどの複雑なシェイプを作る事が出来ます。Effectsで完結できるのでオススメです。素材のダウンロードこのチュートリアルで使用した素材やプロジェクトファイルは全て上記ボタンからダウンロード可能です。個人プロジェクトはもちろんのこと、商用利用も無料なのでカスタマイズしてプロジェクトに追加してみてください。CC-BYライセンスの元公開されています。詳細MIKIO小学生から映像制作に興味を持ち、15歳の頃に部活のメンバーと自主映画を制作。後にフィリピン、セブ島に移って現地や海外の企業向けにTVCM、VPといったコマーシャル制作を提供。撮影や編集を得意としているほか、ディレクターやプロデューサーなども出来ます。Matte)って何だ?どんな使い方があるの?2019年3月28日サイトについてCurioscene(キュリオシーン)とは映画、コマーシャル、ドキュメンタリー、イベントなど映像制作に関わるハックやチュートリアルを紹介しているマガジンサイトです。4.0)のもと個人の利用はもちろんのこと、商用利用もこちらのページに記載されてあるポリシーを守って頂ければ自由に利用することが出来ます。