TOP  >  WebDesign  >  Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」 WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。 Web Site Design Tutorial 画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは

帰省したら髪型が家族にものすごく不評だったminamiです。 もともとPhotoshop派だった僕もシーブレインではめっきりFireworksのお世話になっております。Fireworksは元々細かくキーボードショートカットを設定できるのですが、ツールバーのショートカットはデフォルトで割り当てられています。しかも一つのキーしか使いません。意外に使ったことがなかったので全部調べてみました。 ※調べたFireworksのバージョンはCS3です。 表にまとめてみた このようにツールバーにある機能は全てワンタッチで切り替えることができます。複数の機能が割り当てられている部分は、押すたびに機能が切り替わります。 意外と普段使っていなかったので、まとめてみて自分で目から鱗です。全て使いこなせたらかなり作業スピードは上がりそうですね。 まとめてみた結果 作業効率は小さいことの積み重ねで変わるので、使ってい

My name is Russell McGovern and I use Fireworks to design websites. There, I said it. I could be wrong, but it feels like I’m in a small minority; among web designers, the application of choice seems to be Photoshop.Agencies send me PSD files at work and ask for them in return; design blogs are […] My name is Russell McGovern and I use Fireworks to design websites. There, I said it. I could be wro

夜中のセミがうるさい季節になりました、toyama です。 窓ガラスにカナブンが激突してくる音もうるさいです。一応、横浜市民です。 Fireworks でボタンを作ったりするときに使う、文字のいじり方を簡単にまとめました。 ボタンを書いて、テキストをおいて、これで完成！でも十分ですが、なんかテキストが読みにくいな、と思ったときにやってみると落ち着きます。 こんなボタンがあるとして 淡いブルーのボタンに、白い文字でテキストを配置する、よくあるボタンです。 ちょっと可視性が低いって言われるかなー、という感じなので、テキストに一手間加えます。 1. グロー テキストを選択して、プロパティパネルから[フィルタ]→[シャドウとグロー]→[グロー]を選択します。 ボタンの色よりちょっと濃い目の色を選んで、効果の数値を設定。あまりキツくかけすぎると素人っぽい感じになってしまうので、この辺の数値はプレビュ

調子にのってもう一個もエントリーしとこうかな。 Adobe Fireworks では、インターネットで数多く出回っているフォトショップブラシがブラシとして使えない、と言われています。 最近でもmixiのコミュニティで質問があがっていましたし、海外でもIs there any way to use photoshop brushes in FW?とか、PHOTOSHOP BRUSHES INTO FIREWORKS?とかにもあるように、できねーYO!と言われています。 この回答は確かにフォトショップやイラストレータを使いこなしている人には正しいです。Fireworks では、ブラシとしてフォトショップの無料ブラシは利用できません。 ですが、デザインが本職ではない私のようなレベルの人間には、スタンプとして使えれば十分なので、コレは正しくありません。 で紹介されている、http://abrvie

2010 年になってはじめてのブログ当番です、toayma です。 今年もよろしくお願いします！ 昨年、小悪魔 ageha っぽい画像を作ってみる際に断念したダイヤモンドっぽいものを Fireworks で作れないかずっと考えていたのですが、フィルタとか使ってぱぱーんと作るのは私には無理！もうここは基本に戻って、パスとグラデでどうにかしようじゃないか！と開き直りました。 あまりに基本なので軽い説明にとどめたいと思います。 1.八角形の矩形を描く 2.対角線で切って、内角が45度の三角形を作る 3.三角形の塗りを白→グレーのグラデーションに設定 4.三角形をコピーしては、45度に回転。7 回繰り返して、元の 8 角形に並べます。 5.小ぶりの八角形を作って上に重ねます。それっぽくできてる？ 6.もしくは、4.で作った8つの三角形をコピーして縮小し、上に重ねます。グラデーションを乱反射する光の

イラストレーターCSで、せっかくがんばってイラストを作成しても、そのままの状態だと、Fireworksで開くと「ビットマップ」になってしまい、パスが失われてしまいます。単純にイラレからコピーしてFireworks上でペーストしても同じです。 Illustrator CS で、作成したファイルのパスを保持したままFireworksへ持っていくには、 （Illustrator CSで）ファイル⇒書き出しで、 保存形式を「Illustrator Legacy」にして保存。 ↓ その後出てきた保存メニューで、「Illustrator8」を選択 上記のように書き出したファイルは、Fireworksで、パス情報を残したまま開くことができます。

プロとアマチュアを分ける要素のひとつに、「正確さ」「緻密さ」といった精度があげられます。 今回は、Photoshop CS3、Illustrator CS3、InDesign CS3、Dreamweaver CS3、Flash CS3、Fireworks CS3という6つのアドビ社のアプリケーションの、正確な作業を補助する機能である定規やガイドを機能を中心に比較検証してみます。 複数アプリケーションを使用することにより見えてくるもの 単体のアプリケーションで決まった作業を続けていると、当たり前と感じてしまうことが、他のアプリケーションを使用することで、比較することにより気がつくことは多いものです。 今回は、Photoshop CS3、Illustrator CS3、InDesign CS3、Dreamweaver CS3、Flash CS3、Fireworks CS3の定規とガイドの機能を

最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。