KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~

【こちらの記事は、約4分程で お読みいただけます。】

皆さん、こんにちは！

前回、下記の記事にて「 - 角丸の注意点 その1 - 」 を紹介しました。
拡大・縮小について、注意をまとめています。
http://web.kenblog.net/illustrator/1106-illustrator-corner.html

今回も引き続き、角丸を使用する際の注意点についてです＾＾

角丸を使用すると、角が丸くなりポップな印象を与えることが出来ます。
お手軽で便利な効果の一つですが、今回も
何気なく使用すると気づきにくいポイントがあります。

このように、角丸を入れ子にしてデザインする場合が多く見られますが・・・
どこか違和感がありませんか？

そう、内側と外側の角の比率が一緒のため、若干角張って見えてしまいます。

こういうコーナーは内周と外周の比率を変えてあげないと、
スムーズなコーナーになりません。
単純に、拡大縮小ツールなどでコピーして作成してしまうと、
このような事になってしまいます。

では、角の比率を変えて上げるにはどうすればよいのか？
それは、「パスのオフセット」を利用します。

 オブジェクトを選択して、パスのオフセットを行うと、
内周と外周のバランスが取れた角丸が作成できます。

このようなちょっとした注意、ツメの甘さを取っていくことがプロへの道につながります。

KEN SCHOOLの「Illustrator」講座では、自己流では学べない技術が盛りだくさんです。
基礎からしっかり技術を覚えて、プロデザイナーを目指しましょう！

--------------------------------------------------------------------------------

Illustratorを使用して、オリジナルの作品創りをしたい方へ！
KENスクールで学習をしてみませんか？？

⇒【イラストレーター講座】
Illustratorは、単純な図形や文字を組み合わせるだけで、
見栄えの良いグラフィックが制作できる、万人に向けた
デザインツールです。必要となる技術を余すことなく学習できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 馬場

【こちらの記事は、約5分程でお読みいただけます。】

いつもWebブログを見ていただき、ありがとうございます！

本日は、Illustratorのファイル容量についてご紹介します。

Illustratorでは、初めに保存するときか、別名で保存するときに
［Illustratorオプション］が表示されます。

何気なく、そのまま［OK］しがちですが、
オプション画面には、
［PDF互換ファイルを作成］のチェックボックスがあり、
デフォルトでチェックがオンになっています。

まずは、この「PDF」とは？

「Portable Document Format」の略で、
簡単に言うと「パス」と「ピクセル」と「テキスト」を
複数ページで軽量に保存し、無料ソフトで閲覧できる形式です。

Webサイトでは「説明書」や「印刷書類」などを
ダウンロードする時に良くお見かけすると思います。
ただ編集や修正は、基本的にできません。

そして、［PDF互換ファイルを作成］とは？

他のアプリケーションでも、大体そうですが、
基本的に上のバージョンで保存したものは
下のバージョンで正確に開けません。
（例えば「CS5のファイルはCS3では開けない」という状態）

「開けますよ！」と言う方もいらっしゃいますよね。

そうです。その開けている状態とは、
保存時に一緒に作成されている「PDF」が開いているんです。
（でも、きっと内容はバラバラになっている場合が多いです）

［PDF互換ファイルを作成］にチェックしていると
下のバージョンでも確認や配置ができるように
Illustratorデータに「PDF」データが埋め込まれています。

その「PDF」データが重い！！

画像が入っているファイルなら、尚更です。

Illustratorでは画像を配置するときに
「リンク」にチェックをすると、配置画像は位置情報となり
ピクセルデータは埋め込まれません。

配置している画像を同じ階層に置けば、問題はありません。

本当は軽いんです。

でも、［PDF互換ファイルを作成］すると、
画像データを含めた「PDF」が埋め込まれるので
結局重くなってしまうんですね。

ですので、

・編集は同じバージョンで行う
・配置した画像は同じ階層に置く

という条件を満たしているのであれば、
［PDF互換ファイルを作成］のチェックを外してかまいません。

