Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
便利なパターンジェネレーター3選 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

便利なパターンジェネレーター3選

投稿日:

今回は、WEBサイトを作る上で使えるパターンジェネレーターを3つご紹介します。
手間をかけずに簡単にパターンを作成できるので、とても便利で助かりますよ〜!

 

便利なパターンジェネレーター3選

http://www.stripegenerator.com/

こちらは、ストライプ画像を作成できるジェネレーターです。

線の角度や幅など細かい設定が可能なので、ちょっとしたストライプ画像をパパっと作成する時に便利です!

 

http://wanokoto.net/japonizes

和風なサイト制作で困った時は、こちらの「Japonizer」が便利ですよ!
シンプルなデザインのジェネレーターなので、見やすく操作もしやすいです。

様々な和風のパターンが用意されており、柄の大きさや背景の色などをカスタマイズして好みのものを作成することができます。
設定完了後、「Japonize!!」ボタンをクリックすると、サイトの背景が作った背景に変わるので実際に確認することができますよ。

 

https://patterninja.com/

こちらの「Patterninja」は、用意された素材や、手持ちの画像(SVG形式)を使って、簡単にパターン画像を作れるWebサービスです。

色はもちろん、配置したグラフィックの角度や大きさなどを調整することができます。また作成したパターンはPNGまたはSVG形式でダウンロードが可能です。

 

まとめ

いかがでしたでしょうか?

紹介したような便利なジェネレーターを知っていると、わざわざパターンを自分で作ったり、素材サイトで頑張って探したりといった手間をはぶくことができると思います。良い物をより効率的、かつ正確に作っていきたいです…!

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Photoshop】画像の白い部分だけを透過させたいときの方法

今回は、Photoshopで画像の白い部分だけを透過させたいときの方法についてご紹介します。 ダウンロードした素材を切り抜いて使いたいときなど、この方法を使えば簡単に行うことができるのでおすすめです。 …

知っておきたい洋風の柄10選

先日は和柄の名前や意味についてを記事にしましたが、今回は洋風の柄についてご紹介したいと思います。 洋服や小物などで普段から何気なく取り入れている柄ってたくさんあると思いますが、案外その名前って知らない …

たった数秒で人物だけを切り抜いてくれる「remove.bg」を試してみた!

少し前から気になっていた「remove.bg」、まだ試せていなかったので本当に数秒で切り抜きができるのか、検証してみましたよ〜。 まず「remove.bg」を初めて聞いたとういう方のために簡単に説明す …

【Illustrator】オブジェクトを等間隔にコピーしていく方法

Illustratorでオブジェクトを等間隔にコピーしていく方法をご紹介します。 イラレ使いには常識!?とも思われる機能ですが、これを知っていると、普通のコピー&ペーストに比べて断然作業が早く …

【Illustrator】矢印キーでの移動の距離がおかしくなった時の対処法

Illustratorを使用中、突然移動の距離がおかしくなってしまったことはありませんか? 移動の距離が大きくなってしまって、ピクセルできっちり移動ができなくなった…という感じです。 私はこの現象を時 …