[Pattern] Collection of Free Photoshop Patterns – フォトショップ用のパターンファイルまとめ
Photoshop用のパターンファイルのまとめ記事。どれもフリーで配布されていて、種類も様々です。石や木や紙などのテクスチャ系、唐草、かわいい系のパターン、タイル、ヴィンテージ、イラスト、ドットなど色々あります。わりとカワイイ系のもの多い印象。テクスチャ探しにどうぞ。
Tag Archives: Photoshop
[UI Design] 25 Trendy Free Flat UI Kits for User Interface Designers – フリーのフラットUIデザインキット
フリーで配布されているフラット系のUIキット。全部確認したわけじゃないですが、だいたいPSDで配布されているようです。WebやMobileAppで使い勝手の良さそうなUIパーツが素材としてダウンロードできます。タイトルに「トレンディー」と付いてるあたりがアレゲな感じではありますが、まぁ実際流行ってますしね。一口にフラットUIとは言っても、この記事見てるといろんな手法があるなぁと思います。デザインのネタ探しにも良いかもしれません。
[Photoshop] Photoshoplr – フォトショップ用の機能拡張をレビューするブログ
Photoshop用の機能拡張を紹介するTumblrブログ。Tumblrで書いてるのでPhotoshoplrなんでしょうか。どう読むんだろこれ。フォトショプラー？ まぁいいや。紹介されてる内容は機能拡張がほとんどだけど、アクションとかワークフローに関する内容も含まれます。リンク先は有料コンテンツだったり無料だったり色々です。実際強力な機能拡張って有料のもの多いですしね。こういうのって便利なんだけど、個人的には機能拡張に頼るのは必要最低限にしたいところ。Photoshop重くなるのアレだしナニなので。
[Photoshop] PHOTOSHOP PANELS – フォトショップ用の機能拡張パネルを集めたサイト
Photoshop用の機能拡張パネルを集めたサイト。機能拡張＝パネルが増えるというわけではないんですけどね。これ系の追加パネルは純正のPhotoshopにはない便利な機能を追加する事ができます。けど誰でも使うメジャーな機能はすでに搭載されている事が多いので、結果的に「ワークフローによってはものスゴく便利」といった感じの重箱の隅をつついたような機能のものが多いです。このサイトでは紹介されてないけど、自分はDomonzon Toolとか好きです。特別スゴい機能があるってワケではないんだけど、まぁ相性というか肌に馴染むというか、こういうのってそんな感じのアレですよね。
[CSS3] Convert Photoshop Drop Shadows to CSS3 Box & Text Shadows – フォトショップのドロップシャドウ指定を入力すると、CSS3での指定に変換してくれるサイト
Photoshopのレイヤースタイル内で指定したドロップシャドウの値を入力すると、CSS3での指定に変換してくれるサイト。数値は手入力なので手間といえば手間ですが、PSDでデザインしたものと同じプロパティ指定に正確に変換してくれるのは便利です。全く同じ影を描画したいんダ！という神経質なデザイナー・コーダー向きかもしれません。自分はそのへんいいかげんな正確なのでだいたいオッケーならオールオッケーという感じで、いつものらりくらりとやっておりますが。
[Photoshop] Halftone Creator Photoshop Plugin – カラーハーフトーンエフェクトのフォトショップ用プラグイン
Photoshopを使ってカラーハーフトーンエフェクトを追加するためのプラグイン。ハーフトーンエフェクトはPhotoshopの純正フィルターにもありますが、こいつはまた違った印象のエフェクト。漫画っぽい雰囲気になります。ドットの大きさは3種類から選べるようです。見た感じポップな印象の絵作りに使えそうな感じです。デモ動画もサイト内にあります。昨日Adobeが「Fireworksのメジャーアップデート止めるYO！」と発表した事で、今後よりPhotoshop需要は増えるんでしょうかね。個人的にはFireworksがなくなってもまるで困らないんですが、デザインツールとして位置づけてた人にとっては阿鼻叫喚なんでしょうね。
[Photoshop] Retinize It – Retinaディスプレイ向けのAppやモバイルサイト制作に便利なフォトショップ用アクション
iPhone 4以降のRetinaディスプレイに対応したMobile AppやWebサイト制作時に便利なPhotoshop用アクション。サイト内記述の手順によると、レイヤーやレイヤーグループを選択してアクションを走らせると、書き出すファイルのネーミングをするだけで通常の画像と倍の解像度の画像（いわゆる@2x付きのもの）が書き出せるようです。Retina用のサイズでPhotoshop上でオーサリングして、書き出す際に半分のものも書き出してくれるって感じでしょうか。便利そうなので今度使ってみようかと思います。
[Photoshop] Corner Editor – フォトショップで角丸シェイプの丸みを後で修正するスクリプト
Photoshopってデフォルトの状態では角丸シェイプの丸みを後から修正する手段ってないんですよね。まぁ今までそれを特に不便だと感じた事もなかったんですが、ちょっと必要に迫られて調べてみたところ外部スクリプトを使えばできるという事が分かりました。リンク先で配布されている.jsxファイルをダウンロードして、Photoshopと同じディレクトリ内にある「/Presets/Scripts/」フォルダ内にファイルをコピーする事でスクリプトのインストールは完了。使う時はPhotoshopでシェイプを選択した状態で「ファイル＞スクリプト＞参照」を使って「Corner Editor.jsx」で実行できます。左のサムネールのようなシェイプエディットパネルが出るので、丸みの数値を調節してやるとリアルタイムにシェイプが編集されます。また丸み部分のあしらいを編集する機能もあるようです。後になってシェイプの修正を行いたい場合に便利なスクリプト。まぁ言うても使う手順が少し面倒ではありますが。