Resource - Photoshop

InVisionがフリーで配布するPhotoshop/Skechのワイヤーフレームキット・「Form」

Form Formはプロトタイピングツールを展開するInVisionがフリーで配布しているワイヤーフレームキットです。Photoshop用とSkech用が配布されています。PC向け、スマフォ向け、タブレット向けがそれぞれ用意されており...

SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」

Photopea PhotopeaはSketch(.sketch)やPhotoshop(.psd)、Gimp(.xcf)などのファイルを開き、編集出来るツールです。ブラウザで動くオンラインツールなのでOSを問わず動作します。上図はsk...

Photoshopのツールやリソースを公開する・「UberPlugins」

UberPlugins UberPluginsはPhotoshopのプラグインを紹介するWebサイトです。まぁいわゆるプラグイン販売サイトなんですが、無料のものもちらほらあったので紹介してみます。公開されているプラグインはアバター挿入...

Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」

Fontea FonteaはGoogle Fontsで公開されている700ものフォントをPhotoshop内で使えるようにするPhotoshopプラグインです。OS X、Winの両方に対応しています。検索やお気に入り機能も付いているの...

モバイル向けのフリーUIキット・「Lithium」

Lithium Lithiumは無料で配布されているモバイル向けのUIキットです。カレンダーやログイン、リストなどモバイル向けのソーシャルなアプリ向けに作られているみたいですね。カラーテーマも3種ほど用意されています。ダウンロードには...

Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」

Psddd PsdddはDribbbleに投稿されたUIキットやモックアップ、ボタンや背景、ナビゲーションなどなど、Web制作に使えそうな高品質なリソースをピックアップして配信するWebサイトです。ざっと見るのに良いかもしれませんね。...

スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」

Free to-do app UI kit for Photoshop and Sketch Free to-do app UI kit for Photoshop and SketchはスマフォTodoリストアプリの為のPhotos...

Photoshop内でFlickrから画像を検索できるプラグイン・「Pictura」

Pictura PicturaはPsでFlickrから画像を検索出来るプラグインです。直接Flickr上の任意の画像にアクセスし、配置する事が可能です。著作権フィルタの利用も出来るみたい。モックアップの作成時なんかには便利かもですね。...

BootstrapベースのUIキットをPSDとHTMLで配布する・「Drunken Parrot」

Drunken Parrot Drunken ParrotはBootstrapベースのフラットなUIキットを配布するOSSです。この手のものでは珍しくPSDとHTMLの両方を用意してくれています。ライセンスはCCとMITとの事です。動...

レイヤー内に書かれたテキストを翻訳するPhotoshopプラグイン・「書く Kaku 」

書く Kaku 書く(Kaku)はPSのレイヤー内のテキストを翻訳し、変換するプラグインです。テキストを選択し、オリジナルの言語を設定し、翻訳言語を選択すると翻訳されるようになってるみたい。精度は分かりませんが面白い技術ですね。 ...

手書き風のベクターUIキット・「Jolly UI」

Jolly UI Jolly UIは手書き風のUIキットのベクター素材です。キットの中はAIファイルやPSDファイル、手書き風のフォントが揃えられています。フォントは英字フォントなのでアレですが、モックアップの作成に使えそうですね。 ...

iPadやiPhoneなどのデバイス向けのフラットデザインなモックアップ用素材・「Flat Apple’s Devices Mockup」

Flat Apple's Devices Mockup Flat Apple's Devices MockupはiPadやiPhone、Macbook等のApple製デバイス向けに作られたフラットデザインなモックアップ素材です。PSD...

スマフォ向けの美しいデザインのUIキット・「Flatastic Mobile UI Kit」

Flatastic Mobile UI Kit Flatastic Mobile UI Kitはスマフォ向けの美しいデザインのUIキットです。よく使われるインターフェースは勿論、スマフォならではのUIなども含まれています。見やすくてい...

PSDファイルのバリデーションツール・「PSD VALIDATOR」

PSD VALIDATOR PSD VALIDATORはPSDファイルのバリデーションを行うWebアプリです。エラー等の基準は、Psを利用する際のエチケットをまとめたWebサイトのPhotoshopetiquette.comを基準とし...

有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」

Popular UIs Popular UIsは有名なサイトのUIを再現したPSDを配布するサイトです。HerokuやGitHub、Designer News、AppleやFacebookなどがあるようです。 Popular U...

Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」

Metrize Icons Metrize IconsはMetroスタイルなアイコンのセットです。シンプルで使いやすそうですね。SVGやWebフォントも用意されています。ライセンス形態は明示されていませんが、商用で使えて帰属表記の必要...

Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」

Retinize It Retinize ItはiOSで採用されているRetinaディスプレイに対応する為の画像を作れるPhotoshopアクションです。@2xのファイルを作成する事ができます。ドロップシャドウを用いている場合は諸注意...

PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」

The Photoshop Etiquette Manifesto The Photoshop Etiquette ManifestoはWebデザインをする上での、Photoshopのファイルの扱い方のエチケットをまとめているサイトで...

学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」

Student Show Student Showは、学生の方が作成した作品のみを紹介するWebギャラリーです。掲載されているものはイラストやロゴ、アニメーションなど様々。学校名でカテゴライズされています。Behanceの姉妹サイトの...

PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」

CSS3Ps CSS3Psは、PhotoshopのレイヤースタイルをCSS3に変換するプラグインです。Sassにも対応しています。 CSS3Ps

iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」

Photoshop Grids Photoshop Gridsは、iPad/iPhone用のグリッドとして作られたPhotoshop用テンプレート。ガイドも既に引かれており、モバイルファーストなWeb制作向けとして使えるようになってい...
Ads