モダンなFireworks後継アプリは存在するか？
Webデザイン モダンなFireworks後継アプリは存在するか？ Wednesday, September 18th, 2019 この記事は、DIST.28 「モダンWebデザインワークフロー2019」というWebデザインの勉強会のLTとして私がお話しした内容をまとめたものです。 私は1999年のFireworks 2Jから使用していますが、最近使用しているAffinity DesignerはFireworksと特徴が似ていて、Fireworksが好きだった方にとって後継アプリとして使いやすいのではないかと思っています。 Fireworksと私 私は 神速Photoshop [Webデザイン編] や プロになるためのWebデザイン入門講座 などの本を執筆しています。 私はなぜかFireworksが嫌いな人と思われているようですが、この本の最後に「Fireworksを使っていたが、Phot
FireworksからXDへ乗り換えたいWebディレクター向け、よく使う機能の操作方法の比較
FireworksからXDへ乗り換えたいWebディレクター向け、よく使う機能の操作方法の比較 初学者向け 公開日 2018.12.23 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 私はWebサイトのラフ画面制作や修正指示を作る際、よく「Fireworks」を使っています。 Fireworksは、ベクターデータと画像（ラスター）データ両方の作成・編集ができる、非常に使いやすいAdobeのデザインツールです。 ただ、すでに開発や更新は終了しているため（2018年時点）、OSが持つ挙動に引っ張られてうまく動作しなかったり、頻繁にソフトが落ちたり、だんだんと動作に問題がでてきました。 そこで、Fireworksで行っていた作
もう移行するしかない！開発が終了したFireworksからPhotoshopへの移行方法 | SONICMOOV LAB
はじめまして。新人デザイナーのタクと申します。 突然ですが、Fireworksと言うソフトをご存知でしょうか。 WEB系の方たちはもちろん知ってるこのソフト。私も使用しておりました。 WEB用の画像作成ソフトとして位置づけられ、ビットマップとベクターデータをあわせて使いやすく、基本的なWEBデザインで使用する機能が、とても見やすく触りやすいのが特徴たったのですが、 2013年5月6日、開発元の米Adobe Systemsによって、開発終了が発表されてしまいました。 [現在(2014年7月)ceative cloudを購入した場合は、FWはCS6がダウンロードできます。] これに伴い、私のようにほとんど触ったことのないPhotoshopへの転向を決意せざるを得ないFireworksユーザーは今後も増えていくことでしょう。 Fireworksヘビーユーザーの方がストレスフリーでPhotosho
Fireworksで作ったデータ（.png）をPhotoshop形式（.psd）に変換する方法 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・｀) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 （2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移行しないとなぁ…という感じです。しかしFireworksはWEB制作に特化した非常に使い勝手のいいソフトでなので、とても残念です…） たまにFireworksで作成したデザインデータ（.png）をPhotoshop形式（.psd）にてクライアント様にお渡しする必要がありまして、そのまま変換してみたら当たり前だけど結構変わってしまうなぁ…となって四苦八苦… で、今後同様の作業が必要になった時やりやす
はじめてのfireworks。もっと便利になる拡張機能とは？ | webデザインライダーwebデザインライダー
FireworksやDreamweaverを使ったwebデザインの作業効率化の提案や、デザイン全般の話。はたや、使えるのか分からないネタ要素の強いものなどを紹介しています。<最近バイクに乗れなくて気分転換ができていないozakkuです。今週はfireworksを使い始めた人向けに、作業効率化をはかるための拡張機能を紹介します。 一度に使い始めると混乱の元になるかなと思い、今回は頻繁に使う5つに絞りました。 目次 拡張機能の導入方法 導入する前の注意点 拡張機能 スライス名の入力が簡単に1SliceNameChanger スライス名に連番がふれるSequenceNumSlice 編集できるアタリ画像が作成できるPlaceholder テーブル作成、整列に便利なTables コーディング中の要素のサイズ、色等の確認に便利specctr 拡張機能の導入方法 まずは、拡張機能を配布しているサイトか
LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート
2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個) 240×240px スタンプ画像(40個) 370×320px(最大) トークルームタブ画像(1個) 96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。 イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。 ステートとは Fireworks CS4以前は「フレーム
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
【連載4】Fireworks追加機能で一歩前へ｜ふわっとブログ
Fireworksの連載第四弾です。 今回はFireworksの操作に慣れてきた人が一歩先へ進むための、 便利な追加機能Fireworksの拡張機能（プラグイン）のオススメをいくつか紹介します。 Fireworksの拡張機能（プラグイン）とは Fireworksの拡張機能（プラグイン）とは、追加のプログラムの事で、Fireworksの機能を増やすことができるものです。 全世界の人がFireworksのプラグインを作って公開しています。 今回はダブルクリックで簡単に機能が追加できる「.mxp」という拡張子でダウンロードできるもの、オススメなものを紹介します。 Fireworksのオススメプラグイン 今回はこのプラグインを紹介します。 Specctr http://specctr.com/ SequenceNumSlice http://www.kuma-de.com/program/2009
Fireworksの今後に関するまとめと、ワークフローの考察 (with tweets) · yhassy · Storify
Fireworksの今後に関するまとめと、ワークフローの考察Twitterで発信していたものをまとめました。関連する情報も付いています。
Fireworks後のツールとワークフロー
Fireworks 以外の選択肢は？ Adobe Creative Suite が終了し、Cloud の一本化が発表されました。今回の新製品ラインナップでニュースになったのが、Fireworksの開発中止 のニュース。最新版の Fireworks CS6 の次期 OS へのサポートをすると宣言しているので、すぐに使えなくなるということはありませんが、視野を広げて別の選択肢を探さなければならなくなるでしょう。 Fireworks が数年後には使えなくなるかもしれないから、Photoshop に移行するべきなのかといえばそうでもありません。写真やグラフィックといったビットマップ画像編集であれば Photoshop は素晴らしいですし、ベクターシェイプやレイヤースタイルを使えばある程度柔軟性を保つことはできます。しかし、Webサイトデザインにふさわしいツールとはいえません。 Fireworks
Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app | Goodpatch Blog
Web制作ツールといえばAdobeのPhotoshopやFireworksですが、AdobeはFireworksの開発停止を発表してしまいましたね。そんな最中、海外のWeb/ UIデザイナーたちが使い始めている新しいWeb制作ツールを見つけました。それがSketchです。BOHEMIAN CODINGという会社がリリースしているアプリで、他にも有名なフォント管理アプリFontcaseもリリースしています。 （Sketchを使い始めている海外のデザイナーたち→「Sketch App vs Photoshop」、Dribbbleにsketchで描いた作品をアップしている人も→[.Sketch] Wireframe UI kit） アイコンやWebサイトのデザインもきれいで、Goodpatch社内でも最も話題になっているアプリ。Sketchも使ってみようと盛り上がっています。ただSketchにつ
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 から position（top と left）の値が書かれた CSS を自動生成するスクリプト | FU-Studio
最近の仕事で、大量のスライス画像を絶対配置しなければないことがあった。 座標を調べながら、手作業で CSS を書いていたのでは大変だから、CSS の座標の記述を自動的にしてくれるスクリプトを自作した。 「cssPositionGenerator.jsf」 使い方 Firewoks の PNG データを開き、座標を書き出したいオブジェクトをすべて選択 メニューバーの「コマンド」から「スクリプトを実行」を選択 当スクリプトを選択し、実行 ダイアログが出てくるので、入力窓に CSS でそれぞれのオブジェクトのセレクタとなる文字列を入力し「OK」 入力した文字列の末尾に「-（3ケタの連番）」がついたものがセレクタとなる 何も入力しなければ、スライス名やオブジェクト名から自動的に ID を作り、セレクタにする 窓内にコードの入ったダイアログが出てくるので、使用する CSS ファイルにコピー&ペースト
Fireworks Template for iOS icons | PoseLab
There are different templates to create icons for iOS apps, but, as I have not found any for Fireworks, I have created my own template. I have created this template on the basis of the Apple specifications and it is organized as follows: On the first two columns with a yellow background, you can find the sizes which are obligatory. On the third column in green color, the icons which are optional o
【連載1】Fireworksのもやもや解消法｜ふわっとブログ
今年は私がはじめて執筆したFireworksの本が出ます。 多分こんな話は最初で最後だろうと思うので、発売までいろいろ宣伝をしたいなと思っています。宣伝ができることも幸せです。 なので、これからFireworksについても何かしらTipsを連載していきたいと思っています。平によろしくお願いします。 Fireworks もやもや解消法 最初の回ですが、ほんとーに細かいコツのようなものを書きます。 知ってたら、あーそれ知ってるわ〜2年前から知ってるわ〜と流し読みしてください。 アンチエイリアスがもやもやするのを直す パーツ同士を整列させたりしたタイミングで、よくアンチエイリアス（パーツのフチの境目）の部分がもやもやっとすることありませんか？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Project Phoenix
Ngi-d.net
http://creative-tweet.net/blog/2013/05/introduction-of-thesketch.html
WordPress › Error