簡単♪FWで透明なガラス玉を作るっ・・・！
お久しぶりです、あんなです。 今回は「透明なガラス玉」を作ります！ これを応用すれば・・・そうっ・・・ 【鷲巣麻雀のガラス牌】も作れますよっ！ 簡単なんで試して下さい♪では早速～！ 【1】 グラデーションの円をかきます。 ・円 サイズ 90px×90px ・円 グラデーション #838383→#FFFFFF ・背景色 #E8E8E8 【２】 ①の上にぼかしのかかった円をかきます。 ・円 サイズ 74px×74px ・円 グラデーション #E8E8E8→#FFFFFF ・フィルタ→ぼかし（ガウス）4.1 【３】 さらに！②の上に円をかきます（円は少し形を崩しています） ・円 サイズ 30px×21px ・円 カラー #FFFFFF ・フィルタ→ぼかし（ガウス）4.1 【４】 「パス」→「パスの形抜き」を使用し、三日月のような形を作ります。 そしてその三日月を球体の下のほうに配置します。 ・グ
『Fireworksを使った大規模ウェブサイトのデザイン設計』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
みんなのFireworksで、パターンを使ってきれいなWebデザインを目指す。Photoshopもあるよ！ | Web屋のーりー
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/nori44/nori44.jp/public_html/blog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524 みなさん、Fireworksつかってますか？ Fireworksを知らないなんてもったいない。Webサイトのデザインを作るのに便利なんですよ。 今回は自分自身のメモ用でもあるんですが、Fireworksでのパターン適用方法です。Photoshopでのやり方もついでにご紹介！ パターンってなに？ そもそも、パターンって何な
Fireworks:デザインをローカルサーバー経由でプレビューするコマンドとお絵描きのお供にブラシパネル | Yoropan blog
このエントリーはFireworks Lover Advent Calendar 2012の24日目の記事です。 イブという事でプレゼントを２つ用意しました． ・デザインをローカルサーバー経由でプレビューするコマンド ・お絵描きのお供にブラシパネル 2つともCS3以上で動くはずです。 ★プレゼント1 デザインをローカルサーバー経由でプレビューするコマンド 現在のデザインをローカルサーバーにHTMLファイルと画像を書き出して、書き出されたHTMLのアドレスをEdge inspectで表示しiPhoneなどの実機でデザインを確認してしまおうという怠惰に満ちた意欲作趣旨です。 メニューの「ファイル＞ブラウザでプレビュー」のモバイル版みたいな感じでしょうか。 ■前提 ローカルのサーバが立ち上がっていてEdge inspectで ・http://localhost/ ・http://127.0.0.1
Fireworksのなにげないけどなんかいい感じの3つの機能 | 語感モード | 株式会社エフシーゼロ #fc0
Webページ画面作成に特化したアプリケーションソフトAdobe Fireworksをお使いのみなさん、そうでないみなさん、これから使ってみたいなぁというみなさん、こんにちは！ この記事は「Fireworks Lover Advent Calendar 2012」の18日目のエントリー記事になります。 今回私が紹介する「Fireworksのここすごい！」は、Fireworks使いこなしている人は見逃しがちで、初心者の方にはさらにFireworksが好きになるかもしれない「Fireworksのなにげないけどなんかいい感じの機能」を3つ紹介します！ 【ひとつめ】クローンがいいよ！ みなさんは、同じドキュメント（ファイル）内で、なにかオブジェクトをコピペ（コピー＆ペースト）したいときって、やっぱりコピーしてからペーストをしているんですか？ 一度これを試してみてください。 コピーしたいオブジェクトを
【Fireworks】「クリスマス」デザインもお手の物！もみの木ブラシ作ったよ。 | バシャログ。
話題のぶつ森に目もくれず最近やっとブレイブリーデフォルトを買いました。sekiです。こういう王道RPGってほんと少なくなりましたよね。 さてさてもうすぐクリスマスですね！楽しみな人もそうでない人もいるかと思いますが、今回はそんなクリスマスなデザインにもってこいな「もみの木ブラシ」を作ったので作例とともに配布をば。前に作った「砂」ブラシ同様今回もストロークの簡単な設定になりますが、お付き合い下さいね。 ダウンロード タイトル画像にあるような、もっさりした「もみの木」のようなあしらいが簡単に作れます。 ダウンロードはコチラのリンクを右クリックで保存してください。（.stl） 保存したら、Fireworksのスタイルより「スタイルを読み込む」で、一度スタイルデータとして読み込みます。 使い方 このスタイルにはストローク情報が記憶させてあります。 スタイル画面には「クリスマス_大」「クリスマス_小
Fireworks でワイヤーフレームを作成する際に活用したい機能 | バシャログ。
来年のテーマを早くも「断捨離」に決めた sakai です。 今回は Fireworks でワイヤーフレームを作成する際に活用したい機能についてです。 この記事は Fireworks Lover Advent Calendar 2012 の 10日目です。良記事ばかりなので、ぜひチェックしてみてください！ Fireworks でワイヤーフレームを作成することのメリット そもそも、なぜ Fireworks でワイヤーフレームを作るの？ ピクセルベースで作業ができる。 ピクセルベースでオブジェクトを作成・配置できるので、グリッドでレイアウトすることも簡単です。 ページ機能・共有レイヤー・共有ライブラリ・ステート機能が強力すぎる。 Web サイトの制作に特化したツールだけに、他のツールにはない強力な機能があります。 ワイヤーフレームの作成からコーディング直前までの工程を Fireworks オンリ
Fireworksで写真加工するのが楽しくて好きな理由 ＜Fireworks Advent Calendar 2012＞：r360studio
Fireworks Advent Calendar の企画に参加しています。本日、2012年の12月11日を担当する、r360studio 森和恵 です。仕事でほとんどの画像加工を担当する Adobe Fireworks のこと、特に大好きな写真加工について、お伝えします。 写真の加工前と後 写真は、クリスマスということで、大阪ミナミのなんばWalkのクリスマスツリーを撮影してきました。加工の前後は、こんな感じに仕上げです。（クリックで、FireworksPNGを確認できます。） 【前】色かぶりでくたびれてるw 【後】シャキーン！！ 動画で説明 まずは下記の動画(15分程度)を見てください。私が、Fireworksを好きな理由は、レイヤーのことをあまり気にせずに上にどんどんオブジェクトを重ねていけ、オブジェクトを補正したい時は、ほとんどプロパティ一か所で指定が完結する…という、操作の明快さ
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
Firewoks「切り抜きツール」の小技 - EC studio デザインブログ
画像のトリミングを行う際に、 PhotoshopやFireworksの「切り抜きツール」を 利用する方は多いと思います。 切り抜きツールではサイズを指定したり、 トリミングスケールを縦方向や横方向に 変形させることで任意のサイズで 画像を切り抜くことができます。 そんな切り抜きツールのちょっとした小技を紹介します。 弊社ではFireworksをよく利用するので、 今回はFireworks CS4 での紹介です。 マニュアルの画面キャプチャなど作成する際に、 指定のサイズで、トリミングすることがあるのですが、 その際に、トリミングスケールをドラッグして 指定のサイズにあわせる方法もあるのですが、 うまくサイズがあわなかったりと結構めんどくさい作業です。 その際は、知っている方も多いと思いますが、 プロパティに任意のサイズを入力すれば トリミングスケールが指定したサイズに変形します。 サイズが
RsStudio Style - CSSSprite Extensionの紹介とドキュメント
2010/07/07 23:45 バグフィックス版 CSS Sprite Extension 1.1.2アップ 書き出しの際CSS中の画像への相対パスの算出方法を変更。深い階層においても正しく相対パスを生成できるようになりました。 2010/05/28 CS5対応版公開 旧バージョンを入れている方は上書きして良いか聞かれたら、上書きして大丈夫です。管理者権限のない方向け用VistaインストーラーはUninstallボタンを押して、再度swfを開くとInstallボタンが有効になります。新機能で選択した部分だけCSSをクリップボードにコピー出来るようになりました！ CSS Sprite Extensionは、Fireworks CS4とCS5に対応したFireworksの機能拡張でCSS Sprite(CSSスプライト)に適したCSSと画像を生成します。 この機能拡張が提供するのは、単純な3
ウノウラボ Unoh Labs: Webデザインする上でFireworksがステキな12のポイント
Webデザイナとして仕事をする上で、ここ数年、個人的にFireworksが手放せないツールになっています。 twitterで某人に「書いて」と言われたのもあるのですが（笑）、Web画像を作るのによいソフトをさがしている人、これから画像編集のためのソフトを選ぼうとしている人の参考に、ということで、個人的にFireworksの気に入っている点など一通りまとめてみようと思います。 ベクター画像とビットマップ画像が等しく扱えるので作業がスムーズ Fireworksは、ベクター画像とビットマップ画像を同時に扱えます。ベクターでちょっとしたアイコンを作るとか、ビットマップ画像を読み込んで編集するとか、すべてが一つのソフトの中で完結できます。IllustratorとPhotoshopを行き来したりするような手間は不要ですし、また複数のソフトを同時起動しなくていいのでマシンにも優しいです。 ビットマ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YUKI HARUYAMA Portfolio Site | 春山 有由希
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ
Fireworksで覚えておくと便利な文字設定まわりのTips | Webデザインのタネ
http://blog.caraldo.net/2010/03/fireworks_slice.php
Tutoriallounge-Video Editing Tutorials