WEBの作業が楽になるテクニック総まとめ　第2回 - 目次 - MdN Design Interactive

2010/04/12 4704 users 目次 MdN Design Interactive web

Photoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ　第2回 「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!!　ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。 続きを読む

今さらだけど、トーンカーブって凄いよね？ : Web Design KOJIKA17

2012/03/16 1752 users トーンカーブ Web Design KOJIKA17 明度

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPA... 続きを読む

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

2012/03/12 1325 users エッチング フェンリル テクスチャ 水平 くら

iCloud 風アイコン iCloud 風アイコン2 こんにちは、イメージ担当の長谷川です。 今回は iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラ... 続きを読む

Fireworksマニア | FireworksでのWebデザインのTipsや便利な使い方をご紹介します♪

2010/11/22 1258 users Illustrator Photoshop Tips パーツ

FireworksでのWebデザインのTipsをご紹介します♪Fireworks好きがお届けするTipsサイト、「ファイアーワークスマニア」スタートしました！FireworksでのデザインTipsをご紹介するサイトです。 PhotoshopやillustratorのTipsサイトはたくさんあるのにFireworksのTipsサイトはなぜか少ない…ので作りました！ このサイトのパーツもすべてFire... 続きを読む

デザイナーさんにカフェで教えてもらったこと - IDEA*IDEA ～ 百式管理人のライフハックブログ

2009/09/08 1144 users IDEA 下心 覚書 昨晩 グラデーション

昨晩はとあるデザイナーさんと夜カフェ（許可とってないので一応名前伏せとこ）。Fireworksを買ったまま放置してあったので勘所を教えてもらおう、という下心でしたよ。思いのほか勉強になったので以下、覚書。いつか詳しく書く。 いまっぽいボタンを作りたいならFireworks用のグラデーションをダウンロードしておくべき。さくっと作れますよ！「Web 2.0 Layer Styles for Firew... 続きを読む

Fireworksのチュートリアルいろいろ - DesignWalker

2008/04/22 893 users DesignWalker Ado チュートリアルいろいろ

ウェブデザイナーでFireworks派の方々も結構いらっしゃるのではないでしょうか？ たまに、外部のデザイナーの方からファイルを送っていただくとPNGファイルだったりして… もちろん、psdファイルに書き出しも出来ますが。Photoshopだけじゃなく、Fireworksの使い方もある程度、知っていて損はないですよね。 本日は、Fireworksのチュートリアルをいろいろまとめてみました。 Ado... 続きを読む

Fireworks texture gallery

2009/05/21 887 users gallery PNG形式 テクスチャ画像 ルール 商用利用

Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工して... 続きを読む

『Photoshop・Fireworks』のテクニックが参考になるサイトまとめ - NAVER まとめ

2012/12/03 843 users NAVER テクニック Photoshop チュートリアル

画像編集ソフト の「Photoshop」と「Fireworks」のテクニックやチュートリアルを紹介しているサイトをまとめました。初心者の方はもちろん、長く使用されている方にも参考になる記事が多いです。 更新日: 2012年12月03日RSS 続きを読む

Photoshop Vip » Photoshopを極める、Webデザイン制作に使える４つのテクニック

2011/02/08 790 users Photoshop Photoshop Vip テクニック

NewsHome > News > Photoshopを極める、Webデザイン制作に使える４つのテクニックPhotoshopを極める、Webデザイン制作に使える４つのテクニック2011年2月8日　　　　ブログやホームページのデザインするときにどんなツールを利用しますか。IllustratorやFireworksなどを利用することもありますが、Photoshopを使ってデザインしている時間が多くを占... 続きを読む

高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ (フェンリル | デベロッパーズブログ)

2012/01/10 640 users モックアップ フェンリル ザク デベロッパーズブログ 長谷川

こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ... 続きを読む

Sogitanilog - Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由

2011/09/01 626 users Sogitanilog Photoshop ユーザ 議論 日頃

Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に... 続きを読む

「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について | Stocker.jp / diary

2013/05/09 596 users ITm Stocker.jp Photoshop diary

2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はその遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITm... 続きを読む

制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ

2011/07/01 490 users guides タネ 面倒 オブジェクト 拡張機能

Fireworksを使うひとつ理由は制作効率アップという人も多いと思います。今日はさらなる効率アップのために自分のFireworksに入っている拡張機能をすべて紹介します。 目次 忙しい人のためのしばっちが使ってよかっと思った拡張機能ランキング 1位 テキストやオブジェクトの「よく使う設定」を集めた「PI_Utility」 2位 ガイドがページをまたいで引けるようなったりする「Guides」 3位... 続きを読む

PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ

2012/05/24 466 users Illustrator Photoshop タネ Illu

このブログではFireworksのことを中心に書いていますが、仕事ではFireworksはもちろん、PhotoshopもIllustratorも使っています。それぞれのソフトのおいしいところだけをいただく、まさにつまみ食い的に使っている感じです。 今日はFireworksを中に制作している僕から見た、他のAdobeソフトの使いどころを紹介してみます。「普段制作はPhotoshop一本！」「Illu... 続きを読む

