m-School (エムスクール)は、駿河台学園グループが運営する
法人向け研修トレーニングセンター、およびレンタル教室・会議室です。

2010年12月22日

散布ブラシで、フレーム(枠)を作る - イラレクラブ

こんにちは、ぱぐですpug
第6回のイラレクラブを始めます。皆さん、よろしくお願いします!

今回の課題「散布ブラシで、フレーム(枠)を作る」


第4回の「ブレンドツールで、フレーム(枠)を作成する - イラレクラブ」でも、枠を作成しました。
今回はちょっと違うやり方、散布ブラシを使ってフレーム(枠)を作成したいと思いますひらめき

まずは、散布ブラシで使う模様を準備し、新規ブラシとして登録します。
既に登録されている散布ブラシをアレンジしたい場合は、
順番をすっとばして10から読んでみてくださいpugダッシュ(走り出すさま)

新規ブラシの作成



1.模様にしたい素材を用意します。
06-01.jpg

2.[ 選択ツール ]にし、素材を選択します。
06-02.jpg

3.コントロールパネルの[ ブラシ定義 ]をクリックし、[ ブラシ ]パネルを表示します。
06-03.jpg

4.[ ブラシ ]パネルの下にある、[ 新規ブラシ ]をクリックします。
06-04.jpg

5.新規ブラシの種類をどれするか聞かれるので、[ 散布ブラシ ]にチェックして[ OK ]をクリックします。
06-05.jpg

6.[ 散布ブラシオプション ]が開き、いろいろとここで細かく設定できます。
とりあえず細かい設定は後から調整することにして、名前だけ変更して[ OK ]をクリックします。
06-06.jpg

7.フレーム(枠)となる長方形を作ります。

8.作った長方形を選択し、[ ブラシ ]パネルからさっき作成した[ 散布ブラシ ]をクリックします。
06-07.jpg

9.雪の散布ブラシが適用されました。
そのままでは、素敵ではないので[ 散布ブラシオプション ]を調整します。
06-08.jpg


[ 散布ブラシオプション ]でオブジェクトのサイズや角度を調整する



10.[ ブラシ ]パネルを開き、作成した[ 散布ブラシ ]をダブルクリックします。
06-09.jpg

11.[ 散布ブラシオプション ]が開きました。
調整したときの変化がわかりやすいように、[ プレビュー ]にチェックを入れます。

試しに、サイズを調整してみました。
06-10.jpg

◆各設定の説明◆
サイズ:オブジェクトのサイズを設定します。
間 隔:オブジェクトの間隔設定します。
散 布:オブジェクトとパスの間隔を設定します。
回 転:オブジェクトを回転する角度を設定します。
回転の基準:オブジェクトが回転する基準を設定します。
※各設定にある「ランダム」を選択した場合、最大値と最小値を▲と△で設定します。

12.他の設定も行います。
06-11-01.jpg

13.完成!
↓こんな感じになりました。中の塗りが要らない場合は、ツールボックスにある「塗り」の設定「なし」にしてくださいね。
06-11-02.jpg


またまた、作ってしまいました。クリスマスカード。
前回のよりもうまく作れたかもグッド(上向き矢印)るんるん
06-12.jpg


m-Schoolでは、Illustrator の講座を行っていますいす

満月Adobe Illustrator CS5 目指せ、脱初心者!制作テクニック講座
少し触ったことがある方や、『普段から使用してはいるものの、基礎が身についてない』と感じている方にピッタリの、脱!初心者向け講座です。

満月おしえます!仕事で使えるワザ特集!講座
業務で使うにあたり「これだけは学んでおくべき内容」に絞ってマスターするトレーニングです。制作現場のプロが最低限知っておきたい How To を活用して、チラシの制作方法を実習で学びます。
posted by pug at 12:02
連載:イラレクラブ | コメント(0) | トラックバック(0)
2010年12月08日

同じイラストを、シンボルスプレーツールで量産する - イラレクラブ

こんにちは、ぱぐですpug
もうすぐクリスマスですね、m-School の近くには東京ドームがあり
毎年イルミネーションがキレイですかわいい
今年はピンクのライトがたくさんついた、可愛らしいツリーがミーツポートに出ていましたクリスマス

気分はもうクリスマス目るんるん今年は何をプレゼントしようかなぁ...自分にpugぴかぴか(新しい)

