jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.4
今回は、Mac OS X のDashboard っぽいバーを作ってみます。（ちなみに、私は根っからのWindowsユーザーで、Dashboard を触ったことはありません・・・） まず、角の丸みが100%の角丸矩形を描きます。塗りの色は#000000、ストロークは「なし」にしておきます。 描画した矩形をコピー＆ペーストで複製します。（下の図ではわかりやすいように複製したほうの塗りの色を変えています。）元の矩形を「base」、複製したほうを「gradation」とします。 次に「gradation」の大きさを変えておきます。幅と高さをそれぞれ2pxずつ小さくしてください。 矩形ツールで「gradation」の半分の高さの長方形を描き、「gradation」の上辺と揃えます。長方形の塗りの色を#000000、透明度を50%ぐらいにすると、重なり部分が見えるので調整しやすいです。 ここで、Par
FIREWORKS ZONE | プラグインなど
September 12, 2017 Guide On How You Can Build And Enhance Collaboration With SharePoint SharePoint is a powerful application that empowers teams with dynamic and productive sites for every department, division and project team. The application makes it easy to share files, resources, and news enabling team members inside and outside the organization to collaborate effortlessly and securely across
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
icon Labo(アイコンラボ) -FirewoksでWeb素材- Fireworksで線路/路線を描画する方法
Fireworksで作成した，アイコンなどのWeb素材の公開のほか画像処理からデザインまで幅広く書いています。 Fireworksを利用して下記ような線路/路線図を簡単に描画する方法をご紹介します。 準備 下記のサイトで公開されているFireworksコマンド(すばらしいです)をインストールします。 »なんしゃましまし: Fireworks 上記ページのDOWNLOAD(ダウンロード)をクリックしてNN_FW003.zipをダウンロードします。解凍するとNN_FW003フォルダが作成されます。そのフォルダをFireworksのCommandsフォルダ※1へ移動します。 ※1:デフォルトでは下記のようになっていると思います。 C:\Program Files\Macromedia\Fireworks MX 2004\Configuration\Commands NN_FW
紙がやぶれた感じの画像をFireworksで再現してみる - F.Ko-Jiの「一秒後は未来」
紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ – DesignWalkerにて紹介されていたテクニック集のうち、最初のPhotoshop Page Tear | AdrianHerritt.comで解説されている方法を、Fireworksで再現してみました。 練習なので下手くそですが、 ↑この画像が、 ↑こんな感じになります。なんとなくそれっぽいですよね。 では、やってみましょう ↑なげなわツールで適当にギザギザをつけて選択し、カットします。 ↑「Ctrl + Shift + I」で選択範囲を反転させます。 ↑右クリックして「コピーして新規ビットマップにする」を選びます。ビットマップが2個になります。 ↑再びなげなわツールで紙の切れ端部分を選択します。 ↑「コピーして新規ビットマップにする」を実行します。ビットマップが3個になります。 ↑「フィルタ > カラー調整 >
意外と簡単だった「スポットライトが当たったような画像を作る方法」 - F.Ko-Jiの「一秒後は未来」
「スポットライトが当たったような画像を作る方法 | P O P * P O P」より。 今回の諦めている不便利はfkojiさんからの投稿です。 投稿したあとで自分なりに同様の効果を出す苦し紛れの方法を見つけたのですが、それよりもはるかに簡単でした。ポイントは「選択範囲の反転」。 P O P * P O Pの記事(Photoshopの例)を参考にしたらFireworksでも同様の効果を出せたので、ここではFireworksでのスポットライト効果の出し方を説明します。 ↑ 1. 「マーキーツール」を選択 ↑ 2. 「エッジをぼかす」を選択、値は5くらいで。 ↑ 3. 効果を出したい部分を選択。(点線部分) ↑ 4. 「選択」 – 「選択範囲の反転」を選択。(もしくはCtrl+Shift+Iでショートカット) ↑ 5. 「フィルタ」 – 「カラー調整」 – 「明るさ・コントラスト」を選択。 ↑
Yoropan@Fla - Fireworksのチュートリアルをサルベージ
自分用にメモ。 Creating and editing graphics（画像の編集、作成） Fireworks 8 : 新しいシャドウ機能の正体 Working with and Creating Textures in Fireworks（テクスチャーの作り方） Creating a Collage with Fireworks（コラージュ表現を再現） Creating Photographic Effects with Fireworks（写真に効果をつける） Converting Marquees to Paths in Fireworks 8（マーキーをパスに変換） Fireworks 8: A Power Blender for Graphics（ブレンドモード） Removing Image Backgrounds with Fireworks（背景を抜く） Creati
Exchange Server Management Tutorials - SLA Information - TheLearnList.com
5 Ways Website Page Speed Affects Marketing The key to marketing in the 21st century may not be what most predicted. With the rise of ever-more-precise demographics and targeted ads, the world of promoted commerce understandably presumed the process of selling a product in the age of social media would be to point the right ad at the right customer. Unfortunately, as with most things in business,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
arbent.net
Fireworksのチュートリアルいろいろ - DesignWalker
リアルな写真をFireworksで
Will-Way.com is for sale | HugeDomains
http://durian.ddo.jp/cgi-bin/nph-proxy2.cgi/010111A/http/download.macromedia.com/pub/documentation/jp/fireworks/fw8/fw8_getting_started.pdf