【AE】コンポジションとは？
After Effectsでは合成やモーショングラフィックスなどを行うカンバスの事をコンポジションと言い、コンポジション上の空間補間とタイムラインの時間補間、そしてレイヤー順序を利用することでアニメーションなどの作成を実現することが出来ます。
- 新規コンポジションを作成（設定項目は特にない。背景色をどうするかといったところ）
- 赤丸の部分を右クリックすると「レイヤー」作れる。
- 新規平面を作る。（背景を作る）
- 文字を入力します。
- 左 下のアンカーポイントが拡大縮小の基準になる。
- アンカーポイントの動かし方１
- レイヤーパネルのアンカーポイントを選択、x,yを入力あるいは移動させる。
- アンカーポイントの動かし方２
- 文字の上を右クリック。「トランスフォーム」「アンカーポイントをコンテンツの中央に配置」
- ブラー（ぼかし）はブラーの半径「０」がシャープな状態。
- 半径の値を大きくするとぼけていく。
- ブラー、ボックスがレンダリングの負荷が低いみたいです。
- ブラー、レンズは高負荷でレンダリングが遅かったです。
- 書き出し 「コンポジション」「レンダーキューに追加」
レンダリングのウィンドウが下にあるのが嫌なのでタブをドラッグしてコンポジションウィンドウの隣に置き換える。
- 今回はメディアエンコーダーを使用する。
watercolor texture
１つのパスで文字組した場合
-
illustratorで文字を組む。
-
watercolor textureの画像ファイルを配置する。
-
画像を埋め込んで、最背面に配置する。
- 両方選択してから、右クリック「クリッピングマスクを作成」
２つ以上のパスで文字組した場合
-
illustratorで文字を組む。
-
watercolor textureの画像ファイルを配置する。
-
画像を埋め込んで、最背面に配置する。
- ここまでは一緒。
- この先のプロセスでは（後戻りする以外に）修正が効かないのでこの状態で文字を複製しておく。アウトライン化すると後戻りができない。
- 「書式」「アウトラインを作成」☞テキストをパスに変換
- 「オブジェクト」「複合パス」「作成」☞2つのパスを１つにまとめる。
- なぜならば、２つのパスをまとめて、同じ背景でマスクできないから。
- パス一つに対してマスクするための背景が必要になる。
- あとは背景を手前にある複合パスでマスクすればよい。
The 3 methods for creating watercolor typography in Illustrator
Only a clipping mask is required if your text is created together.If text isn’t typed out together, you’ll need to expand it, unite it, and create a compound path before applying your clipping mask. Your text will be uneditable after expanding it, so if you need to keep it editable, either save a ‘raw’ file before expanding, keep all of your text typed out together, or use a pattern swatch.Compound paths allow Illustrator to consider multiple elements ‘one’ before a mask is applied. This will keep your texture spread across all elements instead of only one. Simply grouping your elements together is not enough.To release a clipping mask, select your typography, right click > release clipping mask
1. Clipping Masks (single shapes or letters, or text typed together)
2. Pattern Swatches (can be applied to any element or typography, no matter how many)
3. Compound Paths (Use as a substitute for swatches; allows you to use one texture across multiple elements and typography. Text becomes uneditable.)
Whenever you create watercolor typography in Illustrator, keep these in mind:
badge
形を作る
- 細長い長方形と、丸を書く。円の直径に対して、延長線上にに長方形がくるようにしておく。
- ctrl+y でアウトラインを表示する。
- 長方形を選択した状態で（回転させるものを選択する）、 r （rotation 回転ツール）
- cyanの十字ポインターがでてくる。これが回転の中心になる。
- altキーを押したまま、このポインターを円の中心まで移動する。
- すると、回転ツールのダイアログボックスが出てくる。中心に対して何度回転させたいかを入力する。
- ctrl+d で同じことを繰り返す。
- 中心にある円のfillをなくして、strokeを太くしてからアウトライン化する。
- 「オブジェクト」「分割、拡張」
- 肉付けされた線ではなく、図形に変換されました。
文字を作る
- 好きなフォントで文字を入力して、「オブジェクト」「分割拡張」
- パスが重なっている箇所があるので、「パスファインダー」を使って、結合する。
- なめらかになりました。
- strokeを黒、fillを白にする。
- つ、ま、り、、、太いフォントを使う→オブジェクトの分割拡張→線を黒、塗りを白、線をパスの外側にする（中を潰さないためにはここが大事）。
- 線を太らせると、隣の文字の白抜きにかぶってしまい汚くなる。
- こんな時は複合パスを使って解決する。
- 複合パス→最背面が有効になる。
shevron 2
- 後々、パターンとして登録したいので。2inch＊2inchの正方形を書く
- fill あり stroke なし
- 内側にもう一つ違う色の正方形（長方形でもOK）を書く。
- ctrl + a (ダイレクト選択ツール)で小さい正方形の右側2つの頂点を選択する。
- 選択した状態で下に移動する。
- スマートガイド（ctrl + u）を確認しながら、平行四辺形の右辺が、外側の正方形のセンターにくるように移動します。
- 再び選択ツールにして（ctrl + v）内側の平行四辺形を選択する。
- ctrl + c & ctrl + f (front paste、同じ位置に、オリジナルの上にペースト)
- こうすると、見た目は変わらないけれども2つの
- 平行四辺形が重なった状態になっている。
- バウンディングボックス,左辺の中央にある（黄色で囲った部分）を掴んで、外側の正方形の右辺まで移動する。
- すると下の状態になる。
- 2つの平行四辺形を選択して、パスファインダーを使って合体させる。
- パターンとして登録をします。
- すべての要素を選択して（背景とchevron）から、「ウィンドウ」「パターンオプション」「パターンを作成」
