2017年時点でもっとも全方位をめざすデザインツール Gravit Designer
Adobe/Macromedia Fireworks がCS6で新規開発が停止になったのは丁度2013年の今日5/7。Fireworksユーザに衝撃とやっぱり感が襲った日でした。記念日でもあるので今回はデザインツールGravit Desinger v3を紹介したいと思います。 2017/05/07現在バージョンはv3.0.5。私が試したのはWindows版で他のプラットフォームで試したわけではないことに注意してください。 2017/05/09追記：日本語の表示は、日本語フォントをimportした上テキストのSpace(Char)を20前後にすると一応できます。しかし、直接のタイプはできません。 限りなく全てに近いクロスプラットフォーム対応！Gravit Desiner v3は、MacOS版、Windows10版(Store版とインストール不要なバージョンがある)、さらに、Linux版、Ch
Adobe Fireworksで作る、デザインtable作成時に使えるpngデザインデータ（制作データダウンロード付き) - Sedori Plan
イラストレーター、フォトショップでデザインデータを作ることが多くなってきましたが、やはりfireworksでデザインデータを作るほうが好きです。 デザイン制作時にイチからデザインを作っていては時間がかかってしまいますので過去に作ったデザインデータを使っています。 今回は私が、過去のデザインデータを使ってデザインtableを作るときに使っているpngデータをご紹介します。 photo credit: tychay via photopin cc デザインtable その1 表のデザインで一番のスタンダードのデザインですね。 色変えて使っています。 デザインtable その2 先ほどのスタンダードのデザインと少し違います。 私はこのデザインのときは何かを比較するときに使います。 デザインtable その3 会社概要のデザインを組むときの基本形です。 デザインtable その4 商品の比較、詳細
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にも同様にグリッドを作成する便利な機能拡
Fireworksで表組みを簡単に制作する方法 | trevo-lab
Fireworksで作業をしているとテーブルなどの表組を制作するのが意外と面倒な作業になります。 今回は表組をクリックするだけで簡単に表組ができる拡張機能「Tables」のご紹介です。 ダウンロード 下記のURLにアクセスします。 http://johndunning.com/fireworks/about/Tables Download 1.0.3.mxpをクリックしますて「Tables-103.mxp」をダウンロードします。 プラグインのインストール Fireworksの上部メニューの「コマンド」→「拡張機能管理」を選択します。 Adobe Extension Managerが立ち上がります。 ※この時Adobe Extension Managerが立ち上がらない場合は ローカルの「C:\Program Files (x86)\Adobe\Adobe Extension Manager
Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる - 歴史雑談録
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。（長いです。すんません） 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
【Fireworks】もうイラストで悩まない！簡単なイラストを描いてみよう Vol.3 | バシャログ。
やっと涼しくなってきましたね！食欲の秋が目前でわくわくが止まらない seki です。 さてさて今回は久しぶりに、Fireworks簡単イラスト講座の第3段です！ハロウィンも近づいて来たので、ハロウィン用デザインの背景などで使える、Fireworksで描く「蜘蛛の巣」のイラスト講座と、これからキャンペーンページなどを作る方のお役に立てればと、タイトルイラストにあるような、Fireworksで描いたハロウィンで使えるシルエット素材のパスデータを配布したいと思います。 3分もかからない！物凄く簡単な蜘蛛の巣の描き方 センスなんて関係無し！誰でも簡単に描けちゃいます。 1. 星型ツールを使い、下記図の1のような、蜘蛛の巣の軸となる部分を描く 角数が多すぎると、ごちゃごちゃしてしまうので、10角くらいがベスト。深さ座標を限りなく中心へ、線として見える所まで調節していきます。 2. 1を同じ場所に複製
Fireworks でワイヤーフレームを作成する際に活用したい機能 | バシャログ。
来年のテーマを早くも「断捨離」に決めた sakai です。 今回は Fireworks でワイヤーフレームを作成する際に活用したい機能についてです。 この記事は Fireworks Lover Advent Calendar 2012 の 10日目です。良記事ばかりなので、ぜひチェックしてみてください！ Fireworks でワイヤーフレームを作成することのメリット そもそも、なぜ Fireworks でワイヤーフレームを作るの？ ピクセルベースで作業ができる。 ピクセルベースでオブジェクトを作成・配置できるので、グリッドでレイアウトすることも簡単です。 ページ機能・共有レイヤー・共有ライブラリ・ステート機能が強力すぎる。 Web サイトの制作に特化したツールだけに、他のツールにはない強力な機能があります。 ワイヤーフレームの作成からコーディング直前までの工程を Fireworks オンリ
CSS Nite back2basic #8「Fireworks」でテキストオブジェクトにもテクスチャをかけられるようになった！ #cssnite_b2b | Webデザインのタネ
一定期間更新がないため広告を表示しています
透明GIF画像の書き出し方法 - シンプルシンプルデザイン Fireworks
たとえば、白文字が混じった画像を透明GIFにする場合、背景だけでなく白文字までが透明化されてしまう。 ずっと悩んでいたがようやく解決できたので覚え書き。 形式の選択項目から「GIF」を選択 「すべての色を割り付け」を選択 「インデックス透明」を選択 背景色と馴染ませる必要がある場合、背景色を選択する。 「すべての色を割り付け」にすべきところを、いつも「アダプティブ」を選択していたため、うまいように透明GIFをコントロールすることができなかったのだ。なるほど〜。
FireworksでPhotoshopフィルターを駆逐するツール「PhotoshopFilterManager」 (PIXEL LAB)
以前のエントリーで、Fireworks CS3でのPhotoshopフィルターのバグについて書きましたが、 Photoshopフィルターを駆逐するツールをつくったので、紹介します。 以前のエントリー：Fireworks CS3でPSDファイルを開くときの注意 Photoshopフィルターを駆逐します Fireworksの拡張パネルになります。 PSDを開いたときにできる、「Photoshopライブエフェクト」を、いくつかの方法で駆逐し、クリーンなPNGデータにすることができます。 ■ダウンロード MXPファイルになってますので、ダウンロード後、「PS_FilterManager.mxp」をクリックすれば、 EXTENSION MANAGERが起動し、インストールできます。 設置した後は Fireworksを再起動すれば、[ウィンドウ]メニューに、[pxiel_lab] > [Photosh
Fireworks CS3: 内部エラーで開けないファイルの開き方
Fireworks CS3 ( 9.0.1.1213 ) で昨日まで修正してたファイルを開こうと、ダブルクリックしてみた所、Fireworks が異常終了してファイルを開けない問題が発生。 ネットで検索してみると、エラーメッセージが表示されて PNG ファイルを開けない（Fireworks CS3） と言う記事を発見。多分、これですねー。 あと、自分なりにまとめてみます。 ファイルが開けなくなった原因 レイヤー効果を含む Photoshop CS3 ( psd ) のファイルを、Fireworks で編集中のファイルにドロップして貼り込んだのが問題らしい。 内部エラーが出るファイルを開く方法 Fireworks 8 で問題のファイルを開く。 レイヤー効果を使っている PSD ファイルを貼り込んでいないか確認。 もし、貼り込んでいる箇所があれば、選択範囲の結合でひとつのビットマップに変換。
ロールオーバーさせるためのボタンを作成する【fireworks】 | Journal intime de la nuit noire / ゆえのWebとか日記とか
《Journal intime de la nuit noire》は、「ゆえ」がWebデザインだとかFireworksだとか旅だとかについて気ままに書き綴っているブログです<< July 2009 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> こんばんは！ 二週間ぶりに、Fireworksチュートリアル、いきまーす！ （や、日記書こうと思ってもドラクエぐらいしかネタなくて・笑） Fireworksリファレンス第三弾は、フレームを使ってロールオーバー画像＆スライスを使ってボタンを切り出す、角の丸い「角丸」ボタンの作り方です。……やるよやるよって最初から言い続けて、漸く公開にこぎつけました……。 因みに、今回作るのは、こんな感じのボタン↓であります
知ってるようで、実は知らない?！ Fireworksの小技 - EC studio デザインブログ
こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基本独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ！」ということが･･･ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1．「ラインツール」か「ペンツール」でオープンパスを引く 2．オープンパスを選択する 3．ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4．好きな矢印の形を選んで「OK」をクリック！ 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな？」と忘れてしまいがちな小技。 1．テキストを入力する 2．
ファイアーワークス覚書 of Fireworksの使い方
Adobe Fireworks（アドビ ファイアーワークス）は、アドビシステムズが販売しているグラフィックソフトウェアです。 画像・写真を加工・編集したり、バナーを作成したりするときに重宝します。 WEBデザイナーの話を聞くと、Fireworksかphotoshopが活用できないと仕事にならないそうです。どちらを活用するかは人それぞれらしい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ngi-d.net
YUKI HARUYAMA Portfolio Site | 春山 有由希
http://naomiatkinsonproducts.com/
FireworksのマイナーなTips11個
Loading...
http://homepage.mac.com/akira_maru/fireworks/