テクスチャWebサイトの背景に平坦な色を敷いたデザインよりもテクスチャやパターンを敷いたデザインの方が仕上がりのクオリティーが断然違います。フリーのテクスチャ画像をそのままPhotoshopでパターンとして登録して使うと、継ぎ目が出てしまい使えないケースが出てくることもあります。そんな時のためにPhotoshopで継ぎ目のないテクスチャとパターンの作成の仕方を解説します。スポンサーリンク継ぎ目のないテクスチャの作り方テクスチャファイルを開いて、継ぎ目のないテクスチャとして使いたい部分を切り取ります。次にフィルタ>>その他>>スクロールを選択します。今回は800px×800pxで切り取ったので、それぞれ400pxと入力します。未定義領域をラップアラウンドにしてOKボタンを押してください。(サイズは任意です)すると画像の縦横の中央に継ぎ目が見えている画像が出来上がります。この縦横中央に走る継ぎ目を修復ブラシツールを使って継ぎ目を消していきます。Altキーを押しながらサンプルとして使いたい部分をクリックして、継ぎ目が目立たなくなるように継ぎ目箇所をドラッグしていきます。ブラシの硬さも何回か試してみるといいでしょう。継ぎ目が目立たない画像が出来上がりました。編集>>パターンを定義を選んで、パターン化してWebサイトのデザインなどに使っていきましょう。当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。ブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。色んなジャンルのサイトのボタンだけを集めた、デザインサイト集です。»Photoshop用のボタンテンプレート集Photoshop用のボタンテンプレート集です。»フリーで使えるウェブサイトのUIエレメント70種ウェブサイトをデザインする際、スケジュールが厳しいケースが多々あるかと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。投稿ナビゲーションファーストビューが大事なのは知っている。【無料】漢字もOKの日本語フリーフォント/毛筆体・手書き風など【無料】漢字もOKの日本語フリーフォント/明朝・ゴシック・丸ゴシックWindows上でXAMPPを使用してローカルにバーチャルホストを設定する方法Mac上でMAMPを使用してローカルにバーチャルホストを設定する方法WordPressの本番環境をローカル環境で再現する方法5ステップでマスターする!初心者から始めるWordPress勉強法ローカルサーバーをXAMPPで構築してWordPressをインストールする方法Photoshopで継ぎ目のないテクスチャの作り方ファーストビューが大事なのは知っている。素材profileかれこれ十年以上デザインに関わる仕事をしています。今ではWebデザインを中心に、ディレクションやライティングなどをしています。TwitterではWebに関する情報を中心に個人的な気になる話題を気ままにつぶやいています。