MPC-BSDぷろじぇくと

★メンテナー随時募集です。PC-BSD萌え化に興味ある方の編集参加お待ちしています。
★何かありましたらこちらに書きこんでいただけるとレスポンスがあるかもしれません。


MPC-BSD 背景画像イメージできました

@Habitat ですっ

PC-BSD desktop 2 73.jpg
一応こんなイメージです

マーク付きと、なしどっちにするか迷ったんですけどね~
贅沢な悩みなんですけどww

どうせなら、いっぱいあったほうがいいかと思ってこっちを使いました
マークなしももったいないので、ログイン画面に使おうかと思ってます

あっあと、勝手ながら「PC-BSDを萌え化」もできる範囲で編集しときました。。

moebuntuのデスクトップテーマ

@Habitat ですっ

moebuntuのデスクトップテーマをKDEでうまく使えないか見たりしていますが、
ちょっと苦労しそうですね・・

PC-BSD の萌え化をされているふつささんがブログで萌え化の情報公開をしていただいた際に、MoePink の配色パターンもアップロードしていただけてるので、急場はこのピンクを導入して番外編として、Navy,Red あたりに派生できたらなとか考えちゃってます。。

アイコン類もできれば利用させていただいて、moebuntu オリジナル部分を差し替えのスタンスがいいかなぁ

★TOYです。Habitatさん、お疲れ様です。もう反映してくれているんですね。それならもう上のメニューに登録しちゃっても良さそうですね。
それと、カラースキームをいじる際ちょっと試してみて欲しいのですが、カラースキームの値がRGBで書かれていますが、#ffffffなどの記述が使えるのかどうか?ちょっと興味あるのと、使えるのであれば色の指定がやりやすいかもと思って。

@Habitat ですっ
MoePink Info 1.PNG
ふつかさんのカラーテーマを暫定的に入れてみました

MoePink Info 2.PNG
登録状況はこんな感じ

MoePink Info 3.PNG
右側のカラーパレットをクリックすると、色指定ダイアログがでて、右下に16進指定の値設定が可能でした。。


★TOYです。早速ありがとうございます。なるほど、GUIで指定できるんですね。16進数指定のばあいもカラースキームファイルにはRGB表記になるんですねきっと?

@Habitat ですっ
MoePink Info 4.jpg

今回のカラースキームファイルの中身ですが、テキスト保持はRGBの10進に置き換えて持たせてるみたいですねっ

★TOYです。ありがとうございます。一応壁紙でこんなのありました。

@Habitat ですっ
壁紙、サイトのご紹介ありがとうございます。
ブログ村を伝って結構探せそうですね

さっそく、ロゴ反映イメージ作ってみました
左のは元のサイズが小さかったようですこし粗が目立つので、小さい画面やログイン画面に行けそうですね。。
PC-BSD desktop A 4.jpgPC-BSD desktop A 5.jpg

MPC-BSDのフォント

@Habitat ですっ

MPC-BSD で使用するフォントは moebuntu と同じく、
テーマには あくびん
ブラウザには AIKO
を利用することにしました。。

PC-BSD desktop 3 60.jpg

利用者が、ふつかさんのとこと見比べてバリエーションが
あったほうが、助かりそうですし利用できるところは、
従来の moebuntu の情報を踏襲したいと思います

★TOYです。まあ人それぞれですから、Habitatさんの好みでいいと思います。
*もしかしたらふつかさんはライセンス的によりフリーなフォントということで選ばれているのかもしれません。BSD系ですしね。

MPC-BSDのスプラッシュスクリーン

@Habitat です

私自身のブログでも書きましたが、スプラッシュスクリーンの萌え化ができないかちょっと試してみようかと思います。。
sp sc.jpg

MPC-BSD のロゴのマーク・文字を分解してアニメーション加工できれば面白いかなと思ったんです。。

スプラッシュスクリーンの場所も
/usr/local/share/apps/ksplash/Themes/Default
の情報をいじればいいというのはわかってはいます
おそらく、背景画像レベルであればサイズに合わせて画像を差し替えるだけで
行けそうな感じだと楽観的に考えています

ちょっと今使用しているサイズの背景画像は枯渇気味だったので、
また画像を探してきたのでよさそうなのをアップしときますね。。
bg 11.jpgbg 02.jpg
bg 03.jpgbg 04.jpg
bg 05.jpgbg 06.jpg
bg 07.jpgbg 08.jpg
bg 09.jpgbg 10.jpg

