お天気アプリMy Weather Indicatorの萌え化 3

★画像アップ先の不調により、過去のエントリーで画像が見られないものが多数あります。もし画像の見たいものがありましたらご連絡いただければ復活するようにします。

スマフォ用壁紙対応オリジナル萌え化スキン


初回お天気アプリMy Weather Indicatorの萌え化でスキンを萌え化した様子とお伝えしたのですが、その時のデータを利用して、スマフォ用の壁紙を利用できるように16:9の比率にしたオリジナル萌え化スキンを用意しました。


●「My Weather Indicator」用萌え化スキンサンプル。
My Weather Indicator



スキンのダウンロード


スキンデータは以下よりダウンロードできます。


aclock_moe:ダウンロード


画像の差し替え方法


スキンデータの中に「moe.xcf」というファイルがあるのでGimpで開きます。


My Weather Indicator


使いたいスマフォ用壁紙をNautilusからドラッグ・アンド・ドロップ(もしくはファイルから「レイヤーとして開く」)で画面にインポートします。


My Weather Indicator


壁紙のサイズが大きいので「拡大・縮小」ツールでインポートした画像をクリックして幅を「252px」(天地の鎖をつなげておく)にして「拡大・縮小」ボタンを押します。


My Weather Indicator


「アタリ」のレイヤーを見えるようにしてその位置にピッタリハマるように縮小した画像を移動します。


My Weather Indicator


画像の表示を拡大(+)キーで拡大して矢印キー(←→)などで移動するといいです。


My Weather Indicator


配置した画像のレイヤーを一度非表示にして「アタリ」のレイヤーの上で右クリック「不透明表示を選択範囲にする」を選びます。


My Weather Indicator


非表示にしてあった配置画像を表示してそのレイヤーの上から右クリック「レイヤーマスクの追加」を押します。


My Weather Indicator


「レイヤーマスクを追加」画面の「選択範囲」にチェックを入れて「追加」ボタンを押します。


My Weather Indicator


これで配置画像のカドが丸くなります。


My Weather Indicator


後はこれをファイルから「名前を付けてエクスポート」で「moe.png」の名前で保存します。


*サンプル画像として既に「moe.png」があるので、差し替わります。必要に応じて事前にバックアップを取っておきましょう。


My Weather Indicator


文字が見えづらい時の対処


絵柄によっては文字が見えづらい場合があります。


●文字が見えづらい例
My Weather Indicator


上記「moe.xcf」の「マスク」のレイヤーを表示します。


My Weather Indicator


これで見えやすくなったと思います。必要に応じて「マスク」のレイヤーの「不透明度(現状60%)」を調整するといいでしょう。


My Weather Indicator


設定ファイルについて


設定ファイル「skin」の「moe.png」が上記画像のファイル名の指定です。画像ファイル名を変えた場合はこのファイル名を修正するといいでしょう。また下記「70|210」(左から70px上から210px)の部分はメインのお天気マークの表示位置です。絵柄によって表示位置に問題がある場合はここを調整するといいかもしれません。またお天気アプリMy Weather Indicatorの萌え化のエントリーにも関連情報があるのでご覧ください。


*フォントは「あくびん」が指定されています。「あくびん」についてはmebuntuサイト[デスクトップを萌え萌えに](http://moebuntu.web.fc2.com/moehowto.html)の「その8 フォントを萌え系のフォントに切り替えます。」をご覧ください。「あくびん」を使わない場合は設定ファイルの「あくびん」を使いたいフォント名に置き換えてください。


My Weather Indicator


関連記事

テーマ : Linux
ジャンル : コンピュータ

コメントの投稿

非公開コメント

プロフィール

TOY

Author:TOY
萌え萌えmoebuntu
ようこそ!
moebuntuサイト
moebuntu wiki
お気軽にコメントください。

Auto-Translate
最新記事
最新コメント
tweet
萌え萌えAD




月別アーカイブ
07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01 
カテゴリークラウド
RSSリンクの表示
リンク
QRコード
QRコード
最新トラックバック