IllustratorとPhotoshopでの画像のいじりかた

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

これはチノちゃんのかいてくれた元絵なんですがパス化するためにいったん線画にもどします http://t.co/jdeYw74v

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

イラレに読み込んでライブトレースかけます http://t.co/N6LO3Uk3

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

チノちゃんの絵は線がはっきりしてるのでデフォルトの設定できれいにとれます　細かったりかすれが多い線の人はむずかしいかも http://t.co/8mzbfMHN

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

色はライブペイントでつけなおしてます　目とか影の塗り分けラインとかは元絵を参考にしながらひきなおしてつくってます http://t.co/FAmBwFCB

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

これをクリッピングマスクで抜いて http://t.co/YSIqcYc2

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

文字のせ用の太線の円描いて（ほんとはこの円を先に描いて複製してさっきのマスクをつくったのだけど説明がわかりにくくなるのでこの順で説明してる） http://t.co/3qdjWXLE

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

パス上文字ツールで円に文字を流し込んでいます　文字の円の中心からの位置はベースラインで調整できます　ただ文字の円周上の位置をあわせるには馴れがいるかも（いつもへんなとこ選択しちゃうので） http://t.co/gp1sI9ja

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

パターン化はこんなかんじでつくってます　赤枠が境界なので、他人がつくったパターンを解読する場合はようするにこの線がどこにあるかを見切っちゃえばよいわけです http://t.co/dKJ2Rnp5

拡大

幸宮チノ @chino_y

パターン化してくれたものがこちらになります http://t.co/VMphm906

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

ちなみにパターン化したときにクリッピングマスクのマスクが無視されたりすることもあるので（たぶんパターンの境界の透明枠とかちあうんだろうなー）、うまくいかないときははみだしてるとこを物理的に消してからのほうがよかったりします

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

パターン素材をひきずりだすね http://t.co/98VKqLvQ

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

そうすると一番下にパターンの境界線の長方形があるので http://t.co/goL5yw7V

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

5の場合はこれをアートボードに変換して http://t.co/Bp99acRk

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

ただプリント系のフォーマット使ってるとかってに塗りたしつけられて書き出しのときに塗りたしありででてきちゃうので（普段はありがたい機能なんだけど）これきっといたほうがいいとおもうので０にした http://t.co/GcSkrRs9

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

2個めのアートボードだけビットマップにかきだして http://t.co/EejpdivZ

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

Photoshopでひらいてパターン定義すると http://t.co/tikacnEG

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

Photoshopのパターンとしても使えます　さっきのかきだした画像はタイリングできるようになってるので、ついったとかブログの壁紙にするときはそのまま登録すればよろし http://t.co/mTlwAwX5

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

アートボードに変換します、のあたりで脱落したひとも多そうだけど　３とかだとトリムエリアに変換すればいいので、こういうのは古いバージョンのほうがかえってわかりやすいね

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

こういうのメソッドにもかいてあるのでしりたかったらメソッドどうぞ

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

いっちゃんアナログなのは境界線のサイズを調べて、どこでもいいからパターンをそのサイズにトリミングしちゃうことなんだけど、ぴっちり２００×３００でつくってもこんなふうに誤差が発生するので、そのへんは勘がたよりになるかも http://t.co/0sxvfrnw

拡大

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

おそらくチノちゃんがやったのはこの方式でしょう

井上のきあ｜EUCARYA 色の大事典イラレデザインベーシック @yue9

チノちゃんの夏コミ用のおまけはこんなやつ こっちでも試作して位置確認したので http://t.co/I76Nz4th

拡大