Adobe Edge Animate用にファイルを書き出せるFireworks拡張 | バシャログ。
風邪をすっ飛ばして肺炎という診断をくだされて、3日間ほど寝込んでいたminamiです。皆さんも気をつけて！ AdobeからWebサイト構築ツール&サービス「Edge Tools & Services」が発表されました。 その中のHTML5／CSS3／JavaScriptベースでアニメーションを作成できるEdge Animateというツールに、Fireworksで連携できてしまう拡張をご紹介します。 Edge Animate 上記拡張をインストールします。FW CS5でも問題なく動作しました。 Fireworks上で適当な矩形と文言をレイアウトします。 コマンド > Edge Animate > Export Edge が拡張によって追加されているので、選択します。 プロジェクトファイルを出力するフォルダを指定します。 フォルダに自動的にEdge Animateで必要なファイルが書きだされま
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」
TOP > WebDesign > Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」 WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。 Web Site Design Tutorial 画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
RedLine Magazine : Photoshopブラシ「まとめ」の「まとめ」
Photoshopブラシ「まとめ」の「まとめ」 2009.11.22 2件追加しました。 2010.02.07 5件追加しました。 先日Photoshop用ブラシをFireworksで使うためのエントリを書いたので、その肝心のブラシまとめ記事のまとめ。ちょっと自分でもこういう系のエントリをブクマしすぎて把握できなくなってきたのでメモ的に。 勢いでまとめたのでリンクミスとかあったらすいません＞＜ 今まで自分がブクマとかしたブラシまとめ・紹介ページ とりあえず適当にジャンル分けしてみた。 光系・キラキラ系 光が超カッコいいPhotoshopのブラシ色々まとめ:phpspot開発日誌 きらめく光のPhotoshopブラシ200選 | CREAMU 45の光を表現するphotoshopブラシ集[記事紹介]*ホームページを作る人のネタ帳 光線を描くためのPhotoshopブラシ250+ | CREA
Yoropan@Fla - Fireworksに入れてみた機能拡張
【スタイル】 ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでＣＳ３から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。（２つ画面がありますが、タブでごとの切り替えた画面を合成しています。） 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとＰＤＦを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」＞「FireworksZone」に追加される。 Tips:Webレイヤ
シンボルを使用して作業効率を高めよう | デベロッパーセンター
はじめに Fireworksには画像やパスデータ、テキスト等のオブジェクトをシンボル化するという機能が搭載されています。 シンボル化はライブラリに登録され、ライブラリからいつでもキャンバスに配置することができます。 シンボルはキャンバスに配置するとインスタンスというオブジェクトになります。 オブジェクトのシンボル化は、制作作業に様々なメリットをもたらしてくれるのですが、中でも大きなメリットとして以下のようなものがあります。 インスタンスはオブジェクトのオリジナル情報を保持したままリサイズが可能 複数配置したインスタンスは一括修正が可能 今回はこの二つのメリットを利用したワークフローを紹介します。 必要ソフトウェア Fireworks CS4 体験版購入 1．オリジナルを大きめに用意することで、デザイン時の効率化や後々の変更対応の効率化を目指す 写真などのビットマップデータは、拡大・
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
caraldo.net - it転職 リソースおよび情報
必赢电子游戏网站