素材について
前回記事Webサイトを作ろう!【 番外編1 】画像編集ソフト・素材サイトより引き続き、この記事では、私が作成した画像を無料素材として置いておこうと思います。
自作画像なら著作権や規約を気にせずに使えるという利点があるので、出来るだけご自分でイラストを描いていただくと良いと思います。
でも最初はどんなものを作ればいいか分からないし、かと言って商用利用のOKな素材を探すのも大変だし、という方もいらっしゃるかと思いますので、ここに置いている画像を【 右クリック⇒画像を保存 】してご自由にお使いください。
イラストはヘタな上にあまり使い勝手が良くないかもしれませんが、もし宜しければ。
【 一応ご注意 】
※サイト素材、ブログ素材としてのご利用に限ります。
※自作と偽っての再配布・販売は著作権法違反になるので危ないですよ。
※下記サイトでの使用は禁止とさせていただきます。
・法令、公序良俗、一般常識に反する内容のサイト
・特定の個人・企業・団体を誹謗・中傷する内容のサイト
・当サイトおよび当サイトからのリンク先に不利益を与えるサイト
※個人利用・商用利用を問わず、ご連絡やリンク表記も必要ございません。
でももしリンクしてもらえたら私が個人的にすごく喜びます。
要するに普通の方が普通に使う分には何の制約も問題もありません。
作った時期がバラバラでサイズも保存形式もバラバラなもので、適宜サイズ変更、拡張子変更してお使いくださいね。
自作素材配布コーナー
つやつや丸ボタン
艶のあるボタンは、図形の丸を描いて白っぽいぼかし線を入れるだけで作れるので最初に挑戦するのにちょうどいいかも。
ペイントソフトやアルパカさんでチャレンジしてみてください。
艶の位置を変えるだけでちょっと雰囲気が変わります。
四角いボタン 大小
これも作り方は簡単で、四角を描いたらコピー・配置して色を変更しているだけです。
他にも、枠だけ色をつけた四角を重ねて二重枠にしたり、三角を四方に置いて十字キー風にしてみたりと画像の組み合わせは簡単で可能性も色々です。
記号
ぼかしが入っていると可愛らしい感じになりますね。
逆にカッコ良いアイコンを作りたい場合ははっきりした輪郭をもたせて多角形や直線を描くと良いと思います。
星マーク
メール問合せ
バナーいろいろ
各種バナー
文字入れ用バナー
以下のバナーはご自由に文字を入れて使ってください。
木目バナー
こんな感じで大きさ調整と文字入れをしてメニューボタンとして使っていただくといいかも。
その他にも使い方いろいろ。
木目のデザインが好きでつい色々作ってしまったのですが、パソコンの修理屋では木目を使うことがなくて寂しいのでどなたかに有効活用していただければ。
長方形とアイコン、バナーとアイコンを組み合わせてもお使いいただけます。
ライン
長方形はバナーにするも良し、細くして区切り線の代わりにするも良しでパターンをいくつか作っておくと便利です。
植物・花
絵心がなくても何となくそれっぽく見えるぼかしって素晴らしい。
こんな風に ↓ アップで見ると私の雑さが浮き彫りになるので使っていただく際は小さくして誤魔化してくださいね。
最初に線画でなんとなく描いておいて、ぼかしで修正&塗りを行うといい感じに仕上がります。
実際にサイトに使用する例としてはこんな感じで。
リストのアイコンとしての使用や、ちょっとした飾りとしてもお使いいただけます。
謎系?
イラストレーターやアルパカさんの練習がてら色々と作っていたので
なんで作ったのか、そしてどこで使うのか謎なものも…箱はイラストレーターで四角をひし形にする練習をしていた時のような。
ヒツジについてはアルパカさんで来年のブログ用に干支を練習していた覚えがあります。
線でおおよそのモコモコと足を書き、ピンクのぼかしでざっと塗り、白のぼかしで顔部分を白くしてからピンクの線で目をぽちっと入れ、更に白のぼかしでふわふわ感を全体に入れて、最後に黄色の線でツノをぐるんと描きました。
アルパカさんで作ったものをハガキに印刷して年賀状に使うのも良いかと思います。
Webサイトを作ろう!:シリーズ記事
【1】レンタルサーバーとドメイン
【2】必要なソフトを準備する
【3】ページの構成を考える
【4】テーマカラーを決める
【5】トップページと画像を用意
【6】トップページの一例
【7】HTMLソースコードの解説①
【8】HTMLソースコードの解説②
【9】複数ページを作る
【10】横並びメニューをCSSで作る
【11】縦並びメニューをCSSで作る
【12】スタイルシート(CSS)の解説
【 番外編1 】画像編集ソフト・素材サイト
【 番外編2 】商用利用OKな無料素材(この記事です)
「Webサイトはこうしてもらえると嬉しい」という個人的な希望