X_NOTE: 7月 2010

2010年7月21日水曜日

GIFアニメの制作まとめ(FlashでQuicktimeやPNGシーケンスで書き出してPhotoshopでgifアニメ化)

<使用ツール>
・Flash CC2014
・Photoshop CC2014
・illustrator CC2014

<作り方>
（1）illustratorなどでデザイン、パーツを制作。
（2）Flashへコピペ
（3）Flashでアニメーションを付ける
（4）FlashでPNGシーケンスかQuicktimeで書き出し
（5）Photoshopは上記どちらかを読み、gifアニメに書き出し

参考サイト
・「Photoshop＋FlashでGIFアニメーションを作るレシピ」
COROLIA
※PNGシーケンス→Photoshopでgifアニメ書き出し

・「FlashからQuicktimeで書き出し→Photoshopで読込みgifアニメ書き出し」

・Photoshopでの編集の仕方
http://d.hatena.ne.jp/kovany/20110826/1314384108

・アニメーションの描き方も含めたPhotoshopでの編集の仕方
http://d.hatena.ne.jp/hachimara2/20080917/p1

2010年7月16日金曜日

After Effects チュートリアル10。

http://ipismsideb.blog8.fc2.com/blog-category-10.html

2010年7月10日土曜日

CSSでhtml文章を改行する。white-space: pre;

http://www.tagindex.com/stylesheet/text_font/white_space.html

（補足）[ CSS ] pre でも改行を生かしたまま折り返す。
http://bowz.info/409

2010年7月8日木曜日

LightBoxと一緒に使える。 prototype.jsページ内をスクロールさせる

http://www.u-ziq.com/blog/2007/03/prototypejs.html

2010年7月7日水曜日

リンク画像の枠線を消す

http://www.koikikukan.com/archives/2004/11/11-010115.php

2010年7月4日日曜日

イラストレーターブラシ「fudeline(フデライン)」超凄い！(商用化)

http://show-hey.com/3x/2006/06/fudeline.html

HTML5×CSS3の実装で抑えておくべきこと。

html5についてまとめ

『ie9.js』『html5.js』について
http://shoonm.com/2010/03/html5css3.html
IE6、7のバグに対しても有効なjsの解説。
『ie9.js』はかなり使えるらしい！！

HTML5 初期テンプレート
http://blog.asial.co.jp/856

HTML5 テンプレート参考
http://yoppa.org/taumedia10/1695.html

HTML5タグリファレンス
http://www.html5.jp/html5doctor/aside-revisited.html

「IE のHTML・CSSをモダンブラウザ並にする」IE7.js・IE8.js

http://www.440design.com/2008/01/21/ultimate-multi-column-layouts/

2010年7月3日土曜日

「ファビコンの設置方法」

1）photoshopでまず「.ico」の画像を書き出せるようにプラグインを
ダウンロードしてアプリケーション>photoshop>プラグイン>の場所に入れる。
(参考)Photoshop で背景透過の美しい favicon (ファビコン) を作成する

※Photoshop CC 2014（Mac上）でも動作。

２）32px四方の正方形でファビコンを作って別名保存で「.ico」形式で保存。
(実際は 16px 四方で表示される）
※書き出せる最大サイズは256px四方までみたいです。それ以上大きいと
別名保存のときにICO形式の保存が選択に出てこない。

３）「favicon.ico」という名前にしてサーバーにあげ、
htmlの<head>内に
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico のURL" />
を記述。

完了。
参考サイト：お気に入りアイコン（ファビコン）の作り方