Fireworksで質感のあるイラストを描く - デザイナーのイラストノート
webデザイナーさんにはおなじみのFireworks。IllustratorとPhotoshopのちょうど間のようなアプリケーションですがデフォルトのテクスチャやパターンも豊富で、イラスト制作にも結構使えるのです。 Fireworksでイラストを描くメリット webデザインでFireworksを使用しているならアプリケーションがひとつで完結 用意されたテクスチャを使用すればファイルサイズが軽くすむ ペンツールや長方形ツールで作成できるので修正も楽 逆にデメリットは Illustrator、Photoshopに比べると線の太さなど細かい設定ができない パターンなどは解像度が低く印刷などには不向き？ Illustratorと違いピクセルに吸着して思ったところにアンカーポイントが置けないことがある くらいでしょうか。Fireworksでデフォルトのテクスチャはたくさんあります。ほんの一例ですが、
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件 WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 投稿日2013年04月23日 更新日2013年04月24日 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールで
ウェブ制作のフローをベースにFireworksの使い方をすみずみまで学べる一冊 -よくわかるFireworksの教科書
Fireworks初心者をはじめ、使ったことはあるけどいまいち使いこなせなかった人、Photoshop, IllustratorメインでFireworksにちょっと興味がある人に読んでほしい、ウェブ制作におけるFireworksの使い方をすみずみまで学べる本「よくわかるFireworksの教科書」を紹介します。
『Fireworksを使った大規模ウェブサイトのデザイン設計』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
Fireworksの画像の縮小拡大の方式について | サイブリッジラボブログ
今日はFWの画像の縮小拡大方法についてお話しします。 FWの「編集」→「環境設定」(Ctrl+U)の「一般」の中に 「画像補間方式」という項目があります。 これは画像の縮小・拡大をするときの方式になります。 それぞれの方式には下記のような特長があります。 バイキュービック コレが一番キレイに拡大縮小できます。 この方式では、色と色の境目をお互いの平均値を計算して なめらかなグラデーションになるようにしてくれます。 バイリニア 精密度はバイキュービックとニアレストネイバーの真ん中。 ある程度のなめらかさは欲しいけど、もうちょっと輪郭線をクッキリさせたい・・ といった場合に使用するといいと思います。 ソフト 輪郭にやわらかいぼかしが入り、細部が不鮮明になります。 正直使い道がわかりません。 ニアレストネイバー 4種類の中で最も画像補間の精密さが低い方式です。 ドットを維持して拡大縮小したいとき
【Fireworks】PON！っと簡単！ Fireworks でシャチハタ(印鑑)印を描いてみよう | バシャログ。
先日友達が家に置いて行った「キャサリン」というゲームを、睡眠時間を生贄に2日でクリアした seki です。かなり久々にゲームしましたが、なかなか楽しめました。おススメです。 さてさて。今回は前回に引き続き、みんな大好き(※主に私) Fireworks の講座です。 今回は、「マル得」「合格」「請求書在中」「履歴書在中」「確認済」「支払済」などなど、ビジネス現場などでもよく目にする事が多い、シャチハタ（印鑑）っぽい文字を、 Fireworks で手軽に再現する方法をご紹介します。 例といたしまして。笑えるくらい今更ですが、今年入学した学生さんを祝って！ 「合格」印を作りましょう。 まずは普通に楕円形ツールを選択。 今回は解り易い様に大きめに作るので、180×180px の円を描きます。 塗りは「透明」、ストロークの太さは「14」色は「赤」。 種類は「エッジが硬い線（丸）」、位置は「中央」。
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
Fireworks CS5（CS4）で作業中、メモリ不足になってしまう時の対処法 | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ FireworksをCS5にしてから「メモリ不足」と画面に表示される事が度々起こります。メモリもそこそこ積んでるのになぜ…？CS3の時は全然起こらなかったのに…。そんなFireworksのメモリ不足現象の対処法についてご説明します。 なんといっても、最悪の場合、作業したデータが飛んでしまうので恐ろしいです。 1.一応、アップデートで修正されてるのでアップデートする まずはじめに、Fireworks CS5.1のアップデートでメモリ不足問題の改善（ver 11.0.2〜）がされていますので、アップデートをしてない人はまずそれを完了させておきましょう。 ただアップデートしても、実際毎日使っている身としては、まだまだ頻発す
【時短！】Fireworksの共有ライブラリに入れておくと便利なパーツ6選 – 宇都宮ウエブ制作所
「これくらいのもの、ちょちょいと見繕えばいっかー」と毎回作ってた時間よ、戻れ！ 華やかさはないですが、毎回サイトデザインに登場するベテラン脇役のようなパーツ達。私が現在Fireworksの共有ライブラリに入れてるものを紹介します。 指カーソル ロールオーバー時のデザインの上に乗せると、説明しやすい。 指カーソル ちっこい矢印 自分の気に入った大きさ＆角度のものをイン。サブ扱いのメニュー（例：プライバシーポリシーなど）に使用。 ちっこい矢印 細ライン タテを区切る罫線のほか、hr的な使用することも。ハイライトをつけて凹みっぽくみせてます。これを描くのと、ライブラリから探してドラッグ＆ドロップするのとどちらが早いかというと、すごく微妙なライン・・・。汎用性が欲しいこのパーツについては後述！ 細ライン マルCマーク みんなの必須パーツ、著作権を表わすマルCマークです。個人的に(c)とするのがなん
【Fireworks】 テキストボックスを改行で分割するコマンド | バシャログ。
髪を切って2日目で失敗したことに気がついたminamiです。 今回もちょっとだけ便利なFireworksのコマンドです。 テキストボックスを改行で分割するコマンド 右クリックなどで保存してください。ご使用は自己責任でお願いいたします。 読んで字のとおりですが、テキストボックスを改行部分で複数のテキストボックスに分割してくれるコマンドです。 画面をデザインをする際に、テキストを原稿からパーツにわけて一つづつコピペ・・・がめんどくさかったので作りました。 使い方 テキストボックスを選択して、「コマンド→スクリプトを実行」でスクリプトのファイルを選択して実行するだけです。改行でテキストボックスに分割されます。複数のテキストボックスを選択して実行するとそれぞれ分割されますが、テキストボックス以外のオブジェクトを含めるとそのオブジェクトが消えてしまうので注意してください。 作ってみてわかったこと v
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://handywebdesign.net/2013/03/first-impression-of-fireworks/
http://indigonote.com/2011/06/17/fireworks-texture/
YUKI HARUYAMA Portfolio Site | 春山 有由希
The Daily Button
YUKI HARUYAMA Portfolio Site | 春山 有由希