ただ、ちょっとめんどそうなのは、5つあるアイコンが浮かび上がるアニメーションがあるんですが、できればそれを模倣できないかなぁと考えたりしちゃってますww

参考までに・・
/usr/local/share/apps/ksplash/Themes/Default 配下です
sp sc inf 00.jpg

そして、なぜか 1600x1200 のとこだけこれだけ情報がそろってました。。(ここがデフォルト扱い?)
sp sc inf 01.jpg

その中の icon1.png を開いたところ
sp sc inf 02.jpg
icon1 ~ icon5 はスプラッシュスクリーンの浮かび上がる5個のアイコンを指します
画像から察するに、透過が0%の完全体だと思います

ちょっと下へ映り込みの処理もやってるみたいなので、
http://gimp.jugem.jp/?eid=16 を参考に gimp で加工できればなと思います

icon1_anim.png を開いたところ
sp sc inf 03.jpg
もちろん、これも 2~5が同じように存在します
前述のアイコン画像が左から右へ10個、上から下へ3個分計30個が隙間なしで並べられています。
また、透過処理を30段階で区分けしてます

画像サイズは元のアイコンサイズをそのまま使えばいいかな

そして、そのアイコンの位置などを指定するのが同フォルダにある設定ファイルらしきもの・・
sp sc inf 04.jpg

サイズやロケーションはまだしっかり見てませんが、
アイコンファイルなどを明確に指定しているので、
いま左から右へ5個順番にアニメーションしているのを右から左へとできそうですね。。

(@ は MPC-BSDのキャラつもり)
@←BSD を右からアニメーションで浮かび上がらせたら結構いいかも~

うーん 好き勝手書いたなぁ~

★TOYです。Habitatさんお疲れ様です。
アイコンの部分をロゴに置き換えるということでしょうか?
参考までにちょっと画像加工やってみました。M.xcf.zipがGimpのレイヤーファイルです。
ロゴをまとめてなのか一文字づつなのかわかりませんが、もし一文字づつであれば一文字ずつばらしたロゴファイルアップしますのでお知らせください。

M_icon.png

@Habitat です
TOYさん おっしゃるとおりです。。説明べたですいません
作ってもらうのを期待してなかったわけじゃないですが、すでに作られた後とは思ってなかったので、申し訳ないです
作成して頂いたイメージは期待通りですっ

まだ思いついた段階なんですけど、1文字ずつかなぁと考えています
MPCBSD の6文字を考えると・・とずっと考えてたんですけど

・悪魔っ子のマーク
・矢印(MPCBSD のBに組み込まれてる矢印を抜粋)
・B(矢印抜きのB)
・S
・D

もしくは、

・悪魔っ子のマーク
・ハート(Cの中の赤のハート)
・B
・S
・D

だと、5つのパーツで収まりがいいかなと・・
他が思いつかなかっただけですがww
(2文字ずつとかも考えたんですが、おそらくアイコン間のマージンが障害になりそう)

先の書き込みに書いたとおり、浮かび上がらせる順番は制御できそうなので、
左からでも、右からでも、順不同でもいけそうな気がします(矢印の前にBSDで表示するならDSBの順はおかしいでしょとか・・)

なにかいい案があればとはおもいます・・

あっあと サイズ!
実は、デフォルトのアイコンって
□□□□■

の並びででて、□が小さい、■が大きいアイコンを使用しています
なので、■に相当するのは、悪魔っ子のアイコンがいいかなと思ってます
(順番は替えるかな?)

悪魔っ子以外の小さいアイコンサイズが 78x124 にしていただけるとそのまま利用できるので助かります。。
あとで、アニメーション用に 780x372 のサイズに 10x3 に並べて透過加工するときにもそのサイズがベースとなっちゃいますので・・

でかいほうのサイズはいくつだっけか・・・ちょっと調べときます・・
って あったあった
sp sc inf 05.jpgsp sc inf 06.jpg
単体が、125x180 で並べたら、1250x540 のサイズですね

★TOYです。素材アップしました。
Inkscapeデータになっているので「Shift+Ctrl+E」で書き出してください。
設定:「ページ」にし、ビットマップサイズを幅をマークだったら「125」とすれば高さは自動で「180」となります。ファイル名は「○○○.png」として「エクスポート」です。
*文字は念の為レイヤーにして全部入れてあります。「Shift+Ctrl+L」で表示されます。
*ぼかしの設定などは「Shift+Ctrl+F」で「フィル」タブにて「ぼかし」「不透明度」で調整できます。全体的にぼかす作業はGimpでやったほうがいいかもしれません。

