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

Browse By

Tag Archives: Photoshop

[Web Design] Mac OS X Safari Web Browser Elements – Safariのブラウザパーツ(フォームパーツ含む)

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

Mac版SafariのブラウザパーツのPSD。ブラウザウィンドウのガワやボタン類などがPSDで配布されてます。このPSDが素晴らしい点として、フォームパーツ入力エリアやチェックボックス、プルダウンなどのフォーム系純正パーツも揃っている点。こういうのってWebのデザインしてると地味に必要だったりするんですよね。ただしスクロールバーはTigerあたりまでのAqua UIのものなので、今となっては少し古くさいかもしれません。

[Photoshop] Photoshop add-ons you should be using – 使えるフォトショップ用プラグイン

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

使えるフォトショップ用プラグインのまとめ記事。デザイナーの人が思う「これいいゼぇ!」っていうノリのアレです。オブジェクトの角のシェイプを編集するもの、PSDからCSS3への出力ツール、グリッド生成などが紹介されています。機能拡張って入れすぎると重くなるから多少注意も必要なんだけど、なんだか便利そうなものがいくつかあるので試してみようかと思っちょります。iOS Appの制作に便利だというBjango Tools, Actions & Workflowsあたり特に気になります。

[Typography] 20+ New Photoshop Text Effect Tutorials – フォトショップで行うテキストエフェクト作例まとめ

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

Photoshopを使って行うテキストエフェクト作例のまとめ記事。20+ Newとありますが、わりと他のまとめ記事で見た事のある作例がチラホラありました。けど紹介されている作例の質が高く、「これ今度マネしよ」みたいなのがいくつかあったので備忘録も兼ねて紹介。印象的なテキストエフェクトのネタ帳として是非これひとつ。

[Brush] QBrushes – Photoshop用のブラシファイルの配布サイト

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

Photoshop用のブラシファイルの配布サイト。新着順やカテゴリーごとにブラウズして目的のブラシファイルを探す事ができます。見たところかなりの数のブラシファイルが掲載されているようです。この手のサイトだとBrusheezyあたりが有名だけど、ブラシ探しの際に併用するといいかも。

[Photoshop Action] 55 Brand New Adobe Photoshop Actions for 2013 – フォトショップ用のアクションまとめ

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

Photoshop用のアクションファイルのまとめ、2013年度版だそうです。わりと新しい素材ばかりがまとめられているようです。バッチ処理で生産性を高めるためというよりは、フォトオペレーションに関するものが多いです。Instagramのようなレトロ調に加工する系のアレですね。様々なフォトエフェクトが紹介されているので、それ系の加工をしたい場合の素材探しに便利かと。

[Photoshop] RefillReadr – Refillと呼ばれるデザインパーツを使うためのフォトショップ用プラグイン

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

Pixeldroprの提供するRefillと呼ばれるデザインパーツを、Photoshop内で効率良く利用するための機能拡張プラグイン。まぁこのRefillというのが何なのかについての理解がまず必要ではあるんだけど、ようするに汎用的に使えるPSB(スマートオブジェクト)みたいなもんです。パーツごとにレイヤー分けがされているUIパーツといいますか、それらを簡単に使えるようになるよ、というもの。で、そのRefillが揃っているのがこちらのストア。ストアという点でなんとなくピンとくるかと思いますが、まぁようするにここでフリーのものとプレミアムパックとを販売して利益を得ようというモデルのようです。なーんだ有料なのかと思うけど、無料のパックもそこそこ配布されてて、使ってみたらそれなりに便利ではありました。使い回しの多いパーツ類を登録しておくなど、使い勝手としては悪くないなぁという印象。生産性を高める目的などには使えそうです。

[Photoshop] Isometrify – 立方体の各面に張り付くように画像を変形するフォトショップ用プラグイン

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

立方体の見えている3面に張り付くように、画像を変形させるというごくごく限定的な用途のPhotoshop用プラグイン。パースに合わせたグリッド生成もできるようです。こんなん使う機会あるんかいな、と一瞬思ったのですが、つい最近似たような加工をした経験を思い出したので紹介してみました。まぁ普通に自由変形ツールでもできるっていやできるんですが、こういうデザインパーツを量産する時なんかには役に立ちそうです。プラグインでなくてアクションでもできそうな気がしますけどね。

[Photoshop] 20 Crucial Photoshop Features All Web Designers Should Know – デザイナーが知っておくべきフォトショップの機能

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

デザイナーが知っておくべきPhotoshopの機能、という内容の記事。その内容はグリッドを使いましょう、スナップ機能を知りましょう、ファイルのオーガナイズ方法(レイヤーフォルダとかね)、ショートカット一覧、バージョン管理、レイヤーフォルダーに対するマスク、パターン色々、ビットマップのベクター化など。まぁわりとデザイナーなら「そんくらやってるYO!」的な内容が多いんだけど、それぞれリソースへのリンクなどが用意されていて、知識や経験を掘り下げたいという場合にナイスな内容かと。パターンのまとめとか個人的にナイスでした。


Warning: Trying to access array offset on false in /home/users/0/mantid2/web/mantiddesign/wp-content/themes/mStyle8/footer.php on line 8