CSS Nite LP, Disk 14「Photoshopper meets Fireworks」（ #cssnitelp14 ） ハッシュタグまとめ

ゆう…すけ？ @yusuke824

イラレ→Fwにコピペして滲んだオブジェクトは「ピクセルにスナップ」できれいになる（CS5〜）。ただし、サイズが微妙に変わる場合あるのでロゴとかは要注意 #cssnitelp14

ふっちー @Fuchie

長方形などの 1px のズレをなおすには、縦幅・横幅を 1px 増やして、すぐにもとの値に戻すときれいになる。 #cssnitelp14

西畑一馬@to-R @KazumaNishihata

Fireworksでjpeg画像をいじる場合はシンボルでグラフィックに変換してからいじるのが鉄則 #cssnitelp14

Akiko Shindou @minisal

嫌な1pxのずれは Ctrl + K キーでピクセルにスナップ！#cssnitelp14

ちゃこちゃん。 @chaco

#cssnitelp14 ラフスケッチ→ワイヤーフレーム→デザインカンプ→下層デザイン→書き出し・コーディング　@yuki930 はラフスケッチ以外を全部FWでやる

ふっちー @Fuchie

【ウェブデザインの流れ】ラフスケッチ→ワイヤーフレーム→デザインカンプ→下層デザイン→書き出し・コーディング #cssnitelp14

ちゃこちゃん。 @chaco

#cssnitelp14 デザイン時、ガイドラインなどをそのまま利用できる。ダミーテキストが再利用できるので作業時間が短縮できる。実際の大きさの間隔を保持しながら作れる。（パワポなどでつくると、実際の尾画面に落とし込むことで小さすぎ･大きすぎがでてくる）

ちゃこちゃん。 @chaco

#cssnitelp14 デザインを始めるための下準備：ステートにワイヤーを複製しておく。そうすることで、配置を換えたりしても元の状態にすぐ戻せる。最後不要になったら削除。

ソゾタケ @butszo

#cssnitelp14 使う色を最初に作っておいて、それをスタイルに登録しておくと便利。

ちゃこちゃん。 @chaco

#cssnitelp14 拡大縮小の劣化を防ぐために、画像のシンボル化をする。

ふっちー @Fuchie

Fwで画像の拡大・縮小を繰り返すと画像が劣化する。それを防ぐには、画像をシンボル化すると防げる。 #cssnitelp14

Takeshi Takatsudo @Takazudo

#cssnitelp14 Fwで用意されているパターンは癖が強い感じのものが多いけど、フィルタで色相彩度変更すれば結構応用可能

Takeshi Takatsudo @Takazudo

#cssnitelp14 なんかオブジェクト作り、整列パネル→間隔→12pxとか選べば、12px間隔で並んでくれるので便利

ちゃこちゃん。 @chaco

#cssnitelp14 整列を使いこなす：グリッドを引いているカンバスに円を描いてコピペ。整列化をつかって●の敷き詰めを作れる。パスの型抜きも便利。

ちゃこちゃん。 @chaco

#cssnitelp14 選択範囲をパスに変換してコラージュ：選択範囲をパスに変換して、ドロップシャドウをつけたりストロークなどでコラージュ風。

Kazuma Sekiguchi マイヤイヤー。 @KAZUMA87

敷き詰めには是非、僕の作成した「複製配置拡張機能」をご利用ください。http://cieds.net/extensionFw/よりダウンロード可能です。 #cssnitelp14

emi moriya @emim

お！なるほど、ペンツール（ライン）に効果付けられるのは、ニュアンス背景作るのとかに超絶便利そう #cssnitelp14

ちゃこちゃん。 @chaco

#cssnitelp14　ストロークを塗りに変換することで、パスにすることができる。そうやって、ふちをアレンジすることや、パスなのでいろいろアレンジができる。

ちゃこちゃん。 @chaco

#cssnitelp14 点線いろいろ：ストロークの編集をいろいろやることで、多様なラインを作ることができる。で、それを登録しておくことでどんどん活用できます。

ちゃこちゃん。 @chaco

#cssnitelp14 角丸長方形ツールで看板：角を変更することができるので、内側にへこんだ角を作る。内側にテクスチャなどで看板作成。細かい値などはフォローアップで出してくれるそうです。

ふっちー @Fuchie

角丸長方形の四隅にある黄色い◆をクリックすると、角丸のパターンが3種類切り替わる。 #cssnitelp14

ちゃこちゃん。 @chaco

#cssnitelp14 星ツールで作る星以外のもの：頂点を減らす、増やす、丸みの調整などで複雑なものをつくれる。いい形ができたら登録を忘れずに！

Takeshi Takatsudo @Takazudo

#cssnitelp14 パス書いてから、プロパティパネルでストロークを編集とかやると点線とか超細かく作れる

Risa Yuguchi / 湯口りさ @risay

オートシェイプは配置後の再設定も自在にできてとても便利。ただ、どうかえたらどうなるのか覚えておくのは大変なので、お気に入りができたら保存して取っておく #cssnitelp14

ふっちー @Fuchie

グレースケールのスタイルをたくさん設定して保存しておき、フィルタの色相・彩度で色を設定する。 #cssnitelp14