PhotoshopCS4でコンタクトシートを作る方法です。

PhotoshopCS3を使われていて、PhotoshopCS4に変更された方は、「あれ？ない・・・」と思われたのではないでしょうか？

Photoshop CS4では、コンタクトシート作成のプラグインが標準インストールされない仕様に変わったようです。

付属のDVDに収録されてますので、そこから追加するか、Adobeサイトからダウンロードして追加するかです。

Windows ： http://www.adobe.com/support/downloads/detail.jsp?ftpID=4098（英語）

Macintosh ： http://www.adobe.com/support/downloads/detail.jsp?ftpID=4096（英語）

手順としては、Adobeサイトからの引用です。

Photoshop を終了し、以下のフォルダを開きます。
Windows　： Program Files¥Adobe¥Adobe Photoshop CS4¥Plug-ins¥Automate
Macintosh　： Macintosh HD/アプリケーション/Adobe Photoshop CS4/Plug-ins/Automate


アプリケーション DVD-ROM またはダウンロード後に解凍した「Adobe CS4¥Photoshop Content」フォルダ（Windows）／「Adobe Photoshop CS4 Content」ディスクイメージ（Macintosh）を開きます。

以下のフォルダを開きます。
32 ビット版 Windows　： 日本語¥その他¥プラグイン (オプション)¥プラグイン (32 ビット)¥Automate
64 ビット版 Windows　： 日本語¥その他¥プラグイン (オプション)¥プラグイン (64 ビット)¥Automate
Macintosh　： 日本語/その他/プラグイン (オプション)/Automate


手順 1. で開いた「Automate」フォルダに、「ContactSheetII.8LI」（Windows）／「ContactSheetII.plugin」（Macintosh）ファイルをドラッグ＆ドロップします。

以下のフォルダを開きます。
Windows　： Program Files¥Adobe¥Adobe Photoshop CS4¥Presets
Macintosh　： Macintosh HD/アプリケーション/Adobe Photoshop CS4/Presets


以下のフォルダを開きます。
Windows　： 日本語¥その他¥Presets
Macintosh　： 日本語/その他/Presets


手順 5. で開いた「Presets」フォルダに「Layouts」フォルダをドラッグ＆ドロップします。

Photoshop を起動します。

これで、ファイル→自動処理→コンタクトシートⅡと追加されたはずです。

詳細はAdobe　TechNoteを参照して下さい。

Webサイト制作、ホームページ制作 大阪 MIRAiZ

まだまだ勉強中な私には非常に参考になったエントリーだったのでご紹介。

また、全編英語だったので、翻訳サイトを駆使しました･･･訳があってるかわかりません（笑）

1.Don’t use too many typefaces　　たくさんフォントを使わない。

一貫性を保つ為に、3つ以上の違うフォントは使わない。

ステキなフォントがあると使いたくなってしまうんですよね･･･。

2.Hierarchy　　ヒエラルキー

見出しとボディコピーなどの階層構造をしっかりと。

Hierarchy＝階層構造。

この言葉、知りませんでした（汗）直訳した文章から、見出しは大きく、ボディコピーはそれより小さく。

見る人が読みやすいように、明確にしましょう。って事だと思います。（間違ってたら教えてください･･･）

3.Font size　　フォントサイズ

一貫性を保つ為にも、フォントサイズを4つ以上使わない。望ましいのは3つです。

制作する時は、無意識に4つ以内になっている気がします。これを気に常に意識しようと思います。

4.8-10pt for body copy　　最適なボディコピーのフォントサイズ

見出しと差別化する為に、ボディコピーのサイズは8～10ptがいいです。

12ptを超える時は、見出しをもっと大きく。

最近は10～12ptくらいで制作することが多いです。

5.A typeface not legible is not a typeface　　読みやすいタイプフェイスを。

基本的なシンプルなタイプフェイスが読みやすいです。

実験的なタイプフェイスは、ポスターや、見出しに使いましょう。

確かに･･･。読めなければ意味がないですからね。

6.Leading　　リーディング

垂直方向のスペースをきっちりしましょう。

つまり過ぎても読みにくいし、空き過ぎてもスカスカになってしまいますもんね。

7.Kerning　　カーニング

文字の間隔です。

手動で設定するようにしましょう。

タイプフェイスによっても気持ちいい文字間隔は違うので手動で設定するのがいいですね。

8.Accent or emphasise

アクセントと強調。

キーワードを目立たせる効果があります。

ユーザーは流し読みするので、微妙な強調が効果的です。

確かに、露骨に<strong>なんかで強調されてると読みにくかったりしますね。

9.Do not over emphasise

強調しすぎない。

シンプルに上品にするべきです。

さりげなさが重要ってことですね。

10.No caps in body text

ボディテキストでのルール。

ボディテキストを大文字で構成しない。読みにくいだけ。

確かに、英語サイトでボディテキストが全部、大文字だったら読みにくいですね。

11.Always align to a baseline

ベースラインは揃える。

日本語と英語が混じっている時は、注意しなきゃですね。

12.Flush left ragged right

ツラ揃え。

左はそろえて、右はバラバラでも。

右端の折り返しに悩む時があります･･･。

13.Lines not too long or short

一行の長さも大切です。

長すぎず、短すぎず。読みやすい行長で。

webサイトを制作する時は、行長も考えておかなければなりませんね。

14.Punctuation and Bullet points

句読点とBullet points

適切な間隔を与えましょう。

日本語も同じですね。

変な解釈になってたらご指摘下さい･･･。

原文はこちらから

Simple rules for good typography

複数のブラウザでウェブサイトのテストができるツール「Browsera」

ライフハッカー[日本版]さんで紹介されていたので、ご紹介。

「Browsera」、なんだか良さげです。

「IETester」や「BrowserShots」はよく使っているのですが、

「IETester」はよく落ちる･･･。

ウェブサイトを制作していく中でIE6が健在なのが、悩みの種です･･･。

まだ、IE６は無視できないからなぁ～と思ってます。

ちなみに、検証できるブラウザはFirefoxの「2.0.0.20」、「3.0.12」、「3.5.0」、Internet Explorerの「6.0.3790.3959」、「7.0.5730.13」、

「8.0.6001.18702」、Safariの「3.2.1 (5525.27.1)」、「4.0.3 (5531.9)」。

Google Chromeはまだ未対応のようです。

早く、追加されて欲しいですね。

ウェブベースのツールなので、ダウンロード、インストールは不要みたいです。

詳しくは、複数のブラウザでウェブサイトのテストができるツール「Browsera」をご覧下さい。

ライフハッカー[日本語版]

このブログもWordpressを使用しているのですが、フリーと言えどかなりのクオリティのテーマが多数公開されていますね。

見ているだけでかなり刺激になります。

ちょっとした事なんだけど、その違いでグッとしまったり、逆にダメになったり･･･

難しいです。

Photo Gallery向けのテーマが28種類公開されています。

今後、制作するかもしれないんで、モニターに穴が開くくらい見てみたいと思ってます（笑）

http://tutzone.net/2009/11/free-wordpress-photo-gallery-themes.html