第5回のイラレクラブを始めます。皆さん、よろしくお願いします!

今回の課題「同じイラストを、シンボルスプレーツールで量産する」


今回はシンボルスプレーツールで同じイラストをいっぱい作成します。

素材をシンボルに登録する


1.増やしたい素材を用意する。
05-01.jpg

2.素材を選択します。
05-02.jpg

3.[ シンボル ]パネルを開きます。
[ ウィンドウ ]メニューから[ シンボル ]をクリックします。
05-03.jpg

4.[ シンボル ]パネルのメニューから[ 新規シンボル ]をクリックします。
05-04.jpg

5.[ シンボルオプション ]が開くので、名前と種類を選択し[ OK ]をクリックします。
05-05.jpg

6.[ シンボル ]パネルに登録できました。
05-06.jpg

シンボルスプレーツールで同じイラストを作成する


1.[ シンボル ]パネルから、先ほど登録したシンボルを選択します。

2.[ シンボルスプレーツール ]をクリックします。
05-07.jpg

3.クリックしっぱなしで、どんどんイラストが作られていきます。
05-08.jpg

4.指を離せば、大量生産完了です!
でも、たくさん作れはしたけれど重なりすぎてますね。。。
(※ドラッグすればこんな派手には重なりません。)
05-09.jpg

シンボルシフトツールでイラストを移動する


1.[ シンボルスプレーツール ]を長押しし、[ シンボルシフトツール ]をクリックします。
05-10.jpg

2.移動させたいシンボルをドラッグで動かします。
05-11.jpg

3.ちょっとだけですが、散らばりました!
05-12.jpg

せっかくなので
シンボルスプレーツールを使って、クリスマスカードを作ってみましたるんるん
05-13.jpg

m-Schoolでは、Illustrator の講座を行っていますいす

満月Adobe Illustrator CS5 目指せ、脱初心者!制作テクニック講座
少し触ったことがある方や、『普段から使用してはいるものの、基礎が身についてない』と感じている方にピッタリの、脱!初心者向け講座です。

満月おしえます!仕事で使えるワザ特集!講座
業務で使うにあたり「これだけは学んでおくべき内容」に絞ってマスターするトレーニングです。制作現場のプロが最低限知っておきたい How To を活用して、チラシの制作方法を実習で学びます。
posted by pug at 18:25
連載:イラレクラブ | コメント(0) | トラックバック(0)
2010年12月01日

ブレンドツールで、フレーム(枠)を作成する - イラレクラブ

こんにちは、ぱぐですpug
第4回のイラレクラブを始めます。皆さん、よろしくお願いします!

今回の課題「ブレンドツールで、フレーム(枠)を作成する」


第2回の「スターをフラワーにする」で作成したお花を使い、
花びらの色を徐々に変えていきながらお花のフレーム(枠)を作成しますかわいい

もちろん、お花じゃなくてもOKですひらめき
それでは、作成していきましょう目ぴかぴか(新しい)

お花のフレーム(枠)作り



04-01.jpg
1.素材を準備します。

04-02.jpg
2.コピー&ペーストで、フレームの角となる場所に配置します。

04-03-01.jpg
04-03-02.jpg
3.[ ブレンドツール ]をダブルクリックし、オプションを変更します。
間隔を距離にして、100pxと入力します。

04-04-01.jpg
4.花を「1→2→3→4→1」と順にクリックします。

04-04-02.jpg
5.お花のフレームが完成しました。
このままでも使えますが、次は花びらの色を変えていきます。

花びらの色を徐々に変える


04-05-01.jpg
6.ダイレクトツールを選択します。

04-05-02.jpg
7.花びらをクリックし、色を変更します。
一カ所色を変更したのですが、
下の花びらがオレンジから濃い赤に変わってるのがわかりますか??

04-06.jpg
8.ほかの場所の花びらも変更すれば、カラフルなお花フレームの完成です!

こんな感じで、オリジナルのメモ用紙なんか作ってもいいですねpugるんるん

m-Schoolでは、Illustrator の講座を行っていますいす

満月Adobe Illustrator CS5 目指せ、脱初心者!制作テクニック講座
少し触ったことがある方や、『普段から使用してはいるものの、基礎が身についてない』と感じている方にピッタリの、脱!初心者向け講座です。

