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

Browse By

Tag Archives: Photoshop

[Freebie] 90 Free Switch, Toggle Button PSD Designs – スイッチやトグルボタンのPSDをまとめた記事

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

スイッチやトグルボタンをデザインしたPSDファイルがまとめられた記事。いわゆるいろんなパーツが入った「UIキット」ではなく、もうほんとボタンのみです。見た目、機能面において様々なアイデアが紹介されているので、WebサイトやMobile App作る時の参考になりそうです。けどどちらかというとスキューモーフィックな手法でデザインされたものが多いので、フラット前提のデザイン物の場合はアレだしナニかもしれません。

[Photoshop] LiveShare PS – 制作作業を他者とリアルタイムに共有できるフォトショップ用プラグイン

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

なにこれスゴい。Photoshopを使った制作作業を、他者とリアルタイムに共有できるプラグインだそうです。何をどのように共有できるのかは、動画見てもらうと手っ取り早いかも。共有開始後、デザインを複数ユーザーと共有でき、クライアント側からは注釈のようなものも書けるようです。なんかこれスゴいなぁ。デザインミーティングを遠隔で行う際にめちゃめちゃ便利ですね。ついでにモバイル・ミラーリングという機能もあり、これはあいぽんアプリ作る際に使えそうです。ナイスですねー。

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

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

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

[Typography] 40 of The Best Text Effect Tutorials Crammed With Photoshop Expertise – テキストエフェクトのチュートリアルまとめ

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

テキストエフェクトのチュートリアルを40例集めた記事。どれもPhotoshopを使って作られてます。手の込んだ作例が多く、また紹介されている数も40と結構な量です。ものによっては3Dの機能を併用しているものもあります。ロゴデザインやタイポグラフィ制作する際のネタ帳としてなかなかナイスなまとめ記事。

[Photoshop Action] iOS 7 UI Kit Ps Actions – iOS7向けUIデザインに便利な、フォトショップ用アクションキット

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

これはスゴいかも。iOS 7を対象としたUIデザインする際に便利な、Photoshop用アクションキットが無料で配布されてます。動画を見さえすれば、Photoshopユーザーなら何がどうスゴいのかすぐに理解できるはず。まぁようするにアクションボタンそれぞれにUIパーツの描画が割り当てられていて、ボタンひとつ押すだけでタイトルバーやらリストやらダイアログなどのUIパーツがポンポン出てくるわけです。いやこれめちゃめちゃ便利ですね。早速ダウンロードしました。あとUIパーツ以外に、アプリアイコンのテンプレート類も入っているようです。今仕事でAndroidのUIデザインしてるんですが、なんかこう色々とインターフェースが美しくなくて陰鬱としているので、iOSの仕事したいなーと思いました。
そういや昨晩iOS 8の発表あったけど、今回は7の時ほどUIがガラっと変わる印象ではなくて、とりあえずは一安心といったところです。WWDCは開発者のためのお祭とはいえ、新デバイスの発表なかったのはちと寂しいけどね・・・。

[Design Resource] oozed – デザイナーのためのリソースをまとめたサイト

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

デザインする上で役立つ情報や素材を、カテゴリごとにまとめて紹介するサイト。一部を抜粋すると、UXやPhotoshop素材、写真、モーショングラフィックス、マップ、レスポンシブ・レイアウトのためのリソース、JS、アイコン、CMS、モックアップ素材、プロトタイピング、CSS、タイポグラフィー、HTML5、Sketchなどの、Webだけに限らずデザインに関する様々なリソースが紹介されています。最近じゃデザイナーも「俺Webだけ!」とか「印刷だけ!」ってわけにもいかないですしね、手広く何でもやれないと仕事ないですしね。マチルダさんも「軍の組織はあって無きがごとしです。何でも出来る人が重宝がられているんですよ」と言ってましたしね。

[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するなどのイタズラにも使えそうです。