データ量は軽くなり、
保存のスピードも格段に速くなるはずです。

その他にも、
スウォッチやブラシ、グラフィックスタイルやシンボルなど
予め登録されている内容を削除することでデータを軽くできます。

無駄なデータを削除し、
しっかりとデータを管理することも
プロの嗜（たしな）みです。

エラーやトラブルのないデータ作成を心がけましょう！

ただし、InDesignなどにIllustratorデータを配置する場合は
［PDF互換ファイルを作成］が必要になりますので注意してくださいね！＾＾

--------------------------------------------------------------------------------

Illustratorを使用して、オリジナルの作品創りをしたい方へ！
KENスクールで学習をしてみませんか？？

⇒【イラストレーター講座】
Illustratorは、単純な図形や文字を組み合わせるだけで、
見栄えの良いグラフィックが制作できる、万人に向けた
デザインツールです。必要となる技術を余すことなく学習できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 長幡

【こちらの記事は、約3分程でお読みいただけます。】

いつもWebブログをご覧いただき、ありがとうございます！
今日は、Illustratorの文字入力でデザインに活かせる
機能のご紹介をしていきます＾＾

よくロゴデザインなどで、曲線に沿う形で文字が書かれているものを
見かける機会がありますよね！

このような文字を表現したい場合、
Illustratorの「パス上文字ツール」で、比較的簡単に作成することができます。

作成手順としては、
まず楕円を作成し、パス上文字ツールで楕円のパスの上に文字を入力します。

楕円を利用した場合、下記のように文字が逆を向いてしまいます。

文字の向きをかえるには、
[書式] → [パス上文字オプション] → [反転]のチェックを入れます。

ちなみに他のオプションを利用して、このようなパターンも作成できます。

是非、いろいろな方法を試してみてくださいね！

--------------------------------------------------------------------------------

Illustratorを使用して、オリジナルの作品創りをしたい方へ！
KENスクールで学習をしてみませんか？？

⇒【イラストレーター講座】
Illustratorは、単純な図形や文字を組み合わせるだけで、
見栄えの良いグラフィックが制作できる、万人に向けた
デザインツールです。必要となる技術を余すことなく学習できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 増川

【こちらの記事は、約3分程でお読みいただけます。】

いつもWebブログを見ていただき、ありがとうございます！

今日は、Adobeのグラフィックソフトについてお話します。

Webサイト制作・DTPグラフィック制作をしている方にはお馴染みの、
Adobe PhotoshopとIllustratorですが、最近では垣根が無くなってきており、
今ではIllustratorでもWeb素材を作成する事が容易になってきました。

IllustratorでWeb素材を作成して使用するためには、
グリッドの単位をピクセルにし、常にピクセルを意識して作成する必要があります。

しかし常日頃、印刷物をメインに作成していると、
あまりその部分を考えずにオブジェクトを配置してしまい、
最終的に出力するとエッジ部分がずれてしまうケースが多々あります。

その一例として、こんな画像を用意してみました。

赤く囲んだところがずれているのがお分かりいただけると思います。

これを瞬く間に直す方法が「Illustrator CS5」から追加されました。
その名も「ピクセルグリッドに整合」という機能です。

「変形」パネルの中に切り替えボタンがあり、

このチェックを入れる事により、
Illustratorが自動的に修正を行なってくれるわけです。

修正後の画像がこちら。

どうでしょうか？あっという間に直ったのが確認できると思います。
IllustratorでWeb素材を作成する際は、常にこのチェックをオンにしておくとよいでしょう。

また、新規ファイル作成画面「新規ドキュメントプロファイル」から「web」
を選択しておくと最初からこの機能のチェックはオンになっています。

綺麗なエッジにならないなと、疑問に思っている方は、
是非確認してみてください！

--------------------------------------------------------------------------------

Illustratorを使用して、オリジナルの作品創りをしたい方へ！
KENスクールで学習をしてみませんか？？

