
シームレスなパターンは、コンテンツ上の任意の目に見える縫い目や中断なしに自分自身のコピーと並んで配置することができる画像であるので、この

継ぎ目が無いパターンが視覚興味、質および一貫性を持って来るのにほとんどあらゆる設計で使用することができます。 このチュートリアルを使用して、Gravit Designerで独自のカスタムパターンを作成する簡単な方法を学びます。
まず、Gravit Designerのようこそ画面でカスタム文書サイズを作成します。 完全に正方形のキャンバスサイズを使用してパターンタイルを作成する方が簡単なので、400x400pxを使用しましょう。 ようこそ画面の上部にあるカスタムフィールドを入力し、”作成!”.

要素を選択してください
あなたは限り、それはすべてが正しく配置されているように、シームレスなパターンを作成するためにほとんど何を使用す のは、このチュートリアルのステッカーのGravitデザイナーのライブラリからいくつかの要素を使用してみましょう。

要素を正しく配置する
シームレスなパターンを作成するためのトリックは、タイル上で使用する要素の連続性です。 つまり、画像の境界線に配置された要素は、その隣に配置された次のタイルの画像の境界線と一致する必要があるため、一緒に配置すると、タイル間の これは、タイルの4つのエッジで有効です。

これを行うには、最初に必要な要素をキャンバスの上端と左端に配置します。 あなたはエッジの真ん中に正確に配置することができますか、それはあなた次第ですし、後でこの位置を変更することができます。

複製して反対側に配置する
要素を配置した後、繰り返しパターンを作成するには反対側にコピーする必要があります。 すべての要素を選択してCtrl+C–Ctrl+Vを押すか、メニュー Edit>Copyに移動してからEdit>Pasteに移動します。
左端に配置された要素のコピーごとに、インスペクタパネルの位置フィールドを使用して、X軸に400ピクセル(キャンバスの幅)を追加する必要があります。


上端に配置された要素については、同じことを行いますが、PositionフィールドのY軸に400ピクセルを追加します。


要素の残りの部分を追加
今、あなたは準備ができて配置要素のシームレスな部分を持っていることを、あなたはキャンバスの中央部に分布し、より多 キャンバスがより空に見える要素をもう一つ追加しましょう。

また、インスペクタパネルのカラーピッカーを使用して、背景色を定義することもできます。 このチュートリアルでは、色#FBF5D8を使用してみましょう。

あなたのタイルは完了です! インスペクタパネルのクリップコンテンツをクリックすると、ファイルがエクスポートされた後にどのように表示されるかを確認できます。 キャンバス領域の外側に表示されるすべてのものは、最終的にエクスポートされた画像には表示されません。

パターンタイルをエクスポート
これで、ファイルをエクスポートして、パターンとして使用できる最終的なイメージを得ることができます。 メニューに移動しますファイル>エクスポート>PNG画像(.png)。

ヒント:Gravit PROユーザーの場合は、高度なエクスポートを使用して300dpiでエクスポートします。
タイルをテスト
エクスポートしたタイルをインポートして、シームレスなパターンとしてどのように繰り返されるかを確認できるようになりました。 ツールバーの画像の配置アイコンを使用して画像をインポートするか、メニュー File>Import>Place imageを使用するか、フォルダからキャンバスに画像をドラッグします。

画像が配置されたら、それをコピーし、背景色のカラーピッカーでテクスチャ塗りつぶしを選択します。

テクスチャの塗りつぶしを選択して画像をコピーした状態で、塗りつぶし設定の貼り付けをクリックして、コピーした画像をテクスチャとし

スライダーを使用すると、パターンのサイズを変更することができます。 これは、パターンがシームレスに見えるかどうかを確認したり、Gravitデザイナーの作品に使用するパターンを作成したりするのに適した方法です。

他の種類のパターン
同様の手法を使用して、幾何学的なパターンのような他のタイプのパターンを作成することができます。
この等角立方体を使用してシームレスなパターンを作成したいとしましょう:

コピーを作成し、スナップツールをオンに切り替えたままにして、この図形でいくつかの行を揃えます。

長方形ツール(R)を選択し、立方体の頂点を考慮した長方形を作成します。 あなたが他のパターンで前に行ったように、長方形の端にある図形の半分は互いに一致する必要があります。

キューブは四角形の内側に配置され、クリッピングマスクが作成されます。 キューブレイヤーを選択して、レイヤーパネルの長方形レイヤーにドラッグできます。

長方形の境界線の可視性をオフに切り替えると、このタイルをエクスポートし、前の例で行ったように最終結果をインポートできます。 この技術はまた継ぎ目が無いパターンを作成するのに使用することができるタイルで起因する。

エッジを気にすることが主なトリックであり、これを行うことによって、あなたはほとんどすべての要素を持つパターンを作成することができます。