Cafi Netつながる情報技術
  1. トップ>
  2. フリー素材集>
  3. ハテナマークの背景画像

ハテナマークの背景素材と作り方

ハテナマークの無料背景画像です。

透過 PNG 素材なので、背景色(background-color)は自由な色に設定できます。

ハテナマークの無料背景画像300種類と、自由な背景色を組み合わせることで多彩なバリエーションを持ちます。

以下は、スタイルシート(.css)に背景画像と背景色を設定した例です。(Twitter などでは、管理画面から背景画像と背景色を設定してください)

body {
/* 以下は画像の保存場所を指定してください */
background-image:url(images/question-background-sozai1.png);
/* 以下の背景色は自由な色に設定できます */
background-color:#008CFF;
}

背景画像は、垂直方向と水平方向にリピート表示してご利用頂けます。

フリー素材は、zip 形式でダウンロードしてご利用ください。

フリー素材集の利用規約はこちらです。商用でも無料で利用できますし、クレジット表記も必要ありません。ウェブサイトや印刷物などで、お気軽にご利用ください。

ハテナマークの無料背景画像1

フリー素材をダウンロード(zip 形式)
ハテナマークの無料背景画像(300素材)

シンプルなカラーやグラデーションなど、300種類の背景画像を作成しました。

同じように見えるカラーも、それぞれ微妙に色が違います。

以下は、梱包されている背景画像の紹介と作り方です。

ハテナマークの無料背景画像247

上の画像のような、グラデーションのハテナマークも梱包しました。

ハテナマークの無料背景画像293

上の画像のような、アニマル柄のハテナマークも梱包しました。

ハテナマークの背景画像は、Adobe Illustrator CC で作成しました。

作り方は、ウィンドウ/シンボルライブラリ/Web アイコンから「ヘルプアイコン」を配置します。

ヘルプアイコンをダブルクリックして、シンボル編集モードにします。

ハテナマークの外側の円(複合パス)を削除します。

シンボル編集モードを解除します。

Alt キーを押しながらドラッグ&ドロップして、ハテナマークを複製します。

ハテナマークを3種類ぐらいの大きさに分けて、ランダムに配置して完成です。

ハテナマークのカラーをまとめて変更したい場合は、ハテナマークを選択/右クリック/シンボルへのリンクを解除をクリックしてください。(コントロールパネルのリンクを解除でも構いません)

シンボルへのリンクを解除すると、シンボル編集モードではなく、通常の編集画面でスウォッチパネルからカラーを適用できます。

当サイトのフリー素材がお役に立ちましたら幸いです。