井上のきあさんによる「Illustratorでモノグラムシームレスパターンを作ってみる」Tips

井上のきあさんによる「Photoshopでモノグラムシームレスパターンを作ってみる」Tips → http://togetter.com/li/183149 と同じものを今度はIllustratorを使ってやってみるという手順です。 Photoshopとillustratorの違いがよくわかると思います。
モノグラム デザイン Illustrator シームレス アート 井上のきあ
74
井上のきあ@GRAPHIC DESIGN METHOD @yue9
忘れないうちにピンドラパターンをイラレでつくるやりかたやっときますね(ただしチノちゃんがすり潰されない方式で) 400×400の新規ファイルをつくります http://t.co/AhyIqdT
拡大

「すり潰される」というのは
手順などが難しくて脳みそがゴリゴリすり潰される感覚のことを言います

井上のきあ@GRAPHIC DESIGN METHOD @yue9
400×400の正方形かきます サイズ決めて正方形かく方法はIllustratorメソッドの001(以降とくに表記なければイラレのほうだと思ってね) ちなみに後ろの正方形はアートボードなのでいま描いた奴ではない http://t.co/CDA7iy9
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
「アートボードに整列」にしとくと基準がアートボードになります そこで「水平方向中央に整列」と「垂直方向中央に整列」をやって正方形がアートボードの中央にくるようにします まあアートボードにスナップさせてもできるけども http://t.co/aE24LJC
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
正方形を選択した状態で 定規の原点を正方形の中心にドラッグすると http://t.co/IUtPVz2
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
正方形の中心の座標が(0,0)になります このへんの作業はメソッドの160にまとめてあります http://t.co/t5yEkKa
拡大

とってもとってもお役立ちの本です

井上のきあ@GRAPHIC DESIGN METHOD @yue9
原点をアートボードのセンターにもってくる作業がめんどくさいですが これやっとくだけで後がぜんぜん楽になるので(てかやっとかないとできないしw) あらかじめ原点がセンターの作業用ファイルつくっとくと楽ですよ
井上のきあ@GRAPHIC DESIGN METHOD @yue9
この正方形はあとでつかうのでとっとく そんでアトリエからピンドラっぽいアイコンもってきます これはこないだつくったPhotoshopのパターンからもってきた http://t.co/K169HuW
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
パスだとイラレ→フォトショ→イラレ… を繰り返しても劣化しないのでべんりです 
井上のきあ@GRAPHIC DESIGN METHOD @yue9
あとはひたすらブツを置いていくだけ 座標指定についてはメソッド125(変形パネルで入力するだけです) http://t.co/NlA9XV1
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
こないだと同じ配置にしてます 10とか100とかいう刻みでファイル設計すると計算しやすいです どうせイラレなので拡大縮小しても劣化しないし http://t.co/y6gkTlX
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
イラレの場合 原点を中心にもってこれるんで計算しやすいですね http://t.co/IBwy0tv
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
もうわかるとおもうけど右上は(100,100) http://t.co/gf45mJh
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
角は複製してひたすら置くだけ ただCS5からプラスマイナスの方向が変わったという噂をきいたので変だとおもったら逆にして(あの改変はインデザに合わせたんだよねえーインデザは逆方向だから) http://t.co/zG5B8g4
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
ダイアログ使っての「移動」(メソッド125のB)でやってもいいんだけどこのくらいの量だったら手でやってもたいして時間は変わらないので
井上のきあ@GRAPHIC DESIGN METHOD @yue9
さっきとっておいた正方形を「透明(塗り:なし、線:なし)」にします この正方形はさっき位置調整したアイコンの何よりも「下」になるように(レイヤー分けて下に置いとくようにするのが確実) http://t.co/SWyKWo6
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
アイコンと正方形をぜんぶ選択してスウォッチパネルにドラッグ http://t.co/N4nDtrD
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
なんか適用してみるとつながってますね http://t.co/LZun6Ob
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
ちなみに透明な正方形がアイコンより上にあるとこうなっちゃうからねー あの正方形は境界線を定義づけるためのブツです(つまりこれは境界がこちらの予定どおりに定義されてない状態になってます) http://t.co/MQcRe8c
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
わたしこういうパターン素材を自分でつくって持ってるわけですが(つくりかたはメソッドの019みてね) http://t.co/WYmYTtm
拡大
井上のきあ@GRAPHIC DESIGN METHOD @yue9
ストライプのパターンをアピアランス使って重ねて(これはメソッドの147のD) http://t.co/ogi4hAt
拡大
残りを読む(9)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

いまツイッターで話題の記事

ログインして広告を非表示にする
ログインして広告を非表示にする