*** 動きのつけ方(瞬き編) ***

アニメgifを作成するのに一番簡単で初歩的な動作です。
初心者はまず瞬きがキレイにできるように練習してみるといいのでは。
基礎を怠ると必ずあとでけっつまずきますよ。

用意するもの:
画像加工ソフト(PhotoShop、ファイヤーワークスなど)
動きをつけたいアイコン

※あくまで私が作成する場合のレクチャーなのでPhotoShop7.0を使った加工の仕方です。
  PhotoShopにはレイヤーという機能があり、それをフルに使用した作成法ですのでレイヤー機能のないソフトを
  ご利用の方は読んでもあまり意味がありません。
  レクチャーにはPhotoShop7.0を使用していますがレイヤー機能のあるソフトであれば要領はほぼ同じです。
  なお、ウェブアートデザイナー、ペイントにレイヤー機能はありません。

1.ファイルを開きます。
ツールバーから読み込むでもよし、ドラック&ドロップで取り込むもよし。
動かしたい順番にファイルを開いて下さい。
開いたら【画像をコピーしておきます。

2.ツールバーの【ファイル】【新規作成】をクリックして作業用のファイルを作成します。
PhotoShopはgif画像のままでは色化けするので作業できません。
必ず新規作成で作業用ファイルを作成します。

3.【幅】【高さ】を指定します。
作りたいアイコンに応じてサイズを変更して下さい。
【透明】にチェックを入れると背景が透過された状態のファイルが作成できます。

4.新しくファイルが作成できました。
さきほどコピーしておいた画像を貼り付けましょう。

5.原寸のままでは小さくて作業できないので拡大します。
ツールバーの【ビュー】【画像サイズに合わせる】をクリックするとかなりみやすい大きさになります。

6.拡大した画面です。
クリックすると原寸大をみることができます。
PhotoShopは取り込んだ画像が上下左右中央に表示される特徴があります。
この状態ですと、下のラインが1段浮いているので、このまま保存すると宙に浮いてしまいますから【↓キー】を1回押して下げておきます。

7.画面右下にあるパネルにアイコンがいくつか並んでいます。
右から2番目を押して【レイヤー】を新しく作成します。
ちなみに一番右は【ゴミ箱】です。
いらないレイヤーをドラック&ドロップでゴミ箱にあわせるとレイヤーを削除することができます。

8.【スポイトアイコン】をクリックします。
へこんだ感じになったら、画面にでているアイコンのまつげあたりをクリックします。
そうするとまつげに使われている色(この場合は黒)を取り込むことができます。

9.スポイトで色を取り込むと○の部分が取り込んだ色に変わります。
これが現在使える色になります。
スポイトが面倒な場合は右側にある【カラーパネル】をクリックして色を選ぶことも可能です。

10.使いたい色が決まったら、今度は【鉛筆アイコン】をKリックして色塗りができる状態にします。
このアイコンをクリックしないと着色はできません。

NEXT >>

HOME