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

Browse By

Category Archives: Software

[Photoshop] Quickly Export Your PSD Files – PSDファイルをサクっとPNGに書き出す方法

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

このTipsなかなかナイス。Photoshopで作成したPSDファイルを、PNGやJPGなどにサクっと書き出すというもの。手順をざっくり説明すると、Photoshopで「Web用に書き出す」流れのアクションを作っておいて、「ファイル>自動処理>ドロップレットを作成」でFinder上にファイルとして自動処理ファイルを保存する。あとはその自動処理ファイルをFinderウィンドウのToolbar内にでも置いておけば、そこにPSDファイルを放り込むだけでサクっと書き出す事ができるYO!というもの。概要としてはとてもシンプルで、生産性も高くなるなぁと思って感心しました。ちなみに記事内では触れられてませんが、この人の場合SlicyなんかもFinder Toolbar内に登録してますね。なかなか素晴らしいアイデアなので早速マネしちゃいます。

[Photoshop] kaku – PSD内のテキストボックスの中身を翻訳してくれるプラグイン

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

デカデカと表示された「書く」という日本語が印象的ですが、ちゃんとしたPhotoshop用のプラグインです。英語圏のいわゆる「漢字超クール!!」的なアレのようです。日本人の目で見るとちょっとフザけてる系にしか見えませんが、このプラグインすごく便利そう。PSD内のテキストボックスの内容を翻訳できます。今記述されている言語と、翻訳したい言語を選択するだけで、Photoshopの中で翻訳が可能です。まぁ「翻訳サイト行ってコピペすりゃイイじゃん」と言われれば確かにそうなんですが、Photoshopの中だけで完結できるというのがナイス。サイトの多言語対応する際に使えそうです。しかしまぁ「書く!」ってね、なんかアレですけどねw

[Photoshop] Photoshop Social Share Plugin – 画像をSNSで簡単にシェアできるフォトショッププラグイン

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

Photoshopで作った書類を、SNSでサクっと共有できるプラグイン。SNSだけでなくAirDropやiPhoto, Aperture, Messageへのエクスポートもできるようです。共有する前にどのフォーマットで書きだすのか、また使うメールソフトの指定などができます。顧客とのやりとりをする際にかかる時間をちょこっと短縮できそうです。あとFacebookに上がった友人の写真をコラってうpするなどのイタズラにも使えそうです。

[Illustrator] Layer Exporter – イラストレーターのレイヤー内オブジェクトを書き出せる機能拡張

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

Illustratorのレイヤー内オブジェクトを、様々なフォーマットで書きだす事のできるプラグイン。SVG、PNG、JPG形式のいずれかでエクスポートできるようです。またオプションでHTML書き出しもできるようで、外部ファイルとして画像が生成される形で保存できます。インストールはAdobe Exchangeからできるようで、無料です。1つのファイル内でロゴ案を複数作って、それを個別に書き出したい時なんかに便利そうです。

[Photoshop] Photoshop Tips & Tricks by IceflowStudios – フォトショップの様々なチュートリアルを動画で紹介するサイト

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

Photoshopを使った様々なチュートリアルやTipsを、動画で紹介するサイト。記事詳細画面に入る事で、サイト内で動画を見る事ができます。紹介されている内容は様々で、Photoshopに関するいろんなオペレーションを学べます。これからPhotoshopを勉強するって場合や、講師が使う教材としてナイスですね。作例もわりとクールなものが多い印象です。

[Photoshop Plugin] Photoshop Font Detector – PSD内で使われているフォントを検知してくれるプラグイン

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

Photoshopで開いたPSD内で使われているフォントを教えてくれるプラグイン。フォントを調べたい場合はテキストツールにして文字をクリックすればイイと言えば確かにそうなんですが、このプラグイン使えば一括でリストにしてくれるようです。いやこれ便利ですね。チームでのデザイン作業など、他者の作ったPSDを扱う場合に便利です。「×××ってフォントがねぇぇ!!」的な事って実際よくありますしね。

[Photoshop Plugin] Velositey – フォトショップでのWebレイアウトのためのプラグイン

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

Photoshopを使ったWebレイアウトに特化したプラグイン。どういうツールなのかを知るには、紹介動画を見るのが一番早いですが、これ見ると「こんなんチートじゃねぇかwww」って思うくらい簡単にレイアウトしてます。まずグリッドを引いて、ヘッダ置いてメインビジュアル置いてコンテンツエリア置いて最後にフッタ置いてトリミングして、はいできたでしょ、という感じ。ちゃんと一般的なWebレイアウトになってます。便利だと思う反面、こういうツールに頼ってしまうと画一的なレイアウトなってしまうという側面ももちろんありますが、試しに今度使ってみようかなと思うくらいのツールです。

[Photoshop] The 12 Best Free Photoshop Plugins for Designers – デザイナーのためのフォトショッププラグイン

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

デザイナーのためのPhotoshopプラグインを12個まとめた記事。SNS用の画像吐き出しをサポートするもの、レイヤー関連ツール、スライサー、CSS3への変換ツール、アイコンライブラリ、ガイド生成、レイヤーコンプレッサー、Webフォントツール、レイヤー書き出しツールなどがあります。プラグインって入れ過ぎると重くなったり不安定になったりするので自分はあまり入れないようにしてますが、「こればっかりは手放せねぇ」的なものも長く使ってるとありますよね。Photoshopが日常のツールな人に是非これひとつ、という内容の記事。