３月１９日 授業内容② （ワイヤーフレームの練習、GIFアニメの作り方）
ワイヤーフレームの作り方
⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩
d.hatena.ne.jp
・イラストレーター
①サイトから全体のスクリーンショットをとり保存する。chromeを使う場合awsome screenshotで次の流れでサイト全体を保存する。
capture entire page
→done
→保存マークのクリック
②イラストレーターを新規（webで最大の設定）で開き、ファイル→配置→画像を選んで、テンプレートにチェックを入れ、リンクのチェックが外れた状態でOK
③表示→ピクセルプレビューにチェック。ファイル→ドキュメント設定でアートボードを編集をクリックして全体の大きさに調整する。
④header,nav,content,sidebar,footer,containerなどの新規レイヤーを作る。
⑤レイヤーを選択した状態で、それぞれの場所を長方形ツールで囲んで色をつける。
※サイズのピクセルは割れるように偶数にすること
※サイズ変更のパネルが出てない場合はウインドウ→変形で変形パネルをだす。
※レイヤーにロックをかけている場合は次のフレームワークができないので、レーヤーを変えるか、レイヤーの鍵マークを外す。
⑥書き出しでphotoshopを選ぶ。（ｒｇｂ、レイヤーを保持、アンチエイリアスのチェックをはずす）
⑦photoshopで保存したデータを開く。
カンプの作成
以下で確認
d.hatena.ne.jp
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
