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

Browse By

Category Archives: Software

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

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

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

[Photoshop] Grid Calculator – PhotoshopやIllustrator用のグリッドジェネレーター

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

PhotoshopやIllustrator用のグリッドを描画してくれるジェネレーター。全体の幅、カラム数、ガター幅(カラムとカラムの隙間)、左右のマージンをそれぞれ入力して、画面下部の「Download grid for」からダウンロードする事ができます。例えばPhotoshop用にダウンロードすると、.jsxファイルに.txt拡張子が付いた形でダウンロードできます。これの.txt部分をファイル名から削除してPhotoshopで開けば(ファイルをドラッグ&ドロップでおk)新規書類がグリッド付きで生成されます。グリッドレイアウトで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を初期化した直後とかのタイミングで困るのがイヤで、あまり外部のプラグインに頼らないようにしてるんですが、たまにクソ便利なものとかあるのでこういうまとめ記事は助かりますな。

[Software] How to build your own Adobe Creative Suite with cheaper Mac app alternatives – Adobe CCの代替アプリまとめ

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

買ったりサブスクリプション契約したりするとちょっとお高いAdobe製品を、より安いMacアプリケーションに置き換えるという趣旨の記事。脱Adobeをしたいデザイナーの方々にとってもナイスなまとめ記事。記事内では「PhotoshopからPixelmatorに乗り換える。費用は14.99ドル」みたいな感じで、既存のAdobeアプリケーションの代替となるMacアプリケーションを値段と併せて紹介しています。Photoshopって実際、人によってはすでにデザインツールとしての主役の役割を降板してて、Sketchに移行済みの人もいますよね。けどPixelmatorがメインツールって人は見たことがない。Fireworksは論外。それに対してIllustratorって代わりが効かないんですよね。他にまともなベクター系ツールを見た事がない上に、フォーマットとしてAIというのが一般的になり過ぎちゃって。個人的には脱Adobeをしたいんだけど、イラレだけは当分無理かなーと思っちょります。あ、ちなみにコーディングはDreamweaverからCoda 2に移行しました。

[Design] Pixelmator入門 – Pixelmatorの日本語リソース

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

Pixelmator入門用の日本語リソース。これから使おうという人にちょうど良さそうなオンラインマニュアルです。自分の場合Photoshopの代替としてどうかなーと思い、ちょっと前にセールしてたタイミングで買ってみたんですが、なかなか使う機会がなくて放置してました( ´・ω・) ちょうど良い機会なのでこれ読んで触ってみようかと思います。Photoshopよりはるかに軽いので、ちょっとした写真加工などに良さそうです。脱Adobeを進めたい人にもオススメです。

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

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

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