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

Browse By

Tag Archives: Software

[Photoshop] 101 Photoshop tricks you have to know – フォトショップユーザーなら知っておくべき101のトリック

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

フォトショップユーザーなら知っておいた方がイイ、101のトリック。主に「このショートカット使えるYO!」的な内容です。デザインセンス云々は別として、フォトショのオペレーションに関して言うならば、どれだけショートカットを知っているかがそのまま生産性に直結しますからね。フォトショユーザー同士で「ちょ、それ今どうやったの!?」みたいなやりとりは日常でございます。

[Photoshop] Ode to the Option Key: 30+ Cool Option Key Shortcuts in Photoshop – フォトショップで使えるOptionキーがらみのショートカットまとめ

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

この記事なかなかアツいですよ。フォトショップの使えるショートカットまとめ記事なんだけど、Optionキー縛りです。スゴいです。こんなまとめ方初めて見ましたw オプションキーというとその名の通り、あるオペレーションに対して副次的な結果を求める時によく使われるので、メジャーなショートカットに組み合わせて使うものが多いです。例えばShift + Command + Nで行う新規レイヤーコマンドは、Optionを組み合わせるとダイアログをスキップできます。他にはツールセレクト時にOptionを組み合わせると奥に隠れてるツールを選べたり、Command + ZにOptionを組み合わせると何度もUndoできたりします。拡大縮小時にOption組み合わせてハンドル動かすと、中心点を軸に拡大縮小できたりもしますね。地味ではあるけど知ってると何かと便利なOptionがらみのショートカット。わりと玄人向けのまとめ記事です。ちなみにMacを前提に記事が書かれているので、Windowsユーザーの人はOptionをAltに、CommandをCtrlに脳内変換してください。

[Software] 10 beautiful Growl styles – クールなGrowl Styleまとめ

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

クールなGrowlスタイルのまとめ記事。Growl好きにオススメ。自分も使ってますが、たまに仕事用のマシンで「お○ん○んビローン!」とか出ちゃった所を同僚に見られたりすると、ちょっとなんだか恥ずかしいというか、ロクでもない奴にはロクでもない友達しかいないんだな的なアレゲな空気になっちゃいますよね。っていうかMountain Lionが出たら通知機能とGrowlって、見せ方は違えど機能はもろカブりだよなぁ。

[Software] Dev Rocket – iOS App制作に役立つPhotoshop用プラグイン

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

iOS用Appの制作に役立つ、フォトショップ用プラグイン。10ドルします。普段あまり有料のものは紹介しないようにしてるんだけど、これはちょっとスゴいので買おうかどうしようか迷っております。機能概要については動画を見ればだいたい分かりますが、iOSデバイスぴったりサイズのキャンバス生成、グリッド、Retinaイメージの生成、UIパーツのスニペット管理、iPhone, iPadへのアイコン書き出しなどができるようです。iOS AppのUIやアイコン制作をする際に使えそうな機能満載で、書き出しまでサポートしてるようです。けど支払いPayPalかー、まぁ独立AppじゃないからMacApp Storeにも並べないしなー、どうしよっかなー、ぬーん。

[Photoshop] A-Z of Free Photoshop Plugins and Filters – フォトショップで使えるフリーのプラグインやフィルターまとめ

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

フリーで使えるフォトショップ用のプラグインやフィルター類をまとめた記事。いろんな社外フィルターが紹介されてます。個人的にはあんまし社外フィルタって入れたくない方なんだけど(そのわりに社外ブラシ、パターン、アクション、スタイルは山ほど入れてます)、必要なフィルタがピンポイントで見つかった場合はこういうの便利ですよね。そういや昔Kai’s Power Toolsってあったなぁ・・・アレ高かったなぁ・・・とか思いました。オッサンデザイナーならピンとくる名前ですなw

[Photoshop Extension] Tych Panel – フォトショップで誌面的レイアウトを簡単に行える機能拡張

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

フォトショップを使って複数の写真を誌面的にレイアウトできる機能拡張。配置を指定するだけで複数の写真を1つのキャンバスに、マージン揃えてレイアウトしてくれます。普通この手の作業ってイラレでやるもんですが、Webに出力するためだけのアートワークならフォトショで完結できるのは便利って言や便利だな、と思ったので紹介。細かい事考えずにポンポン配置できるのはラクチンですな。

[Software] Photoshop CS6 improvements – Photoshop CS6の新機能

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

つい最近公開されたPhotoshop CS6のパブリックベータを触った印象、という内容の記事。主にCS6からの新機能について解説されてます。レイヤーサーチ、グループに対するレイヤースタイルの適用(これナイス!)、クリッピングマスクのグループ適用、パスへのストローク描画、ダイアログによるシェイプ描画、UIのブライトネス調整、新しい切り抜きツール、自動リカバリシステムなどかなり多くの機能が追加されてるみたい。なんかこの手の記事を見ると、UIがダークグレーに変わってんのが気になります。今回かなり大きなアップデートみたいだから、「俺まだCS5.1でいいや」って思ってたけどアップデートしてみようかな、とか考え中であります。

[Software] Adobe Shadow – モバイル環境でのブラウザ確認補助ツール

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

Adobeが出したAdobe Shadowというツールがなかなかイケてます。簡単に言えばWebサイトをモバイル環境で確認するための補助ツール・デバッグツールというものなんですが、モバイルデバイスを対象にしたサイト制作時にものスゴく役立ちそうです。使うにはまずiPhoneやAndroidなどの確認側に専用のアプリをインストール。次にAdobe ShadowのPC用クライアントアプリをインストール(Mac版とWin版があります)。そして3つめにGoogle Chrome用のエクステンションを追加。

ソフトウェアの準備が出来たら次は設定です。PC用クライアントを立ち上げた状態でChromeから「Sd」ボタンを押下するとパスワードを求められます。このパスはモバイルデバイスでAppを立ち上げれば出てくるので、そいつを入力。認証は初回だけで、2回目からは必要ないです。この認証の際に注意する事は、PCとモバイルデバイスが同一ネットワーク上にある事。Wi-Fiを使ってコネクトするため、別のネットワーク上にあるとお互いが見えなくなります。

以上で準備は完了。あとはChromeで任意のサイトを見るだけ。PC側で見ているサイトがモバイルデバイスにも1秒ほどのタイムラグで表示されます。ここで表示されている情報は、PC版Chromeで表示されているそのままの絵ではなく、URL情報だけをモバイルデバイスに送信し、モバイル側でレンダーされたもの。今までだとモバイルサイト作ってアップしてURLをメールか何かでiPhoneに送って、それからブラウザ確認・・・という手順だったものが、Chromeでサイト開くだけで済むようになります。

またFirebugのようなデバッグツールも内蔵されているので、サイトのレイアウト崩れの際にも役だってくれそうです。多少準備は面倒だけど、Webのコーディングに関わる人なら持ってて損はないなかなかホットなツールかと。