【素材/フリー】ファイアーワークスで使える素材やテクスチャを配布では、
ファイヤーワークス(fireworks)の素材/テクスチャ/ボタン/アイコン/等々の実データを無料配布や使い方など。
ファイヤーワークス(fireworks)作業に役立てるようなブログを目指しております。

【コーディングメモ】IE6テキスト2重表示はてなブックマーク -

  • 2009/12/25(金) 11:22:45

今回はコーディングについて。
ファイアーワークス関係なくてごめんなさい。

コーディングしつつブラウザの表示確認をしていると、
IE6だけテキストの後半部分が複製され、表示されているんです。

フロートが関係してるのかなと思って調べてみると、
コメントアウトが関係あるみたいです。
(フロートも関係あるっぽいですが…)

で、試しにコメントアウトを消していくと解消しました。


なんだろね?

まぁ、コーディング終わってからコメントアウト消したらいいか。

そろそろIE6消えてくれないかな?


B to Bサイトでは、まだまだIE6標準なのかな?

ビジネスユースの端末からIE6が消えれば無視してもいいと思うんだけどね。

はてなブックマークに追加 deliciousに登録 livedoorクリップに登録 Yahoo!ブックマークに登録 @niftyクリップに登録 FC2ソーシャルブックマークに登録 newsingに投稿 twitterでつぶやく
 

ファイアーワークスで写真(画像)の切り抜きをするにははてなブックマーク -

  • 2009/12/16(水) 11:32:02

今回は、写真(画像)の切り抜きについて。

ファイアーワークスで切り抜きをする時は、マスクを使ってます。
まず、切り抜きたい形を「ペンツール」でなぞっていきます。
で、なぞり終わったら、画像を選択し「マスクの追加」を選択。
そして、なぞったパスをマスクを選択した状態でペーストします。
すると、いらない部分が消えます。

ざっくり説明するとこんな感じです。
と、まぁ、パス抜きですね。
(下の方で詳しく説明します。)
俄然フォトショップでパス抜きする方が綺麗に切り抜きができます。
ファイアーワークスユーザーの皆様ごめんなさい。
慣れもあるんでしょうけど、やっぱり俺はフォトショップの方が…



では、画像を交えて詳しく説明。



この画像の真ん中のdocomoの広告を切り抜きます。

まずは、「ペンツール」で形をなぞっていきます。



ペンツール」で下の様な感じで形をなぞっていきます。
↓↓↓↓↓↓↓↓↓↓↓


これを最後までなぞり、そしてパスを閉じます



これで形はできましたね。
そして画像を選択した状態で、マスクの追加をします。


そして、先ほどなぞったパスをマスクにコピペします。



↑↑↑↑↑↑この様になればOK!

すると…




切り抜き完了。


正直ファイアーワークスでのパス抜きは使いにくい部分が多いと思います。
ただ、上記の画像の様に簡単な形ならファイアーワークスで問題ないと思います。
(ウェブ用画像なら問題ないかな?)
が、形が複雑になるとやっぱりフォトショップで切り抜きした方が綺麗にできますよ。

はてなブックマークに追加 deliciousに登録 livedoorクリップに登録 Yahoo!ブックマークに登録 @niftyクリップに登録 FC2ソーシャルブックマークに登録 newsingに投稿 twitterでつぶやく
 

ファイアーワークスで、にじまない破線を描くにははてなブックマーク -

  • 2009/12/03(木) 18:28:11

今回は、破線についての小技です。

ファイアーワークスで破線を描く場合、下の設定だと




下の破線の様に、にじんだ破線になってしまいます。





このにじんだ破線を、くっきりさせるには?



簡単な方法があるんです。

まず、線を描きます。






の設定ですかね。


ここからがミソで、下の画像の様に罫線にテクスチャを設定します。



多分デフォルトで入っているテクスチャ(垂直線2)を100%にします。


すると





くっきりはっきりした破線が!


比べてみると…




どうでしょうか?

この破線の間隔を広げるには別のテクスチャなどで応用できますよ。

はてなブックマークに追加 deliciousに登録 livedoorクリップに登録 Yahoo!ブックマークに登録 @niftyクリップに登録 FC2ソーシャルブックマークに登録 newsingに投稿 twitterでつぶやく
 

ボタンのスタイルを日本の伝統色ではてなブックマーク -

  • 2009/12/01(火) 10:31:46

ファイアーワークスのスタイルについてですが、
検索してもフォトショップ用のスタイルは大量に落ちてるのですが、
ファイアーワークスのスタイルってなかなか落ちてないんすよね。
(俺の探し方が悪いのか…)

ってな訳で、こちらのブログで作られているフォトショップ用のレイヤースタイルを、
ファイアーワークス用のスタイルに作り直してみた。





このスタイルをファイアーワークスに読み込んで、
適当にボタンの形を作って、スタイルを選択すると下記の様なボタンが簡単に作れます。



上記スタイルのダウンロードはこちら

pngデータをダウンロード
※右クリックで保存


■設定方法

下記の画像の様にファイアーワークスにて「スタイルの読み込み」をクリックし、
「jap.stl」を読み込む。


はてなブックマークに追加 deliciousに登録 livedoorクリップに登録 Yahoo!ブックマークに登録 @niftyクリップに登録 FC2ソーシャルブックマークに登録 newsingに投稿 twitterでつぶやく
 

ブログ内検索

人気のエントリー

ブログパーツ

フォーム

リクエストや相互リンクお待ちしております

名前:
メール:
件名:
本文:

PoweredBy

Powered By DTIブログ


エロチャット エロチャット ツーショット 人妻 出会い