初心者のためのイラストレーター解説 その3

フリーデザイナー井上のきあさんによる、初心者のためのIllustrator解説。3/3回。 その1 http://togetter.com/li/98391 その2 http://togetter.com/li/98481 その3 http://togetter.com/li/98486
5
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

はみだしてるとこ消しゴムツールで消して こんなパーツなんかをつくってもいいのかも http://twitpic.com/3xnxqa

2011-02-08 19:51:15
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

こういうのをくみあわせるときは 主線の太さがばらつかないようにするときれいに仕上がりますよ ロムに入れてる段階で 同じページに入れてるのはわたしがそのままでいいように調整してるので(一部そうでないのもありますが) むやみに拡大/縮小しないほうがいいかも

2011-02-08 19:53:42
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

イラレに消しゴムツールが装備されてから組み合わせとかがすっごい楽になったので パスだからアンカーいじらないととか思わずに 消しゴムツールでじゃんじゃん削ったりすると簡単ですよ

2011-02-08 19:58:33
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

また十字架に戻るけどw こういうのをスウォッチパネルにドラッグするとパターンになるので http://twitpic.com/3xnzxn

2011-02-08 19:59:54
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

スウォッチパネルのチップをまたアートボートにドラッグすると取り出せるので(これについてはメソッドの148のmethodCを見てね) http://twitpic.com/3xo0rs

2011-02-08 20:03:07
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

とりだしたオブジェクトの最下層にパターンの境界をきめる長方形(この場合は正方形ですが)があるのでこれを選択して http://twitpic.com/3xo1dy

2011-02-08 20:05:23
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

またスウォッチパネルに戻すとパターンができるので それ適用してみると隙間があいてることがわかります http://twitpic.com/3xo1zn

2011-02-08 20:07:44
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

パターンの基本的なしくみについてはメソッドの150見てねー てかまああれの基本編はほんと知ってて損はないことがいろいろ書いてあるので 覚えるくらい読んどくといろいろ作業が楽になるかと

2011-02-08 20:09:27
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

チノさんが境界がわからないといっていたこのパターンも スウォッチパネルからずりっとだしてみると http://twitpic.com/3xo4kl

2011-02-08 20:17:00
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

つまりこの長方形が境界線になるわけなので これでトリムエリアをつくってビットマップで書き出せば http://twitpic.com/3xo55k

2011-02-08 20:19:09
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

Photoshopで開いてパターンに設定してもいいし そのままツイッターの背景にも使えるかと(境界線で切れてるはずなのできれいにタイリングされるはず) http://twitpic.com/3xo68v

2011-02-08 20:23:27
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

Photoshopでパターンに登録してパターンレイヤーつくるとこんな感じになります http://twitpic.com/3xo6ml

2011-02-08 20:24:54
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

ただしビットマップ書き出ししたときにこんなふうに縁に1ピクセルの余白ができてしまうこともあったりします(これなんか解像度とかをきっちり計算して書き出さないと出るらしい) そんなときはファイル形式変えてみるとうまくいったりします http://twitpic.com/3xo78z

2011-02-08 20:27:14
拡大
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

jpgで72dpiで書き出そうとしたら出てpngで300でだしたらだいじょぶだったのでまあそんなとこでしょうね(ようするにデフォルトの設定が変わったからたまたまうまくいっただけというかんじ)

2011-02-08 20:28:46
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

イラレのパターンをPhotoshopで使う方法についてはPhotoshopメソッドの154にあるのでそれ見てくださいね(連携についてはイラレに入りきらなかったのでPhotoshopに間借りしてある)

2011-02-08 20:30:13
井上のきあ|EUCARYA|つくるデザインIllustrator/色の大事典/デザインベーシック @yue9

内側のパーツを削除して(作業しやすいように背景とか境界線にはロックかけてます) http://twitpic.com/3xoavy

2011-02-08 20:40:11
拡大