PhotoShop&FireWorksでWebデザインする為に必要な情報をまとめてみた

2012/05/11 406 users Photoshop Photosh webデザイン 書籍 ネタ

 「PhotoShop & FireWorksでWebデザインする為に必要な情報まとめ」 PhotoShop&FireWorksでWebサイトを構築する為の書籍があまり無いので、ネットにある情報を少しまとめてみました。また追加していきます。 PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。 これからPhotosh... 続きを読む

Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ

2012/08/01 391 users タネ コマンド マシン New バッチ

以前にFireworksの拡張機能のまとめを書きましたが、あの記事を書いてから1年近く経ちました。この1年でFireworksもCS5.5からCS6にバージョンアップしたり、コマンドを積極的に使うようになったり、新しく使い始めた拡張機能もあったので、改めてしばっちが現在会社のマシンで動かしている拡張機能やコマンド、すべて紹介していきます。 文字入力・テキスト処理系 [NEW]ショートカットと文字入... 続きを読む

LINEスタンプづくりにFireworksをおすすめする理由 | デザイナーのイラストノート

2014/02/28 386 users PNG形式 ガイドライン スタンプ オリジナルスタンプ 必須

2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。 LINE Creators Market イラストであることが必須、png形式、スタンプだけで40個… これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個)　240×240px スタンプ画像(40個)　... 続きを読む

Fireworksの素材集決定版 | CREAMU

2010/02/03 380 users CREAMU ARROWS シェイプ 矢印 ライブラリ

Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ ... 続きを読む

illustratorでUIデザイン：設定編 - Two hats

2015/02/10 369 users Illustrator ディスコン UIデザイン 設定編

2014-08-14 illustratorでUIデザイン：設定編 illustrator UIデザイン Webデザイン Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりまし... 続きを読む

Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app | MEMOPATCH

2013/05/08 331 users Sketch MEMOPATCH Adobe 最中 朗報

Web制作ツールといえばAdobeのPhotoshopやFireworksですが、AdobeはFireworksの開発停止を発表してしまいましたね。（2013/05/07）そんな最中、海外のWeb/ UIデザイナーたちが使い始めている新しいWeb制作ツールを見つけました。それがSketchです。BOHEMIAN CODINGという会社がリリースしているアプリで、他にも有名なフォント管理アプリFon... 続きを読む

Fireworksで覚えておくと便利な文字設定まわりのTips | Webデザインのタネ

2012/07/09 330 users モック タネ Tips グラフィック グラフィックツール

FireworksやPhotoshopなどのグラフィックツールでWebデザインのモックを作る際、文字ツールは矩形ツールより多く使うことが多く、文字設定のショートカットを覚えているだけでも効率は全然違います。グラフィックソフトで一番に覚えるべきショートカットは何かと聞かれたら間違いなく文字周りのショートカットです！ 今日はFireworksで覚えておくと便利な文字設定のTipsや拡張機能をまとめてお... 続きを読む

Fireworksでのウェブ制作の作業をかなり楽にする機能拡張のまとめ | コリス

2012/08/30 326 users コリス エレメント グリッド ダミー画像 テーブル

グリッドやガイドのお助けツールから、グループ化したエレメントのサイズ調整、ダミー画像やテーブルの作成、ショートカットの強化など、そんな便利なFireworksの機能拡張を紹介します。 Optimizing The Design Workflow With Extensions 上記で紹介されている7つのツールを紹介します。 Grids Panel Guides Panel Smart Resize... 続きを読む

FireworksユーザーがPhotoshopではできないと思っている12の機能 | 誠

2013/06/02 318 users Photoshop Fireworksユーザー 悲鳴 機能

Webや、デザインや、音楽や、他愛もないことや。歌って踊れるWebデザイナー、永井大輔のブログです。2013年06月03日 00:08 ご存知だとは思いますが、先日Fireworksのメジャーアップデートが終了するという発表がありました。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 熱心なFireworksユーザーが多い弊社でも、社内のあちこちから悲鳴が... 続きを読む

Adobe Fireworks（8)のweb2.0なレイヤースタイル131＋48個＋おまけ*ホームページを作る人のネタ帳

2008/07/11 307 users オマケ Adobe Fireworks ネタ帳 ホームページ

Fireworksなんて持ってないけど、会社で使う人が約1名いるのでご紹介を。 Fireworks8とAdobeFireworksに対応しているみたいですね。 ダウンロードは以下ページから。 131個Fireworksレイヤースタイル詰め合わせ 48個詰め合わせ ↑こちらのページには以下のような簡単な使い方説明が書いてますので参考までに。 photoshopばかり紹介が目立ったりしますけど、Fir... 続きを読む

【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。

2009/07/23 282 users 白抜き バシャログ トレース gif リニューアル案件

例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフ... 続きを読む