オリジナルのテクスチャを作って、デザインの幅を広げよう | デベロッパーセンター
はじめに Fireworksには、あらかじめたくさんのテクスチャが用意されています。もちろん、自分でオリジナルのテクスチャを作ることも出来ます。 オリジナルのテクスチャを作ることにより、用意されているテクスチャよりも太い斜線・間隔が広い斜線を実現する、チャックの大きさをより大きくするなど、デザインの幅が広がっていきます。 今回は、オリジナルテクスチャの作り方・適用の仕方を紹介します。 必要ソフトウェア Fireworks CS4 体験版 購入 オリジナルのテクスチャを作る 今回は以下のような星形のデザインを、テクスチャを使ってデザインしていきます。 （完成イメージ） オリジナルのテクスチャを作る際にポイントとなる点が2つあります。 ポイント1.「白」と「黒」を意識する 今回のデザインでは、青い背景に白い星が散りばめられています。ですので、背景色が「黒」・星の色が「白」のテクスチャを作り
【Fireworks】オリジナルのテクスチャを作ってみる | バシャログ。
シーブレインでは、Webサイトのデザインをもっぱら Fireworks で行っています。 世の中のWeb制作会社の大半は Fireworks を使っているんじゃないかと思いますが、 それゆえに弊害もあるわけです。 Fireworks にはオブジェクトにテクスチャを簡単につける便利な機能が搭載されていて そのテクスチャ数も充実しているのですが、実際使用頻度が高いのは この辺の「垂直線」とか「水平線」「対角線」。 他の制作会社でも Fireworks を使っているとなると、あーこのサイトのこのパーツは 「対角線1」だなあー、みたいな事態に陥ります。 なので、最近は自分でテクスチャを作っちゃったりします。 作り方は案外簡単です。 [1] ちょっと細かい対角線を作ってみます。 こんな感じで作りたいテクスチャを白と黒でつくります。 繰り返し模様になるので、その辺は考えながら。 [2] png や g
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Fireworksでモダンなストライプを作ってみました！ | WebDesign Basic（Webデザインベーシック）
お久しぶりです。今回はFireworksでモダン風ストライプを作ってみました！ 完成はこんな感じになります。どうでしょう？ランダムな色のストライプがスタイリッシュなイメージに見えませんか？ それでは作り方です！ まずグラデーションツールで「しわ」を適応する グラデーションツールで「しわ」を適応します。色は特に気にしなくても大丈夫です グラデーションを水平方向にかける 次にグラデーションを水平方向にかけます。（垂直方向にストライプを作りたい場合は垂直にかけます。) それっぽくなってきましたね！ 使いたい色を配色する 使用したい色と割合を決めます。なるべくグラデーションにならないように配色するのがポイントです。 あとはフィルタなどで色味を調整すれば完成です！ スタイリッシュなサイトのメインビジュアル部分や化粧品などのキャンペーンバナーのバックにも使えそうですね ●おまけ バーコード風デザインも
Fireworks のリソースを公開している国内のサイトをピックアップ | バシャログ。
CSS Nite im MIYZAKI, Vol.3 に出演してまいりました。宮崎、真剣に移住を検討するほどいいところでした。ご飯が美味しい！ さて、最近 Web クリエイターの方たちと話をしていると、今 Fireworks がきてるなーと思うことが多くなりました。 マクロメディア時代からの Fireworks ファンとしては、胸が熱いです。 今回は、Fireworks の便利なリソースを公開している国内のサイトをピックアップしてご紹介します。 Fireworks マニア Fireworks 関連のブログでは一番の注目度ではないでしょうか？ Fireworks を使って綺麗なデザインを作るテクニックがたくさん紹介されています。 「その機能をそんなところに使うの！？」といった、魔法のような Tips もたくさんあって凄いです。 Webデザインのタネ Fireworks 関連の Tips が公
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。
こんにちは、シーブレインの toyama です。梅雨入りです。 サムネイル用の画像など、一定の大きさにそろえた画像を大量に書き出さないといけないときが、長い人生に一度や二度はあると思います。 私にも以前そんな瞬間があったのですが、その頃にこの技知ってればー！という技を今更知ったのでここに記しておくことにします。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで、適当に（いい意味で）画像を配置します。 3.「コマンド」→「ドキュメント」→「レイヤーに配分」。すると、適当に読み込んだ画像が一枚づつレイヤーに格納されます。 4.画像を書き出すための「最適化」を設定したあと、「書き出し」ます。 5.書き出しのダイヤログが出てきます。「書き出し」のプルダウンメニューから「レイヤーをファイルに変換」を選択します。3.で画像をレイヤーに分
Aaron Beall - Fireworks Guru - Autoshapes
Path Panel 5.1.33 new Glyphs1.0.18 new Layer 1.0 new Export 1.0.6 Objects 1.0 Pattern & Texture 1.1 Text 2.0 Brush 1.0 Document1.7 updated Filters 1.3 updated Web 1.2 updated Group 1.0 Mask 1.0 Modify 2.1 updated 3D Rotate 1.2 updated Rename 1.0 Paths 2.2 updated Extrude Paths 2.0 Path Points 2.1 updated DOM Inspector 0.3.4 Object Panel 0.2.3 Selection Sets Panel 0.1.2 Fireworks! Panel 0.3.3 Arc T
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
Web Design Tutorials for Adobe Fireworks ⭐MonstersPost
Adobe Fireworks is another great software product from the Adobe's Creative Suite family. And even though this software is not as popular as elder brother - Adobe Photoshop - we still believe that it does have a future, and that it is a good tool for designers. You'll be amazed by how versatile its functionality is because you can use it almost for everything that's related to web design this way
Tutorial Of The Dead:Fireworksでアニメーションgif
Fireworksでアニメーションgif 今回のお題は、 トゥイーンを使用したアニメーションgifの作り方のメモ。 以下サンプルです。 このキラーンを表現するのに、フレームでちまちま作るのでは 時間も心も削れます。 そこでググったところ、adobeからさくっと出て来ました。 FireworksTechNote http://www.adobe.com/jp/support/fireworks/ts/documents/fw0091.html 自分用にわかりやすくメモしときます。 1.まずはボタンの土台を作成→グループ化しておく。 2. キラーン用ぼかし作成。 3.シンボルに変換して、ライブラリに登録。 （※シンボルに変換→F8） 4.キラーンぼかしをスタート位置へ移動。 5.ライブラリからキラーンぼかしをドラックしてもってきて、 終了位置に移動。 ※ライブラリからドラックドロップで複製しな
FireworksMXを使おう
FireworksMXは、Web用の画像を効率的に作成するMacromedia社のアプリケーションソフトです。簡単な図形の描画から、GIFアニメーション、ロールオーバーといった技法まで、ソフト上で作れるとあって、このソフトに出会ったときは感動的でした。そこでひとつ、独学で勉強したFireworksの使い方をまとめてみました。自己流ではありますが、これからFireworksを使おうと思っている方々の参考になれば幸いです。 説明は全てWindows版となっています。誤りなどがありましたら一報頂けると幸いです。 リンクに関してはとくに規制はございませんが、一報頂けると嬉しいです。 その他、何かありましたらメールにてお知らせ下さい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe TV
Fireworksのチュートリアルいろいろ - DesignWalker
http://indigonote.com/2011/06/24/fireworks-web-button-style/
YUKI HARUYAMA Portfolio Site | 春山 有由希
http://kb2.adobe.com/jp/cps/228/228607.html
アニメーションＧＩＦ の作り方