Fireworks CS5 でグラデーションの画像を上手に書き出す | バシャログ。
ちょっとだけお高いヘッドホンを買って毎日ウキウキ音楽を楽しんでいる sakai です。 同じメーカーだけど澪ホンではないですよ。 Fireworks は色数の多いグラデーション画像の書き出しが得意ではありません。 最新の CS5.1 で改善された、ということですが、個人的な実感としては「うーん？」という感じです。（何か書き出し設定のコツがあるのでしょうか…） 今回は、Fireworks で上手く画像を書き出す方法をご紹介します。 用意したサンプルはこちら。 Fireworks は、こういう画像の書き出しが弱いのですよね。 Fireworks CS3 を使って書き出した GIF 画像がこちら。 あまり綺麗ではありません。 ちなみに Photoshop CS3 で書き出したのがこちら。 うーん、綺麗に書き出せています。 Fireworks では CS5 から「グラデーションディザ」が実装されま
PNG8とPNG24とPNG32で書き出しの違い | Cappee Design
こんにちは、@cappeeです。 最近はGIFやJPEGではなく背景透過じゃなくてPNGで書き出すほうが多くなってきましたね。 IEのバージョンの自動更新がだいぶ影響してます。 改めてPNG8とPNG24とPNG32の違いを検索。 PNG-8 8ビットカラー（256色）。 透明可。 IE6でもjsなどでの対応なく透過できるけど、グラデを使用してて「すべての色を割り付け」が対応できなかった場合はPNG32にする必要あり。 PNG-24 24ビットカラー（フルカラー）。 透明不可。 透明にしない場合はPNG32よりPNG24の方が少し容量を抑えて書き出すことができる。 PNG-32 24ビットカラー（フルカラー）。 透明可。 IE6で透過を実現したい場合はjsなどの対応が必要だが、昨今はIEの自動アップデートがあるので透過できなくても問題なく表示されていれば問題ないと判断するケース
Fireworks用こまごまパネル「PI_Utility」 (PIXEL LAB)
本日、3つ目のエントリーなので、ちょっとぐったりです。 最後は、Fireworks用こまごまパネル「PI_Utility」の紹介・公開です。 Fireworksをもっと便利に、使いやすくするパネルです。 これまで公開してきたパネルと、結構かぶってますが、見せ方が違います。 機能 Fireworksの機能を拡張するようなものはありません。 よく使う機能を、ひとつのパネルにまとめてみました。 こまごました機能がたくさんあるので、ページ下部のビデオチュートリアルのほうで、 ざっと、ご確認ください。 ScreenShot&パネル解説 ビデオチュートリアル 実際の使用方については、こちらにて確認できます。 ※音無し、キャプション説明なしで、しかもせわしないです。すいません。 ダウンロード MXPファイルになってますので、ダウンロード後、「PI_Utility.mxp」をクリックすれば、 EXTENS
オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB)
Fireworks用のコマンドファイル(JSF)を公開します。 業務の中でブラッシュアップしてきたコマンド集なので、年がら年中、Fireworksを使ってる方には、便利なコードがいくつかあるとおもいます。 ■ビデオチュートリアルに関しての注意点 チュートリアルビデオのFireworkの画面中に、右側にCommandsというパネルがありますが、インストールしているコマンドをボタンとして利用できる拡張機能です。 以下のサイトで配布しています。いろいろFireworksの拡張機能があります。 johndunning.com/fireworks http://johndunning.com/ ■コマンド / ドキュメント関連
RedLine Magazine : Fireworks ちょいネタ集
Fireworks ちょいネタ集 ※このエントリはFireworks CS4を元に書いています。 バージョン違いの場合は内容が異なるかもしれません。 大好きなFireworksの「地味だけどコレ知ってると効率いいよ！」という小ネタ集です。このネタが有名な話なのかそうでないのか分からないのですが、私自身最初知らなかったけど、気付いてからは効率上がったぜという話なので、もし知らないユーザーさんがいたら是非活用して欲しいなーと思って書いてます。 整列パネル 間隔に数値を入れて等間隔にする CS4ではスマートガイドがあるので、動かしたいオブジェクトを任意の位置へパパっと正確に移動させることができます。任意のオブジェクトを別のオブジェクトの上下左右のどこかに揃えたいなんて場合はそれで済ませる事も多いですが、等間隔に配置したい時は整列パネルの『間隔』使いますよね。 この『間隔』には２種類の間隔をとる方
知ってるようで、実は知らない?！ Fireworksの小技 - EC studio デザインブログ
こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基本独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ！」ということが･･･ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1．「ラインツール」か「ペンツール」でオープンパスを引く 2．オープンパスを選択する 3．ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4．好きな矢印の形を選んで「OK」をクリック！ 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな？」と忘れてしまいがちな小技。 1．テキストを入力する 2．
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
Fireworksで歯車パーツをさくっと作成するためのチュートリアル | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 今回はFireworksで歯車のパーツを作成する手順についてご紹介します！Illustratorでは歯車作成にうってつけの機能とかがあったりしますが、残念ながらFireworksにはありませんので（ちくしょー！）Fireworksらしい作り方でパパッといきたいと思います。慣れればIllustratorより速い！ 楕円ツールで円形を作成 はじめに、楕円ツールを使い円形を作成します。あまり小さくなり過ぎないように、そこそこの大きさで作りましょう。小さく使いたい場合は、完成後に縮小すれば大丈夫です。 星型ツールでウニ型の図形を作成 いきなりですが、ここが一番のポイントとなる工程です。星型ツールでウニ型（下記のようにトゲトゲ
ドット絵（アイコン）の作り方
Fireworks8入門・動画講座（バナーやボタン・ヘッダー画像の作り方） ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated（アドビ システムズ社）の商標です。 解説 web2.0風のつやつや光った立体感のあるアイコンもいいですが、 素朴なドット絵もかわいくて捨てがたいですよね。 Fireworksはベクターデータも扱えますが、同時にビットマップも扱えるweb用の画像制作には手軽なソフトです。ドット単位でいろんな作業がしやすくなっているので、つまりドット絵を描くのにも適しています。私的にはPhotoshopを使うより楽にできます。 見本動画では、エンピツで下書きしたものをスキャナーで読み込
テクスチャコレクション144 (FW用) (PIXEL LAB)
Fireworks用のテクスチャコレクションを作成しましたので、公開します。 地味すぎて、数も半端ですが、地味に使えるかもしれません。フリーです。 テクスチャプレビュー ダウンロード MXPファイルになってますので、ダウンロード後、「PI_TextureCollection.mxp」をクリックすれば、 EXTENSION MANAGERが起動し、すべてのテクスチャを一括でインストールできます。 使用制限はとくにありません。 商用利用もOKです。じゃんじゃんつかってください。 テクスチャ管理パネルも同時につくりました テクスチャいっぱいインストールしても、こんまいセレクトボックスで選択せんといかんので、 普通にインストールするだけでは、劇的に使いづらくなるだけです。 そんなときのために、テクスチャ選択のストレスを劇的に改善する、拡張パネルを作成しましたので、 こちらも合わせてインストールして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications
hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報
第6回 Fireworksの便利な機能を活用してコーディングの効率を上げよう！ | ADC - Adobe Developer Connection
Fireworks CS5 のスライス書き出し時に _s1 をとる/Fireworks - サイブリッジラボ
Blogger
beplay类似软件-beplay体育飞翔下载
YUKI HARUYAMA Portfolio Site | 春山 有由希
http://blog.caraldo.net/2012/02/fireworks_2.php
Appleのサイトで見たiPhone4をFireworksで描いてみました-1/2
Fireworksのチュートリアルいろいろ - DesignWalker
