このチュートリアルでは、Adobe Photoshopでシンプルなポスターを複数バージョン作成しながら アートボードの使い方や画像の配置といった、基本操作を学びます ここで学ぶスキルは、他のポスター作成や、ポスター以外のPhotoshopプロジェクトに 応用できます。
チュートリアルページでサンプル画像をダウンロードするか お手持ちの写真数枚を使って、プロジェクトを開始しましょう Lightroomモバイルアプリなどを使い、スマートフォンやタブレットで キャプチャして編集した写真をPhotoshopに取り込んでも構いません ポスターサイズで美しく印刷できるように、写真はフル解像度のものを使いましょう ポスターの印刷を業者に頼む場合は ポスターの寸法と解像度を業者に相談してください ポスター用の画像を開くには、ファイル／開くを選択し、画像の場所に移動します 画像を選択して「開く」をクリックします ポスターを複数バージョン作成するには、アートボードを使います アートボードを使えば、1つのドキュメントでもコンテンツやサイズを変えて 複数のレイアウトを作成し、すべてのバージョンを見比べることができます まず、この画像のアートボードを作成しましょう レイヤーパネルで背景画像のレイヤーを選択し レイヤー／新規／レイヤーからのアートボードを選択します アートボード名を「Leaf」として「OK」をクリックします これで、この画像のサイズのアートボードが作成されました 次は、このポスターデザインに文字を追加しましょう 横書き文字ツールを選択し、上のツールオプションバーで サイズを選択します。
もっと大きな数値を入力し、EnterキーまたはReturnキーを押します デザイン内の適当なところをクリックし、大文字のテキストを入力します 改行にはEnterキーまたはReturnキーを使います この文字をクリック＆ドラッグで選択しましょう 上にある中央揃えボタンをクリックして、文字を中央に揃えます フォントは、このメニューで好きなフォントを選べます 今回はCreative Cloudサブスクリプションに含まれているTypekitフォントを選択しましょう Typekitサービスを使えば、印刷やWebのデザイン用のフォントライブラリに 素早くアクセスできます。
文字の色を変えて、少し読みやすくしましょう スウォッチパネルで明るめの色を選択します オプションバーにあるチェックマークをクリックし、文字の編集を適用しましょう 文字の位置を変えるには、アートボードツールをクック＆ホールドし 移動ツールを選択します。
デザインの中央に文字をドラッグしましょう これで良いですね。
では、このポスターの別バージョンも作りましょう このアートボードをコピーし、それに少し変更を加えます 上部にある「Leaf」という文字をクリックして、このアートボードを選択します レイヤー／アートボードを複製を選択し 新規アートボードに「River」と名前をつけて「OK」をクリックします 表示／画面サイズに合わせるを選択すると、両方のアートボードを確実に表示できます まず、Riverアートボードの画像を変更します Riverアートボードのレイヤー0を選択し レイヤー／削除／レイヤーを選択します 「はい」をクリックして画像を削除したら ファイル／埋め込みを配置を選択し 他の画像、たとえばこのヨセミテ川の写真を選択し 「配置」をクリックすれば、画像のコピーがアートボードのサイズで配置されます 次に、オプションバーでチェックマークをクリックしましょう Riverアートボードでは、文字が新しい画像に隠れてしまっています これを修正するには、レイヤーパネルでヨセミテ川の画像を文字レイヤーの下にドラッグし 線が表示されたらマウスを放します これで画像の上に文字が表示されました では、文字の色を変えて、もっと読みやすくしましょう Photoshopでは画像から色をサンプルして使用できます スポイトツールを選択し、Leafアートボードの画像のこのあたりを クリックして色をサンプルします。
この色をライブラリパネルで保存して 後で簡単に使えるようにしましょう。「
ライブラリ」タブをクリックするか、ウィンドウ／ライブラリを選択し ライブラリパネルを開きます。
Creative Cloudライブラリを使うと、色、文字スタイル、画像などの アセットをキャプチャ、整理して、他のPhotoshopプロジェクトで利用したり、デスクトップやモバイルで 他のアプリケーションでも利用できるようになります。
ライブラリパネル下部の 描画色を追加ボタンをクリックし、スポイトツールでサンプルした色を ライブラリに保存します。
レイヤーパネルで文字レイヤーを選択し ライブラリパネルでカラーをクリックして文字に適用します どのドキュメントをPhotoshopで開いていても、Adobe IDでログインしている限り このライブラリには常にアクセスできます ライブラリの共有など、もっと詳しくライブラリについて知りたい方は アドビのWebサイトでCreative Cloudライブラリのチュートリアルをご覧ください Photoshopでは、保存、書き出し、またはその両方ができます 保存すると、すべてのアートボードが元の状態のまま、レイヤーと一緒に保存されます 書き出しを行うと、各アートボードはレイヤーが統合された状態で 個別に保存できるので、印刷用や共有用に各ポスターのコピーを 作成できます。
まずプロジェクトを保存しましょう。
ファイル／保存を選び 保存場所を選択して「保存」をクリックし、「OK」をクリックします 次は個々のポスターを書き出します。
ファイル／書き出し／書き出し形式を選択します 書き出し形式ダイアログボックスでは、ファイル形式を選択できます 「すべてを書き出し」をクリックすると、個々のアートボードが個別のファイルとして保存されます ファイルの書き出し先を選択し、「書き出し」をクリックします これで2つの異なるバージョンのポスターが完成しました ここで学んだスキルは、次のPhotoshopプロジェクトに役立てることができます ぜひ制作をお楽しみください
