この記事は、DIST.28 「モダンWebデザインワークフロー2019」というWebデザインの勉強会のLTとして私がお話しした内容をまとめたものです。 私は1999年のFireworks 2Jから使用していますが、最近使用しているAffinity DesignerはFireworksと特徴が似ていて、Fireworksが好きだった方にとって後継アプリとして使いやすいのではないかと思っています。 Fireworksと私 私は 神速Photoshop [Webデザイン編] や プロになるためのWebデザイン入門講座 などの本を執筆しています。 私はなぜかFireworksが嫌いな人と思われているようですが、この本の最後に「Fireworksを使っていたが、Photoshopで制作したい」と書いたためではないかと思っています。 しかし、私はFireworksには結構思い入れがあります。 なぜかと
今年の花粉は少なめ、て話を聞いたこと無い気がするhakoishiです。 なんかそういうところボジョレーっぽい。 さて、今回はスライスを偶数にリサイズするFireworks機能拡張を作りました。 以前、ソース内の画像サイズを半分にリサイズするDreamweaverコマンドを作ったのですが、 Dreamweaverで画像サイズをリセットするコマンド＆半分にするコマンド（Retina対応に便利） 画像サイズが奇数の場合は繰り上げる。(小数点が出るので) っちゅう処理が入ってるんですね、これ。 けど、画像の時点で偶数だと嬉しいじゃない。 自動でできたらもっと嬉しいじゃない。 というわけで作りました。 ダウンロード slice_even_v2.jsf ※JSF形式です。 右クリックなどで保存の上、お使いください。 また、ご使用は自己責任にてお願いいたします。 (02/06)マスターページレイヤーを含
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
グリッドやガイドのお助けツールから、グループ化したエレメントのサイズ調整、ダミー画像やテーブルの作成、ショートカットの強化など、そんな便利な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にも同様にグリッドを作成する便利な機能拡
2. 自己紹介 • まぼろしの松田と申します • デザイン、マークアップ、JSer、 ライティングなど • 主な著書 『効率的なサイト制作のためのDreamweaverの教科書 【CS5.5対応版】』（鷹野さんとの共著、マイナビ） 2
さて、前回に続き、今回は WebデザイナーのためのAdobe CS6検証会 から Fireworks CS6 の情報まとめです。 Fireworks CS6 は、6月から私と一緒に Webデザインスクール の講師をされる @YumiSora さんから、詳細を詳しくまとめた資料をメールしていただけたのでそれを基に書いています。 Fireworks CS6の進化したところ CSSプロパティパネル 選択しているオブジェクトのCSSのコピペができるようになりました。 CSS プロパティパネルは、「ウィンドウ＞CSS プロパティ」より表示できます。 CSS3などの慣れないものや特殊なプロパティなど、ある程度ここからコピペして、 手動で改変やGoogle検索で調査のきっかけにするなどのワークフローに使えそうです。 線の位置を内側や中央にした場合、線幅を考慮した分、形そのものの width と heig
この記事をブックマークする : Adobe Fireworksは6000ピクセル以上の画像は新規作成できない。というのを今日発見。 ついでに言うとキャンバスサイズの修正も6000ピクセル以上は無理。 んで、どうするかというと、 Fireworks CS4の場合 Fireworks CS4 Preferences.txtの <key>MaxDocSizeInPixels</key> <integer>6000</integer> の6000の部分を書き換える Fireworks CS3の場合 Photoshop等で6000ピクセルを超える画像を作成して開く CS5はCS4と同じ方法でいけるんじゃないでしょうか。 CS3より古いバージョンもCS3と同じ方法でいけるのでは。たぶん。 ランディングページとか楽天メソッドなページなど縦長のページを作成するときに役立ちますね。 この記事をブックマークす
I recieved a couple of Fireworks PNG files. Fireworks has a special format for saving several source images in layers in the png file. How can I read these without having Fireworks installed? (im working on a mac but with vmware so any suggestions whatever platform is appreciated) EDIT: I'd prefer to get a set of copies out of of the layered png. And I prefer if the export be lossless
png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ（WebPもあるか）。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim
Welcome After launching ExtendingFireworks in January of this year (2012) You would think that I wouldn’t want to start another blog, right? The Fireworks vectors that I created of the truly great Twitter Bootstrap got a lot of attention. (Thanks for all of your comments and suggestions!) Not too long after the initial release of Bootstrap Fireworks, there were some changes made to Twitter toolkit
Als interactie ontwerpers zijn we behoorlijk druk met het uitzoeken hoe we allerlei functionaliteiten en structuren moeten werken in apps. Dit doen we onder andere door draadmodellen van apps op te zetten en deze te beoordelen, te testen en steeds opnieuw aan te passen. We zetten deze wireframes dus liefst zo snel mogelijk in elkaar, zodat we genoeg tijd hebben om na te denken over hoe de puzzelst
Web画像編集ソフト Fireworks は 「Webページの完成見本(プロトタイプ、カンプ) を作ることができる」と、製品の特徴として挙げられています。 (参考. CS3 Web PremiumおよびStandardワークフローガイド) http://www.adobe.com/jp/designcenter/cs3/pdfs/cs3_web_workflow_guide_j_low.pdf そしてそのカンプを元に、Webページ編集ソフト Dreamweaver でWebページを完成させていく手順を体験したい。 でも具体的にWebページをまるごとデザインしていく過程を見せてくれる 教材がなかなか ないです。 e解説も、解説本も、写真のレタッチとかロゴの作り方ばかりページを割いて。 しかしAdobeのサイトにありました。 Taking a Fireworks comp to a CSS-b
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
一定期間更新がないため広告を表示しています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
