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

Browse By

Tag Archives: PhotoshopPlugin

[Photoshop] Fontea – Google Fontsをフォトショップで使えるプラグイン

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

Google FontsをPhotoshop内で使う事ができるようになるプラグイン。インストールする事でGoogle Fontのフォントラインナップの中から任意にチョイスして使う事ができます。現在700のフォントが用意されているそうなので、いやまぁこれなかなかスゴい数ですな。カテゴリーなどから抽出する事もできるようです。しかもこれ無料で使えるようです。フォント収集癖のあるタイポおじさんに超オススメ。俺も早速入れてみます。

[Sketch, Photoshop] Craft – ダミーデータ入力に便利なSketch, Photoshop用プラグイン

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

WebやUIデザインでよく行うダミーデータを、簡単に生成してくれるプラグイン。SketchとPhotoshop用の2種類が用意されています。動画見ると分かるんですが、ダミーのユーザープロフィールなどを自動で生成して、かつそれを挿入までしてくれるようです。入力する項目の内容も細かくカスタマイズできるようで、これで無料ってのはスゴいなと思いました。ユーザーアカウントの存在するモバイルAppなんかのデザインに使えそうです。

[Photoshop Plugin] Ditto: Use variables in Photoshop – 複数のレイヤーを一括で操作できるようになるプラグイン

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

レイヤーに属性付けをする事で、1つのパネルから複数レイヤーを一括で操作する事ができるようになるPhotoshopプラグイン。言葉で説明してもよく分からないかもしれませんが、リンク先にあるアニメーションGifを見ればなんとなくどういうものか分かると思います。これよく見ると、レイヤー名の末尾に「#btnText」といった感じでCSSみたくIDが付いてるんですね。で、パネル内から色やテキストを変更すると、このIDが付いたレイヤーがまとめて変更されるという仕組み。ボタンなどの要素が重複するUIパーツに使うと一括編集できるようになるので、生産性上がりそうですね。

[Photoshop Plugin] UberFaces – ユーザープロフィール写真のランダムジェネレーター

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

Webサービスなんかでよくある、ユーザーのプロフィール写真のランダムジェネレーター。Webデザイン段階でのモックアップ制作なんかに使えそうです。キャンバス上に範囲選択してボタン押すだけで配置できるというのはお手軽でイイですね。既存の複数のシェイプに対して一括で適用できるというのも便利。男女それぞれに限定する事もできるようです。いちいちWebから人の写真拾ってくる手間が省けそうです。

[Photoshop Plugin] FREE SEAMLESS TEXTURES GENERATOR – テクスチャからタイルパターンを生成してくれる機能拡張

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

1枚のテクスチャ画像から、タイルパターンを生成してくれるPhotoshop用プラグイン。ちょっとこのサイト固定リンクが貼れないのでトップにリンクしてますが、チュートリアルはここから見ることができます。動画見ると分かるんですが、タイルパターン生成のためにの新規書類にまずは画像をペーストして、その後アクションを使ってタイルパターン化しているようです。上下左右にループするよう、複数のコピーレイヤーを生成してます。通常テクスチャをパターン化する場合、だいたいこの流れを手作業でするんだけど、このプラグイン使えばサクっとパターンにできそうです。なかなかイイですなこれ。

[Photoshop Plugin] FontAwesomePS – FontAwesomeのアイコンをフォトショップでも使えるようにする機能拡張

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

WebフォントライブラリであるFontAwesomeのアイコンを、Photoshop内でも使えるようにする機能拡張。FontAwesome、自分仕事でもよく使いますが、アイコンの種類が多いためすごい便利なんですよね。プラグインをインストールすると専用のパネルが表示され、一覧からアイコンを探してPhotoshopのキャンバス内にベクターデータで貼り付ける事ができます。FontAwesomeのサイト同様、キーワードを使ってアイコンを検索できる点もナイスです。これ使えば、アイコン素材探す時にWebから拾ってくるよりもずっと楽になります。

[Photoshop] 60+ Best Photoshop Plugins For Web Designers – Webデザイナーのためのフォトショッププラグインまとめ

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

WebデザイナーのためのPhotoshopプラグインをまとめた記事。この記事数がスゴくて、60個以上のプラグインが紹介されてます。前半は無料のプラグインが、後半は有料のものが紹介されてます。個人的にはPhotoshopのバージョンアップとかMacを初期化した直後とかのタイミングで困るのがイヤで、あまり外部のプラグインに頼らないようにしてるんですが、たまにクソ便利なものとかあるのでこういうまとめ記事は助かりますな。

[Photoshop Plugin] Swatchy – スウォッチをフォルダ管理できる機能拡張

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

スウォッチをフォルダ管理する事のできるPhotoshop用機能拡張。使い方はサイト内にあるアニメーションGifを見ればだいたい分かります。カラーパレットで作った色をSwatchに新規保存して、まとめたいものはフォルダの中にインできるようです。デザイン対象ごとにカラーパレットって異なるので、案件ごとにフォルダ分けて管理すると便利やなー思いました。この機能純正で用意してほしいな。