完成図

まずはSuper Fly Box Makerをダウンロードしましょう。

ファイルを解凍すると

  • PMBoxMaker.psd
  • Pixel Mana.atn

というファイルが出てきます。PMBoxMaker.psdはテンプレートでPixel Mana.atnはアクションです。

とりあえずPMBoxMaker.psdを開いてみましょう。でもって開いた画像はとりあえず無視してアクションタブに行きましょう。
表示されて無い場合はメニューバーのウィンドウ->アクションにチェックを入れれば表示されるはずです。

アクションパネルの右上▲ボタンを押すと「アクションの読み込み...」が表示されるので選択しましょう。
するとアクションファイルの場所を選択するダイアログが出てくるので先ほど解凍して出てきたPixel Mana.atnを選択しましょう。

ちゃんと読み込めた場合こんな感じでPixel Manaというアクションフォルダ内にBox Makerが表示されるはずです。

これでアクションの準備は完了ですので最初に開いた画像ファイルを編集しましょう。
まぁ説明は不要でしょう。ガイドに沿って前面と横のパッケージを編集すればOKです。
注意としては前面を描いたレイヤーは「front」横を描いたレイヤーは「side」というレイヤー名にするということくらいでしょうか。

というわけでこんな感じで作ってみました。

これでアクションの準備は整いましたのでアクションを再生してみます。
アクションパネルからを選択して下の▲ボタン(選択を再生)をクリックすると一瞬で出来上がります。

更に立体感を出すためのレイヤーも用意されてます。レイヤー名がShadingとFold Lineは最初は非表示になっているので表示にしましょう。

パッケージ画像完成

反射効果などを付けたりするとナウでヤングな感じに(謎
最初のパッケージデザインがイケてないとなんかビミョウw
本家のはやっぱりかっこいい。

PAGE RANK
TIME LINE
2012
05.16

XMLHttpRequestってUserAgentを変更できないのかorz

セキュリティ的に禁止してるんだろうけどChromeでは出来ないのか、そもそもJavascriptの仕様として禁止されてるのかは不明。

2012
05.10

[PHP]文字列を1文字ごとタグで囲む

PHPで文字列を1文字ごとタグで囲みたいとき。

2012
04.25

WebフォントとJavascript

WebフォントとjQueryのテキストエフェクトプラグインを試してて気がついたんだけど API経由でWebフォント取得、設定してるとJavascriptの実行が早すぎて困るw

2012
04.12

[Ubuntu11.10]インストール直後にやっておけばよかったこと

Ubuntu 11.10 Desktop 日本語 Remixの場合、ユーザーのホームディレクトリにあるディレクトリ名が 日本語なのでターミナルでディレクトリ移動する場合、非常に扱いづらい。

2012
04.11

シンプルでカスタマイズしやすそうなコンテンツスライダー jQuery Slider2

シンプルでカスタマイズしやすそうなコンテンツスライダー jQuery Slider2

2012
04.06

CORESERVERからロリポのチカッパプランに移転してFTPとおさらばした。

CakePHP2系はPHPのバージョンがシビアなので、CORESERVERからロリポの チカッパプランに移転したんだけど、gitが利用できてなんだか得した気分です。

2012
04.04

[CakePHP2.0.x]FormHelper::input()の出力メモ

FormHelper::input()の出力がどのくらい変更できるかのテスト。

2012
03.28

[CSS]WindowsでLESS更新時に自動でコンパイルする設定方法

Windowsで.lessファイル更新と同時にコンパイルしてCSSを書き出す方法を2つほど。 簡単に開発環境を構築するためUbuntu入れたのに、Windowsの方が簡単だったりするから困るw

2012
03.27

[CSS3/HTML5]ページタイトルとかに使えそうな3Dっぽいテキストエフェクト

Code Padよりタイトルとかに使えそうなテキストエフェクト。それほどゴテゴテしてなくていい感じ。