ほっせかい。

「法施(人に伝えること)」+「世界」で「ほっせかい」です。illustratorとPhotoshop初心者のシングルマザーが、WEBデザイナースクール「DLL」にてゼロからデザインを学んでいます。WEBデザインのオンラインスクールに入ろうか迷っている方、どんな内容を勉強するのか知りたい方等…。少しでもあなたの役に立ちますように。

illustratorについてです 初心者がデザインを学ぶ

【illustrator】アートボードツールの使い方と、単位をピクセルに変更する方法

投稿日:

3ヵ月で稼げるWEBデザイナーになるスクール12日目。

もうすぐ丸2週間!

なんかあっという間です。

ではさっそく授業に入っていきましょう。

illustratorのアートボードツールの使い方

アートボードツールはここにおります。

ショートカットキーは「shift」+「o」です。

ゼロじゃなくてローマ字のオーです。

アートボードとは。

illustratorで新規作成すると、真っ白なキャンパスが出てくるじゃないですか。

これですね。

これをillustratorでは「アートボード」と言います。

図形や文字を書いたり、印刷するときの印刷可能な領域です。

このアートボードの中のものしか、データとして書き出すことができません。

 

この場合、アートボードからはみ出した部分は保存されません。

アートボードツールの使い方①アートボードのサイズを変更する。

「shift」+「o」でアートボードツールにすると、画面上に数値を編集するバーが出てきます。

バナーのサイズにしてみましょう。

バナーは大体300ピクセル(px)です。

 

しかし、単位がミリメートルになっていますね。

なので、この単位をピクセルにします。

単位をピクセル(px)に変更する方法

「ファイル」→「ドキュメントの設定」と進みます。

するとドキュメントの設定パネルが出てくるので、「単位」のところからピクセルを選びOKを押します。

これで単位がピクセルになりました。

W(幅)「300px」H(高さ)「300px」にすれば、アートボードをバナーサイズに変更できます。

アートボードツールの使い方②アートボード自体をコピーして増やせる。

例えばですが、こんなバナーがあったとします。

これと同じものを作りたいなー、となったとします。

一旦書き出したデータをコピーして、それぞれ独立したデータとして作ってももちろん大丈夫です。

ですが「アートボードツール」を使えば、コピーしたものも同じデータ内に保存することができます。

 

やり方は簡単です。

まず「shift」+「o」でアートボードツールにします。

するとアートボードが選択された状態になるので、移動(ドラッグ)しながら「Alt」を押すとコピーできます。

Macでは「option」です。

 

 

もし水平にコピーしたい場合は「shift」+「Alt」ととなります。

Macでは「shift」+「option」ですね。

実際、現場ではこのアートボードツールをよく使うそうです。

 

以上で、「本当に必要なillustratorのツール実践編」は一応終了です。

頑張りましたよね!

まずは操作になれることから!

スキルアップはそのあとで大丈夫です。

コツコツ頑張ってやっていきましょう。

次はPhotoshopに入っていきます。

 

今回もご覧いただきありがとうございました。

 

-illustratorについてです, 初心者がデザインを学ぶ

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

【Photoshop】画像の一部だけ明るさを変更する方法

おはようございます。 連日(と言っても超スローペース 笑)で山田秀平さんのオンラインスクール「DLL」のワークブックに取り組んでおります。   今回はPhotoshopのワークブックです。 …

【illustrator】スポイトツールの使い方。色だけでなく線にも文字にも使えます。

おはようございます。 さっそく授業に入っていきましょう。 3ヵ月で稼げるWEBデザイナーになるスクール、11日目です。 illustratorのスポイトツールの使い方 スポイトツールはここにいます。 …

webデザイナースクール「DLL」実践編!バナー作成に苦戦中

おはようございます。 webデザイナースクール「DLL」を受講しているkaedeです。 いつもご覧いただき誠にありがとうございます!   2020年7月20日に入会して、もうすぐ3ヵ月。 D …

【Photoshop】複数の画像を組み合わせたり、まとめてレイヤーとして読み込む方法

Photoshopを始めようとしたら、画像の取り込みから躓いた者です。笑   画像を2つ以上取り込むと、別々のドキュメント(ファイル)として読み込まれてしまうじゃないですか。 こういう風にで …

【illustrator】図形ツールの使い方と、四角の角を丸くする方法

いつもご覧いただきありがとうございます。   授業7日目。 一週間! 頑張っていますよね! ではさっそく、今回はillustratorの「図形ツール」についてです。   illus …