Generate Web Assets
While you can easily export slices from a mockup, it's a pain to create an individual slice for each element that you want to export. And if the elements overlap, the slices won't output cleanly. The Generate Web Assets command makes exporting different parts of your document a breeze. To specify how you want an element to be exported, just change its name to include an image file extension, like
ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」
TOP > Design , Photoshop > ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつようなパーツが、数多く収録されており、それらを組み合わせえてりようすることで切り貼りでサイトのワイヤーフレームを作ることができます。 詳しくは以下 かなりの種類のインターフェースのパーツが収録されており、その数は60にものぼります。データ
Sacss WordPress Special with Fireworks
1. 作業時間を ぐっと 短縮するFireworksの使い方 & 短縮してできた時間の有効活用 -個人サイト運営のすすめ- 2012年6月16日土曜日
Edge Animate
Fireworks is a great tool for building and laying out the elements of an Edge Animate project, but until now you've had to manually export individual images and then recreate your layout in Edge. The Export to Edge command will do this for you, exporting your Fireworks document as a collection of HTML and JS files that can be opened by Edge Animate. All of the elements on the first state of the fi
5d28x0ct8l3rm4zi317
WASSUP tide brand sweater men's clothes coat hoodie heavy plus fleece pullover autumn and winter women's all-match national tide USD 28.73 WASSUP autumn new seven-color sweater men's basic printing fleece thickening heavy couple long-sleeved top tide brand USD 28.73 WASSUP fine pit corduroy five-pocket casual trousers for men and women in autumn and winter new loose trendy pants for lovers USD 12.
Fireworksで海外風のイケテルボタンを作ってみた！
こんにちは！ 最近、PCの見過ぎが原因か目がショボショボの鈴木です。 流行のPC用メガネが気になってます。 さて、今日はFirewoorksでかっこよさげなイケテルボタンを作ってみたいと思います。海外のサイトとかでよく見ますよね！ こちらが完成イメージ。 １）背景 では早速背景を作っていきます。 こんな感じで長方形を書きます 微妙にグラデーションをかけるのがポイント！ ２）背景にノイズを追加 フィルター ＞ ノイズ ＞ ノイズを追加 今回はこんな感じで適用しました。 これを背景の上に配置して、乗算をかけると 見た目だとわかりにくいですが、こんな感じになります。 ３）検索ボックスの背景 真ん中に角丸長方形を書きます こんな感じで背景より少し濃いめのグラデーションと、少し薄めの線です。 ４）立体効果の追加 非常にわかりにくいですが、ベベルとエンボスと光彩（外側）をかけて深みをだします。 詳細は
「Web系の人がFireworksで作った図版が来ちゃった」ときの対処法｜DTP Transit
Fireworksというアプリでは、ネイティブ形式にPNGを使っています。これをFireworksを開いて、囲みや文字を入力して保存すると、再編集可能なPNGファイルとして保存できます。 といっても、これをこのままDTPで使えるわけはないため、正直、これで支給されてもな〜というのが本音ですが、量が量というときの裏技をご紹介します。 結論 Fireworks CS5からFXGに書き出せば、ビットマップ画像を保持したまま、Illustratorで開くことができる。後はIllustratorでがんばる。 注意点は次の通り。 Fireworks CS5.1からのFXG書き出しは、Illustratorで読めないことがある Fireworksのテキストはすべてエリア内文字（テキストボックス内に入っている文字）になり、稀に（リフローのため）文字が欠けてしまうことがある 必要に応じてポイントテキストに変
FWLaunch
The launch center for Adobe Fireworks CS6Adobe® Fireworks® CS6 software helps you create beautiful designs for websites and mobile apps in a snap, without coding. Deliver vector and bitmap images, mockups, 3D graphics, and interactive content for popular tablets and smartphones. - View Adobe Fireworks Product Page Interesting links for Adobe Fireworks CS6 Fireworks CS6 New Features Demo by Jim Ba
Fireworksで文字組みのしっかりした本文を作りたいときはIllustratorからコピペするといいかもしれない | Webデザインのタネ
一定期間更新がないため広告を表示しています
オリジナルツール / Fireworks用 日本語入力強制OFFツール「IME_Kiiler」 (PIXEL LAB)
オリジナルで作成した、Fireworksの拡張パネルを公開します。 Fireworks使用中での、日本語入力（2バイト）を強制OFFし、英数字しか入力できないようにします。 日本語入力を制限します Fireworksを使用して作業しているとき、勝手にIMEが日本語入力モードにかわって、 うっとうしいことって、よくあると思います。 日本語入力モードに切り替わるタイミングも、よくわからないですし。 そんなときに、この拡張パネルを使用すれば、日本語入力モードを禁止し、 英語入力モードのみに制限することができます。 入力作業は終わって、デザインに集中したいときは、とても役にたちます。 チェックをはずせば、日本語入力モードを解禁できます。 仕組み 0.2秒ごとに、入力モードをチェックして、強制的に変更してます。 もう何年も使ってますが、負荷が高くて困ったってことはないです。 ダウンロードと設置手順に
スライスの作成・名前付け、コード出力など「PI_Slice」 (PIXEL LAB)
Fireworks用のスライス関連の機能をまとめた拡張パネルです。 以前、スライス関連のコマンドはアップしましたが、 UIかぶせて、スライスコード出力の機能も追加しています。 スライスの作成・名前付け、コード出力など「PI_Slice」 複数スライスの一括作成 複数スライスの一括画像フォーマットの設定 連番ベースでの名前づけ 独自の値配列による名前づけ 複数スライスの一括リサイズ 複数スライス名の一括設定 複数スライス名の一括変更 複数スライスコードの一括出力(クリップボードにコピー) スライスコードの出力について 今回のパネルは、選択しているスライスの情報をもとに、HTMLやCSS用のコードを 生成・コピーする機能を実装してて、画像まわりのコード作成を楽にしてくれると思います。 初期設定では、HTMLやCSS用のテンプレートがありますが、 5件まで編集・保存可能なので、自分好みにカスタマ
RedLine Magazine : Photoshop用ブラシをFireworksで。
Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま
Fireworks wireframe templates for iPad & iPhone
Als interactie ontwerpers zijn we behoorlijk druk met het uitzoeken hoe we allerlei functionaliteiten en structuren moeten werken in apps. Dit doen we onder andere door draadmodellen van apps op te zetten en deze te beoordelen, te testen en steeds opnieuw aan te passen. We zetten deze wireframes dus liefst zo snel mogelijk in elkaar, zodat we genoeg tijd hebben om na te denken over hoe de puzzelst
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 (PIXEL LAB)
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 ( 2012年03月22日 ) Fireworksの文字のアンチエイリアスは、 「鮮明」「強く」「滑らかに」「カスタム」の4種類がありますが、 正直、どれもあまり綺麗ではありません。 あるフォントでは、「鮮明」が綺麗だけど、別のフォントでは、「滑らかに」が きれいだったり、フォントの種類だけでなく、文字の大きさによっても、 適切なアンチエイリアスの種類は変わってきます。 このエントリーでは、アンチエイリアスのかかった小さいテキストが 少し綺麗になるかもしれない方法を紹介します。 同時に、その方法をコマンド化したので、それの解説と配布を行います。
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
no page - Bart Wortel
https://bright-flavor.com/fireworks/entry-74.html
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
http://www.playingwithfire.com/
http://indigonote.com/2011/06/17/fireworks-texture/