Fireworks後のツールとワークフロー
Fireworks 以外の選択肢は？ Adobe Creative Suite が終了し、Cloud の一本化が発表されました。今回の新製品ラインナップでニュースになったのが、Fireworksの開発中止 のニュース。最新版の Fireworks CS6 の次期 OS へのサポートをすると宣言しているので、すぐに使えなくなるということはありませんが、視野を広げて別の選択肢を探さなければならなくなるでしょう。 Fireworks が数年後には使えなくなるかもしれないから、Photoshop に移行するべきなのかといえばそうでもありません。写真やグラフィックといったビットマップ画像編集であれば Photoshop は素晴らしいですし、ベクターシェイプやレイヤースタイルを使えばある程度柔軟性を保つことはできます。しかし、Webサイトデザインにふさわしいツールとはいえません。 Fireworks
Fireworksでのウェブ制作の作業をかなり楽にする機能拡張のまとめ
グリッドやガイドのお助けツールから、グループ化したエレメントのサイズ調整、ダミー画像やテーブルの作成、ショートカットの強化など、そんな便利なFireworksの機能拡張を紹介します。 Optimizing The Design Workflow With Extensions 上記で紹介されている7つのツールを紹介します。 Grids Panel Guides Panel Smart Resize Tables Placeholder Orange Commands QuickFire Grids Panel 「Grids Panel」は、数値を入力してレイアウト用のグリッドを作成します。 Grids Panel カラムの幅、数、溝の幅、を選択するだけで簡単に作成できます。また、作成したグリッドは不透明度を調整できる優れものです。 Photoshopにも同様にグリッドを作成する便利な機能拡
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
Fireworksでモダンなストライプを作ってみました！ | WebDesign Basic（Webデザインベーシック）
お久しぶりです。今回はFireworksでモダン風ストライプを作ってみました！ 完成はこんな感じになります。どうでしょう？ランダムな色のストライプがスタイリッシュなイメージに見えませんか？ それでは作り方です！ まずグラデーションツールで「しわ」を適応する グラデーションツールで「しわ」を適応します。色は特に気にしなくても大丈夫です グラデーションを水平方向にかける 次にグラデーションを水平方向にかけます。（垂直方向にストライプを作りたい場合は垂直にかけます。) それっぽくなってきましたね！ 使いたい色を配色する 使用したい色と割合を決めます。なるべくグラデーションにならないように配色するのがポイントです。 あとはフィルタなどで色味を調整すれば完成です！ スタイリッシュなサイトのメインビジュアル部分や化粧品などのキャンペーンバナーのバックにも使えそうですね ●おまけ バーコード風デザインも
Fireworksの「レイヤーからファイルに書き出し」が目からウロコ | バシャログ。
『哀しき獣』という韓国映画が面白すぎたので、もう一度観たいminamiです。 Fireworksの画像書き出しではもっぱらスライスの使用をプッシュしてきた当ブログですが、「レイヤーからファイルに書き出し」って便利じゃない・・・という衝撃を改めてお届けします。 「レイヤーからファイルに書き出し」使ってる？ Fireworksの書き出しメニューには幾つか項目がありますが、「レイヤーからファイルに書き出し」は今まで使ってきませんでした。 要因としては、 Photoshopと違いオブジェクトを直接編集できるので、パーツ毎のレイヤー分けを意識していなかった 画像書き出しはスライスが強力なので他の方法を気にしたことがなかった というのがあると思います。しかし、場合によってはスライスで管理するよりもこちらのほうが便利！ということで見なおしてみました。 同じレイアウトで大量に画像を作りたい 例えば以下のよ
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Fireworksビギナーズメモ | Fireworksの基本操作、デザインアイデア、テクニックなどが載っているおすすめ国内サイト
FireworksマニアFireworksの基本操作からデザインネタ、ちょっとしたテクニックまで 可愛らしいデザインと共に掲載されているのがこちらのサイト。 こういうときはPhotoshopが便利だよ！というPhotoshopネタまであります。 Fireworksといえばまずこのサイト！ですね。 Webデザインのタネ Fireworksを使い始めて、「あーここってちょっと不便なんだよねぇ…」というところを、こんなふうに便利にできるよ！と解決してくれたり、とっつきにくい部分（例えば拡張機能など）を丁寧に解説されていたり、困ったときはいつも見ています。 他にもWebデザイン・制作に関するタメになることがたくさん書いてあるブログです。 EC studio デザインブログ あの操作、Fireworksではどうやるんだっけ…というときにだいたい検索で出てきてくれるブログです。超便利。 F
Fireworks のリソースを公開している海外のサイトをピックアップ | バシャログ。
キノコのガチャポン、数回ガチャったけど、ベニテングダケとサンコタケしか出ない… シイタケが欲しいのに！ 今回は、前回に続き、Fireworks のリソースを公開している海外のサイトをピックアップしてご紹介します。 Fireworks Zone Fireworks のことならここだけ見ておけばオッケー、というほど Fireworks の情報が大量に集約されたサイトです。 チュートリアルもあるし、拡張機能もスタイルもライブラリもダウンロードできます。 Webdesign tuts+ Web デザイン系の話題を幅広く取り上げているサイトです。Fireworks の動画チュートリアルがあります。 Fireworks Lab Fireworks で制作されたデザインパーツが公開されています。ちょっと数は少なめかも。 ソースファイルをダウンロードすることができるので、勉強になります。 webporti
Fireworks のリソースを公開している国内のサイトをピックアップ | バシャログ。
CSS Nite im MIYZAKI, Vol.3 に出演してまいりました。宮崎、真剣に移住を検討するほどいいところでした。ご飯が美味しい！ さて、最近 Web クリエイターの方たちと話をしていると、今 Fireworks がきてるなーと思うことが多くなりました。 マクロメディア時代からの Fireworks ファンとしては、胸が熱いです。 今回は、Fireworks の便利なリソースを公開している国内のサイトをピックアップしてご紹介します。 Fireworks マニア Fireworks 関連のブログでは一番の注目度ではないでしょうか？ Fireworks を使って綺麗なデザインを作るテクニックがたくさん紹介されています。 「その機能をそんなところに使うの！？」といった、魔法のような Tips もたくさんあって凄いです。 Webデザインのタネ Fireworks 関連の Tips が公
Fireworksで製作したボタンが無料でダウンロードできる「THE DAILY BUTTON」
WEBの制作には様々なツールやソフトウェアがありますが、そのなかでも多くのWEBデザイナーが利用している、Fireworks。WEB制作に特化したグラフィックソフトの一つです。今日紹介するのはそんなFireworksで製作された制作データを素材としてダウンロードできる「THE DAILY BUTTON」です。 ボタンに絞って、様々なボタンが公開されています。公開されているものの中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 上記の他にも現在68この多種多様なボタンが公開されています。Fireworksを普段利用している方は、非常に役立つサイトだと思います。素材としてだけではなく、制作データで公開されていますので、作り方を学びたい人にも役立ちそうです。WEB制作をfireworksで行っている方は是非どうぞ。 The Daily Button
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
Fireworksを使ってiPhoneアプリのモックデザインを行う際に·iPhone GUI Fireworks Symbols MOONGIFT
iPhone GUI Fireworks SymbolsはFireworks向けのiPhoneアプリ風UIのシンボル集。 iPhone GUI Fireworks SymbolsはFireworks用のオープンソース・ソフトウェア。iPhoneアプリはWebサイト以上にデザインが正否を左右する。どれだけ機能的に面白かろうと、デザインがいけてなかったら誰も使ってくれない。またボタンの配置やデザインで評価がはっきり分かれる傾向がある。 主なシンボル そのためデザインには十分に注意する必要がある。個人であればiPhoneモックアップアプリ等を使うが、デザイナーの人であれば使い慣れたツールでモックデザインを考えたいだろう。Fireworks派の人はiPhone GUI Fireworks Symbolsを使ってみよう。 iPhone GUI Fireworks SymbolsはFireworks
WebParadise» Blog Archive » 【商用利用可】Fireworks「質感系」テクスチャ15種無料配布します
Fireworksで使えるテクスチャーを配布するサイトが増えてきましたね！私もよくデザインに活用させてもらってますが、水平線や斜線やグリッドなどが主でFireworksに元から入っている木目のようなの質感系テクスチャ（勝手に名づけ）のはなかなか配布されていなかったので自作してみました。 身の回りのものをスキャンしたり、photoshopのフィルターを利用して作成したものですが、よかったらご活用ください（＾＾） Fireworks「質感」テクスチャ15種 ご利用方法 ダウンロードしたいテクスチャ画像の上で右クリック名前をつけて画像を保存でダウンロードしてくださいFireworksテクスチャの利用方法や、質感テクスチャの活用方法については下記のサイトが参考になるかと思います。 fireworksでのテクスチャの使い方 | シンプルパターン研究所 ナチュラル系ブログデザインをFireworks
【Fireworks】144種類のテクスチャがセットになった拡張機能 「Texture Collection」 | バシャログ。
こんばんは、最近「ももいろクローバーZ」にハマってしまいましたishidaです。 先月発売された1stアルバムを買うか否か迷ってます。 今週末土曜日に、読売ランドでライブもあるんだよなぁ～。 さてさて、今回はちょろっとFireworksの拡張機能のご紹介です。 拡張機能にもいろいろありますが、 汎用的に使えそうな144種類がセットになった拡張機能です。 mxp形式で配布されているので、 インストールするとFireworksプロパティパネルの［テクスチャ］にドーンと表示されるようになり簡単に使えます。 テクスチャ画像を配布しているサイトはよくありますが、拡張機能として配布しているのは珍しいですね。 配布元サイト Texture Collection 144 - Fireworks Zone
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Fireworksの拡張 7選 ｜ 新米WEB家ブログ｜Muracchi.com
世のFireworksユーザーの方はどのように機能拡張して使っているのでしょうか？ Photoshopに比べれば少ないですが、作成・配布、解説・紹介をされている方が確かにいらっしゃいます。 探した中で、僕が実際に使用している7つの拡張の紹介です。 テクスチャを増やす Fireworks texture gallery Fireworksで使えるテクスチャファイル300種類を無料で配布しているWEBサイトです。 単純な縦線や斜線のバリエーションなどから作り込まれたものまで、種類豊富に揃っています。 Fireworksの和風・伝統紋様テクスチャ – ProjectDD Blog 「ProjectDD Blog」さんの記事内でも複数のテクスチャファイルが配布されています。 【テクスチャファイルの使用方法】※Mac版 Fireworks 8の場合 /アプリケーション/Macrome
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworksの使い方 | Webデザインのタネ
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ
Fireworks初めての方にオススメしたいサイトと参考書 | Webデザインのタネ