⇒【イラストレーター講座】
Illustratorは、単純な図形や文字を組み合わせるだけで、
見栄えの良いグラフィックが制作できる、万人に向けた
デザインツールです。必要となる技術を余すことなく学習できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 野村

【こちらの記事は、約5分程でお読みいただけます。】

いつもWebブログをご覧いただき、ありがとうございます！
本日は、Illustratorを扱うときに、知っておくと便利な知識をご紹介していきます。

それは、「バウンディングボックス」と「ポイントにスナップ」です。
Illustratorを使用すれば必ず扱うものになりますし、私自身も
この二つをどう使っていくか、いつもせめぎ合っていたりします＾＾
本日はこの二点からご説明します！

まず、
「バウンディングボックス」とは？

「選択ツール」でオブジェクトを選択したときに、
オブジェクトの形に関係なく、天地左右最大の位置に
大きさや角度を変更する八つのハンドル（白い四角）で
構成される四角形のことを言います。

Illustrator以外でもAdobeのアプリケーションには、
必ずと言ってよいほど「バウンディングボックス」の機能があり、
とても便利です。

そして、
「ポイントにスナップ」とは？

アンカーポイントを掴み、合わせたいアンカーポイントに
近づけると磁石のように吸い付くことを「スナップ」と言います。

上記のようにオブジェクトを隙間なく合わせる場合には
欠かせない機能です。

二つの機能は「表示」メニューにあり、
「バウンディングボックス」は「表示」にすることで、
「ポイントにスナップ」はチェックを付けることで、
使用できます。

※表示メニュー上のテキストをクリックすることで、
チェックを付けたり、消したりできます。（下図参照）

ここで問題になるのが、
「バウンディングボックス」を使用していると
「アンカーポイント」が隠れてしまう場合がある点です。

長方形や楕円形で考えてみますと、
オブジェクトを構成しているアンカーポイントは四隅、または
天地左右に存在しているため、アンカーポイントを掴もうとすると
バウンディングボックスのハンドル（白い四角）掴んでしまい、
大きさが変更されてしまいます。

バウンディングボックスは、
「選択ツール」状態でのみ表示されますので、
そのような状況を回避するには、
「ダイレクト選択ツール」や「グループ選択ツール」を
使うと良いでしょう！＾＾

「ポイントにスナップ」を多く使う場合は、
「バウンディングボックスを表示」しない代わりに、
必要な時に「自由変形ツール」を使用するのもお勧めです。

バウンディングボックス以上に高機能で、
シアー変形やパース変形もでき、とても便利です！

さらに最近のバージョンでは、
「選択ツール」の状態で「Ctrl」キーを押すことで
「ダイレクト選択ツール」に一時変化しますので、
「選択ツール」でオブジェクト全体を選択したのちに、
「Ctrl」キーを押してバウンディングボックスを非表示にし、
アンカーポイントを掴んでスナップすることも可能です。

「Ctrl」キーに慣れない方は、
「バウンディングボックスを表示」のショートカット ＝
「Ctrl」＋「Shift」＋「B」を覚えておくと良いでしょう！

一つひとつの作業の短縮、
操作効率の向上を心がけることで
スピードは格段に飛躍します。

自分に合った、より良い操作を
小さなところから改善していきましょう！＾＾

--------------------------------------------------------------------------------

Illustratorを使用して、オリジナルの作品創りをしたい方へ！
KENスクールで学習をしてみませんか？？

⇒【イラストレーター講座】
Illustratorは、単純な図形や文字を組み合わせるだけで、
見栄えの良いグラフィックが制作できる、万人に向けた
デザインツールです。必要となる技術を余すことなく学習できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 長幡

【こちらの記事は、約4分程でお読みいただけます。】

皆さん、こんにちは！

今回ご紹介するのは、角丸を使用したデザインの注意点です。

皆さんは、デザインをしている時に角丸を使用していますか？
角丸を使用すると、文字通り角が取れ、
丸みがでるのでポップ感を演出することが出来ます。

