全て
| カテゴリ未分類
| Illust
| Illust（P-Bbs）
| photo(写真)
| line drawing for coloring(ぬりえ)
| gift（頂き物）
| study（研究）
| graffiti（落書き＆描きかけ）
| 菓子
2007.01.15
カテゴリ： study（研究）
データの片隅から発掘。
← すごく小さなジャスパー君を発見しますた。
何が入っているやら謎なＣＤ－Ｒをかたっぱじから開けてみたりしてました。
ちょっと前の本館サイトデータのバックアップらしきものから発掘。
最近何度かＧＩＦアニメアイコンなんぞを載っけていたりしますが、これらのアイコンを作るのは、それほど難しいことではありません。
ドット絵を作成することさえできれば、簡単です。
★まずはドット絵。★
ドット絵っていうのはつまり、左図のようなもの。
イラストとは違って色数少なめにすると良し。データも軽くなります。
線を滑らかにする機能が満載のＳＡＩはドット絵には向いていないようですね。
むしろWindows付属の『ペイント』とか、お絵かきＢＢＳの鉛筆ツールなどが向いている感じです。
※できればＧＩＦ形式を扱えるソフトを使うのが無難です。
どのソフトを使用するときにも言えることですが、作業画面を思いっきり拡大しつつ作成しましょう。
今回は上のドット絵のキャラをまばたきさせたいので、ドット絵データをコピーしてもう1枚、目を閉じた状態のドット絵も作成します。
背景が透けて見えるようにするには、アニメの材料である２枚のドット絵の両方とも背景を透過処理する必要があります。
使用ソフトによってやり方が違ったりするのでその辺は各自確認してください。
★ＧＩＦアニメにする。★
ＧＩＦアニメ作成ソフトを使いましょう。
フリーソフトでもたくさんありますし、ｗｅｂ上での操作でGIFアニメを作れるＣＧＩもあるようです。
↓
GIFアニメ工房 GIFアニメ作成CGI )
■Photoshop編■
ドット絵を作成する際は、鉛筆ツールが便利です。根気良く１マスずつ色を置いていきましょう。
消しゴムツールも、アンチエイリアスのチェックをはずしておくなど、ちょっと設定をいじっておきましょう。
（アンチエイリアスが有効になっていると自動的に境界をぼかされてしまうので。）
必要枚数のドット絵のレイヤーを作成したら、ツールバーの一番下をクリックしてImageReadyを起動します。 → 参照
アニメーションウィンドウで『現在のフレームを複製』を選択。（赤○）
緑の○の部分でマウス右クリックし、それぞれのコマの表示時間を決める。何度かテストしつつ調整。
…これ以上の説明がめんどくさくなったので、完成した画像の保存とか省略…。がんがって保存してください。
●『研究＆実験』へもどる●
← すごく小さなジャスパー君を発見しますた。何が入っているやら謎なＣＤ－Ｒをかたっぱじから開けてみたりしてました。
ちょっと前の本館サイトデータのバックアップらしきものから発掘。
最近何度かＧＩＦアニメアイコンなんぞを載っけていたりしますが、これらのアイコンを作るのは、それほど難しいことではありません。
ドット絵を作成することさえできれば、簡単です。
★まずはドット絵。★
ドット絵っていうのはつまり、左図のようなもの。イラストとは違って色数少なめにすると良し。データも軽くなります。
線を滑らかにする機能が満載のＳＡＩはドット絵には向いていないようですね。
むしろWindows付属の『ペイント』とか、お絵かきＢＢＳの鉛筆ツールなどが向いている感じです。
※できればＧＩＦ形式を扱えるソフトを使うのが無難です。
どのソフトを使用するときにも言えることですが、作業画面を思いっきり拡大しつつ作成しましょう。
今回は上のドット絵のキャラをまばたきさせたいので、ドット絵データをコピーしてもう1枚、目を閉じた状態のドット絵も作成します。背景が透けて見えるようにするには、アニメの材料である２枚のドット絵の両方とも背景を透過処理する必要があります。
使用ソフトによってやり方が違ったりするのでその辺は各自確認してください。
★ＧＩＦアニメにする。★
ＧＩＦアニメ作成ソフトを使いましょう。
フリーソフトでもたくさんありますし、ｗｅｂ上での操作でGIFアニメを作れるＣＧＩもあるようです。
↓
GIFアニメ工房 GIFアニメ作成CGI )
■Photoshop編■
ドット絵を作成する際は、鉛筆ツールが便利です。根気良く１マスずつ色を置いていきましょう。
消しゴムツールも、アンチエイリアスのチェックをはずしておくなど、ちょっと設定をいじっておきましょう。
（アンチエイリアスが有効になっていると自動的に境界をぼかされてしまうので。）
必要枚数のドット絵のレイヤーを作成したら、ツールバーの一番下をクリックしてImageReadyを起動します。 → 参照
アニメーションウィンドウで『現在のフレームを複製』を選択。（赤○）
緑の○の部分でマウス右クリックし、それぞれのコマの表示時間を決める。何度かテストしつつ調整。
…これ以上の説明がめんどくさくなったので、完成した画像の保存とか省略…。がんがって保存してください。
●『研究＆実験』へもどる●
お気に入りの記事を「いいね！」で応援しよう
[study（研究）] カテゴリの最新記事
-
背景画像を作成する（壁面） 2007.07.11 コメント(12)
-
線画の加工をしてみる 2007.03.01 コメント(4)
【毎日開催】
15記事にいいね！で1ポイント
PR
Keyword Search
▼キーワード検索
おだマキ
イラスト練習ブログ。上手くなりたいなぁ。
Calendar
Comments
© Rakuten Group, Inc.
