Flurryアイコンのように見えるBowtieテーマはありますか?


2

私はたくさんあります ぼやけたアイコン 頻繁に使用するアプリケーションにリンクされた私のデスクトップ上。私はほぼ同じ外観のアイコンを想像しますが、アイコンとファイル名の代わりに、それを使用して現在再生中の曲のアルバムアートとトラック名を表示します。 ちょうネクタイ

そのようなテーマは存在しますか?そうでない場合、最初から作成する最も簡単な方法は何ですか?

(Bowtieのテーマ開発に関する情報は見つけることができます。 ここに 。主にHTMLとCSSです。


2
FlurryとBowtieは何ですか?
Daniel

@bmike Bowtieは、デスクトップ上で実行され、iTunesまたはSpotifyの現在のトラックに関する何らかの情報を表示するアプリです。 Flurryは、Iconfactoryによって作成された、多くの一般的なOS Xアプリケーション用のiOS風アイコンのセットです。
Timothy Mueller-Harder

@sensefulは便利にリンクを追加しましたが、私はこれを省略しました。ありがとう。 :)
Timothy Mueller-Harder

回答:


3

あなたは、Bowtieにバンドルされていて、単にHTML / CSSでもあるデフォルトテーマを適応させることから始めることができます。アプリケーションバンドルからコピーします( Bowtie.app/Contents/Themes/Default.bowtie まで) ~/Library/Application Support/Bowtie そして名前を変更します。 Flurry.bowtie

含まれているすべての情報を編集してください .plist ファイル、特に名前( BTThemeName )と識別子( BTThemeIdentifier )カスタム、ユニークな値に。

このテーマからFlurryのようなものにするには、以下を変更する必要があります。

  • -webkit-border-radius#artHolder (私が使った 18px
  • -webkit-box-shadow同じ場所(例: 0px 0px 4px #000
  • width そして height、同じ場所(私が使った 96px
  • を削除 img タグ参照 img/gloss.png

結果は次のようになります。

Screenshot of intermediate Flurry style

欠けているのは適切な境界線と多少の光沢のあるオーバーレイです。ファイル img/gloss.png テーマ内では、デフォルトテーマで光沢のあるオーバーレイ効果が生成されます。画像ファイルをあなた自身のものと交換してください。境界を含み、上部がFlurryスタイルに一致するハイライトがあります。私はこのためにAirMac Flurryのアイコンを恥知らずに引き裂いて背景と境界の内容を削除し、その結果をオーバーレイ画像として使用した。あなたが私のように画像編集について少ししか知らない限りこれをしないでください。

境界の位置は数ピクセルずれています。と遊んで top そして left カバーアートと一致するまでイメージCSSの値を設定します。必要に応じて、カバーアートのサイズまたは境界線の画像サイズを変更します。

暗い背景では、これが次のようになります。

Screenshot of final Flurry style

今、これは上の光のハイライトといくつかの光沢のある効果を欠いています、しかしこれは私が画像エディタですることができるすべてについてです。


もちろん、これは大まかな概要です。あなたが自分で解決するために必要な詳細な要件に大きく依存します。表紙の画像を反転してコントロールを取得するかどうか、およびそれらがどのように表示されるか。

ここではライセンスについてはよくわかりません。安全のため、特にテーマを公開したい場合は、元のテーマ、特にボーダー/オーバーレイ画像を元の状態にしてください。


素晴らしい答え!それは非常に役に立ちますが、私が誰か(私自身を含む)がテーマ全体を作成してそれを公開することになった場合のためにそれを予約しているので、私はそれを回答済みとしてマークしません。答えてくれてありがとう。 :)
Timothy Mueller-Harder

@ TimothyMueller-Harderありがとう。やりたいのですが、基本的にThe Iconfactoryのアートワークをここで盗んでいるので、現在の形でこれを公開することはできないことを理解してください。そして、私はこれを一から作り直すための画像編集スキルを持っていません。
Daniel Beck

右。私は何も意味していませんでした、なぜ私がそれを技術的に「答えた」とマークしないのかを説明しただけです。 :)
Timothy Mueller-Harder
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.