Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

バースデー花輪の作り方

3,017 views

Published on

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

Published in: Software
  • Be the first to comment

バースデー花輪の作り方

  1. 1. facebookで誕生日の方のタイムラインに投 稿している花輪ですが、どうジェネレートし てるの?とか、どんなアプリ使ってるの?と 聞かれることがあるんですが、普通に手作り です。Flashで描いた絵にPhotoshopで文字 のっけて書き出してます もっと詳しく知りたい場合は先に進んでくだ さいね
  2. 2. 花輪の制作>スタンドの制作 花輪は、花輪本体/花輪の 骨/表示板/支脚/影で構成 されます 花輪に必要な部品をシン ボル化して清書します 1.ラフを描く 2.部品シンボルを作る
  3. 3. 花輪の制作>スタンドの制作 部品シンボルでそれぞれのフレームを選択して、各 パーツを表示させ、ラフの通りに配置してスタンド を組立てます 部品のシンボルに、 花輪の骨/花輪本体/支脚 表示板/影を清書します 3.スタンドの組み立て
  4. 4. 花輪の制作>花輪本体の制作 花輪本体をさらにシンボ ル化します。シンボル編 集に移って花輪本体を組 み立てます 4.花輪本体のシンボル化 5.花輪本体の組み立て 花輪本体のシンボル内で、 部品を配置します 花のシンボルを配置しま す。花のシンボルは以前作 ったものがあったので流用 しました
  5. 5. 花輪の制作>花輪本体の制作 6.花の配置 外周には、3フレームめの 赤い花を使います 外周に赤い花のシンボルを 配置します 花のシンボルには数種類 の花が格納されているの で、花輪で使用するフレ ームを選びます
  6. 6. 花輪の制作>花輪本体の制作 内側の花は2フレームめの 白い花を着色して黄色にし ます 内側に花のシンボルを配置 します 中央には2フレームめの白 い花を配置します これで花輪本体は完成です
  7. 7. 花輪本体のレイヤーとフレーム を使って別パターンも作ってお きます とりあえずレイヤー1∼3は共通 で、レイヤー4と5の構成を変え ておきました 同じ花輪ばっかりだと、使い回 しだって思われるでしょ 7.花輪本体のバリエーション 花輪の制作>花輪本体の制作
  8. 8. 花輪本体とスタンドが組 合わさって完成です 表示板は空欄です 花輪本体の表示フレームを変えれ ば別バージョンの花輪になります 花輪の制作
  9. 9. このままだと紙っぽいので、花輪シンボルの 明度を[-100]にして黒ベタを作り、たた縮小 して下位レイヤーに重ねます 8.立体的な効果 花輪の制作
  10. 10. 背景はPhotoshop任せなので、透過しておきます 9.PNGで書き出し 花輪の制作>書き出し
  11. 11. FLASHから書き出したPNG をPhotoshopで開き、カン バスサイズを250x250に変 更します 1.カンバスサイズ 2.背景 背景を#f2f2f2で塗りつぶし ます これはfacebook投稿時の背 景色です 花輪テンプレートの制作>背景の制作
  12. 12. 3.文字 表示板にメッセージの文字を 入れます FLASHで文字を入れなかっ たのは変更しやすくするため です 様江はラスタライズしちゃってますけ ど、表示板と別レイヤーなのは、名前 の文字数に応じて移動する必要がある ためです 花輪テンプレートの制作>文字入れ
  13. 13. 名前が入ったら、 Web用に保存しま す。書き出しサイズ は、相手の年齢に応 じて変えています。今 のところ、50歳以上 が250x250、50歳未 満が200x200です。 気付いてました? ※Photoshop CCはPNG書 き出しに難があるため、 Photoshop CS6を使用し ています ダミーの名前を入れておき、 贈る相手によってその都度書 き換えて書き出します。 5文字以上はトラッキングや 垂直比率を駆使して収めます 3.Web用に保存 花輪テンプレートの制作>書き出し
  14. 14. FLASHの使い方 タイムラインアニメの作り方 絵が描けなくてもOK 映画の見方が変わるかも 使えるデータ付き(ダウンロード) 絵コンテと作画法 アニメーションテクニック タイムラインテクニック アニメの見方が変わるかも Kindle版あり

×