【Fireworks】の痒い所に手が届く！拡張機能“Transform Panel”を使ってみた | バシャログ。
最近昼間の暖房が少し暑いくらいなので、油断して薄着で出かけてみたら夜寒くて死にそうになった seki です。 今回は、先日Fireworksの拡張機能を色々復習＆整理をしていた時にたまたま見つけた拡張機能「Transform Panel」というのを入れてみたので、機能のご紹介をします。Fireworksで要素のサイズや細かい座標をプロパティで直接入力する人には、痒い所に手が届く良さを感じられるかと。 詳細は以下より。 ダウンロード http://www.senocular.com/fireworks/extensions/?entry=572 こちらからダウンロードしてください。 「Transform Panel」で出来ること まずは基本となる便利な機能を一つ一つ見ていきましょう。 実際のパネルがこちら。 簡単に言うと画像やテキストの変形を補佐してくれる拡張機能です。 1.小数点単位を表示
macのfireworksに慣れようとして、入れたツールや知ったこと。 | nayo*days
こんにちは。かよこ（@nayo74）です。 昨日も女子トークで飲んできて、意気揚々と帰ってきました。 さて、普段会社でも家でも作業時はwinでしているのですが、 この夏にでたCS６の月額のに乗り換えまして、無事にmacでも作業できるように なりました（adobeのライセンス、winしかもってなかったため） イベント等で制作してみようとなったときに、 持ち出しのできるMBPで作業が なれないとあかんなーと思い、macのfireworksを昨日の夜中に試してみました。 そのなかで、少し戸惑ってしまった点やfireworksで何気なく入れていたツールなど 便利やんって思った記事まとめてみます。 iPhotoからの写真をPhotoshopやFireworksを起動させたい。 写真の読み込みなど、winではソフトにドラックすることで配置していました。 ですが、macのiPhotoで撮った写真は 管理
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
「Web系の人がFireworksで作った図版が来ちゃった」ときの対処法｜DTP Transit
Fireworksというアプリでは、ネイティブ形式にPNGを使っています。これをFireworksを開いて、囲みや文字を入力して保存すると、再編集可能なPNGファイルとして保存できます。 といっても、これをこのままDTPで使えるわけはないため、正直、これで支給されてもな〜というのが本音ですが、量が量というときの裏技をご紹介します。 結論 Fireworks CS5からFXGに書き出せば、ビットマップ画像を保持したまま、Illustratorで開くことができる。後はIllustratorでがんばる。 注意点は次の通り。 Fireworks CS5.1からのFXG書き出しは、Illustratorで読めないことがある Fireworksのテキストはすべてエリア内文字（テキストボックス内に入っている文字）になり、稀に（リフローのため）文字が欠けてしまうことがある 必要に応じてポイントテキストに変
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
【Fireworks】グラフィックウィザードで大量の画像を自動で作る | バシャログ。
軽い腱鞘炎になってしまいました、toyama です。左手を使うキーボードショートカットが原因です。別名で保存とか、属性をペーストとかマスクとしてペーストとかグループ解除とかしようとすると痛いので、湿布に包帯を巻いてカバーしているのですが、広範囲に巻きすぎているのか左手だけ「リングにかけろ」みたいになっています。 この資料をもとにこの見出し画像を大量に複製して書き出してください！入れる文字はエクセルにまとめてありますので！見出しごとに写真変えてね！うんざりするほど大量にあります！納期は今日！というお仕事があると思います。 テキストをコピー＆ペーストすればいいだけなのに、どうしてこんなに辛いんでしょう。そんなときは Fireworks さんにおまかせ！ 自動的に画像をつくってくれます。 グラフィックウィザードを活用する こんな画像をテキストだけ変更して、大量に作るミッションです。 用意するのは
Fireworksでくずれた角丸を元通りにするコマンド « きんくまデザイン
こんばんは。きんくまです。 Fireworksで角丸矩形を作ったあと、それを拡大縮小するときの話です。 縦横比を固定のままだと問題ないんですが、固定じゃない場合、角丸がくずれちゃいます。 それを、直そうというコマンドを作りました。 やっていることは、くずれた矩形を削除してから、新しい矩形を作って、前の属性をコピーする。 というそれだけです。ヒストリパネルからいくつかコピったらすぐできました。 ■使い方 1.下のソースをコピーして、「replaceRoundRect.jsf」などの名前で保存。 拡張子が「.jsf」であれば何でもOK 2.Fireworks上で対象となる角丸矩形を選択 3.コマンド→スクリプトの実行から、さきほどのファイルを選べばOK ちなみに毎回やるのがめんどいので、CS3の場合 C:Program Files\Adobe\Adobe Fireworks CS3\Confi
【Fireworks】スライスに一括で連番をつけてくれるコマンド | バシャログ。
地元では BS が映らなくなったり停電したりするほど雪が降ったのに、馬車道にはまったく雪が残ってないのはどういうことでしょう。 toyama です。同じ横浜市なのに… スライス、してますか？ Fireworks のウリのひとつに「Web 制作に欠かせないスライス機能」があるわけですが、今日はそのスライス機能をさらに便利にしてくれるコマンドをご紹介します。 スライスに連番をつけてくれるコマンドです。 その便利さたるや、もっと早く出会いたかった！今までの自分がバカみたい！というレベルです。 1.コマンドをインストール PIXEL LAB さんから Fireworks 用オリジナルコマンド（jsf）をダウンロードしてインストールします。 2.スライスを設定 例として、こんな感じのサイトを作っているとしましょう。 グローバルナビや画像にスライスを設定します。 矩形スライスを使うと早いです。 3.コ
An Explosion of Adobe Fireworks Resources - noupe
An often overlooked member of the Adobe Creative Suite is Adobe Fireworks. This application software can be used to create vectors, design application interfaces, digital artwork, and create rapid prototypes of websites. Adobe Fireworks can also generate PDF’s, export CSS based layouts, and a variety of other features. However, Adobe Fireworks resources are not easy to find. Resources are scattere
Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
【Fireworks】オリジナルのテクスチャを作ってみる | バシャログ。
シーブレインでは、Webサイトのデザインをもっぱら Fireworks で行っています。 世の中のWeb制作会社の大半は Fireworks を使っているんじゃないかと思いますが、 それゆえに弊害もあるわけです。 Fireworks にはオブジェクトにテクスチャを簡単につける便利な機能が搭載されていて そのテクスチャ数も充実しているのですが、実際使用頻度が高いのは この辺の「垂直線」とか「水平線」「対角線」。 他の制作会社でも Fireworks を使っているとなると、あーこのサイトのこのパーツは 「対角線1」だなあー、みたいな事態に陥ります。 なので、最近は自分でテクスチャを作っちゃったりします。 作り方は案外簡単です。 [1] ちょっと細かい対角線を作ってみます。 こんな感じで作りたいテクスチャを白と黒でつくります。 繰り返し模様になるので、その辺は考えながら。 [2] png や g
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
fireworksの人気記事 8件 - はてなブックマーク
どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptで本格的な打ち上げ花火を作って楽しめるライブラリをご紹介します！ わずか数行のコードで簡単に花火を描画できるお手軽さと、細かいオプションを設定すれば高度にカスタマイズもできるのが特徴です。 誰でも簡単に扱えるように設計されているので、花火を見れなかった人、もっとゆっくり鑑賞したかった人なども含めて、ぜひオリジナルの打ち上げ花火を作って遊んでみてください。 【 fireworks-js 】 ■「fireworks-js」の使い方 それでは、「fireworks-js」をどのように使えばいいのか詳しく見ていきましょう！ まずはライブラリをインストールするのですが、一般的には npm や yarn を使ってコマンドラインから導入することになります。 ただし、今回はフロントエンドのJavaScriptだけで作ろうと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ここが違う！ Adobe Fireworksで軽快プロトタイピング
The Daily Button
IDEA * IDEA
caraldo.net - it転職 リソースおよび情報
Adobe Fireworks（8)のweb2.0なレイヤースタイル131＋48個＋おまけ*ホームページを作る人のネタ帳
