写真の一部を拡大して背景画像にできるサイト「Unique gradient generator」!

2016/01/14

こんにちは。
今回は写真の一部を拡大して背景画像にできるサイト「Unique gradient generator」!です。

写真の一部を拡大し、ぼかして雰囲気のある背景画像を作る事ができるジェネレーターを紹介します。

写真の一部を拡大して背景画像にできるサイト「Unique gradient generator」!

unique-gradient-generator

http://gradient.quasi.ink/

 

「Unique gradient generator」の使い方

unique-gradient-generator2

まずは、下の「Browse image」のボタンをクリックしてお手持ちの画像を選びます。
「Select source image」のボタンをクリックして、あらかじめ用意された画像から選択する事もできます。

 

unique-gradient-generator3

あとは右上の数値を変更していい感じにしていきます。
「X position」「Y position」の所で拡大する箇所を変更する事ができます。
「Sample area」でサイズを変更する事ができます。
「Invert text color」でテキストの色を変更する事ができます。

 

unique-gradient-generator4

微調整が終わると、下の「Generate CSS」のボタンをクリックして、CSSを表示する事ができます。

 

プロとして恥ずかしくない 新・WEBデザインの大原則
プロとして恥ずかしくない 新・WEBデザインの大原則

 

いかがでしたか。雰囲気のある背景画像を簡単に作る事ができるのでおすすめですよ。
以上で写真の一部を拡大して背景画像にできるサイト「Unique gradient generator」!でした。

topへ戻る