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
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
Fireworksで簡単にサムネイルを作ろう！バッチ処理の使い方 - Design Color
はじめに 今回は、画像を「正方形にして200px×200pxの大きさで保存」という処理を一括で行いたいと思います。たくさんサムネイルを作りたい場合などに便利です。 Firewroksでバッチ処理機能を使う 1.「コマンド」を作る はじめにコマンドを作ります。「コマンド」とはPhotoshopのアクションと同様の機能で、一連の流れを記録させておくことができます。 まずは画像を「正方形にする」処理を実行します。(FireworksにはPhotoshopのような「記録を開始」というものはないので、普通にファイルを開いて実行します) そうすると、ヒストリーに先ほどの処理が残っていると思うので、これを選択し、そのままの状態で右下の保存マークをクリックします。 ※今回は処理がひとつだけですが、処理が複数ある場合はshiftキーを押しながらまとめて選択することが可能です 「コマンドとして保存」というダイ
Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」
WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。 iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。 詳しくは以下 ダウンロードは、「Dribbble」のblueprint.pngと書かれたテキストリンクを開いた後の画像を保存すればFireworks pngデータを取得できます。 Fireworksで普段制作している方でアプリのデザインを始めようと言う方には良いワイヤーフレーム素材だと思います。これからスマートフォンサイトを設
【連載1】Fireworksのもやもや解消法｜ふわっとブログ
今年は私がはじめて執筆したFireworksの本が出ます。 多分こんな話は最初で最後だろうと思うので、発売までいろいろ宣伝をしたいなと思っています。宣伝ができることも幸せです。 なので、これからFireworksについても何かしらTipsを連載していきたいと思っています。平によろしくお願いします。 Fireworks もやもや解消法 最初の回ですが、ほんとーに細かいコツのようなものを書きます。 知ってたら、あーそれ知ってるわ〜2年前から知ってるわ〜と流し読みしてください。 アンチエイリアスがもやもやするのを直す パーツ同士を整列させたりしたタイミングで、よくアンチエイリアス（パーツのフチの境目）の部分がもやもやっとすることありませんか？
『Fireworksを使った大規模ウェブサイトのデザイン設計』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
Fireworksで質感のあるイラストを描く - デザイナーのイラストノート
webデザイナーさんにはおなじみのFireworks。IllustratorとPhotoshopのちょうど間のようなアプリケーションですがデフォルトのテクスチャやパターンも豊富で、イラスト制作にも結構使えるのです。 Fireworksでイラストを描くメリット webデザインでFireworksを使用しているならアプリケーションがひとつで完結 用意されたテクスチャを使用すればファイルサイズが軽くすむ ペンツールや長方形ツールで作成できるので修正も楽 逆にデメリットは Illustrator、Photoshopに比べると線の太さなど細かい設定ができない パターンなどは解像度が低く印刷などには不向き？ Illustratorと違いピクセルに吸着して思ったところにアンカーポイントが置けないことがある くらいでしょうか。Fireworksでデフォルトのテクスチャはたくさんあります。ほんの一例ですが、
意外と重宝するかも？FireworksのPDF書き出しでモックを作ろう！ | 知らないはリスク
こんにちは、カッシーです。 最近ブログ更新を復活させようとネタを溜め込んだり色々と準備中です。そんな最中「Fireworks Lover Advent Calendar 2012」なるものを知ったので12/16にエントリーしてみました。（夜10時を超えてからの更新ですみませんorz） Fireworks Loverの一人として色々伝えたいことはあるのですが、今回はディレクション面で役に立ったFireworksで作ったPDF形式の書き出しについてご紹介してみたいと思います。 ※注：サンプルはワイヤーフレームですが、徐々にデザインを乗っけて後はコーディングするだけ的な状態にまで持っていけるのでモックという形で紹介しています。 それではご紹介していきます！ １．FireworksはPDF書き出しができる。 CS4ぐらいからでしょうか？ FireworksがPDFの書き出しに対応にしてくれました。
Fireworks Lover Advent Calendar 2012 - Adventar
Fireworksのここが便利！この機能がたまらない！こんなところが好き！こんなこともできちゃう！！などなど、Fireworks大好きなAdventCalendarです。
http://shimael.com/fireworks/fireworks_for_retina/
See related links to what you are looking for.
【Fireworks】「クリスマス」デザインもお手の物！もみの木ブラシ作ったよ。 | バシャログ。
話題のぶつ森に目もくれず最近やっとブレイブリーデフォルトを買いました。sekiです。こういう王道RPGってほんと少なくなりましたよね。 さてさてもうすぐクリスマスですね！楽しみな人もそうでない人もいるかと思いますが、今回はそんなクリスマスなデザインにもってこいな「もみの木ブラシ」を作ったので作例とともに配布をば。前に作った「砂」ブラシ同様今回もストロークの簡単な設定になりますが、お付き合い下さいね。 ダウンロード タイトル画像にあるような、もっさりした「もみの木」のようなあしらいが簡単に作れます。 ダウンロードはコチラのリンクを右クリックで保存してください。（.stl） 保存したら、Fireworksのスタイルより「スタイルを読み込む」で、一度スタイルデータとして読み込みます。 使い方 このスタイルにはストローク情報が記憶させてあります。 スタイル画面には「クリスマス_大」「クリスマス_小
Fireworks でワイヤーフレームを作成する際に活用したい機能 | バシャログ。
来年のテーマを早くも「断捨離」に決めた sakai です。 今回は Fireworks でワイヤーフレームを作成する際に活用したい機能についてです。 この記事は Fireworks Lover Advent Calendar 2012 の 10日目です。良記事ばかりなので、ぜひチェックしてみてください！ Fireworks でワイヤーフレームを作成することのメリット そもそも、なぜ Fireworks でワイヤーフレームを作るの？ ピクセルベースで作業ができる。 ピクセルベースでオブジェクトを作成・配置できるので、グリッドでレイアウトすることも簡単です。 ページ機能・共有レイヤー・共有ライブラリ・ステート機能が強力すぎる。 Web サイトの制作に特化したツールだけに、他のツールにはない強力な機能があります。 ワイヤーフレームの作成からコーディング直前までの工程を Fireworks オンリ
【時短！】Fwでカラーバリエーションを量産する方法 – 宇都宮ウエブ制作所
＜デザイナーあるある小劇場＞ 御ディレクター： ブルーをメインにデザインしてほしいんだわ。 デザイナー： 御意！ （カキカキクリッククリック… 〜後日〜 御ディレクター： デザインありがとうー。 基本これで大丈夫なんだけど、ピンク、イエロー、あとこのコーポレートカラーに合わせたパターンも押さえで作れるかな。 デザイナー： 御意！ （コーポレートカラーあったんかぇ…！ ／(^o^)＼ 御ディレクター： で、それあとどれくらいでできる？（注：現在16:30 クライアント退社まであと30分） デザイナー： …！！ みたいに短時間でカラーバリエーションを沢山用意しなくちゃいけない時ってありますよね。 フィルター「色相・彩度」の色相をいじっててっとり早く調整する方法もありますが、思い通りの色にしようとすると調整に時間がかかりがち。 今回は、一手間加えるだけでカラーバリエを量産できる方法をご紹介します
【Fireworks】ワイヤフレーム作成時に覚えておくと便利なアタリ画像＆アタリテキストを簡単に作成する拡張機能 | バシャログ。
3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について２つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFireworksです。 CS6にバージョンアップされてからワイヤーフレーム用の共有シンボルがめちゃくちゃ増えて、デザインツールとしてだけではなくワイヤフレーム作成ツールとしても便利になりました。 ちなみに共有シンボルの「ワイヤフレーム」内にあるパーツはこんな感じです。 また「jQuery Bootstrap」のパーツもあったりします。 これだけでもかなり便利なのですが、コンテンツ内のアタリ画像とダミーテキ
Fireworks：ページを作りすぎてメモリ不足！1ページ毎に保存するTIPS | Yoropan blog
やばい、メモリ不足で挙動がおかしいなんてことはありませんか。 編集ファイルが保存できなくなる前にページを分けて保存できないのか？ でも1ページ毎に保存するなんてめんどくさそう。 私もそう思っていました。 そこで海外のFwユーザ@chunwuiに相談したところ、普通にできるよとやり方を教えてもらいました。 まずメニューからファイル＞書き出しを選択。 書き出しダイアログの書き出しプルダウンで「ページからファイルへ」を選びます。 そして書き出し形式を「Fireworks PNG」にします。ここがミソです。 CS6では対象ページを選べますが、CS4で確認したところ選べるのは「すべてのページ」だけのようです。 書きだされたFireworks PNGはページ名がファイル名になります。 CS6ではページパネルで右クリックして「選択したページの書き出し」を選んでも同じことができます。 以上、ページ数の多い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ngi-d.net
creative-tweet.net
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
creative-tweet.net
YUKI HARUYAMA Portfolio Site | 春山 有由希
