ibis Paint Xでグラデーション文字（PNG透過画像）を作成する

ibis Paint Xでグラデーション文字（透過画像）を作成する

完成形はこちら
iPhoneで作成する

グラデーションの色は、以前作成したグラデーションの画像を使う

参考：シェルスクリプトで、HTML/CSSの出力結果(グラデーション)を、PNG画像に変換してローカルに保存する

今回利用するペイントソフトはibis Paint X
App Storeからインストールしておく
（今回はibisだが、特別な機能を使っていないので、レイヤーを使えるペイントソフトであれば何でもOK）

アプリを立ち上げ「マイギャラリー」をクリック
（画像が中国語設定なのはごめんなさい）

左下の「＋（プラス）」アイコンから新規作成

お好きなキャンバスサイズを選択する

レイヤーのアイコンをクリック

背景は白以外にしておく
カメラのマークから、グラデーション画像を開く

お好きな大きさに調整し、チェックマークで確定

レイヤーのアイコンをクリックし、「＋（プラス）」アイコンからレイヤーを追加する
「三（三本線）」アイコンをクリックしながら、追加したレイヤーをグラデーション画像の上に持っていき、
選択した状態にしておく

左から二番目（今回は筆のマーク）のアイコンをクリック「文字入れ」を選択

「文字追加」というボックスが現れるのでクリック

お好きな文字を入れ、字体なども調整する
（グラデーションが見えるように太めの字体がおすすめ）
この際、色は何でもOK
できたらチェックマークを選択して終了

レイヤーウインドウを開き、「＋（プラス）」アイコンからレイヤーを追加する
追加したレイヤーは、先ほど作成した文字とグラデーション画像の間に来るように移動する

グラデーションのレイヤーは、目のアイコンをクリックし見えない状態にしておく

追加したレイヤーを選択した状態で閉じる
（レイヤーアイコンがあった部分を再びクリックすると、レイヤーウインドウが閉じる）

左から二番目（今回はTのマーク）のアイコンをクリック「塗りつぶし」を選択

画像の文字以外の場所をクリックし、塗りつぶす
この際、色は文字の色と被らなければ何でもOK

レイヤーウインドウを開き、文字のレイヤーとグラデーションレイヤーの目のアイコンをクリックし、見えない状態にする
塗りつぶしたレイヤーを選択して、ウインドウを閉じる

上部の四角いマークをクリック
「不透明度で選択」をクリック

塗りつぶした部分が選択される

レイヤーウインドウを開き、塗りつぶしたレイヤーを見えない状態にし、グラデーションのレイヤーを見える状態にする

左から二番目のアイコン（今回はバケツ）をクリックし「消しゴム」を選択する

下部に消しゴムの大きさを調整するバーが出るので一番大きくしておく

画像を豪快に消していくと文字部分だけが残る

上部の四角いマークをクリックし、「選択解除」

これで完成

一番右下のアイコンをクリックし「透過PNG保存」から透過PNG画像として保存ができる

こちらが完成した画像

以上。