ハテナマークの背景素材と作り方
ハテナマークの無料背景画像です。
透過 PNG 素材なので、背景色(background-color)は自由な色に設定できます。
ハテナマークの無料背景画像300種類と、自由な背景色を組み合わせることで多彩なバリエーションを持ちます。
以下は、スタイルシート(.css)に背景画像と背景色を設定した例です。(Twitter などでは、管理画面から背景画像と背景色を設定してください)
body {
/* 以下は画像の保存場所を指定してください */
background-image:url(images/question-background-sozai1.png);
/* 以下の背景色は自由な色に設定できます */
background-color:#008CFF;
}
背景画像は、垂直方向と水平方向にリピート表示してご利用頂けます。
フリー素材は、zip 形式でダウンロードしてご利用ください。
フリー素材集の利用規約はこちらです。商用でも無料で利用できますし、クレジット表記も必要ありません。ウェブサイトや印刷物などで、お気軽にご利用ください。
フリー素材をダウンロード(zip 形式)
ハテナマークの無料背景画像(300素材)
シンプルなカラーやグラデーションなど、300種類の背景画像を作成しました。
同じように見えるカラーも、それぞれ微妙に色が違います。
スポンサーリンク
以下は、梱包されている背景画像の紹介と作り方です。
上の画像のような、グラデーションのハテナマークも梱包しました。
上の画像のような、アニマル柄のハテナマークも梱包しました。
ハテナマークの背景画像は、Adobe Illustrator CC で作成しました。
作り方は、ウィンドウ/シンボルライブラリ/Web アイコンから「ヘルプアイコン」を配置します。
ヘルプアイコンをダブルクリックして、シンボル編集モードにします。
ハテナマークの外側の円(複合パス)を削除します。
シンボル編集モードを解除します。
Alt キーを押しながらドラッグ&ドロップして、ハテナマークを複製します。
ハテナマークを3種類ぐらいの大きさに分けて、ランダムに配置して完成です。
ハテナマークのカラーをまとめて変更したい場合は、ハテナマークを選択/右クリック/シンボルへのリンクを解除をクリックしてください。(コントロールパネルのリンクを解除でも構いません)
シンボルへのリンクを解除すると、シンボル編集モードではなく、通常の編集画面でスウォッチパネルからカラーを適用できます。
当サイトのフリー素材がお役に立ちましたら幸いです。
スポンサーリンク