Fireworksで徐々に消える画像を作る方法 / ウェブデザインライブラリー
投稿日：2009年12月15日 レベル：初心者 ソフトウェア： このチュートリアルでは、Fireworksで徐々に消える画像を作ってみたいと思います。 Step1 ： はじめに Step2 ： お好みの画像を開く Step3 ： 長方形で画像を覆う Step4 ： グラデーションをかける Step5 ： マスクとしてグループ化する Step6 ： 完成 このシンプルな記事は、あなたが徐々に消えていくエフェクトを画像に加える手助けになります。 私たちは、徐々に消えていくエフェクトをマスキングと呼んでいます。 普段あなたがWebページをデザインする時、このようなエフェクトを使った画像を加えたくなるかもしれません。 Webページに画像を加えたいとき、そのページの背景色を使ってうまく修正したら、うまくいくでしょう。 背景色を使った修正は、ページにプロフェッショナルな見た目を与えます。 こ
困った時の強い味方！Fireworks「Kuler」の使い方 - EC studio デザインブログ
今まで知っていたけど、Firework CS4 で使わなかった機能 「Kuler」が便利そうなので、機能をまとめて紹介します。 Adobe Kuler とはプロジェクトのインスピレーションとなる カラーテーマを作成できるアプリケーションです。 ビジュアルを作成するときに、カラーバリエーションを簡単に試すことができ、 また、Kulerコミュニティにある何千ものテーマを閲覧することも可能です。 KulerはCS4（Photoshop、Illustrator、InDesign、Fireworks、Flash）に 組み込まれていて、利用することができます。 また、上記のアプリケーションを持っていない方でも Webアプリケーションとして無償で提供されています。 Kulerの詳細はこちら Webアプリケーション版でもいいのですが、 弊社ではFireworksをよく利用するので、Fireworks版をご
RedLine Magazine : Photoshop用ブラシをFireworksで。
Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
Photoshopのチュートリアルを参考にFireworksでボタン作成 | MutsuLog
MagnusFx | Creating A Glossy 3D Buttonに Photoshopを使ったボタンのチュートリアルが載っていたので Fireworksでも同じことができないかな？と思い Fireworksで同じボタンを作ってみた。 まず、長方形を作って角丸を設定。 グラデーションとグローフィルターを適応。 その長方形をコピーして最背面に配置。 グラデーションを設定してボタンの側面を表現。 2つの長方形の間に側面のグラデーション用の長方形を配置。 光が当たってるのを表現するため 明るめの色で楕円を作成し周囲をぼかす。 長方形をコピーしてマスクをかける。 メタリック感を出す。 ハイライト部分を表現。 高さ2pxの長方形を作成し、以下のように設定。 ボタンの影を作成。 文字を入れてドロップシャドウでなじませて完成。 レイヤーはこんな感じ。 Fireworksでも十分に質感のあるボタ
Fireworks ショートカットコンボ : RedLine Magazine
Fireworks ショートカットコンボ(追記有) あまりにも放置気味なので何か更新しようかな、ということで、よく使うFireworksのショートカットコンボでも。 >>080912：パスパネルについて追記しました。 最前面のオブジェクトでマスクするショートカットコンボ 例えばこんなん。適当な背景の上にオブジェクトを乗せてマスクする時。 テキストにフチ線がついてるのは白背景だと分かりにくいからつけただけ。とりあえず重ねる。 いくよっ！ 「Alt+M」→「M」→「G」 （「修正」→「マスク」→「マスクとしてグループ化」） さぁ！みんな声を出して覚えて！ (n'∀')η＜オルト エム エム ジー！ 最前面のオブジェクトでマスクの小ネタ え？こんなの誰でも知ってるって？ んじゃ･･･これを合わせて知ってると便利だよ！ 最前面のオブジェクトでマスクする時はオブジェクトを半透明にして合わせる位置を確
【Fireworks】5分で懐かしい液晶画面風の画像を作る方法 | バシャログ。
今や懐かしい液晶画面風の画像を素早く作成する TIPS です。 使用するソフトは Fireworks8 です。 STEP1 まず適当な大きさの矩形に、塗り（#919E91）とフィルタ（シャドウ 内側）を設定します。 パネルに適度なノイズ感を出すため、塗りに薄くテクスチャ（水平線2）を設定します。 STEP2 同じ大きさの矩形を重ね、塗りを無くしてストローク（太さ 4px）を設定することで枠にします。 ストロークにもフィルタが有効ですので、ここではベベル（内側）をかけています。 STEP3 適当に文字を書きます。文字色は真っ黒だと不自然なので #333333 です。 テキストのアンチエイリアスをオフにするのがポイントです。 STEP4 そのままだと味気ないので、いかにもなパーツを配置したり一部の文字を白抜きにしたりします。 白抜きにする文字の色は背景色と同様に #919E91 です。 STE
Useful Adobe Fireworks Resources: Tutorials, Articles And Freebies (Part 2) — Smashing Magazine
Since Adobe decided to feature-freeze Fireworks in 2013, there is no replacement available for this Software. However, there are many extensions that might help you improve Fireworks. In the second part of this article, Michael Bozgounov will show you more extensions (commands, command panels, and auto shapes) and you’ll learn how to take full advantage of them. Let’s get started! A few weeks ago,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworksのチュートリアルいろいろ - DesignWalker