HP素材作成教室 この際だ！素材も手作りでイメージ通りのＨＰにしちゃおうよ！ |
Kiekoも素材は以前は素材屋さんからお借りしてましたが、なつの素材屋サンで素材の作り方を教えてもらい自作に切り替えました。最初は新作が出来るたびに友人に見てもらい、これが結構受けたので調子に乗ってるうちにがんがん作り、友人の爆笑を取ってました。今では当サイトのほとんどが自作素材です。壁紙も自作です。 Kiekoに出来るんですから絶対誰にでもできます！ここではKieko愛用のPaintShopPro6を使っての素材の作り方を説明します。このソフトはダウンロードでき３０日間はお試しで無料で使えます （最新版も出ていますが、かなり古いこのタイプがＫｉｅｋｏ的にはいいのでこれで説明しますね。） |
＜初期画面＞ １. 背景色の設定 作りたい絵の背景色を決めます。ここでのポイントは作成する絵はサイトにのっけるのですからサイトの背景に邪魔にならないように「透過」するのか、一枚の絵のように背景ごとのっける絵にするのかです。透過にするならここで決める背景は絵のなかに無い色で、かつサイトの壁紙にも使ってない関係ない色を選びます。つまり「透過」とは透過と指定した色を「透明にして」っという意味です 背景色は初期画面の右端の□■と折り紙が並んだようなところの下側の色です。変更したければこの折り紙をクリック。カラーパレットが出てきて好きな色に変えられます。 ２. ファイル→新規作成 高さ、幅、背景色、イメージの種類を設定 高さ、幅はピクセル単位です。たとえばこの米花倶楽部のバナーは 幅158ピクセル です、参考にしてください。ちなみにこのバナーの顔部分だけは５８X55ピクセルで作成しました。 背景色は先ほどの１．要領で。 ＜キャンバスに実際に書いていきます。＞ １．指定した背景色の四角いキャンバスができてます。ここに絵を描いていきます。このままでは小さいので左端にならんでるアイコンの2番目の虫眼鏡みたいなアイコンを使って拡大して描きます。だいたいKiekoは６倍にして描きます。 ２．描く要領は、要するに方眼紙のマスを埋めていく、感じです。先ほどのアイコンからペンを選択して線でもぴら、っと描いてみてください。「方眼紙」という感じがわかると思います。 気合と丁寧さでレッツトライ！ ３．曲線もこのマスを埋めて行く要領で書くのですから、オオザッパにすればなんとも雑な絵ができます。かなり拡大してイッコイッコ丁寧に描いていけばいいわけです。参考にする写真、絵などをみながら挑戦してください。Kiekoはいつも名鑑をどかんと横においてにらめっこしながら描いてます。 ４．ペンの種類は、表示→ツールバー→コントロールパネルから変更できます。円形にもできます。 ５．絵が出来たら透過処理をします。（もちろん背景色を含め一枚の絵のようにしたい場合は不要です。） カラー→透過色の設定→背景色を透過 で設定します。それ以外の色を透過したい場合は指定した色のI値（左にあるアイコンの9番目のスポイドみたいなのをその色の上に持ってくるとI値は分かります）を入力します。 ６．カラー設定ができたら保存→名前をつけて保存 ここでファイルの種類をGIFにしてください。Webに載せるにはGIFファイルが適当です。 ７．保存できたら、さあアップロードしてWeb上で力作を見てください。 |
＜おまけ〜アニメの作成＞ KiekoはGIFANIMEというソフトを使って作成してます。 漫画と同じです。細かくどう動かしたいのか微妙に変化させたものを何枚も描いて、これをＧＩＦＡＮＩＭＥにのっけます。 これ以外にもアニメ用ソフトは各種あります。検索してみてください。 |
高さ65ピクセル