これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策
2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
UNITiD | Interaction Design & Usability» Blog Archive » Fireworks template for Android
Are you starting with interaction design for Android – like we are – then there are a number of useful resources to help you out. We couldn’t yet find a Fireworks template, so we have made one ourselves and want to share it here. In this Fireworks template the Android user interface elements have been redrawn as vector images. In the folders the elements have been mostly labeled according to the
Adobe、Web画像ツール「Fireworks」終了へ
米Adobe Systemsは5月6日（現地時間）、Webページ向けグラフィックスツール「Adobe Fireworks」の開発終了を発表した。同日発表の、6月に予定されているCreative製品のアップデートにFireworksは含まれない。 Creative Cloudへの移行に際しては、Fireworks CS6として提供を続け、バグ修正やセキュリティ関連のアップデートは継続する。 開発終了の理由は、Photoshop、Illustrator、Edge Reflowなどの他のAdobe製品との機能の重複が年々増えていることや、Web向けツールとして、従来よりもモジュール化したツールを提供する方針にシフトしてきていることという。 Fireworksは、Adobeが2005年に買収したMacromediaの製品。 Adobeは同日、Photoshop、Illustratorなどの一連のク
フリーデザイン素材「シンプル矢印アイコン25種×10サイズ」 (PIXEL LAB)
シンプルな矢印アイコンセットを公開・配布します。 もともとは個人的にちょこちょこ作成してきたものを、まとめてみました。 Fireworks用のPNGファイルと、Photoshop用のPSDファイルを用意したので、 自由にデザインワークで使ってください。 特徴 25種類×10サイズ 矢印アイコンのフリー素材は、ネットにたくさんありますが、 このアイコンセットでは、25の基本シェイプをベースに、それぞれ10サイズづつ用意してます。 各サイズごとに、ピクセルを最適化し、どのサイズにおいても、シャープに見えるように調整しています。 背景付き、枠付きなど、別パターンも収録 アイコンを使う場合は、裸でつかうより、四角背景の白ヌキだったり、 枠付きで使う場合も多いので、それぞれ、代表的なデザインで用意しました。
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
Fireworksで破線をラインツールやペンツールを使わずに一瞬で描く方法 | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworksでの破線の設定って何気に面倒くさいと思います。破線の設定に行くまでのプロセスが長過ぎる！（小ウインドウを3回も移動しなければならない）しかし、今回ご紹介する方法を使うと、一瞬で破線オブジェクトを作成する事が可能です。 本来の破線を作成する方法 線のオブジェクトを選択後、プロパティより「ストロークの種類」→「ストロークオプション」→「詳細設定」→「破線」と進む事で破線の設定を行う事が出来ます。ちょっと長ったらしいですね。その分細かい設定はできますが。 では、別の方法を使って、一瞬で破線を作ってみましょう。 一瞬で破線オブジェクトを作成する方法 「矩形ツール」を使い、高さ1pxのオブジェクトを作成。（幅
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。
こんにちは、シーブレインの toyama です。梅雨入りです。 サムネイル用の画像など、一定の大きさにそろえた画像を大量に書き出さないといけないときが、長い人生に一度や二度はあると思います。 私にも以前そんな瞬間があったのですが、その頃にこの技知ってればー！という技を今更知ったのでここに記しておくことにします。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで、適当に（いい意味で）画像を配置します。 3.「コマンド」→「ドキュメント」→「レイヤーに配分」。すると、適当に読み込んだ画像が一枚づつレイヤーに格納されます。 4.画像を書き出すための「最適化」を設定したあと、「書き出し」ます。 5.書き出しのダイヤログが出てきます。「書き出し」のプルダウンメニューから「レイヤーをファイルに変換」を選択します。3.で画像をレイヤーに分
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【Fireworks】ちぎった紙っぽいパーツをサクッと作る | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいですが、影に隠れて Fireworks も実は 5.1 にマイナーバージョンアップしています。 参考：Fireworks CS5.1 in Creative Suite CS5.5 バグ FIX がメイン（それだけでも有難い！）ですが、書き出し時の色の最適化が改善されていたり、ファイル保存時に最後に保存した場所がデフォルトで開くようになっていたりするようです！ 嬉しい…！ 今回は、Fireworks でちぎった紙っぽいパーツを簡単に作る方法をご紹介します。 Step1 とりあえず、カンバスに背景を敷きます。（サンプルは Fireworks の塗りの「パターン」にある「青い布」をそのまんま） Step2 白い矩形を置きます。 Step3 ストローク（破線ダブル、外側、1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ
http://indigonote.com/2011/06/17/fireworks-texture/
Good night, Posterous
YUKI HARUYAMA Portfolio Site | 春山 有由希
http://indigonote.com/2011/05/27/fireworks-mesh-texture/
http://indigonote.com/2011/04/28/fireworks-slash-texture/