PictRubyを使ってiOSアプリ紹介用アイキャッチ画像を作ってみた

ブログでアプリ紹介するとき、よくアイコンをスクリーンショットに重ねた画像が使われてたりするじゃないですか。ああいうの、どう作るんだろう？ フォトエディタを組み合わせるのかな。そう思って見てました。ボカシをかけたり、位置合わせとか難しそう。
それでPictRubyで、そこあたり自動化出来ないかと。


PictRuby

PictRuby 0.3
分類: 仕事効率化,教育
価格: 無料 (ongaeshi)

ただいま研究中。iPhone/iPadのカメラロールにある写真を加工します。スクリプトを組んで半自動化ができる。スクリプトにはRubyが使われます。Ruby(紅玉)はPerl(真珠)の上位互換、って洒落なんですね。誕生石に見立ててある。可読性の高い言語です。


スクリプトの説明

PictRubyに書き込むスクリプトは下記の通り。

def main

  isize=200

  xsize=512

  ysize=384

  icon = Image.pick_from_library.resize(isize,isize)

  back = Image.pick_from_library.resize(xsize,ysize).bright(-100).blur(128)

  x=(back.width-icon.width)/2

  y=(back.height-icon.height)/2

  Image.render(xsize,ysize) do

    back.draw(0,0, xsize,ysize)

    icon.draw(x,y,icon.width,icon.height)

  end

end
icon にアイコンの画像、back には背景画が入ります。アイコンのサイズは変数isizeで、背景画はxsizeとysizeでリサイズしています。iPadの画像を想定しているので横長。iPhoneの場合は数値を書き換えてください。Image.render() do 〜 end でキャンバスを用意し、そこに背景画とアイコンを順に描画する。するとアイキャッチ画像が出来上がる仕組み。


使い方

カメラロールから２回画像を選択します。初めがアイコンで、２回目が背景画。するとスーパーポーズした画像が作成されるので、右上の「Save」で完成。


こんな感じ

あ、アイコンの角を丸めたい。しかし、方法がわからず。背景画もクロップして、もう少し横長に見せたほうがカッコいいかな。まだまだ研鑽の余地あり。


とりあえず

作り方はわかりました。でも、それぞれの画像を下ごしらえしておかないと、いい感じにはならない。画像の角を丸めるメソッドもPictRubyに用意されているんだろうか。あるいは簡単に変換する方法があったりするのかな。でも、Rubyも面白いですね。オブジェクト指向性が強い言語だとわかりました。対象にメソッドを付け加えるとどんどん加工できる。「ＡをＢしてからＣする」を「Ａ.Ｂ.Ｃ」と書いていく。日本語の文法に近いです。