後は必要に応じて弄ってください。

@Habitat です
TOYさん 素材までいただきありがとうございます
gimp はまだ不慣れなためもたもたするとは思いますが、
がんばってみます~
(せっかく早くいただけたのにごめんなさいっ!!)

★TOYです。ゆっくりで大丈夫ですよ。もしかしたらInkscapeで並べる処理などもしちゃったほうが楽かもしれません。
【追記】上記InkscapeデータのショートカットはInkscapeでの作業です。念の為。


@Habitat です
追記ありがとうございます
そのまさかで、gimp でショートカット叩いてましたww

あと、背景画像候補いっぱいあげたんですけど、このロゴが一番際立つのって実はデフォルトで使われてる背景な気がしてきましたww

でも、一応半透明の下地が入るから、基調色類似してても行けるかな・・やってみないとわからないけど・・

あと、ロゴ表示のパターンがもう一つ浮かんで
左から順で(:の前は表示順、_は空白)
5th:マーク
1st:_M
2nd:PC
3rd:BS
4th:D_

もありかもとは思いました・・
(これも面倒ですけどね)

★TOYです。あーやっぱし〜!怪しい記述見かけたからもしかと思って追記しときました。
Inkscapeの映り込み処理の部分マスクを掛けているので、マスク解除すると元の状態が再現されます。
それを見れば仕組みがわかるんじゃないかな?

@Habitat です
(〃'∇'〃)ゝ ズミマゼン・・・
Inkscape で読み込んだから、構成はだいたいわかりました。。
30段階の透過度を変えた30x5個のファイルを作成するか・・
10x3の配列コピーしたうえで、透過処理をかけるか・・

ここらへんが微妙ですね・・
簡単に行くんだったら、10x3の配列コピーしたところで、
上下3段それぞれで一番左から一番右にかけて(10個分)まとめて
透過処理をかけるのが楽なんでしょうけどね
(厳密には1個の中でも左右に透過度の違いが出てしまうけど・・)


@Habitat です

最初、Inkscape で 3.3% 刻みで透過処理したファイルを作ってたんですが、
こんどは、gimp 側で3x10のインポートで整列するのが大変そうだったので、
このやり方は断念しました。。

Inkscape 側で、クローンコピーでタイル機能があったので、こちらで3x10の
コピーを行い、透過処理も行列単位での指定が可能だったので、33.3%、3.3%
で指定すると30段階できれいに透過の刻みを行うことができました

ただ、問題があって透過の方向性が濃→淡オンリーなんですね・・
なので、淡→濃で表現したかったのがちょっとネックになりました。。
しょうがないので、クローンコピー前に画像を180度回転させて、
先の濃淡処理をかけてから、画像で一回落とし込み、そのうえで180度回転
させることで、希望する画像ができました。。

なんか簡単な方法がありそうな気はするんだけど・・

で、試しにBSDのBの文字だけ実環境にファイルを差し替えて動作確認してみたら、
アニメーションは希望通りちゃんと動きました。。
splash test.jpg

ただ、文字の横幅がマージンを取らないといけなかったみたいで、両脇が削れる
形になっちゃいました・・
ここらへんは編集前の画像サイズ調整で何とかなるとは思います

★TOYです。
Inkscapeで大元になるpngファイルをアタリとして下敷きに敷いてその上でサイズとか位置を調整すればいいと思います。

@Habitat です
お願いがあるんですけど・・
MPC-BSD の C で、C と ハートをレイヤー分けした画像があるといいなぁ
(ハートだけで、ちょっと大きくしたものを使いたいので・・)

★TOYです。Inkscapeデータのグループ解除すればそのまま使えますよ。

@Habitat です
あっ ほんとだっ
お騒がせしました。。

@Habitat です

一応作成できたかと思います。。以下の流れですね
splash screen 32.jpg
splash screen 33.jpg
splash screen 34.jpg
splash screen 35.jpg

ただ、スプラッシュスクリーン用に圧縮したファイルを
提供する形にしようかと思ったんですが、サイズが7MB
ぐらいあるんですよね・・

どうやって提供するかちょっと考えてます・・

@Habitat です
無事ファイル提供もできたので、これで完了かな

★TOYです。スプラッシュスクリーン作成お疲れ様です。いい感じですね。
OneDriveにしたんですね。ちなみにOneDriveは100MB以上のデータの共有はアカウントを持っていないとダウンロードできません。まあ、そんなに大きなファイルを共有することないでしょうけど。
*SkyDrive時代の話なので仕様が変わっている可能性がありますが…。

