● 10_003-タイトルCGの製作例
イラストレータとフォトショップを使ったタイトルCGの製作手順を紹介します。
下記の著作権フリーの素材を使います。これらは加工を用いれば商用に使える素材です。一般に販売されています。
加工前ですので原寸で出しています。
以下のタイトルCGを作る事にしました。下の図はあくまで頭の中で描いたイメージとして捕らえて下さい。完成品は多少異なるかもしれません。
技術が十分なものがあれば、ここで決まってしまいます。
ここから製作を開始します。
予めイラストレータ、フォトショップは立ち上げておいて下さい。
イラストレータで下記の赤枠を作りました。サイズは幅800ピクセル、高さ200ピクセルにしました。この部分をコピーします。
フォトショップから新規ファイルを開きます。そのままでは幅800、高さ200になります、作業の余裕を見る為に下記の大き目のサイズに変更します。
下記のウインドウが出ますのでそのまま「OK」をクリックします。
下記のような状態になります。
レイヤー下記のように赤枠部分だけが背景に張り付いた形です。
町並みの素材をフォトショップで開きます。
赤枠の下に町並みの素材をペーストします。町並みの素材を閉じます。
レイヤーの「町並みの素材」を選択して、自分のイメージのところまで移動します。
「キーボードを操作している」素材を開きます。
作成しているタイトルCGとバランスが取れる程度に縮小します。高さを250にしました。
縮小した素材をレイヤーで「赤枠」の下にペーストします。
レイヤーで「赤枠」を選択して、選択ツールで赤枠の外を選択します。
レイヤーのキーボードを選択します。
キーボードの「Delete」のキーを押します。レイヤーの「キーボード」の赤枠の外部分が削除されます。
次はレイヤーの「町並み」を選択して、同様に「delete」キーを押します。
下記の図が出来上がります。
選択を解除します。
レイヤーで「赤枠」を選択して下記のメニューを選択します。
ボカシを3ピクセル程度にしました。
赤枠と素材がカブッています、このままか、削除するかですが、・・・削除することにしました。操作の勉強にもなるので・・・。
ナビゲータを200%にします。
赤枠の中央あたりをだいたいで選択します。
下記の「選択範囲を変形」を選択します。
ほどよいサイズまで調整します。調整したら選択枠の中をダブルクリックして確定します。
元のサイズに戻して、「選択範囲を反転」を選択します。
レイヤーで「キーボード」、「町並み」をそれぞれ選択して削除します。カブッていた部分が削除されます。
「町並み」、「キーボード」の画像がキッチリと分かれているので境界をボカシます。この2つの画像を1枚にします。
下記のメニューを選択します。
素材が1枚のレイヤーになりました。
下の図の程度に選択しました。
「ぼかし」で「ぼかし(ガウス)」を選択します。
4ピクセルで設定しました。
ボカシが完了しました。後はロゴとの合成です。
元の案とは違いますが、中央のマークとロゴのセットを使う事にします。
タイトルCGは幅800ぐらいですから、500程度のサイズにしてフォトショップのレイヤーの一番上にペーストします。
合成しましたが、完全にカブッています。ロゴの部分だけ透明な白い背景を作ります。
ロゴの下に新規レイヤーを作ります。
一番上に作った新規レイヤーは「ロゴ背景」としました。操作しやすいように「町並み」の背景は消します。背景部分を任意に選択します。
ちょっと間違ってました、ロゴの背景は、ロゴの下ですね。レイヤーを入れ替えて下さい。
「ロゴ背景」のレイヤーを白でバケツ・ツールで塗りつぶして下さい。
上記が完了したら「町並み」のレイヤーを表示して下さい。
「ロゴ背景」の透明度を80%にしました。
若干背景が透ける程度にしました。
ぼかし(ガウス)で3に設定しました。
後は下のところに文字を重ねます。これはもう今までの操作で十分ですね。
これで完成です。
画像はCMYKのプロセス・カラーになっていますので、ホームページの素材の場合はRGBに変換して下さい。
戻る