Illustratorを使ったWebデザインのテクニック

アートボードを利用して複数ページを作成する

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ここでは、アートボードを複製して一つのドキュメント内に複数のページを持たせ、各ページを一覧できるようにする方法を、ご紹介していきます。
講師:
05:56

字幕

ここではアートボードを複製して ひとつのドキュメント内に 複数のページを持たせ 各ページを一覧できるようにする方法を ご紹介していきます このコースではこれまでにも ひとつのドキュメント内に 複数のアートボードを作成する テクニックについて お話ししてきました レスポンシブレイアウト用の 複数サイズのアートボードを作成する などがその例です しかし 私が一番 便利だと思っているのが 今回お話しするアートボードを 利用して 複数ページを作成する方法です 今ご覧いただいている こちらの 主要なアートワークのレイアウトが 完了したアートボード これを効率的に 複製していってみましょう まず最初に皆さんに よくある間違えてしまった方法 というのをお見せしたいと思います アートボードを増やしましょう といったときに ありがちな間違いは アートボードパネルを開いて 一番下にある この「新規アートボード」を 追加するアイコン これをクリックして アートボードを増やした後に 1枚目のアートボードに 配置したものをコピーして 新しいアートボードの方に ペーストする そして位置がずれてしまったので 調整する といったようなやり方です これですと 非常に 非効率であるだけでなく せっかくレイヤーごとに 分けておいた 様々なアートワークもすべて ひとつのレイヤーに まとまってしまっています こういったことを避けるために 今からご紹介する 効率的な方法で 作業していきましょう いくつか手順を前に戻します 一番最初の状態に戻して スタートしましょう ズームツールを使って Altキーまたは Option キーを 押しながらクリックして 少しズームアウトしておきます 今から6枚のページを 作りますので 6枚のページが 画面の中で見えるように ズームアウトしました そして この後使うのは アートボードツールです アートボードツールを選択して アートボードの上に マウスカーソルを合わせると マウスカーソルが上下左右の 十字の矢印に変わります この状態でキーボードの Option キー または Alt キーを押しながら ドラッグをすると このように要素が載った状態で 複製されます ズームして確認してみましょう しかし背景が上手く 複製されていません と言いますのは レイヤーパネルを見てみますと この background のレイヤーに ロックがかかっているからです この方法でアートボードを 複製するときには 必ずレイヤーのロックを すべて外してから 作業をする必要があります もう一度正しい手順で やってみましょう まずはレイヤーパネルのロックが すべて外れていることを 確認します レイヤーを開いて すべての要素にロックが かかっていないかどうかを チェックしてください チェックが終わったら ズームツールを使って Option キーまたは Alt キーを 押しながらクリックして ズームアウト それからアートボードツールを選びます そしてまた Option または Alt キーを押しながら アートボードをドラッグすると アートボードと そこに配置している アートワーク両方が複製されます 一度手を放します そしてこの2番目のアートボードを もう一度Option または Alt キーを押しながら ドラッグをすると もう一度複製されます これを繰り返しましょう 4枚目 5枚目 6枚目 全部で6枚のアートボードが 複製完了しました それではアートボードの それぞれの名前を変えて このあとの作業を わかりやすくしましょう アートボードパネルを開いて それぞれに名前を付けていきます 1枚目のアートボード つまりページは“Home” 2枚目が“About” 3枚目が“Store” 次が“Blog” 次が“Support” 最後が“Contact” このような6ページを それぞれのアートボードで レイアウトしていくことになります この方法を使いますと ガイドが複製されないという デメリットがあるので ガイドだけは後から 追加をする必要がありますけれども 複数ページを素早く作成するには 1番よいおすすめの方法です 是非試してみてください

Illustratorを使ったWebデザインのテクニック

このコースではIllustratorを使ったWebデザインの方法を学びます。IllustratorをWebデザイン用の設定に変更するところから始め、各種端末向けのドキュメントやユーザーインターフェイスの作成ができるようになるまで順を追って説明します。このコースを見れば、整理されてエレガントなIllustratorドキュメントが制作できるようになるでしょう。

7時間03分 (52 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2015年04月09日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。