満月おしえます!仕事で使えるワザ特集!講座
業務で使うにあたり「これだけは学んでおくべき内容」に絞ってマスターするトレーニングです。制作現場のプロが最低限知っておきたい How To を活用して、チラシの制作方法を実習で学びます。
posted by pug at 16:57
連載:イラレクラブ | コメント(0) | トラックバック(0)
2010年11月24日

かんたん♪グラフィックスタイルライブラリで、ボタン作成 - イラレクラブ

こんにちは、ぱぐですpug
第3回のイラレクラブを始めます。皆さん、よろしくお願いします!

今回の課題「かんたん♪グラフィックスタイルライブラリで、ボタン作成」


ボタンといっても今回挑戦するのは、洋服のボタンじゃありません目
ホームページなどで使われている、あのボタンですひらめき

準備はいいですか??
では、さっそく作ってみましょう。

03-01.jpg
1.ボタンの形を決めます。
[ 角丸長方形ツール ]を選択します。


03-02.jpg
2.アートボード上でクリックします。


03-03-01.jpg

03-03-02.jpg
3.オプションの設定を聞かれるので、お好みの数値を入力し[ OK ]をクリックします。
角丸の長方形ができました。

今回はボタンらしくなるように、以下の数値を入力しました。
幅:100px
高さ:40px
角丸の半径:5px


03-04.jpg
4.[ 光彩スタイル ]のグラフィックスタイルライブラリを開きます。
[ ウィンドウ ]メニューから[ グラフィックスタイルライブラリ ] → [ 光彩スタイル ]を選択します。


03-05.jpg
5.長方形を選択し、[ 光彩スタイル ]から
適用させたいグラフィックスタイルをクリックします。


03-06.jpg
6.はいっ、ほぼ完成!
あとは、使う箇所にあわせて文字を入れればバッチリですexclamation×2

グラフィックスタイルライブラリ以外にも、
シンボルライブラリ・スウォッチライブラリなどがあります。

いろいろ試して、ラクしちゃいましょpugるんるん

m-Schoolでは、Illustrator の講座を行っていますいす

満月Adobe Illustrator CS5 目指せ、脱初心者!制作テクニック講座
少し触ったことがある方や、『普段から使用してはいるものの、基礎が身についてない』と感じている方にピッタリの、脱!初心者向け講座です。

満月おしえます!仕事で使えるワザ特集!講座
業務で使うにあたり「これだけは学んでおくべき内容」に絞ってマスターするトレーニングです。制作現場のプロが最低限知っておきたい How To を活用して、チラシの制作方法を実習で学びます。
posted by pug at 16:22
連載:イラレクラブ | コメント(0) | トラックバック(0)
2010年11月17日

スターをフラワーにする - イラレクラブ

こんにちは、ぱぐですpug
第2回のクラブをはじめまーす。皆さま、どうぞ宜しくお願いしますひらめき

今回の課題「スターをフラワーにする」


前回、ペンツールでいろいろな線を描きました。
ペンツールでも星を描くことができますが、もっと簡単にパパッと作るには
スターツールを使うとバランスもキレイで楽でするんるん

さっそく作ってみましょうpugぴかぴか(新しい)

スターツールで星を描く


02-01.jpg
1、ツールボックスから[ スターツール ]を選択します。

02-02.jpg
2、クリックし、好きな大きさと角度になる場所までドラッグします。
  あら簡単。もう、星ができましたぴかぴか(新しい)
※この時、[ Shift ]を押しながらドラッグすると星の形を固定して描けます。
  また、[ ↑ ]や[ ↓ ]をドラッグ中に押すと頂点の数を増やしたり減らしたりもできます。

02-03.jpg
ペンツールでも星を描いてみました。
ペンツールの星はガタガタでお世辞にもキレイとは言えないです、
私が下手なだけですかね。

スターツールって言い切ってるだけあって、星を作るのは簡単でした目るんるん
次はこの星を、お花に変身させたいと思いますかわいい

星を変形させて花にする


02-04.jpg
1、作った星を選択し、[ 効果 ]メニューから[ パスの変形 ]→[ パンク・膨張 ]をクリックします。

02-05.jpg
2、膨張を100%にし、[ OK ]をクリックします。

