2010年8月25日水曜日

HTMLメールの作り方



【制作の流れ】
(1)htmlメールの画像は絶対パスにする。
※重要、iPhoneなどでリンクボタンを効かせるには画像は絶対パスである必要がある。
相対パスにすると表示はされるがメールに添付される形になりクリックすると画像扱いになる。

(2)制作したhtmlメールをサーバーにあげる
(3)safariの「ファイル」>「このページの内容をメールで送信する」でhtmlメールを
作成。


(参考URL)http://www.bulanco.net/blog/2008/12/htmlmail.html

※Gmailはhtmlメールにうまく対応していない。
もしする時はすべてのマージンをゼロにして、
height、widthを指定し、imgにdisplay:block;をかける。

(ex.)
<table width="700" height="1687" border="0" cellspacing="0" cellpadding="0">
<td><img style="display:block" src="images/index_02.jpg" alt="" width="700" height="120" border="0"></td>

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