終了

不規則なオブジェクトの配置

Community Beginner ,
Nov 02, 2017 Nov 02, 2017

リンクをクリップボードにコピー

コピー完了

最新版の2018CCのソフトを使っています。

不規則に置かれたヴィトンのモノグラムのようなデザインをしたいのですが、

どうすれば同じものが隣り合わないのでしょうか。

3つのオブジェクトを使って作成しようとしています。

どなたか方法を知っている方がいらっしゃいましたら

教えてください。

表示

1.7K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

支持者 , Nov 02, 2017 Nov 02, 2017

身も蓋もないですが、同じものが隣り合わないように並べているだけです……。

まず、ヴィトンのモノグラムを想定しているのであれば、並び方には規則性があります。

甲 乙 甲 乙 甲

 丁 丁 丁 丁

丙 甲 丙 甲 丙

 丁 丁 丁 丁

甲 乙 甲 乙 甲

 丁 丁 丁 丁

丙 甲 丙 甲 丙

実際の並びをよく観察して、どこからどこまでを切り出すと繰り返しているかを見極めてください。

甲 乙 

 丁 丁

丙 甲 

 丁 丁

上記の例でいうと、この並びの繰り返しです。

Illustratorでは、繰り返す並びを表現する機能としてパターンという機能が用意されています。パターンとして定義すると、単色のカラーやグラデーションと同じように扱えるようになり、オブジェクトの塗りとして指定できるようになります。

また、単純にコピーして並べる方が扱いやすい場合もあります。

これらは、状況によって使い分けてください。

コピーして並べる場合は、同じオブジェクトを複製した時に管理しやすく、データ容量が必要以上に大きくなるのを防ぐことができるシンボルという機能があるので、これを併用します。

さて、以下、ざっくり説明します。

スクリーンショット-2017-11-02-23.38.38.png

並べたいオブジェクトを、ひとまず

...

投票

翻訳

翻訳
支持者 ,
Nov 02, 2017 Nov 02, 2017

リンクをクリップボードにコピー

コピー完了

身も蓋もないですが、同じものが隣り合わないように並べているだけです……。

まず、ヴィトンのモノグラムを想定しているのであれば、並び方には規則性があります。

甲 乙 甲 乙 甲

 丁 丁 丁 丁

丙 甲 丙 甲 丙

 丁 丁 丁 丁

甲 乙 甲 乙 甲

 丁 丁 丁 丁

丙 甲 丙 甲 丙

実際の並びをよく観察して、どこからどこまでを切り出すと繰り返しているかを見極めてください。

甲 乙 

 丁 丁

丙 甲 

 丁 丁

上記の例でいうと、この並びの繰り返しです。

Illustratorでは、繰り返す並びを表現する機能としてパターンという機能が用意されています。パターンとして定義すると、単色のカラーやグラデーションと同じように扱えるようになり、オブジェクトの塗りとして指定できるようになります。

また、単純にコピーして並べる方が扱いやすい場合もあります。

これらは、状況によって使い分けてください。

コピーして並べる場合は、同じオブジェクトを複製した時に管理しやすく、データ容量が必要以上に大きくなるのを防ぐことができるシンボルという機能があるので、これを併用します。

さて、以下、ざっくり説明します。

スクリーンショット-2017-11-02-23.38.38.png

並べたいオブジェクトを、ひとまず3つ用意します。

それぞれ、シンボルパネルにドラッグするか、選択した状態でシンボルパネルの右下の新規シンボルボタンで登録できます。

スクリーンショットのように登録されればOKです。

スクリーンショット-2017-11-02-23.39.23.png

この先の作業の準備をします。

一定の距離に並べる時に便利な、キー入力による移動距離を設定します。

環境設定(MacではCommand + K、WindowsではCtrl + K)ダイアログを開くと、キー入力のところがハイライトしているので、数値を入力して設定します。この例では、15mmピッチで並べようと思っているので15としています。

スクリーンショット-2017-11-02-23.41.44.png

さきほど作成したオブジェクト(シンボル)を選択し、

スクリーンショット-2017-11-02-23.41.57.png

整列パネルで、縦・横ともセンターに揃えます。

スクリーンショット-2017-11-02-23.44.47.png

下記の手順を参考に、スクリーンショットのような並びにします。

(スクリーンショットには、わかりやすいように15mmピッチでガイドラインがひいてあります)

  1. 選択したままになっている場合は、一度すべて選択を解除(Shift + Command + A / Shift + Ctrl + A が便利)
  2. ひとつだけ選択して、カーソルキーで動かす
  3. 別のひとつを選択して、カーソルキーで動かす
  4. 最後のひとつを選択して、カーソルキーで動かす

この時、それぞれの大きさが適当でなかった場合は、バウンディングボックスや拡大・縮小ツールでサイズを調節しておいて下さい。

スクリーンショット-2017-11-02-23.46.02.png

optionキー / altキーを押しながらカーソルキーで動かすと、動かすと同時にコピーされます。この機能をうまく利用して、スクリーンショットのような感じに、移動したりコピーしたりしながら並べていきます。

ある程度数が揃ったら、ピッチを30mmに変更して、まとめて選択してコピーすると楽になります。

スクリーンショット-2017-11-02-23.48.39.png

背景に別の色をつけた四角形を敷くと、こんな感じのイメージになります。

スクリーンショット-2017-11-02-23.50.19.png

さて、パターンの方ですが、まずは繰り返しているピッチを確認します。

この例では15mm間隔で並べ、縦横とも4回で繰り返しているので、60mm × 60mmのオブジェクトを最背面に用意します。

背景に色を含めたくない場合は、線と塗りが「なし」の四角形を最背面においてください。

これらをまとめて選択し、スウォッチパネルにドラッグすると、パターンが定義できます。

ここで定義したパターンは、塗りとして使用できるようになります。

(使いどころを選びますが、線としても使用できます)

以上、端折った説明で申し訳ございません。よくわからない部分は遠慮無くご質問ください。

猛者の方々は、ご指摘や別解などをご提示いただけますと助かります。

こうした作り方の解説は、Illustratorの入門書や、チュートリアルを掲載しているサイト・ブログなど、ある程度まとまった情報を参照して学習することをお薦めします。複雑にみえるデザインも、基本操作の組み合わせ・積み重ねで出来ていますので、様々な作例とその作り方を学習することで、自然に作れるようになりますよ!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Nov 05, 2017 Nov 05, 2017

リンクをクリップボードにコピー

コピー完了

とても詳しく教えて頂きありがとうございました!!

写真もつけて頂いて途中で躓くことなく完成させることができました。

本当にありがとうございます

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Nov 05, 2017 Nov 05, 2017

リンクをクリップボードにコピー

コピー完了

最新

写真付きでとてもわかりやすい説明ありがとうございました。

おかげさまで途中で躓くことなく完成させることができました!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines