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

Browse By

Tag Archives: Photoshop

[Shortcut] ShortcutMapper – メジャーなアプリケーションのショートカットを分かりやすく見ることのできるサイト

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

一般的によく使われているPC用アプリケーションのショートカットを、分かりやすく見ることのできるサイト。現在見ることのできるアプリケーションは、LightroomとPhotoshopとBlenderの3つですが、この作業は進行中のようで、今後も対応アプリは増えるみたいです。またGitHubを使って追加していくこともできるようです。リンク先はPhotoshopにしてありますが、画面左上のプルダウンメニューからアプリケーションや、そのバージョンなどを選ぶ事ができます。またMac, Win, Lynaxのプラットフォームや、キーボード配列(残念ながらJPキーボードはありません)なども選ぶ事ができます。各ショートカットは、基本通常時のものが表示されていますが、CmdやOption、Ctrlキーを押す事で、それぞれを押した時のものに変化します。ショートカットを覚えたい人や、覚えてたけど忘れちゃったショートカットを思い出す際に使えそうです。見やすさと汎用性において素晴らしいWebアプリ。

[Web Design] Bootstrap 3 PSD: Free For Commercial And Personal Use! – Twitter BootstrapのPSD

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

Twitter BoostrapのUIを模したPSD。様々なUIパーツがPSDとしてまとめられてます。Boostrap使ってサイトデザインする際に使えそうです。ただBoostrapっていきなりコーディングするのに向いたツールなので、「そもそもこのPSD必要か?」的なアレは多少ありますが。

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

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

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

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

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

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

[Art] Street Eraser – フォトショップの消しゴムツールを模したストリートアート

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

分かる人には分かるけど、分からない人にとってはこれが何を意味しているのかさっぱり分からない、人を選ぶストリートアート。Photoshopの消しゴムツールで絵を消した状態のステッカーを作り、それを街中の広告や標識に貼るというプロジェクトのようです。けどこのPhotoshop特有のチェッカーフラッグのような模様が、透明というか消されたという事を表してるというのは、ユーザーじゃないと分かんないですよね。けどこのステッカーちょっと欲しいな。

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

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

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

[PSD] Mockuuups – 高解像度のiPhone 5sテンプレート

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

高解像度のiPhone 5sテンプレート。ダウンロードすると、4つの異なる構図のPSDが入ってます。それぞれ人が使っている状態を前提に、制作されており、iPhoneのディスプレイ、iPhoneと持っている人、背景の大きく3つにレイヤー分けされているので、使い勝手が良さそうです。ダウンロードするにはサイト内にメアドを入力する必要があります。ってかこのサイト自体背景のフェード効果もあってかっけーすね。

[PSD] 27 FREE PSD MOCK-UP TEMPLATES – Webや印刷物の様々なモックアップ素材を集めた記事

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

Webや印刷物の様々なモックアップ素材をまとめた記事。ステーショナリーキット、ハードウェアモックアップ、UIキット、手持ち紙袋、Tシャツ、ポスター、書籍、名刺、ソフトウェアボックス、CD-ROMレーベルなど色々揃ってます。それぞれリンク先でPSDをダウンロードできるので、この手の素材集めに重宝しそうです。