@Habitat です
OneDrive 情報ありがとうございます
気になったのでウィキペディアで調べてみました。。


機能
2012年8月15日現在。

1アカウントあたり、無料7ギガバイトを利用できる[1]。
1ファイルあたり、デスクトップアプリからは2ギガバイト、ブラウザからは300MB[2]までアップロードできる。

[1] 2012年4月22日までは25GBまで利用できた。同日までに登録したユーザーは引き続き25GBまで無料で利用できる。
[2] 2011年6月20日までは50MB、2012年4月18日までは100MBだった

総容量は落ちたけど、1ファイルは増量されたみたいですね。。

★TOYです。たぶんアップロードはできるんだけど、アカウント無しで(共有したデータを)ダウンロードできるのは100MBまでだと思います。昨年度試したときはそうでした。

@Habitat です
そうだったんですね。。
危うく勘違いしたままになるところでした。ありがとうございました。。



MPC-BSD ログイン画面です

@Habitat ですっ

うーん ログインダイアログが邪魔っ
login choice miss.jpg

ということで、急遽代替えの画像で対応しました。。
mpc login 44.jpg

改めて画像も探してみましたけど、悪魔っこ関連で探すとなかなか難しいですねぇ

★TOYです。顔にもろにかぶるのは想定外でしたね。でも新しい画像もいい感じですね。


@Habitat ですっ

既知かと思いますが、ログイン画面サイズの調整が効くようになったので、少しはましになったかと思います。(あっこれ、ダイアログがちっちゃくなったんではなくって画面全体が大きくなってますww)
MPC-BSD Login Resize 14.jpg
MPC-BSD Login Resize 15.jpg

また、PCMoenuxOS にて、ログインダイアログの透明化が出来ているので、なんとか MPC-BSD にも導入できればなぁ~とは思ってます・・
もうちょっと詳しくなってからですねww
screenshot.jpg


MPC-BSD ウィンドウ装飾です

@Habitat ですっ

よろしくないお知らせなんですけどねっ

ウィンドウの Close,Min,Max ボタンの反映ですが、
当初の思惑通りはいかず、かなり難航しています・・


当初は、標準で用意されているウィンドウ装飾
BII プレビュー
KDE 2
Keramik
Modern System
Nitrogen
Oxygen
Plastik
QtCurve
Quartz
Redmond
Web
ラップトップ
Scurpture

のいずれかをコピーしてボタンの画像だけ差し替えればいいぐらいで
考えていたんですが、どうにもこの画像部品が見当たらない・・
探し回った結果、たとえば Keramik だと
/usr/local/lib/kde4/kwin3_keramik.so
/usr/local/lib/kde4/kwin_keramik_config.so
でバイナリ情報

/usr/local/share/apps/kwin/keramik.desktop
で定義情報

を構成していて加工自体が出来ないんですねぇ

それならばと、新しくダウンロードしたウィンドウ装飾を加工すること
も考えたんですが、そのパターンだとカラーテーマが反映されないみたい・・
(自前で指定した色が出るだけ)

なので~もしそれでも利用するとなると色情報から全て定義する必要がありそう
ちょっと長期戦になりそうなので、一旦 MPC-BSD 締めようかなと思ってたりします~

あっあと、スレ違い(というかスレないけど・・)
Linux Mint 16 Petra Cinnamon/Mate/KDE の環境は用意してたんですけど、
すぐ 17 Qiana が出る(しかもLTS版)ようなので、それを使っての萌え化にしたいと思います~

★TOYです。Habitatさん、お疲れ様です。参考になるかわかりませんが…。

そういえばcandidate版でましたね。
Linux Mint 17 release candidate available for download

@Habitat です
TOY さん情報ありがとうございます。。

ただ、目新しい情報は残念ながらなかったですね・・
インストールするウィンドウ装飾がカラーテーマを利用したものがあれば、大分楽になりそうな気はするのですが・・
各ボタンもなんか、スプラッシュスクリーンみたいに微妙な明暗調のグラフィックを用意しないといけないみたい・・

★TOYです。OSXのものが使えるならわりとお手軽にできるかなと思ったのですが…。
画像周りは仕様がわかればお手伝いするのでお気軽におっしゃってくださいね。

  • 最終更新:2014-07-05 00:09:10

このWIKIを編集するにはパスワード入力が必要です

認証パスワード