何気無く使っている方も多いと思いますが、
実は、角丸を使用するときに注意しなければいけない点があります。

今回と次回で、角丸を使用したデザインの注意点を2点お話します。

■ その1　拡大縮小する時は縦横比を保つこと

※イラストレーターなどで、簡単に角丸が作成できます。

最初からしっかりと数値を計って作ればいいのですが、
そうでない場合は、サイズを合わせるために拡大縮小をさせます。
その時に、縦横比を合わせないと角のプロポーションが崩れてしまいます。

上図のような角丸を見かけたことは無いでしょうか？

角丸を拡大縮小する際は必ず「Shift+ドラッグ」（縦横比を維持）で
拡大縮小しましょう。

でも、横だけ、あるいは縦だけ伸ばしたい場合は？
その場合は、ダイレクト選択ツールで伸ばしたい方向のアンカーポイントを選択し、
アンカーポイントの移動で伸ばしましょう。

このようにすることで、きれいに大きさを拡大させることができます。

また、イラストレーターなどに限定されますが、
一番簡単な方法として四角形に「効果→スタイライズ→角を丸くする」
で角丸の効果をかける方法があります。

効果を利用すると縦横比を気にしなくても自由にドラッグして形を作ることが出来ます。

受講生の方のデザインを見ていると、角丸を使用したデザインを多く見かけますが、
上記のことを気をつけてデザインしている方が意外に少ない印象を受けます。

角丸を使用する際は是非気をつけてみてくださいね。

--------------------------------------------------------------------------------

Illustratorを使用して、オリジナルの作品創りをしたい方へ！
KENスクールで学習をしてみませんか？？

⇒【イラストレーター講座】
Illustratorは、単純な図形や文字を組み合わせるだけで、
見栄えの良いグラフィックが制作できる、万人に向けた
デザインツールです。必要となる技術を余すことなく学習できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 馬場

【こちらの記事は、約4分程でお読みいただけます。】

皆さん、こんにちは！
本日は、Illustratorのオブジェクトを拡大・縮小する際の、
テクニックをご紹介いたします。

Illustratorでは、オブジェクトをサイズ変更する場合、
［線幅と効果も拡大・縮小］にチェックをするかしないかで、
結果が変わります。

通常、そのままの見た目でサイズ変更するときは、
［線幅と効果も拡大・縮小］にチェックをします。

（下図はチェックをして50％縮小複製）

線幅などを維持しながらサイズ変更する場合は、
［線幅と効果も拡大・縮小］をチェックせずに変更します。

（下図はチェックせずに50％縮小複製）

こちらの設定変更の方法は三箇所あります。


●「拡大・縮小」ツールのダイアログ




●「変形」パネルのメニュー




●「編集メニュー」→「環境設定」→「一般」



これら三つの変更はリンクしており、
一つを変更すると次回表示時には3箇所すべてに反映されます。

バウンディングボックスで線幅が維持されたまま
サイズ変更された場合は、いずれかをチェックして
変更し直してください。
よく使う設定ですので三箇所も用意されているのかと思うのですが、
もう少しわかりやすい場所にあるといいですね。

次のバージョンアップ時には、
オプションバーなどにチェック項目があると助かります！

皆さんも、今後、Adobeさんに期待していきましょう＾＾

--------------------------------------------------------------------------------

現役デザイナーが直接マンツーマン指導！ KENスクールで、
あなたも一からデザインスキルを磨きませんか？？

⇒【Illustrator（イラストレーター）講座】
グラフィックデザインを作成する際には欠かせないソフト、
Illustratorの操作を しっかり学習する講座です。
ベクトル形式の図形作成に慣れることから始め、
課題を通して多種多様な制作を行います。
使えば使うほど楽しくなるのが、授業内で実感できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 長幡

【こちらの記事は、約5分程でお読みいただけます。】

今回はIllustratorの機能のお話です。

