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

Browse By

Category Archives: Software

[Photoshop] iOS Photoshop Actions & Workflows – iOS Appのデザイン制作に便利なフォトショップ用アクション

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

iOS Appの制作に便利なPhotoshop用アクションがフリーで配布されてます。配布元のbjangoはiPhone Appなどの開発会社で、scala viewとか作ってるトコです。そこのデザイナーが「普段よく使うコマンドをアクションファイルにしてまとめたから好きに使ってネ!」という事で配布してるようです。試しに入れてみたんですが、いやこれ便利ですわ。ピクセルスナップのオン・オフとかリサイズとかキャンバスを相対的に広げるのとか、超実用的。いくつかのアクションはFキーにも割り当てられてるので、このデザイナーさんと同じ手癖が付きそうです。ただしFキーはF13〜F15に割り当てられてるので、Appleの有線キーボード推奨です。わたくし常用決定ですわこれ。

[Software] keyonary – アプリケーションのショートカット検索サイト

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

様々なアプリケーションのショートカット検索サイト。リンク先はこのサイト内で「Photoshop」で検索かけたURLとなってます。わたくしPhotoshopはもう10年以上使っておりますが、それでもまだまだ知らない機能とかショートカットとかあります。シェイプツールで「+ / -」押すとシェイプに追加と削除モードになるなんて知らなかった! いやいいですねこのサイト。ショートカット野郎にはとってもナイスです。ちなみにこのサイト、ショートカットの投稿もできます。誰かがまとめているわけではなく、ユーザーからの投稿による情報サイトという位置づけですね。

[Photoshop Plugin] Cut&Slice me – Mobile Appの画像ファイル書き出しに便利なフォトショッププラグイン

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

このプラグインとってもナイスです。iOSやAndroidなどのMobile Appのデザイニングに関わる人にオススメ。PSDファイルから各レイヤーフォルダごとにスライスを自動生成してくれるPhotoshop用プラグインです。通常のスライスとは異なり、細かいエリア指定をする事なく透過PNGで一気に書き出す事ができます。仕組みはわりとシンプルで、レイヤーフォルダに固有のネーミングールで名前を付けるだけ。書き出し作業時にプラグイン側がレイヤーフォルダ内の各オブジェクトの範囲を認識して、個別に書き出してくれます。ネーミングルールを覚えるのにちょっとコツはいるけど、1度慣れてしまえば生産性をグっと挙げる事ができそう。書き出しはiOSとAndroidに対応していて、それぞれ専用の書き出しボタンが用意されてます(一番右のはPC用Appかな?)。試しにどんなものか見たい場合は、プラグインインストール後にサイト内からDLできるサンプルファイルを開いて書き出してみましょう。ちょっと時間はかかるものの、ほっておけばPNGファイル群を書き出してくれます。いやこれスゴくイイですわ。次からUIデザインする時はこれベースで作ろう、って思いました。

[Mac App] Cathode Vintage Terminal – ブラウン管モニターぽいターミナル代替アプリ

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

昔懐かしいブラウン管モニターに表示されたようなエフェクトのTerminal代替アプリ。画面のベゼル、球面の歪み、ハイコントラストな文字の残像、発光管の隙間など、細かい所まで丁寧に作り込まれています。こうしたエフェクト類は個別にカスタムできるようで、画面いっぱいに表示すれば80年代ぽい感じでターミナルを操作できます。最新型のiMacとかでわざわざこれをやるとかなかなかホットです。実用性があるかどうかはこの際別問題なのであります。

[iPad App] 40 best iPad apps for designers – デザイナーのためのiPad App

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

デザイナーのためのiPad Appというまとめ記事。ターゲットがターゲットなだけにAdobe製のAppが多いです。Photoshop連携とかスケッチとかフォント関係のものとか、デザインの仕事してる人が喜びそうな内容です。記事は複数のデザイナーからの寄稿によってできており、人によってはモックアップ制作や、本格的なコーディングツール、また定番のEvernoteやDropboxなどを勧めてる人もいます。全部で3ページあってなかなか読み応えのある内容。

[Photoshop] CanLinkIt – 別のPSDをリンクする事で作業を効率化するフォトショップ用プラグイン

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

フォトショップで開いてる書類の中に別のPSDをリンクする事で作業効率を上げるフォトショップ用プラグイン。「そんな事ならスマートオブジェクトできるじゃんかよ」と思うかもしれませんが、あれはPSBファイルで、PSDファイルの子要素となります。けどコイツはPSD同士のリンクなので、インクルードされているPSDを修正すれば、そのPSDにリンクしている書類全ての要素に反映されます。Webデザインで言えばナビゲーション要素とかにいいですね。1つのPSD修正すると全部に反映。いやこれナイスです。早速使ってみよっと。けどよく考えたら、サイトデザインって以前のようにページごとにPSD作るんじゃなくて、1つのPSDの中でグループに分けて作ってんな・・・とも思いました。まぁ便利な事には変わりありませんが、どれだけ便利になるかは人それぞれ、ワークフロー次第って事になりますかね。

[Photoshop] Collection of New Photoshop Actions – フォトショップ用アクションまとめ

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

フォトショップ用のアクションファイルがまとめられた記事。よくこれだけ集めたな・・・というくらいたくさん紹介されてます。けどInstagram全盛の背景を反映してか、レトロな感じというかトイカメラ風というか、それ系の写真加工ものがほとんどです。いわゆるルーチン作業に向いたバッチ系のアクションとか、作業効率化系のものはありません。似たような処理を複数回行う際にいいですね。

[Shortcut] shortcutFoo – 様々なアプリのショートカットを勉強するためのサイト

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

Vim, Sublime, Emacs, TextMate, Visual Studio, Xcode, Command Line, Photoshop等、様々なアプリのショートカットを勉強するためのサイト。最初は「この操作の時はこのキー」という感じで教えてくれるんだけど、ある程度レッスンを受けると時間制限アリの問題形式になります。また最初から腕に覚えのある人は、いきなりドリルに進む事もできます。自分の場合フォトショップに関してそれなりに長く使ってるのでテストを受けてみました。するとこれが結構できない・・・。「あーこれ何だっけ」みたいな感じで結構間違えます。出題は英語ですが、各ソフトウェアを使った事のある人ならだいたい分かる内容です。自分のショートカット知識を再確認するのにナイスなサイトですね。