2013年4月11日木曜日

Freeway 外部スタイルシートを書き出す

今まではスタイルシートを読み込む方法でしたが、今回はhtmlに記述されているCSSを丸ごと外部スタイルシートとして書き出してくれるアクションのご紹介です。
Externalizeというアクションを使います。
ページにアクションを適用します。


パブリッシュしてSite Folderを開いてみるとアクションを適用したページのCSSファイルが作成されているのが確認できます。
CSSが外部ファイル化されて、Htmlがとてもすっきりしました。

ちなみにCSSファイルはこうなっていました。

※このファイルはFreewayの記述を元に書き出されますので、このファイルを書き換えてもデータをパブリッシュしてしまうと元に戻ってしまいます。

2013年4月10日水曜日

Freeway 外部スタイルシートを読み込む6

自動的にhtmlに記述されてしまうCSSを、記述されないようにする方法ですが、苦肉の策として『Freeway 外部スタイルシートを読み込む5』で取り上げましたが、Htmlアイテムに対してであればとても便利なActionがありました。Remove DIV Styleです。このアクションを適用したアイテムは、Divスタイルが書き込まれなくなります。(※画像アイテムやマークアップアイテムでは適用できません)


スタイル適用前
スタイル適用後 fwというアイテムのDivスタイルが削除されました。


2013年4月4日木曜日

modo601 ダウンライトを配置する

次にダウンライトを作成します。先ほどテストレンダリングで変更した設定を元に戻しておきましょう。(私は分かり易いように、設定をそのまま作業を進めます)
私の場合は、基本的にダウンライトに光源は使用せず、画像を使ってダウンライトに見える物を使用します。夜のシーンや、何かを明確に照らしている場合は光源を設定しますがそれ以外は使わないようにしています。それは光源が無くても十分に部屋が明るくなっていますし、無駄な光源はレンダリング時間を増やすだけだと思っているからです。ダウンライトの数だけ光源を作ると結構大変な事になります........。とはいえダウンライトの雰囲気は十分出したいのでこのような物を配置しています。中央の光源はイメージ画像をルミナンスの色に設定して光っているように見せています。



近づかない限りは、十分ダウンライトに見えると思います。

あとはPhotoshopでキラキラ感を出します。

続く…….