背景画像を作れるツール『Haikei』とは?

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は『Haikei』について、書いていこうと思います!

それでは、レッツゴー!!!!!

『Haikei』って何?

『Haikei』とは波線やドット柄、星など、さまざまなパターンの「背景画像」を生成できるツールのことです。PNGまたはSVG形式で保存可能!

色味やコントラスト、画像サイズなども細かくカスタマイズできるため、汎用性の高い画像がゲットできます。(いいね👍)

https://app.haikei.app/

https://osakanav.com/sozaiyairis

実際に使ってみよう!

それでは早速サイトにアクセスしましょう!

左側から「模様パターン」を選択できます。

「Blurry Cradient」はこんな感じ!(海みたいでキレイ~🌊)

他にも「Blob Scene」や……。

波が重なったようなデザインの「Stacked Waves」

まるで宝石のような凹凸を表現した「Low Poly Grid」

デジタル風の「Layered Steps」

キラキラの星マークが印象的な、「Symbol Scatter」などがあります。(星かわいい🌠)

https://osakanav.com/animated-css-background-generator

カスタマイズしよう!

中央にある「ボタン」をクリックすると……?

こんな感じで、模様を変化させることができます。(おお!)

右側の「メニュー」では、画像サイズやデザインの外枠などのカスタマイズが可能。

使用する場所に合わせた、さまざまな設定ができます。(たて型の背景画像に!)

また16進数のカラーコード・カラーパレットから、色の変更もできます。

(色が変わると、雰囲気も変わるね✨)

(ひと休み🍀)

保存しよう!

画像を保存するときは「Download」より、形式を選択。SVGまたはPNGから選べるため、ぜひご活用ください🌸(お疲れ様です☕)

↓実際に作成したものがこちら

Amazon:どうする?デザイン クライアントとのやりとりでよくわかる!デザインの決め方、伝え方ingectar-e (著)

おさかな
おさかな

Hi,Kei!(こんにちは、ケイ)

ナビまる
ナビまる

どこの英語教材だよ。笑

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

https://osakanav.com/paintschainer

おさかな

文章が書けちゃう、新種のおさかなです。元不登校。紆余曲折あり、現在はフリーライターとして活動中。化粧品検定2級。IT、サブカルチャー、ファッション、コスメ、グルメ、シナリオまで色々書きます。SAOのユウキが好きです!

おさかなをフォローする

タイトルとURLをコピーしました