Instagramで撮った画像をイラレでおしゃれに並べよう

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

前もやったんけど（おそらくチノちゃんが見てなかっただろうと思うので）イラレでインスタグラム並べ　イラレで画像をレイアウトするときの基本操作が入ってます　まず画像をデスクトップとかブリッジからイラレの画面にドラッグ＆ドロップ http://t.co/e34A7p9D

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

そうするとだいたいまあ予想外にでかいので変形パネル使ってサイズ調整します　変形パネルは「ウィンドウ」メニューの「変形」ででてくる http://t.co/nNHs4g86

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

最近やってる作業のせいで単位がポイントになってたんで　サイズ感つかみやすいようにミリに変更しときます　単位変更は「Illustrator」→「環境設定」→「単位」でできる　新規ファイルのときに印刷系のデフォルトでつくればたぶんデ http://t.co/3eO4OJbF

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

それで変形パネルに数字を入れるとそのサイズになります　とりあえず５センチ角にしてみた　縦横比固定にしとくとどっちかに数値を入れたらいいのでラク http://t.co/S1OVjiRI

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

ほかのも同じようにしてサイズを揃えます　インスタはかならず正方形で吐き出されるので（ただしオンラインとかオフラインとかの状況によってピクセル数が変わったりはしてます）　５センチ角とか数値を固定すると同じサイズになります　 http://t.co/WS2WAHO7

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

そんでざっくり予定位置に置いてみます http://t.co/U0krQCQe

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

よこ一列（３枚）を選択して（選択ツールでドラッグで選択できます）　こんどは整列パネルを使うのでそれをだします　整列パネルは 「ウィンドウ」メニューの「整列」ででてくる　初心者は基本的にパネル類はメニューから探した方がいいです　ア http://t.co/qANd6A7F

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

左端の写真をクリックすると　整列パネルの下段に数値が入力できるようになるはずなので　そこに０と入力します（たぶんデフォルト０なんじゃないかなあとも思うんだけどいちおう）　写真のない白い部分をクリックすると選択解除になるのでぜった http://t.co/dagZucgU

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

この状態で「水平方向等間隔に分布」をクリックすると写真どうしがぴったりくっつきます　左端のハンバーガーの写真は位置固定されてるので動きません http://t.co/AgJgV5bD

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

さらに「垂直方向中央に分布」をクリックすると横の位置が揃います　このばあい写真の縦幅はぜんぶ同じなので「垂直方向上に整列」とか「垂直方向下に整列」とかでもかまわないです　これでとりあえず上の３つがくっついたと http://t.co/WaiYOoei

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

今度は縦に選択して http://t.co/T7FczAgj

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

またハンバーガーをクリック（選択状態でさらにそのなかのどれかをクリックすると、それが位置固定されるというしくみ） http://t.co/eX2gdiRO

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

こんどは縦なので「垂直方向等間隔に分布」 http://t.co/pzOQX6Tj

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

そんで縦を揃える http://t.co/rebAaDDs

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

あとはおなじことの繰り返しです http://t.co/vZJuL1bK

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

これ３×３なのですでに整列済みの縦横どちらを固定しても手間は同じだけど　横５×縦３とかだと、まず横５と縦３を並べて、縦の３つを固定で並べていったほうが手間が少ないです http://t.co/8rdt05kx

拡大

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

まあそんな感じで座標がまったくわかんなくっても画像ぴったり並べたりはできますので　まずこのへんからやってみてイラレの便利さを体感してください

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

こういう方式で座標を使わずに整列だけでイラストを描く方法を解説してるのがこれです｜右も左もわかんないヒトのためのイラレドリルCS5 #puboo http://t.co/F4L8bIP8

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

座標つかうと便利なんだけどねー

井上のきあ｜EUCARYA｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9

わたしは主に日記に貼るために並べをやってます http://t.co/EYBmUERr

拡大