Monday, October 21, 2013

昔作ったAndroidアプリ「猫の神経衰弱ゲーム」



せっかくスマフォに機種変更をしたから、オリジナルのアプリを作ってみたくなったわけです。(2年前) AndroidアプリはEclipseとかを使ってプログラミングをするんですが、管理人は全くプログラミングができません。 ただ、googleのサービスで、プログラミングができなくてもアプリが作れる開発環境があったので(昔のことなので、そのページのアドレスすら忘れました。)挑戦したものを紹介。 ネットにあったメイキング動画を見よう見まねで作ってみました。 有料版も作っている2年前の自分が怖いです。(※今回紹介しているのは無料版ですので、お金をドブに捨てることはございませんのでご安心を)

  CATConcentration_game

使われている画像は、今は亡き我が家の愛猫と知人の家の猫です。
こんなシンプルなゲームなのですが、今となっては作り方が全くわからんw
とにかく、作っているときは「プログラマーって凄いな」とか「英語の勉強もっとしとけばよかった」とか思いつつ作っていました。

未だに本人を含めて、5人の方がインストールをしていらっしゃるようで愛猫も喜んでいることでしょう。ありがとうございますm(__)m

Friday, October 18, 2013

photoshopで使う水系(水滴・波紋・波)のブラシを探してきた


ブラシ集めphotoshopを使いのは嗜み。
そこでfeviant ARTにあった水系のブラシを集めてみた。
(各サムネは製作中。御手数ですがリンク先にてブラシの形状の確認をおねがいします。)



Water Brushes - Image pack
波紋・水滴のブラシ

Water Brushes II
水面・波紋のブラシ

Abstract Aura Brushes
流れを表現したブラシ

PHOTOSHOP BRUSHES : waves
イラスト系ブラシ

Splish Splash
水滴のブラシ

Stormy Seas
波の形状のブラシ

water_brush
動きのある水面のブラシ

Ice Brushes New Set
氷のブラシ

Drops Brushes
popな水滴ブラシ


関連
フォトショップで水滴で出来た文字を5分で描く方法(PHOTOSHOP VIP様)

Water drops in photoshop in 5 minutes
potohopで水滴を作る動画チュートリアル



Wednesday, October 16, 2013

商用利用可のベクター素材を扱っている「Vector Club」さん

ベクターデータの素材を扱っているサイトさんを発見したのでメモがてらに紹介。
ファイル形式はaiでイラスト系多し。パスでここまで作り込むとは・・・尊敬します。

「Vector Club」


関連

商用・非商用フリーのWEBデザイン素材サイト「DOTs'DESIGN」様
webに使えるアイコンやドット絵の素材がたくさんあります。

無料で使えるaiベクターデータ集!「シルエット デザイン」様
シルエットに特化した素材サイト。

Thursday, October 3, 2013

AfterEffectsでレーザーが飛び交うような空間を作ってみる。


プラグイン無しでやってみた。



・使用ソフト AfterEffectsCS5.5
・サードパーティのプラグインは使いません。
・使用するエフェクト「エコー」が重いので、覚悟してください。
・大まかな流れは、「CC Particle World」で空間を飛ぶ粒子を作って、「エコー」で線状にする
だけなのです。

準備:まずはお好きなサイズと時間のコンポジションを1つ作くってください。
今回、小生はサイズ:640×480で作ろうと思います。



1.なにはともあれCC Particle World

準備しておいたコンポ(名前はパーティクルとしました)に新規「平面レイヤー(黒)」を作ります。
この平面に「CC Particle World」を適用。
今回は画面奥から、手前に向かってくる感じのレーザーを作ろうと思い、{Gravity}を0にして中心から外側に向かう粒子にしました。また、パーティクルのタイプを{Shaded Sphere}にします。後で「エコー」を使って線状にするので、ここで{Line}を選ぶ必要はありません。
{Birth }でレーザーの数、
{Birth Size}{Death Size}で出来上がりのレーザーの太さ
{Velocity}でレーザーの速度をいぢれます。
色もお好みで、今回は青っぽくしました。
管理人の設定はこんな感じ。


で、こんな動画ができました。




2.新規コンポでエコーをかける

1で作った【パーティクル】コンポをネスト化(入れ子)します。
プロジェクトウィンドの【パーティクル】コンポを掴んで、したにあるコンポジションアイコンに持っていきます。
これで【パーティクル】コンポが中に入った新しいコンポジションができるはずです。(新しいコンポジションの名前はエコーにしました)




さて、【パーティクル】コンポに「エコー」のエフェクトをかけましょう。ここでエコーの設定をいじることで粒子がレーザーのような表現に変わります。
{エコーの時間}を0.003に
{エコーの数}を150にしてみた。

この段階でお使いのPCによってはかなりプレビューが遅くなると思います。1/4画質などをして各自工夫をしてください。(無責任)


(この段階でレーザーのように一本の線に見えなくて、玉が連続して見えてしまう場合は「CC Particle World」{Velocity}「エコー」{エコーの時間}{エコーの数}の設定をいじってみてください。パーティクルの速度にエコーの連続がついていけてないのが原因だと思います。)


はい、それっぽいレーザー空間の出来上がりです。




参考

【パーティクル】コンポを複製したり、設定をいじったものです。
またCC Particle Worldの設定を色んな方向に飛び交うレーザーも簡単に作れると思います。


Tuesday, October 1, 2013