PhotoshopまたはIllustratorで画像を敷き詰めて並べるには？

Question

PhotoshopまたはIllustratorを使って画像（6枚）を隙間無く敷き詰めるにはどうやればいいですか？
■　■　■
■　■　■
これを
■■■
■■■
と隣り同士の画像がくっつく様にキレイに並べたいと思っています。
Photoshopは5.5、Illustratorは9.0を使っています。
初心者なのでなるべく簡単な方法が良いです。
どなたか宜しくお願い致します。

hirai2008 · Accepted Answer

Photoshopはあまり得意じゃないのでイラレでの方法です。

■画像がすべて同じサイズの場合（マスクなし）-----------------------

あらかじめ[整列]パネルを表示。
右上▲から「オプションを表示」させておく。

・画像を６枚配置
・上の行にしたい３枚を選択
・選択状態のまま、３枚の写真の内左上の写真を
　Alrキー（Macはoption)を押しながらクリック
　（必ずしも左上写真である必要はありません。例です）
・[整列]パネルの一番下段・右側の数値を「0」にして
　□||□　←こんなボタンをクリック。

これで上３つの写真が一発で隙間なく整列されます。
同じやり方で下段３枚も敷き詰めていけば完成です。

ちなみに[整列]パネルの数値を0以外、たとえば5mmとかにすれば、
5mm間隔で敷き詰めれます。結構便利です。


■画像が異なるサイズの場合（マスクあり）-----------------------
画像の縦横比率が異なる場合、ご希望の形は難しいと思うので、
マスクを使用すれば良いと思います。

マスクの場合は[整列]機能よりも下記の方法が良いと思います。

・写真を敷き詰めた全体の仕上がりサイズを長方形ツールで作成。
・長方形を選択したまま
　メニュー[文字]→段組設定を選択
　（CSでは[オブジェクト]→[パス]にあります）
・段組設定ダイアログで、下記のように数値入力
　横　段数：2　段間隔：0
　縦　段数：3　段間隔：0
　他の数値は変更しないで[OK]をクリック。
・隙間なく並べられた長方形が並んでるので、
　それぞれの長方形に写真をマスクしていけば希望の形に完成。


…という方法を私はオススメします。
マスク機能とかご存じなのか分からないですが、
不明点あれば補足とかでお知らせください。
できる範囲でご協力します。

Syleena · Answer

Illustratorは使用してないのですが、
あらかじめ新規で最終的なサイズの白紙を作って
各レイヤーでコピペ、最後に結合じゃだめですか？

nununukoko · Answer

とりあえずフォトショップのやり方を…

全部の画像が同じなら、

・画像を開いて、メニューの 編集＞パターンを定義 を選ぶ

・画像を並べるほうの大きな新規画像を作成します。予め縦と横のピクセル数を６つ分にしておく

・編集＞塗りつぶし＞パターン を選び、カスタムパターンをクリックして、先ほどパターンとして定義した画像のサムネールを選び「OK」をクリック



全部の画像が違う場合はひとつづ手作業で並べるしかありません。

・画像を並べる６つ分のサイズのキャンバスを新規作成

・六つの画像を開いて、順にそれぞれの画像をレイヤーパレッドからを新しく作ったキャンバスにドラック＆ドロップ

・移動ツール[自動選択：レイヤー]でそれぞれをキーボードの矢印キーで1pxづつ動くので配置したいように並べる（Shift同時押しで10pxづつ移動）

・重なる部分がわかりにくい場合は、レイヤーパレッドの不透明度を下げてやると透けて見える（保存する時にも反映されるので最後は１００%に戻しておく）

・最後に切り抜きツールで切り抜きして、ctrl＋Sで保存して完了

noname#105101 · Answer

イラストレータなら、配置した画像の角の部分の座標を変形パレットで確認して数字をあわせて並べてやったらよいでしょう。

座標できっちりそろえても継ぎ目に線が出ることもあるので、ほんのわずかに重ねてやっても良いと思います。

hiroleta · Answer

Illustratorなら。
上の画像３枚を選択ツールで選択＞ウィンドウ＞整列＞整列パレット右上の小さな三角をクリック＞オプションを表示（オプションを隠すの場合はそのまま）＞選択した画像の一つ（仮に右端）をそのままクリック＞整列パレット内のオブジェクトの整列欄の「垂直方向中央に整列」をクリック＞等間隔に分布欄の「水平方向等間隔に分布」をクリック＞オブジェクト＞グループ＞下の画像３枚を選択ツールで選択して、上の画像と同じように操作＞上下の３枚ずつの画像全体を選択ツールで選択＞そのまま上の画像をクリック＞整列パレット内のオブジェクトの整列欄の「水平方向左に整列」をクリック＞等間隔に分布欄の「垂直方向等間隔に分布」をクリック。

PhotoshopまたはIllustratorで画像を敷き詰めて並べるには？

Illustratorは使用してないのですが、

とりあえずフォトショップのやり方を…

イラストレータなら、配置した画像の角の部分の座標を変形パレットで確認して数字をあわせて並べてやったらよいでしょう。

Photoshopはあまり得意じゃないのでイラレでの方法です。

Illustratorなら。

似たような質問が見つかりました

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング