facebookでおなじみ、友人の誕生日にタイムラインに投稿する花輪はこうして作っています

1. facebookで誕生日の方のタイムラインに投
稿している花輪ですが、どうジェネレートし
てるの？とか、どんなアプリ使ってるの？と
聞かれることがあるんですが、普通に手作り
です。Flashで描いた絵にPhotoshopで文字
のっけて書き出してます
もっと詳しく知りたい場合は先に進んでくだ
さいね

3. 花輪の制作＞スタンドの制作
花輪は、花輪本体/花輪の
骨/表示板/支脚/影で構成
されます
花輪に必要な部品をシン
ボル化して清書します
1.ラフを描く 2.部品シンボルを作る

4. 花輪の制作＞スタンドの制作
部品シンボルでそれぞれのフレームを選択して、各
パーツを表示させ、ラフの通りに配置してスタンド
を組立てます
部品のシンボルに、
花輪の骨/花輪本体/支脚
表示板/影を清書します
3.スタンドの組み立て

5. 花輪の制作＞花輪本体の制作
花輪本体をさらにシンボ
ル化します。シンボル編
集に移って花輪本体を組
み立てます
4.花輪本体のシンボル化 5.花輪本体の組み立て
花輪本体のシンボル内で、
部品を配置します
花のシンボルを配置しま
す。花のシンボルは以前作
ったものがあったので流用
しました

6. 花輪の制作＞花輪本体の制作
6.花の配置
外周には、3フレームめの
赤い花を使います
外周に赤い花のシンボルを
配置します
花のシンボルには数種類
の花が格納されているの
で、花輪で使用するフレ
ームを選びます

7. 花輪の制作＞花輪本体の制作
内側の花は2フレームめの
白い花を着色して黄色にし
ます
内側に花のシンボルを配置
します
中央には2フレームめの白
い花を配置します
これで花輪本体は完成です

8. 花輪本体のレイヤーとフレーム
を使って別パターンも作ってお
きます
とりあえずレイヤー1∼3は共通
で、レイヤー4と5の構成を変え
ておきました
同じ花輪ばっかりだと、使い回
しだって思われるでしょ
7.花輪本体のバリエーション
花輪の制作＞花輪本体の制作

9. 花輪本体とスタンドが組
合わさって完成です
表示板は空欄です
花輪本体の表示フレームを変えれ
ば別バージョンの花輪になります
花輪の制作

10. このままだと紙っぽいので、花輪シンボルの
明度を[-100]にして黒ベタを作り、たた縮小
して下位レイヤーに重ねます
8.立体的な効果
花輪の制作

11. 背景はPhotoshop任せなので、透過しておきます
9.PNGで書き出し
花輪の制作＞書き出し

12. FLASHから書き出したPNG
をPhotoshopで開き、カン
バスサイズを250x250に変
更します
1.カンバスサイズ 2.背景
背景を#f2f2f2で塗りつぶし
ます
これはfacebook投稿時の背
景色です
花輪テンプレートの制作＞背景の制作

13. 3.文字
表示板にメッセージの文字を
入れます
FLASHで文字を入れなかっ
たのは変更しやすくするため
です
様江はラスタライズしちゃってますけ
ど、表示板と別レイヤーなのは、名前
の文字数に応じて移動する必要がある
ためです
花輪テンプレートの制作＞文字入れ

14. 名前が入ったら、
Web用に保存しま
す。書き出しサイズ
は、相手の年齢に応
じて変えています。今
のところ、50歳以上
が250x250、50歳未
満が200x200です。
気付いてました？
※Photoshop CCはPNG書
き出しに難があるため、
Photoshop CS6を使用し
ています
ダミーの名前を入れておき、
贈る相手によってその都度書
き換えて書き出します。
5文字以上はトラッキングや
垂直比率を駆使して収めます
3.Web用に保存
花輪テンプレートの制作＞書き出し

15. FLASHの使い方
タイムラインアニメの作り方
絵が描けなくてもOK
映画の見方が変わるかも
使えるデータ付き（ダウンロード）
絵コンテと作画法
アニメーションテクニック
タイムラインテクニック
アニメの見方が変わるかも
Kindle版あり