パターンプレビューを使って超簡単にシームレスパターンを作成するPhotoshopスピードアート！

Photoshopのパターンプレビューを使って超簡単にシームレスパターンの作成を行います。

以前はこのようなパターンを作成する際は上下左右のオブジェクトをピクセル単位で合わせる必要があったのでめちゃめちゃ簡単になりました。

使用感はIllustratorのパターンとほぼ同じですが、Illustratorのパターンと比較するとタイルの種類（レンガやオフセット等）など配置の設定項目がないのが惜しいです。

パターン化するにあたり、より細かく配置の設定を行いたい場合はIllustratorの方が良いかもしれませんが、Photoshopで行うメリットは画像加工を同時に行えることにあるので布地に花柄があるデザインにしました。

パターンプレビューでパターンを作成して、花柄の生地を作成する一連の流れが分かる動画となっておりますのでぜひご覧ください。

CONTENTS

リソース

主な工程としては、

となります。

0% #a9997a
20% #efe9d0
40% #ffffff

パターンプレビューを使ってテクスチャをシームレスにする動画を作成したので合わせてご覧ください。

Illustratorでのパターン作成は過去にいくつか動画にしておりますが、Photoshopでのパターン作成との比較はこちらの動画が分かりやすいと思うので合わせてご覧ください

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

個人サイトやTwitter、YouTubeにてPhotoshopとIllustratorの作例を発信中！

詳しくはWorkにてご覧ください。

また、お仕事等のご依頼はContactよりご連絡くださいませ。