02-06.jpg
3、膨張できたら、それをコピー&ペーストで同じ物をもう一つ作成します。
  どちらか一つを選択し、隙間のある部分を埋めるようにして回転させます。

02-07.jpg
4.[ 楕円形ツール ]を選択し、真ん中へ小さく丸を描きます。

02-08.jpg
5、丸を黄色く塗ります。
  丸を選択し、[ 塗り ]ボックスをダブルクリックします。
  [ カラーピッカー ]から黄色を選択します。

お花の完成ですかわいい

何の花?と聞かれたら「強いて言うなら、マーガレット」と答えてください。
02-09.jpg
花びらの部分も色を変えれば、何種類ものお花ができますよ。

m-Schoolでは、Illustrator の講座を行っていますいす

満月Adobe Illustrator CS5 目指せ、脱初心者!制作テクニック講座
少し触ったことがある方や、『普段から使用してはいるものの、基礎が身についてない』と感じている方にピッタリの、脱!初心者向け講座です。

満月おしえます!仕事で使えるワザ特集!講座
業務で使うにあたり「これだけは学んでおくべき内容」に絞ってマスターするトレーニングです。制作現場のプロが最低限知っておきたい How To を活用して、チラシの制作方法を実習で学びます。
posted by pug at 16:16
連載:イラレクラブ | コメント(0) | トラックバック(0)
2010年11月10日

ペンツールでいろんな線を描く - イラレクラブ

はじめまして、ぱぐですpugexclamation

イラレクラブは、Adobe Illustrator をはじめて使う方・ちょっとしたイラストが描けたらいいなぁと
思っている方のお役に立てるような基本的な操作やテクニックなどを紹介していく連載記事です。

Illustrator って、そもそも何なの?という方は
Illustrator(イラストレーター)とはを参考にしてみてください目

それでは、第1回のクラブをはじめまーす。皆さま、どうぞ宜しくお願いしますかわいい

今回の課題「ペンツールでいろんな線を描く」


Illustrator(イラストレーター)とはでも紹介されていた「パスの使い方」ですが
ここでは、いろいろな線を描いてみます。

皆さま、ペンツールの準備はできましたかexclamation&question
それでは、直線・ギザギザ線・曲線にチャレンジしてみましょうpugグッド(上向き矢印)

直線を描く


01-01.jpg
1、始点となる場所でクリックします。

01-02.jpg
2、終点となる場所でクリックします。
  始点と終点が繋がり直線ができました。

ギザギザ線を描く


01-03.jpg
1、直線の応用です。まずは、始点となる場所でクリックします。
01-04.jpg
2、始点から斜めに向かって
  上下(または、左右)交互にクリックを続けていきます。
01-05.jpg
3、ギザギザの線ができあがりました。

曲線を描く - その1


01-06.jpg
01-07.jpg
1、始点を作り、曲線の山となる場所をクリックします。
  その時、クリックをしたままでいてください。

01-08.jpg
2、マウスから指を離さずに、右へドラッグします。
  するとクリックした場所から線が出てきました。
  これを、方向線といい矢印で掴んでる丸い点を方向点といいます。
  カーブができたらマウスから指を離します。

01-09.jpg
3、最後に終点となる場所をクリックします。
  曲線ができました。

曲線を描く - その2


01-10.jpg
1、曲線の作り方としてもう一つの作成方法は、
  先に全ての点を作り線でつなげます。

01-11.jpg
2、全て点をつなげた後に、
  [ アンカーポインタの切り替えツール ]をツールボックスから選択します。
  山となる場所の点をクリックし、そのままドラッグします。
  曲線ができました。

これさえできてしまえば、
ペンツールで思い通りの線が、簡単に引けるのではないでしょうかpugぴかぴか(新しい)

m-Schoolでは、Illustrator の講座を行っていますいす

満月Adobe Illustrator CS5 目指せ、脱初心者!制作テクニック講座
少し触ったことがある方や、『普段から使用してはいるものの、基礎が身についてない』と感じている方にピッタリの、脱!初心者向け講座です。

満月おしえます!仕事で使えるワザ特集!講座
業務で使うにあたり「これだけは学んでおくべき内容」に絞ってマスターするトレーニングです。制作現場のプロが最低限知っておきたい How To を活用して、チラシの制作方法を実習で学びます。
posted by pug at 15:39
連載:イラレクラブ | コメント(0) | トラックバック(0)