Illustratorで塗りに穴を開けるとき、
［パスファインダ］の［前面オブジェクトの型抜き］的な機能を使っていると思いますが、
［オブジェクト］メニューには、［複合パス］という穴を開けるだけの機能があります。

操作は簡単です。

「穴を開けたい形」と「穴の形」を両方選択し、
［オブジェクト］メニュー→［複合パス］→［作成］を選択します。

それだけで穴の開いた図形を作成できます。

※穴を背景と同じ塗りにして、ごまかしたらダメですよ！

たくさんの穴を開けるときも同じですが、パスの数が多いと
Illustratorが「どれが穴？」と混乱し、上手く「穴」になってくれない場合があります。

そんなときには、穴にしたいパスを選択し、
［属性］パネルの［パスの方向反転］を変更してください。
「右」か「左」、どちらかにすると穴が開きます。

正確には、
「穴を開けたい形」と「穴の形」の方向が、逆になっていれば「穴が開く」仕組みです。

さて、ここからが本題です。

Illustratorでは、「穴が開いているパス」全てに［複合パス］がかかっています。
［複合パス］は根本的な機能の一つです。

［パスファインダ］などは［複合パス］の応用に過ぎません。
私達が普段一番目にする、「穴の開いた図形」と言ったら何でしょう？？


あまり想像できないかも知れませんが、
知らず知らずのうちに、実は頻繁に使っています。

それは「文字」です。

文字のパスには背景が見える穴があります。
数字の「8」を［書式］メニュー→［アウトラインの作成］すると、
塗りのパスの中に「穴のパス」が確認できます。

全ての文字にも、［グループ］化とは別に［複合パス］がかかっています。

ですので、文字を作成する場合は、
穴を開ける際に［複合パス］を是非使ってください！

この作業、別に［パスファインダ］で十分OK…とは言えてしまうのですが、
Illustratorでは［複合パス］で穴が開いていることを、
ほんの少しだけでも覚えていただければ幸いです。

ちなみに、［複合パス］のショートカットは［Ctrl］＋［8］なんですが、その理由は…？？


これは私の見解なのですが・・・。
穴の開いた数字「0、4、6、8、9」の中で、
唯一「穴の二つ開いた数字」という理由ではないかな、と密かに思っています＾＾

--------------------------------------------------------------------------------

現役デザイナーが直接マンツーマン指導！
KENスクールで、あなたも一からデザインスキルを磨きませんか？？

⇒【Illustrator（イラストレーター）講座】
グラフィックデザインを作成する際には欠かせないソフト、
Illustratorの操作をしっかり学習する講座です。
ベクトル形式の図形作成に慣れることから始め、
課題を通して多種多様な制作を行います。
使えば使うほど楽しくなるのが、授業内で実感できます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 長幡

さて、

今回は文字組みで覚えておきたい「七つのコツ」をご紹介します。

Illustratorで作成した下記の文面ですが、上は入力したそのままの状態。

下は読みやすいように調整しました。

上と下には、違いが7つあります。

どこがどのように変わっているのでしょう。
（30秒間、考えてみましょう）

では、解答です。

一つ目、校舎名の書体。

校舎名と住所の違いを分かりやすくするために、

太めの明朝体「小塚明朝Pro-B」に変更しました。

二つ目、住所の書体。

上の書体は「ＭＳ ゴシック」ですが、書体もバランスも見栄えしないため、

細めのゴシック体「小塚ゴシックPro-R」に変更しました。

三つ目、行送り。

上の行送りは初期設定の［自動］ですが、［自動］は文字サイズの

175％になる為、行と行の間が広く空いてしまいます。

サイズに見合った行送りを設定すると良いでしょう。

四つ目、校舎名の欧文の微調整。

和文では、欧文が少し小さく設定されています。（1）

今回は欧文のみの縦横比を115％に大きくしました。

ですがその分太くなってしまいます。（2）

