Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Software

[Mac App] Snappy – 画面内の任意の場所のスクリーンショットを撮る事ができ、メールやSNSを使ってサクっと共有できるアプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

画面内の任意のエリアをキャプチャでき、またその画像をメールやSNSを使ってサクっと他人と共有できるMac用アプリ。今月だけ無料だそうです。「通常は有料だけど今だけ無料」なんという甘美な響きでしょうか。早速DLしました。しかしながら「タダより高いものはない」という言葉もあるのでナニがアレではありますが。スクリーンショット撮るだけならMac OS純正のCommand + Shift + 3がありますが、これはこれで便利ですね。アプリケーションそのものは常駐型なので、常駐アプリを減らしたい人には向かないかもしれません。

[Mac] Mac OS Xのメニューバーを、iOSっぽいダークグレーにするアプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

Mac OS Xのメニューバーの色を、iOSっぽいダークグレーに変更するアプリ。単純なアプリケーション形式なので、ログイン項目に入れておくと起動する時に黒くしてくれるYO!というものです。通常だと白っぽい半透明な色してますが、黒だと確かにiOSっぽいですな。そういやMac OS 7の頃って機能拡張でこの手の見た目のカスタムに夢中になってたな、とか思いました。Kaleidoscopeとか入れてましたわ。いやー懐かしい。

[Design Gallery] SketchMine – Sketchを使って作られたデザイン作例ギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

最近海外のブログでよく見かけるSketchというデザインツールを使って作られた作例のギャラリーサイト。このSketch、以前から気になってはいたものの今んとこは自分は手を出していませんでした。けど調べると結構便利そうなんですよね。ちょうどPhotoshopとIllustratorのいいとこどりをしたようなデザインツールで、Fireworksを好んで使っていたタイプのデザイナーが代替として使う機会が多いみたいです。Webのデザインに特化しているため、デザインの出力先がWebである事の多いデザイナー向けって印象で、自分がちょうどそれに当てはまるんですよね。けど自分の場合Fireworksが嫌いだったので「実際どうなんだろうなー」という感じ。で、このデザインギャラリーではSketchを使って作られた.sketch(.psdみたいなもん)ファイルが配布されてます。クリックすると即ダウンロードできます。結構クールな作例が多いので、その内トライアル版でも使ってみようかな、とか思ってます。ちなみにMac版しかないのでWinユーザーの方はお引き取りくださいませ。

[Software] 15+ alternatives to Adobe Creative Cloud – Adobe Creative Cloud以外の選択肢

  • Pocket
  • このエントリーをはてなブックマークに追加

Adobe Creative Cloud以外の、デザインツールとしての選択肢をまとめた記事。Adobe製品ってバージョンアップにバージョンアップを重ねた結果、ソフトウェアが重かったりたまに変な動きしたり、悪い意味で恐竜的進化をし続けてるので、より洗練された近代的なソフトウェアに移行したいって思うタイミングありますよね。自分の場合もそうで、よくPhotoshopに代わるソフトとか探したりするんですが、結局Photoshopに戻ってきてしまう。まぁ周りがそうだからしょうがないってのもあるんですけどね(Illustratorとか特にそれが顕著)。この記事ではAdobe製品に代わるデザインツールを紹介してて、それらの特徴や値段などについて紹介されてます。自分がこの中で特に気になってるのはPixelmator。以前からこれに移行しようと思いつつまだできてません。コーディングツールとしては最近徐々にDreamweaverからCoda 2に移行してます。Adobe製品ってどれも重いし、Dreamweaverに関して言えばあの不安定な挙動にいい加減うんざりしてたので、できれば使いたくないってのが本音。同じようにAdobeからの乗り換えを考えてる人にとってはナイスなまとめ記事だと思います。

[Photoshop] Photoshoplr – フォトショップ用の機能拡張をレビューするブログ

  • Pocket
  • このエントリーをはてなブックマークに追加

Photoshop用の機能拡張を紹介するTumblrブログ。Tumblrで書いてるのでPhotoshoplrなんでしょうか。どう読むんだろこれ。フォトショプラー? まぁいいや。紹介されてる内容は機能拡張がほとんどだけど、アクションとかワークフローに関する内容も含まれます。リンク先は有料コンテンツだったり無料だったり色々です。実際強力な機能拡張って有料のもの多いですしね。こういうのって便利なんだけど、個人的には機能拡張に頼るのは必要最低限にしたいところ。Photoshop重くなるのアレだしナニなので。

[Photoshop] PHOTOSHOP PANELS – フォトショップ用の機能拡張パネルを集めたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Photoshop用の機能拡張パネルを集めたサイト。機能拡張=パネルが増えるというわけではないんですけどね。これ系の追加パネルは純正のPhotoshopにはない便利な機能を追加する事ができます。けど誰でも使うメジャーな機能はすでに搭載されている事が多いので、結果的に「ワークフローによってはものスゴく便利」といった感じの重箱の隅をつついたような機能のものが多いです。このサイトでは紹介されてないけど、自分はDomonzon Toolとか好きです。特別スゴい機能があるってワケではないんだけど、まぁ相性というか肌に馴染むというか、こういうのってそんな感じのアレですよね。

[Photoshop] Corner Editor – フォトショップで角丸シェイプの丸みを後で修正するスクリプト

  • Pocket
  • このエントリーをはてなブックマークに追加

Photoshopってデフォルトの状態では角丸シェイプの丸みを後から修正する手段ってないんですよね。まぁ今までそれを特に不便だと感じた事もなかったんですが、ちょっと必要に迫られて調べてみたところ外部スクリプトを使えばできるという事が分かりました。リンク先で配布されている.jsxファイルをダウンロードして、Photoshopと同じディレクトリ内にある「/Presets/Scripts/」フォルダ内にファイルをコピーする事でスクリプトのインストールは完了。使う時はPhotoshopでシェイプを選択した状態で「ファイル>スクリプト>参照」を使って「Corner Editor.jsx」で実行できます。左のサムネールのようなシェイプエディットパネルが出るので、丸みの数値を調節してやるとリアルタイムにシェイプが編集されます。また丸み部分のあしらいを編集する機能もあるようです。後になってシェイプの修正を行いたい場合に便利なスクリプト。まぁ言うても使う手順が少し面倒ではありますが。

[Illustrator] Drawscript – ベクターオブジェクトをコード化してリアルタイムに吐き出してくれるイラストレータープラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

ベクターオブジェクトをコード化して、リアルタイムにパネル内にコードを吐き出してくれるというIllustratorプラグイン。生成されたコードはOBJ-C、C++、JAVASCRIPT、JSONなどで利用できるようです。最初画像をBase64にするアレかと思ったけどこれはちょっと違うみたい。最近画像をコード化してソースコードに埋め込む機会って増えてますね。