スライスの作成・名前付け、コード出力など「PI_Slice」 (PIXEL LAB)
Fireworks用のスライス関連の機能をまとめた拡張パネルです。 以前、スライス関連のコマンドはアップしましたが、 UIかぶせて、スライスコード出力の機能も追加しています。 スライスの作成・名前付け、コード出力など「PI_Slice」 複数スライスの一括作成 複数スライスの一括画像フォーマットの設定 連番ベースでの名前づけ 独自の値配列による名前づけ 複数スライスの一括リサイズ 複数スライス名の一括設定 複数スライス名の一括変更 複数スライスコードの一括出力(クリップボードにコピー) スライスコードの出力について 今回のパネルは、選択しているスライスの情報をもとに、HTMLやCSS用のコードを 生成・コピーする機能を実装してて、画像まわりのコード作成を楽にしてくれると思います。 初期設定では、HTMLやCSS用のテンプレートがありますが、 5件まで編集・保存可能なので、自分好みにカスタマ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
2. 自己紹介 • まぼろしの松田と申します • デザイン、マークアップ、JSer、 ライティングなど • 主な著書 『効率的なサイト制作のためのDreamweaverの教科書 【CS5.5対応版】』（鷹野さんとの共著、マイナビ） 2
Fireworksでくずれた角丸を元通りにするコマンド « きんくまデザイン
こんばんは。きんくまです。 Fireworksで角丸矩形を作ったあと、それを拡大縮小するときの話です。 縦横比を固定のままだと問題ないんですが、固定じゃない場合、角丸がくずれちゃいます。 それを、直そうというコマンドを作りました。 やっていることは、くずれた矩形を削除してから、新しい矩形を作って、前の属性をコピーする。 というそれだけです。ヒストリパネルからいくつかコピったらすぐできました。 ■使い方 1.下のソースをコピーして、「replaceRoundRect.jsf」などの名前で保存。 拡張子が「.jsf」であれば何でもOK 2.Fireworks上で対象となる角丸矩形を選択 3.コマンド→スクリプトの実行から、さきほどのファイルを選べばOK ちなみに毎回やるのがめんどいので、CS3の場合 C:Program Files\Adobe\Adobe Fireworks CS3\Confi
PhotoShop&FireworksでWebデザインする為に必要な情報をまとめてみた
PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。 これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ PhotoshopをつかってWebデザインする視点で使う機能解説なので、知ってることも多いけど、ここはまず抑えておいたほうがいい！ Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ この辺りの設定数値は覚えておこう！他のソフトでも応用できます。 PhotoshopでWebサイトのモックアップをつくるチュートリアル 海外のチュートリアルの日本語訳での解説、グリッドシステムの勉強にもなる。 日本語で読めるPhotoshopチュートリアル集 まとめ まずは、日本語でのチュートリアル！どんな使い方をしているのかを知るのが大事！ photos
Fireworksで文字組みのしっかりした本文を作りたいときはIllustratorからコピペするといいかもしれない | Webデザインのタネ
一定期間更新がないため広告を表示しています
Fireworksの限界「6000px」を超越する方法/Fireworks - サイブリッジラボ
こんにちは、けっつんです。 今日はFireworksの限界を超える技をご紹介します！ サイブリッジのデザイナーがデザインに愛用しているFireworksですが web用だからかなぜか6000px以上のキャンバス設定ができなくなっています。 ランディングページ作成のときとか、どうしようかと困ったことがある方も ちょっとはいらっしゃるかも？ でも！対策がありますのでご安心下さい♪ Adobe Fireworks CS5/CS4の場合 Fireworks CS5の場合は C:¥Documents and Settings¥<ユーザー名>¥Application Data¥Adobe¥Fireworks CS5¥Japanese¥Fireworks CS5 Preferences.txt Fireworks CS4の場合は C:¥Documents and Settings¥<ユーザー名>¥App
Webデザインで使えるフリーシームレステクスチャ100枚 – poyosi.com
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し（リピート）使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1：パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2：背景画像を作ってみましょう。 新
Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ！ (フェンリル | デベロッパーズブログ)
こんにちは！デザイナーの長谷川（ヒロユキ）です。 僕は Fireworks 大好きっ子なのですが、残念ながらフェンリルのデザイナーは殆ど Illustrator や Photoshop でデザインしているので、今日は僕が Fireworks を手放せない理由のひとつであるページ機能を紹介したいと思います。 ●動的なコンテンツや背景などのスライス書き出しがメッチャ楽 Fireworks CS3 で実装されてしばらく使わずにいたページ機能は今では無くてはならない機能です。 こういうデザインの場合、メニューの背景の画像とボタンの画像をそれぞれスライスしたいのですが、レイヤーのみで管理しているとスライスを重ねるしかなく、必要な画像をスライスする時に他のスライスを非表示にして背景レイヤーを消して…などと非常に面倒です。 ここでページ機能が威力を発揮します。 デザインができたら、ページを複製します。複
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
INDIGO NOTE｜クラウド電子カルテ
精神科病院監修・設計による 理想の電子カルテ 精神科病院に必要な機能を網羅 ワンストップでのサポートサービス 既存の医事会計システムとの接続にも対応 ※ ※ 別途ご相談 国のガイドラインと グローバル標準規格の融合 厚労省等のガイドラインに準拠したクラウドを採用 グローバル標準データ規格 HL7 FHIR を採用 今後の遠隔診療や地域医療連携を見据えた、拡張性の高いシステム設計
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ
http://indigonote.com/2011/06/17/fireworks-texture/
YUKI HARUYAMA Portfolio Site | 春山 有由希
YUKI HARUYAMA Portfolio Site | 春山 有由希
Fireworksのページ機能の細かすぎて伝わりにくい使いどころ | Webデザインのタネ
YUKI HARUYAMA Portfolio Site | 春山 有由希