一回り細い「小塚明朝Pro-M」にすることで、バランス良く調整しています。（3）

五つ目、郵便番号の下四桁。

小さくすることでバランスが良くなります。今回は縦横比90％。

六つ目、欧文の前後間隔。

Illustratorの初期設定ある文字組みの［行末約物半角］では、

文章を読みやすくするように全角と半角の間を自動的に

12.5％～50％で間隔を作ります。

文章では読みやすいのですが、詳細文や住所などでは不要なため、

解除することをお勧めします。

基本方法は3通りあり、
 

• ［文字］パネル→［アキを挿入］をそれぞれ「ベタ」にする。
• ［段落］パネル→［文字組み］を「なし」にする。
• ［文字組み］の「設定」で［欧文の前後］をすべて0％にする。

上記のどれかで解除できます。

七つ目、校舎名のサイズ。

今までの調整で、校舎名と住所の2行目の横幅が近くなりますので

コンマ単位で住所のサイズを変え、横幅を揃えています。

以上、七つの違いが分かりましたでしょうか。

ちょっとした調整でバランスが良くなりますので、

コツを掴み「こうした方がいいかな？」と思ったら迷わずにお試しください。

文字は言葉です。

読んでもらえば確実に伝わります。

そんな文字を調整しないなんて本当にもったいない事です。

しっかりと文字をデザインしましょう！

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでWebデザインを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

さて、

そろそろクリスマス。
 

街中にはカップルが行き交い、イルミネーションが眩しく、目が痛いくらいです。
（独り身の私には、結界が張られていて進入できない状態です…）

そんな私でもクリスマスは華やかに過ごしたい♪
（きっと仕事なのですけど！！）
 

家にイルミネーションや部屋に飾り付けはできませんが、

ささやかな「クリスマスツリーを作ってみよう☆」と思います。

お店に行って、鉢入りの木や、飾りを購入する勇気がないので、

今年はイラストレーターで作る事にしました。

こんなツリーですが。。

 

でも、可愛いですよね？

作る材料はこんな感じ。

 

• 木
• 星
• ベル
• 謎の赤玉
• リボン
• 謎のキラキラ

では、さっそく作りましょう。

やはり最初は、土台の「木」が欲しいので、

サクサクっと［ペンツール］で描きましょう。
 

どちらかと言うとシンメトリーですので、

 

ガイドラインを置いて半分を［ペンツール］で描き

［リフレクトツール］で反転複製しましょう。
 

上下のアンカーポイントを

［オブジェクト］メニュー→［パス］→［連結］し、塗りを緑にします。
 

左右対称は不自然ですので、多少パスを調整すると良いです。

影も欲しいので、区切るためのパスを作成し、

 

［パスファインダー］→［分割］をして部分的に濃い緑にします。

幹や鉢も同じように作ります。

次は飾り付けです。

「星」は、まず［スターツール］で適度な星を作ります。
 

ドラック中に［Ctrl］で半径の比率が変えられます。

※作った星は必ず［コピー］してください。
 

星を二つ複製し、区切り線を2つ作ります。

 

赤丸の部分を［ダイレクト選択ツール］で選択し

［オブジェクト］メニュー→［パス］→［平均］を［2軸とも］で実行します。
 

二つの区切り線と星をアンカーポイントにスナップし

しっかりと重ねて、［パスファインダー］→［分割］します。

 

［グループ解除］をして下記の通りに色付けします。
 

星の黄色は「M30+Y80」くらいがお勧めですね。
 

それぞれの色は
 

1.  「黄色」
2.  「黄色」+「K10」
3.  「黄色」+「K20」
4.  「黄色」+「K30」
5.  「黄色」+「K40」

キレイな「星」ができましたね。

「ベル」と「赤玉」は簡単です。

 

緩やかなS字のパスを描き、「木」と同じように

［リフレクトツール］で反転複製し、上下を［連結］で繋げます。
 

下の幅より少し大きい長方形を作り、合せて、

円形グラデーションで輝きを出します。
 

