http://lab.spec5zigen.com/archives/fireworks_tips_01/
Adobe Fireworks Extensions, Commands and Panels
fireworks These Adobe Fireworks extensions are mainly productivity tools. They won't help you make better-looking pictures; rather, they'll help you use Fireworks more efficiently. And if you're an extension developer yourself, some of them will help you build your own commands and Flash panels. Download them all for free! Questions or comments? Ping me at fw at johndunning dot com. Or follow me o
獅子ログ
獅子ログ Home rss プロフィール zakira Akira Yoshimaru (株)ソースクリエイト所属。最強のスキマSE目指して奮闘中 ページビュー 333365 最新タイトル [プログラム]ホッテントリサーチを公開しました [話題の]Windows7に移行する前に確認しておきたいXPモードの真実 [WEBサイト]DreamweaverでDIVタグのショートカットを作る方法 [WEBサイト]リンクをクリックしたときに横に伸びる点線を消す方法2 [WEBサイト]3大検索エンジンへのsitemap.xmlの登録法のまとめ はてなブックマーク総合ランキング [プログラム]LWPモジュール入門 -WEBページを取得する- [UNIX][小技]そのまま使えるmodRewriteの技10発 [プログラム][WEBサイト]プログラマじゃなくても3キャリア+PC絵文字対応が出来るセット [UN
Fireworks CS6の新機能、CSSプロパティパネルを便利に使ったWebデザインの流れまとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
G3株式会社さまのコーポレートサイトを制作させていただきました。 CSSプロパティパネルが便利すぎて… 今回、FireworksのCSSプロパティパネルが最高すぎることによってかなりの短時間でサイト制作できたので、それのご紹介がてら、どのようにサイトを作っていったかご紹介したいと思います。 すでにサイトがWordPressで動いていて、別のテーマで運用中だったので、 テキスト等もそのまま流用でき、私の作業としては純粋にWordPressテーマのデザインとコーディングの部分でしたので今回ご紹介するのはその部分の流れになります♪ まず、イメージを膨らませる イメージ固めから入りました。 会社のコンセプトが「毎日をワクワクさせちゃえ！」だったので、私の中でのワクワクのイメージを考えてみます。 google画像検索でワクワクを検索してみたり。 なんとなーくブルーが多い印象。 こういうものも参考にし
Photoshop・IllustratorユーザーのためのFireworks入門
現在開講している、社会人のためのWebデザインスクール で私と一緒に講師をされているユミソラさん（ @YumiSora ）は、以前のスクールでも Fireworks 特別講座を担当して頂きました。 その際、「桜の作り方」というレッスンは Fireworks 特有の操作が上手くまとまっていたので、ユミソラさんに許可を頂いて記事にしました。 Illustrator でも同じものは作れそうですが、普段 Fireworks を使わない私には新鮮でした。 Fireworksで桜を作る 今回作る桜はこんな感じです。 桜の形はパスの型抜きでサクッと作れそうですが、5等分に回転して並べる部分はどう作るのか気になりました。 まず新規作成し、楕円ツールをクリックし、塗のカラーでピンクを選択し、Shift キーを押しながらドラッグして正円を描きます。 このあたりは Photoshop や Illustrator
Fireworksでのウェブ制作の作業をかなり楽にする機能拡張のまとめ
グリッドやガイドのお助けツールから、グループ化したエレメントのサイズ調整、ダミー画像やテーブルの作成、ショートカットの強化など、そんな便利なFireworksの機能拡張を紹介します。 Optimizing The Design Workflow With Extensions 上記で紹介されている7つのツールを紹介します。 Grids Panel Guides Panel Smart Resize Tables Placeholder Orange Commands QuickFire Grids Panel 「Grids Panel」は、数値を入力してレイアウト用のグリッドを作成します。 Grids Panel カラムの幅、数、溝の幅、を選択するだけで簡単に作成できます。また、作成したグリッドは不透明度を調整できる優れものです。 Photoshopにも同様にグリッドを作成する便利な機能拡
Adobe Fireworks で Photoshop ブラシなどを使う方法（あくまでなんちゃって方式 - Office L テクニカルノート
調子にのってもう一個もエントリーしとこうかな。 Adobe Fireworks では、インターネットで数多く出回っているフォトショップブラシがブラシとして使えない、と言われています。 最近でもmixiのコミュニティで質問があがっていましたし、海外でもIs there any way to use photoshop brushes in FW?とか、PHOTOSHOP BRUSHES INTO FIREWORKS?とかにもあるように、できねーYO!と言われています。 この回答は確かにフォトショップやイラストレータを使いこなしている人には正しいです。Fireworks では、ブラシとしてフォトショップの無料ブラシは利用できません。 ですが、デザインが本職ではない私のようなレベルの人間には、スタンプとして使えれば十分なので、コレは正しくありません。 で紹介されている、http://abrvie
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
2. 自己紹介 • まぼろしの松田と申します • デザイン、マークアップ、JSer、 ライティングなど • 主な著書 『効率的なサイト制作のためのDreamweaverの教科書 【CS5.5対応版】』（鷹野さんとの共著、マイナビ） 2
『データ管理で作業効率がUPするデザインワーク』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！ スマートフォンプラットフォームDivという部署でデザインを担当しているおばたです。 モック作りを進めていって、デザインの方向性がなんとなく見えてきたら その後の開発は、デザインデータの管理・運用で作業効率がずいぶんと違ってきます。 はじめにFireworks CS5.1を使い、Subversion（SVN）で管理しています。 データの管理は、忙しいとついつい後回しにしてしまいがちです。 しかし、放っておくと気づけばカオスになっていることもしばしば・・・ ちょこちょこ整理するようにすると、すてきな感じになります。 Subversionにつ
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
Fireworks用テキスト生成パネル「PI_TextGenerator」 (PIXEL LAB)
Fireworks用のテキストオブジェクト生成パネルを作成しましたので、公開します。 たまに、いてますよね。なんでもイラレで作る人。デザインをはじめ、ちょっとした資料・指示書まで。 私の場合は、あらゆるものを、Fireworksで作成してるのですが、 そんなヘビーユースを支えてるパネルくんを、紹介・公開したいと思います。 4～5年前から使ってるんですけど、これがないと、仕事する気がしません。 テキスト生成パネル「PI_TextGenerator」の機能 テキストデータから、改行やタブをもとに、複数のテキストオブジェクを生成します。 複数行や、タブ区切りによる行列データにも対応しており、一発でテキストオブジェクトを生成できます。 用途 デザイン作業の下準備として Fireworksでデザインを行うときは、通常は、ワードなり、エクセルなりの 原稿データから、テキストをひとつひとつコピペしていく
Fireworks CS6 の進化したところと不具合まとめ
さて、前回に続き、今回は WebデザイナーのためのAdobe CS6検証会 から Fireworks CS6 の情報まとめです。 Fireworks CS6 は、6月から私と一緒に Webデザインスクール の講師をされる @YumiSora さんから、詳細を詳しくまとめた資料をメールしていただけたのでそれを基に書いています。 Fireworks CS6の進化したところ CSSプロパティパネル 選択しているオブジェクトのCSSのコピペができるようになりました。 CSS プロパティパネルは、「ウィンドウ＞CSS プロパティ」より表示できます。 CSS3などの慣れないものや特殊なプロパティなど、ある程度ここからコピペして、 手動で改変やGoogle検索で調査のきっかけにするなどのワークフローに使えそうです。 線の位置を内側や中央にした場合、線幅を考慮した分、形そのものの width と heig
#cssnitelp14 fireworksのお勉強おなかいっぱい25選 | outloger.com
Photoshop Brushesカスタムブラシがいけてるサイト。Fireworks texture gallery2009年5月21日 ... Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能 です。iPhone向けモックアップ作成用パーツPNG 日本語対応版【その仕事、蠍は ...iPhone向け モックアップ作成用パーツPNG 日本語対応版【Fireworks】iPhone 画面パーツ集 | バシャログ。【Fireworks】iPhone 画面パーツ集。Brush Pilot™ - The fast and easy Photoshop brush previewer for Mac ...Mac用ABR変換ツール自動化のすすめ（Fireworks CS4 コマンドでより効率化！） - EC studio ...(none)Tool For
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
Fireworksで文字組みのしっかりした本文を作りたいときはIllustratorからコピペするといいかもしれない | Webデザインのタネ
一定期間更新がないため広告を表示しています
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
Fireworksで覚えておくと便利な文字設定まわりのTips | Webデザインのタネ
Fireworks CS6体験版を使って驚いてしまった強化点 | Webデザインのタネ
【Fireworks】もうイラストで悩まない！ Fireworks で簡単なイラストを描いてみよう Vol.1 | バシャログ。
