リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
WebParadise» Blog Archive » 【商用利用可】Fireworks「質感系」テクスチャ15種無料配布します
Fireworksで使えるテクスチャーを配布するサイトが増えてきましたね！私もよくデザインに活用させてもらってますが、水平線や斜線やグリッドなどが主でFireworksに元から入っている木目のようなの質感系テクスチャ（勝手に名づけ）のはなかなか配布されていなかったので自作してみました。 身の回りのものをスキャンしたり、photoshopのフィルターを利用して作成したものですが、よかったらご活用ください（＾＾） Fireworks「質感」テクスチャ15種 ご利用方法 ダウンロードしたいテクスチャ画像の上で右クリック名前をつけて画像を保存でダウンロードしてくださいFireworksテクスチャの利用方法や、質感テクスチャの活用方法については下記のサイトが参考になるかと思います。 fireworksでのテクスチャの使い方 | シンプルパターン研究所 ナチュラル系ブログデザインをFireworks
Fireworks のリソースを公開している海外のサイトをピックアップ | バシャログ。
キノコのガチャポン、数回ガチャったけど、ベニテングダケとサンコタケしか出ない… シイタケが欲しいのに！ 今回は、前回に続き、Fireworks のリソースを公開している海外のサイトをピックアップしてご紹介します。 Fireworks Zone Fireworks のことならここだけ見ておけばオッケー、というほど Fireworks の情報が大量に集約されたサイトです。 チュートリアルもあるし、拡張機能もスタイルもライブラリもダウンロードできます。 Webdesign tuts+ Web デザイン系の話題を幅広く取り上げているサイトです。Fireworks の動画チュートリアルがあります。 Fireworks Lab Fireworks で制作されたデザインパーツが公開されています。ちょっと数は少なめかも。 ソースファイルをダウンロードすることができるので、勉強になります。 webporti
#cssnitelp14 fireworksで使いたいツール、エクステンションなど13選 | outloger.com
Yoropan blog - Fireworksに入れてみた機能拡張機能拡張いろいろFireworks AutoBackup utility - Adobe Marketplace - Offering Detail自動バックアップツール。adobe謹製Tool Force Software | ForeverSave Lite自動保存ツール自動化のすすめ（Fireworks CS4 コマンドでより効率化！） - EC studio ...(none)Fireworksでマルチアイコンのfavicon.icoを書き出す。｜linker journal ...(none)Fill With Background - Adobe Fireworks Extensions - johndunning.comボタンの文字を消すアレOrange Commands | workflow automat
【Fireworks】Fireworksでボタン画像を作る8つのステップ | バシャログ。
ボタン画像を作る手順やテクニックは色々とありますが、そのうちのひとつをご紹介します。 使用したソフトは Fireworks8 です。今回は、たった 8 つのステップでそれなりに見栄えの良いボタンが作れるのが特長です。 Step 1 矩形の上にテキストを置いて、準備オッケー。 Step 2 矩形をほんの少し角丸にします。 アールをきつくすると素人っぽい画像になってしまうので注意。 Step 3 矩形の塗りをグラデーションにします。 Step 4 矩形とテキストの間に上記のようなパス（透過率50%）を置きます。 パスは矩形をコピーしてパスにし、ナイフツールでスパっとやると簡単に作れます。 Step 5 先ほど作ったパスのサイズ・位置を微調整して、塗りのエッジをぼかします。 Step 6 そのままだと立体感に欠けるので、最初に置いた矩形にフィルタ：シャドウ（内側）を適用します。 Step 7 テ
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
Website SEO Checker free seo tool
Website SEO Checker is a free SEO tool which provides you content analysis of the website. Please enter your password to add a new site. submit Content analysis View a content analysis. Check your text/html ratio, headings and etc. Meta Tags Get full list of meta-tags from web page. View site's title, keywords, og properties and more.
（5）艶と透明感のある丸ボタン（前編）
Fireworks8入門・動画講座（バナーやボタン・ヘッダー画像の作り方） ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated（アドビ システムズ社）の商標です。 解説 WEB2.0風素材の３つめは、艶と透明感のある丸ボタン。リストのワンポイントなどに使えますね。 動画の中で紹介しきれなかったのが、ベジェ曲線での変形方法。 ダイレクト選択ツールでの、アンカーポイントの方向線と、調整方法は、イラストレーターでのやり方とだいたい同じなので、イラストレーターの講座を見るといろんなところで紹介してると思います。 ：：：： モモンガの森ではwebデザイナーを目指している方を応援してます ↓遠山郷はとっ
jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.2
FireworksでWeb2.0っぽいデザインを試みるこのコーナー。第二弾はMacのAqua風ボタンを作ってみましょう。 下の図のような感じの角丸矩形（「くけい」って読むのね。）を描きます。角の丸みは20-30%程度。塗りの色は淡い色に、ストローク（線）の色はなしにしておきます。 次に描画した矩形を2回コピー＆ペーストして複製を作ります。（つまり全部で3つが重なっている状態。）便宜上、上から順番に「base」「100% round」「temp」という名前をつけます。下の2つはしばらく使わないのでロックをかけておくとよいでしょう。 一番上の「base」を編集していきます。まず、ストローク（線）の色をつけます。「塗り」よりも濃い目の色にすると見栄えが良いです。（例では塗りの色を#DDFF88、ストロークの色を#99CC00、ストロークの種類は1pxの柔らかい線にしてみました。） 次に「シャドウ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://indigonote.com/2011/06/17/fireworks-texture/
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
caraldo.net - it転職 リソースおよび情報