赤玉も赤い円形グラデーションで塗りましょう。

「リボン」は、ちょっと分解してみました。

 

そうです。

見ての通り、輪っか3つと端2つの組み合わせです。

 

上図のように輪っかの上部分を［ペンツール］で描き、

赤丸のアンカーポイントを［はさみツール］でクリックし連結解除します。
 

下部分を移動し、両方を真下へ移動複製し、端を［連結］します。

色はメリハリを付けて片方を濃い赤にします。
 

リボンの端は頑張って作りましょう。
 

輪っか3つに複製して調整し、端の2つと組み合わせます。

できましたか？

そして「謎のキラキラ」。
 

実は簡単。
 

細長の長方形を作成します。

線なし、塗り：黄色

 

作成した長方形を［ブラシパネル］へドラックし、

［散布ブラシ］を下記のように設定します。


（サイズはまちまちなので、バランスよく調整してください）
 

ペンツールなどで曲線を描き、作成したブラシを反映させます。

どうでしょう！

では、今まで作成した材料を使ってクリスマスツリーを作成しましょう！！

 

可愛くできましたか？
 

それぞれの大きさはあまり変更せず、

角度を変えて配置するのがコツです。

余談ですが、イラストレーターの左下を［Alt］で選択すると

「クリスマスまでの買い物日数」が確認できます。

それでは、良いクリスマスを！

私のサンタはどこ？

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでIllustratorを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

本日はIllustratorの小ネタを少しだけご紹介します。

Illustratorでオブジェクトを同じ位置に貼り付ける時には

コピーをして［前面へペースト］を使いますよね。

オブジェクトを前面に移動する場合、アレンジには［前面へ］と［最前面へ］があり、

大抵は［最前面へ］を使用すると思われます。

実は［前面へペースト］にも近い考え方があります。

「違うショートカットを使う！」とかではなく、

選択しているオブジェクトがあるかどうかで変わります。

それでは、確認しましょう。

色違いの正方形を３つ用意しました。
 

分かりやすく、真ん中を［カット］をします。

まずはそのまま、何も選択されていない状態で［前面へペースト］をします。

カットした前後位置とは関係なく、選択レイヤーの最前面へペーストされます。

それでは、一度［Ctrl＋Z］で戻し、

今度は後ろのオブジェクトを選択して［前面へペースト］をします。

すると、選択されたオブジェクトの前面にペーストされます。

［前面へペースト］とは、「選択された物の前面へペースト」という意味合いですね。

些細な違いですが、皆さまきっと無意識に

操作していると思いますので、ちょっと意識してみてください。

ちなみに［背面へペースト］も同様の操作が可能です。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでIllustratorを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

本日はちょっとしたIllustratorのネタです。

Illustratorで直線のパス2本をブレンドする時、

ブレンドされる内容が「クロス」していることはありませんか？

1本のパスを複製してブレンドする時は問題なく処理できるのですが、

長方形の左右の辺をダイレクト選択ツールで選択し削除して

残った上下のパスの線上をクリックしブレンドすると、

ほぼ間違いなくブレンド内容がクロスされます。

解消法としては、ブレンドツールでクリックするときに、

合わせたいアンカーポイント同士をクリックすればクロスしません。

もしくは、パスの方向性を逆転することでクロスを解消できます。

方法は簡単。

長方形の場合は、右下のアンカーポイントをペンツールでクリックするだけ。

それだけでブレンドが正しく整います。

理屈を考えると、パスにも方向性（始まりと終わり）があり、

今回の場合は、上辺は「左→右」、下辺は「右→左」になっていると思われます。

方向が違うのでクロスする。

ですので下辺の右アンカーポイントをクリックすることにより、

「ここから続きのパスを描くの？」と思わせ、

方向性を「左→右」に逆転しブレンドを整えます。

ただし、一度クリックして正しく整ったブレンドは、

「取り消し　Ctrl＋Z」でも戻りません。

