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で作ったデータ（.png）をPhotoshop形式（.psd）に変換する方法 ｜ 株式会社マグネッツ：福岡市博多区のホームページ制作会社

2014/05/08 101 users psd デレ カワサキ PNG メイン

どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・｀) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 （2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移... 続きを読む

FireworksユーザーがPhotoshopでwebデザインカンプを作る時、注意が必要なポイントとその解決策 | tipsBear

2014/04/07 100 users tipsBear Photoshop 解決策 参考 多く

Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがA... 続きを読む

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

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

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

FireworksユーザーのためのPhotoshopとIllustratorのスライスまとめ | Webデザインのタネ

2013/12/04 114 users Illustrator Photoshop タネ 一長一短

おさらいがてら、Fireworks。スライスしたいオブジェクトを選択し、右クリックから「長方形スライスを挿入」で簡単にスライスが作れますね。 微調整も「PI_Slice」で1px単位でボタンを押せばすむのでだいぶ助かりますね。 Photoshopではスライスツールでドラッグアンドドロップせずにスライスをする方法が二つあります。どちらも一長一短かなと思っているので、適宜使い分けていくのがおすすめです... 続きを読む

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

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

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

Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | MEMOPATCH

2013/05/10 174 users MEMOPATCH Sketch 急浮上 半額セール ツイート

つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、A... 続きを読む

「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ユーザーに朗報？海外で話題の新しい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... 続きを読む

Adobe、Web画像ツール「Fireworks」終了へ - ITmedia ニュース

2013/05/07 274 users Firewoks Adobe サブスクリプション制 現行

6月にサブスクリプション制に完全移行するAdobe Creative製品群には現行のCS6版のFirewoksが含まれるが、「CC」へのアップデートは行われない。 米Adobe Systemsは5月6日（現地時間）、Webページ向けグラフィックスツール「Adobe Fireworks」の開発終了を発表した。同日発表の、6月に予定されているCreative製品のアップデートにFireworksは含ま... 続きを読む

Fireworks後のツールとワークフロー : could

2013/05/07 229 users カンフ could cloud ワークフロー 到来

Webデザイン Fireworks後のツールとワークフロー カンプから始めるデザインプロセスからの変化が求められる中、Fireworks の開発中止の発表がありました。ワークフローをツールに合わせるのではなく、そのとき最適だと考えられるワークフローに合わせることができるツールを選ぶ時代の到来です。 Fireworks 以外の選択肢は？ Adobe Creative Suite が終了し、Cloud... 続きを読む

Adobe、Web画像ツール「Fireworks」終了へ - ITmedia ニュース

2013/05/06 274 users Firewoks Adobe サブスクリプション制 現行

6月にサブスクリプション制に完全移行するAdobe Creative製品群には現行のCS6版のFirewoksが含まれるが、「CC」へのアップデートは行われない。 米Adobe Systemsは5月6日（現地時間）、Webページ向けグラフィックスツール「Adobe Fireworks」の開発終了を発表した。同日発表の、6月に予定されているCreative製品のアップデートにFireworksは含ま... 続きを読む

Fireworksでみんな大好き水着美女を描いてリアルな「影」を覚えよう | デザイナーのイラストノート

2013/04/04 121 users 球体 円形 平面 奥行き デザイナー

さて今回はFireworksのお話というより、イラストの基本「影」のお話です。 私たちが目にしているものは全て立体ですが、 平面のイラストでそれを表現するとき「影」の表現は必要不可欠です。 イラストだけでなく、デザインに取り入れることで奥行きのある世界観などを表現できるようになります。 まずは基本の球体を描いてみましょう。 Fireworksで円形を描いてみてください。 …え？ 描かない？ 球体な... 続きを読む

Fireworksを使った大規模ウェブサイトのデザイン設計｜1 pixel｜サイバーエージェント公式クリエイターズブログ

2013/01/16 168 users Pixel January サイバーエージェント Wed 裏話

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 Entries Cubaseで作る･･･ » Fireworksを使った大規模ウェブサイトのデザイン設計 Wed, January 16, 2013NEW ... 続きを読む

【Fireworks】ワイヤフレーム作成時に覚えておくと便利なアタリ画像＆アタリテキストを簡単に作成する拡張機能 | バシャログ。

2012/12/08 132 users バシャログ ishida Firew ノロウイルス 拡張機能

3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について２つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFirew... 続きを読む

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

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

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

Fireworksのココのココを、もう少しナントカしたい…　小技のメモ | spec5zigen Creator's Lab.

2012/11/21 101 users ピクセル Photoshop 実務 メモ ココ

学校ではPhotoshopでWebデザインを学んでましたが、実務に就いてからは主にFireworksを使っています。 ピクセルにフィットしてくれて書き出しも高速にできて、今ではショートカットをカスタマイズしまくって駆使してます。FW大好き。 そこでFireworksの 「ココのココを、もう少しナントカしたいな〜。。。」 を少しでも解決に近づかせてくれるんじゃないかな、という小技をメモします。これで... 続きを読む

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

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

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

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

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

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

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

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

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

マークアップエンジニア だからうれしい Fireworksの使い方あれこれ

2012/07/06 206 users エンジニア JSer Dreamweaver まぼろし 松田

マークアップエンジニア だからうれしい Fireworksの使い方あれこれ — Presentation Transcript マークアップエンジニアだからうれしいFireworksの使い方あれこれ株式会社まぼろし 松田直樹 1 自己紹介• まぼろしの松田と申します• デザイン、マークアップ、JSer、 ライティングなど• 主な著書 『効率的なサイト制作のためのDreamweaverの教科書... 続きを読む

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

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

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

Fireworks初めての方にオススメしたいサイトと参考書 | Webデザインのタネ

2012/05/16 213 users タネ チュートリアル Fireworksユーザー まわり 解説

Fireworksユーザーが僕のまわりで少しずつ増えているような感じがしたので、Fireworksを初めて使う人、他のツールを使っていてFireworksを触ってみようと考えている人向けに読んでおくと良さそうなサイトや本を集めてみました。 チュートリアルサイト Fireworksマニア 解説をなぞりながら、自分でグラフィックを作っていくタイプのチュートリアルです。サンプルもたくさん！かわいいものか... 続きを読む

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

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

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

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

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

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