タグ

iconとmacに関するuchiuchiyamaのブックマーク (12)

  • MacOSXシェルスクリプトだけでファビコン(Favicon)の全サイズを生成しicoファイルも出力する - Qiita

    概要 まずは、ファビコンってなに?って人は、WikipediaGOMacだと意外にファビコン(Favicon)を作るのが面倒だと知りました。僕は、昔ながらのWindowsフリーソフトウェア作者なので、ICOファイル作成ツールはたくさんあり、さほど苦ではなかったのです。しかし、Macに移ってきたら、意外とツール類がない。 やはり、Faviconの歴史的な背景からか、Windows用ICOファイルによく使われる、16x16や32x32などのサイズが絡んでいるからでしょうか。 しかもブラウザのフォーマットとしても、ICOが優先して表示されることが多いようです。PNGでも良いそうですが、ICOファイル自体、Macでいうところのicnsファイルのような、各サイズを保存しておけるコンテナ的なフォーマットなので、こっちにしておいた方が、良さそう。 ファビコン(Favicon)についての参考サイト

    MacOSXシェルスクリプトだけでファビコン(Favicon)の全サイズを生成しicoファイルも出力する - Qiita
  • Yosemite Icon Generator

    APIも用意しました コマンド叩くだけで自動生成できますcurlで叩くだけでアイコンを自動生成できるので、ローカルにある画像を元にお手軽に作ることができます。 迷ったら簡単に作ってみましょう。きっとなんとかなる! curl xn--9i8hku.ws/yosemite-icon/api -F "icon_image=@filename.png" -F "base_color=rgb(79, 179, 180)"> icon-name.png このスクリプトをターミナルに貼り付けて実行してみてください。 パラメーターメソッドはPOSTのみ受け付けています。APIのURLは「http://xn--9i8hku.ws/yosemite-icon/api」です。 パラメータ解説

    Yosemite Icon Generator
  • 【追記あり】Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」 - Suikolog

    【追記あり】Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」 - Suikolog
  • MacアプリのRetina対応アイコン(*.icns)を作成する方法 | DOTAPON Blog

    Macアプリも、Retinaアイコンを用意しないとリジェクトされるようになりました。 これは 512×512 の @2x, つまり 1024×1024 の画像を用意しなければならないということで、既にアイコンじゃないだろう…なんて話は置いておきまして。 しばらく触らないうちに色々勝手が変わっていたので、今回はRetina対応アイコンの作り方をメモしておきます。 Icon Composer はもう古い 以前は Icon Composer というツールがXcodeに付属していて、GUIで簡単に作成できました。 が、今は付属していません。 Xcodeのメニュー「Xcode > Open Developer Tool > More Developer Tools…」から「Graphics Tools for Xcode」を選べばダウンロードできますが、512@2xのサイズに対応していないので

  • Yosemite風のアイコンが簡単に作れるツール作った - Qiita

    はじめに 最近Electronを使った最強のTwitterアプリとかが話題ですが、みなさんアイコンのデザインとかどうしてますか? UIはともかくとして、Dockにブチ込めるいい感じのアイコンデザインちょっと面倒くさい……。 そんな人のためにこんなツールを作ってみました。 Yosemite風アイコンジェネレーター http://ls8h.com/yosemite-icon/ API 使い方としては2通り用意しました。 まず、アイコンジェネレータのページから直接マウスやペンタブなどで普通に書いてみる方法。 もう一つは、APIです。 ここはQiitaですので、とりあえずkobitoのアプリアイコンを元にAPIを使って自動生成してみたいと思います。 まずは元となるアイコンを用意します。 大きいですね。1024*1024のサイズで作っています。 Dockにあるアイコンを参考に、マークをいい感じの大き

    Yosemite風のアイコンが簡単に作れるツール作った - Qiita
  • Macのアイコンを変更したり、デフォルトに戻したりする方法 / Inforati

    Macのアイコンをカスタムする方法を紹介します。 Macのアイコンをオリジナルの画像にカスタマイズする方法 変更したカスタムアイコンを削除して元に戻す方法 複数のアイコンを元のデフォルトアイコンに戻す方法 複数のアイコンを同時に変更する方法 アイコンを変更したり、元に戻したりする方法 Macではアプリケーションソフトやフォルダのアイコンを簡単に変更できます。 アイコンを変更する方法 アイコンを変更するには、アイコンに貼付ける画像ファイルを用意します。できれば、縦横512ピクセル以上の画像ファイルをお勧めします。 次に、その画像ファイルを「プレビュー.app」で表示したあと、下のように「編集」メニューから「コピー」コマンドを実行します。 次に、変更したいアイコンを右クリックや「Control」キーを押しながらクリックして「コンテキストメニュー」を出し、「情報を見る」を選びます。 すると、「情

    Macのアイコンを変更したり、デフォルトに戻したりする方法 / Inforati
  • Macのアプリケーションなどのアイコンを任意の画像にする方法。

    こんにちは!@zonotrain29です! なんかMacいじってたら、思ったより楽ににアイコンを作成、変更できちゃったので、ゆる〜くご紹介します。 Macでは簡単にアプリケーションなどのアイコンを変えることができるのですが、その差し替えるためのアイコンを画像から簡単につくってみましょう!というのが今日の記事です。 使ったアプリケーションは… まさかのプレビューとFinderのみです! 使用したMacのバージョンは10.7.4ですが、SnowLeopardでも可能でした。 それ以前でも可能な場合が多いと思います。 それでは説明していきます。 ■アイコンにする画像を用意 ■背景を透過させる 普通にプレビューで画像を開きます。 選択ボタンから「インスタントアルファ」を選びます。 要らない部分をピンク色にしたらdeleteキーを押して透過させます。 そうすると警告が出てくるので、「PNGで複製」を

    Macのアプリケーションなどのアイコンを任意の画像にする方法。
  • Top 50 Free Web UI Kits & Templates – Speckyboy

    Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef

    Top 50 Free Web UI Kits & Templates – Speckyboy
  • iPhone/iPadアプリ用のアイコンを自動でリサイズ・リネームしてくれるMacアプリ | com4tis

    iPhone/iPadアプリを作成する際、各デバイス用にアイコンを作成・名前付けしていくのはなかなか面倒な作業です。 そのような時に使用したいアプリが『IconUtility』です。 ダウンロード IconUtilityはGithubで公開されています。リンク またGitを使用しない場合はこちらから。 使用方法 使用方法は非常に簡単で、インストールしたIcon Utilityを立ち上げ、 画像をドラッグ・アンド・ドロップすれば、 デスクトップに画像が作成されます。 非常に簡単に作成されるのでオススメです。

    iPhone/iPadアプリ用のアイコンを自動でリサイズ・リネームしてくれるMacアプリ | com4tis
  • Mac でのアイコンの変更方法 - Macにスイッチしました

    アイコンを変えてデスクトップの気分を変える Macデスクトップの簡単な見かけのカスタマイズ(変更)としては、デスクトップピクチャの変更(こちらに解説)の他に、「アイコンの変更」が最も簡単にできる変更のひとつです。 アイコンもデスクトップピクチャも変更できることを前提としてシステムが作られているので、変更してもシステムに負担が特にかかるということはありません。 もっとも手軽なカスタマイズといえるかもしれません。 ただし、 Macで使うことのできるアイコンは、Mac 専用のアイコンとなりますので、ダウンロードしてアイコンを使う場合は、その点を注意して下さい。 アイコンの変更方法について解説いたします。 ・アイコンを変更したいフォルダを選びます。変更できるのは、書類でもフォルダでもエイリアスでも種類は問いません。 ・その対象の「情報を見る」(選択したまま右クリックで上から2つ~4つめにある)

  • Mac 上のファイルを表すアイコンについて - Apple サポート

    アイコンは、そのアイコンが表しているものと似た形をしています。たとえば、ハードドライブ (Macintosh HD) のアイコンはハードドライブの形、テキスト書類は用紙の形、フォルダアイコンは書類を保管するフォルダの形をしています。 App のアイコンは通常それぞれが固有の形をしていて、ほかと区別できるようになっています。 フォルダには、書類や App など、ほかのファイルが入っています。一部のフォルダアイコンは、App、書類や音楽など、フォルダの中身がわかるようになっています。 ファイルのアイコンは、そのファイルを作成したアプリケーションやファイルを開けるアプリケーションがわかるように、通常は App のアイコンやその他の画像が付いた書類の形です。 使いたいアイコンや画像をコピーします。 別のファイルで使われているアイコンをコピーするには、ファイルを選択して、メニューバーから「編集」>「

  • Mac OS X のアイコンを作ろう! - [Mac OSの使い方]All About

    情報ウインドウのアイコンの部分をクリックして command + c (コピー)を押し、別のファイルの情報ウインドウの同じ位置で、command + v (ペースト)を押すことで、アイコンがコピーできます。コピー元になるデータは画像データであれば、アイコンである必要性はありません。 Mac OS X でも、Mac OS 9.x と同じように、Finderの“ファイル - 情報を見る”で表示されるウインドウでアイコンをコピー&ペーストできます。 さらに、アイコンサイズではない画像データでもそのままペーストできるので、プレビューなどで表示した画像を編集 ー コピーしたものや、画像編集ソフトの画面をコピーしたものでもアイコンとして貼り付けることができます。 しかし、単純に画像データをコピー&ペーストする方法では画像の透過した部分が白く塗りつぶされてしまうため、かっこ悪くなってしまいます。 では、

    Mac OS X のアイコンを作ろう! - [Mac OSの使い方]All About
  • 1