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

Browse By

Tag Archives: Photoshop

[PSD] 30+ Inspiring Free Calendar and Date Picker PSD Designs – カレンダーデザインのPSDまとめ

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

様々なデザインのカレンダー作例を集めた記事。各リンク先ではPSDが配布されているようです。Mobile AppのUI制作などでカレンダーをデザインする機会って意外とあるので、そんな時のネタ帳として使えそうです。けどカレンダーのデザインってオブジェクトが多いだけに結構手間がかかるんですよね。わたくしつい先日結構な時間をかけてカレンダーデザインしたのですが、サクっと機能オミットされてショボーンな感じになりました。まぁね、そんな事もね、ありますよね・・・。

[Photoshop] iOS Photoshop Actions & Workflows – iOS Appのデザイン制作に便利なフォトショップ用アクション

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

iOS Appの制作に便利なPhotoshop用アクションがフリーで配布されてます。配布元のbjangoはiPhone Appなどの開発会社で、scala viewとか作ってるトコです。そこのデザイナーが「普段よく使うコマンドをアクションファイルにしてまとめたから好きに使ってネ!」という事で配布してるようです。試しに入れてみたんですが、いやこれ便利ですわ。ピクセルスナップのオン・オフとかリサイズとかキャンバスを相対的に広げるのとか、超実用的。いくつかのアクションはFキーにも割り当てられてるので、このデザイナーさんと同じ手癖が付きそうです。ただしFキーはF13〜F15に割り当てられてるので、Appleの有線キーボード推奨です。わたくし常用決定ですわこれ。

[Prototyping] Free Photoshop Wireframe Kit – スマートオブジェクトを使ったワイヤーフレームのPSD

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

フリーで配布されている、ワイヤーフレームを制作するためのPSD。このPSDファイルの良い所は、各オブジェクトがスマートオブジェクト(.psb)になっている点です。使い方としては新規キャンバスにこれらのスマートオブジェクトをポンポン放り込んでいきます。同一のpsbを参照している複数のオブジェクトがあるなら、1つ修正するだけで全部変わります。またワイヤーフレームからデザイン段階に遷移する際にはpsbの中身を作り込んでいけば良いので、同じpsdファイルでデザイン段階にまで移行する事ができます。いやこれとってもナイスです。ディレクターとデザイナーが同じファイルを使って作業を1本化できますね。このアイデア鼻血が出るほどナイスなので、早速仕事で使わせてもらいます。

[Tutrial] 25 tutorials to build up your design skills – デザインスキル向上のための25のチュートリアル

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

デザインスキル向上のための25のチュートリアルをまとめた記事。デザインスキルと言っても実際対象物って色々あると思うんだけど、ここではWeb、ロゴ、MobileApp、アイコン、印刷物など様々なジャンルのデザイン物に関するチュートリアルが紹介されてます。使うツールは制作物によってPhotoshopだったりIllustratorだったりIn Designだったりします。アレもコレもデザインしなきゃいけない、というタイプのデザイナーさんにオススメの内容。

[PSD] 20 Valuable Free PSD Files For Designers – フリーで配布されているPSDまとめ

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

フリーで配布されているPSD素材のまとめ記事。ハードウェアの画像、アイコン、UIパーツなどがその内容。このまとめ記事の良いところは、リンク先がわりとバラバラだという点。こういうまとめ記事にたまにあるんですが、リンク先が全部dribbbleだったりすると「じゃdribbble見ればイイじゃん」みたいなアレになってしまうので、いろんなPSD配布サイトから素材をかき集めてる感じがナイスです。デザイナーのネタ帳に是非。

[Photoshop] 30 Fresh Photoshop Tutorials for Graphic Designers – グラフィックデザイナーのためのフォトショップチュートリアル

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

グラフィックデザイナーのためのPhotoshopチュートリアルのまとめ記事。ロゴデザインやオブジェクト描画、ポスターデザイン、Webデザイン作例などもいくつか含まれてます。Freshと紹介されているので、ごく最近の作例ばかりのようです。クールな作例が多いので、デザイナーのネタ帳としてもなかなかナイスです。

[UI Design] 40 Handy and Free UI Kit PSDs for Smartphones – スマートフォンのUIキットまとめ

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

スマートフォンのUIデザインの際に役立つPSDファイルをまとめた記事。対象OSはiPhoneとAndroidとWindows 8 Phone。それぞれデフォルトにUIに沿ったデザインのPSDもあれば、そうでない独自のあしらいのものもあります。 また記事下部にはプロトタイピングに使えそうなラフデザイン調のものもいくつか用意されてます。デザイナーやディレクターの方に是非。一部ベクターデータのものもあるので、IllustratorでUIデザインする方にもオススメ。

[Photoshop] Mastering Photoshop: Noise, Textures, Gradients and Rounded Rectangles – Photoshopで描画するノイズや角丸シェイプ、グラデーションに関する考察

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

Photoshopを使ってノイズテクスチャや角丸のシェイプ、グラデーション描画などを行う際に、複数の手法がある中どの方法で作業を行うのがベストなのかについて考察した記事。Photoshopを使う人にとっては「あーなるほどそれは興味深い」ってなるけど、そうじゃない人にとっては「???」という、なかなかディープな内容でございます。テクスチャのかけかたひとつでも、Photoshopくらいの多機能ソフトになると同じリザルトに対して複数のプロセスがあり、それぞれの長所と短所、あと作業手順についてあーでもねぇこーでもねぇと試行錯誤されてる感じがとっても興味深い。それぞれPSDが用意されているので、ダウンロードして自分で結果の詳細を見る事もできます。これなかなかオモしろいですよ。


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