意外とこの「パスの方向性」はいい加減なのかもしれません。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでIllustratorを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

--------------------------------------------------------------------------------

パソコンスクール KENスクール京都校　Webインストラクター
http://www.kenschool.jp/school/kyoto/index.html

KENスクールでIllustratorを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

普段使われているIllustrator…
どんなソフトにも何気なく使用するだけでは
なかなか気づきにくい隠れた機能が存在します。

今回は、必ずと言って良いほど使用する
「カラーパレット」についての小技を紹介します。

一つ目は
選択されているカラーに対して簡単に「補色」を設定する
方法です。

設定の仕方はカラーパレット上の「スペクトル」と呼ばれる色が
グラデーションで表現されている場所に対して
「Ctrl」キーを押しながら 「クリック」をすることで補色が設定されます。



今回の例では赤の補色である青系に色が変更されたことがわかります。

二つ目は
選択されているカラーに対して簡単に
「明度と彩度の比率を保ちながら変更」する
方法です。


設定の仕方はカラーパレット上のカラースライダを
「Shift」キーを押しながらドラッグすると
現在設定されている色に対して
「明度と彩度の比率を保ちながら変更」することが可能です。



今回は緑色の設定が明るくなったり、くすんだりするようになりました。

三つ目は
表示モードの変更です


設定の方法はカラーパレット上のスペクトル部分を
「Shift」キーを押しながらクリックします。



本来はオプションから設定を変更しなければならない表示モードですが
意外にボタンが小さくて押しづらいと思う方も多いのではないでしょうか？

特にグラデーションの初期設定は「グレースケール」なので
わざわざ「ＣＭＹＫ」戻すのも面倒です・・・
 

このように普段使われている「カラーパレット」と呼ばれる機能一つをとっても
細かな機能が隠されていることがわかります。
 

皆さんも興味がありましたら様々な機能を勉強して
自分にとってベストな操作感を手に入れてみてはどうでしょうか？


優れたデザインがあっても存分にソフトの機能を活用できないと
せっかくのアイデアも形にすることができませんから。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Officeインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでWebデザインを学びたい方は、Web・DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html

--------------------------------------------------------------------------------

KEN School　関西方面オープンしました!!

【関西ブログ】
http://www.kenschool.jp/info/contents/blog_kansai.html

【関西オープンページ】
http://www.kenschool.jp/info/contents/op_kansai.html
 

私は小さい頃、スイカが大嫌いでした。グロいから。
緑と黒のしましまで、割ったら赤で、黒光りする種が入ってて。

でも当時、幼稚園児だった私はスーパーで黄色いスイカを見て衝撃を受け、母にねだりました。

あれだけ毛嫌いしていたものが、ある日突然、魅力的に思えることってあるんですよね。

毛嫌いされやすいとものいえば、ペンツール。

ペンツールとはIllustratorで曲線を描くためのツールです。
このペンツール、簡単そうな名前しておいて操作に慣れるまでは厄介なツールです。
なので使用頻度は高いのに、はじめのうちは敬遠したくなります。

そんなときはペンツールをペンツールだと思わなければ良いです。

グラフィックに携わる人のあいだではこのペンツールを「ベジェ」と呼んだりします。
ペンツールで描かれる線は「ベジェ曲線」という曲線を利用して形作られているのです。
名前の由来は考案した仏の自動車メーカーであるルノー社の技術者
ピエール・E・ベジェからだそうです。

「ペンツールってうまく使えないから嫌いなんだよね。」って言われたら
「ベジェは慣れたら楽勝だよ^^」って返せるくらいになったらIllustratorも面白くなる…かも？？

ただ、このベジェ曲線を紐解こうとすると
N 個の制御点から得られる N - 1 次曲線で…バーンスタイン基底関数のブレンディング関数を…
また嫌気がさすと思うので流してください。


ちなみに黄色いスイカを食べた当時の私は、もう２度とスイカを食べないと心に誓ったのでした^^;