【Fireworks】ワイヤフレーム作成時に覚えておくと便利なアタリ画像＆アタリテキストを簡単に作成する拡張機能 | バシャログ。
3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について２つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFireworksです。 CS6にバージョンアップされてからワイヤーフレーム用の共有シンボルがめちゃくちゃ増えて、デザインツールとしてだけではなくワイヤフレーム作成ツールとしても便利になりました。 ちなみに共有シンボルの「ワイヤフレーム」内にあるパーツはこんな感じです。 また「jQuery Bootstrap」のパーツもあったりします。 これだけでもかなり便利なのですが、コンテンツ内のアタリ画像とダミーテキ
ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する｢TinyPNG｣がスゲェ!!
こいつぁスゲェ! PNG画像を非可逆圧縮するブラウザアプリ「TinyPNG」というのを試してみたんですが、とんでもないですねコレ。 画像自体はほぼ変わらんのに、驚異的なサイズダウン。まるで禁断のダイエット法にも見えるんですが、どんな仕組みなんだろ･･･。 TinyPNG – Compress PNG images while preserving transparency 使い方はすごくかんたん。 「TinyPNG」にアクセスしたら、画面の[Drop your .png files here!]というスペースに、圧縮したいPNGファイルをドラッグ&ドロップするだけです。 圧縮のタスクが完了すると、ダウンロードリンクが表示されるので、それをクリックしてローカルに保存すればOK。 画面遷移は一切ありません。 すげーサイズダウンします これは実際にサイズダウンしてみた結果。 左が元画像で右がTi
Webportio | Graphical resource of Adobe Fireworks
Graphical resource of Adobe Fireworks Well Organized Files All graphics files have a good structure, so it is easy to navigate. Easy Customization The art works are vector based and be easily customized according to your needs. Download All files are availiable for free and can be used for noncommercial or commercial usage too.
効率的にサクサクスライス！Fireworks CS5スライス書き出しTips - EC studio デザインブログ
Fireworks CS5 でのスライス書き出しTipsをまとめてみました。 スライスするときによく使う、使えそうな小技をご紹介します。 スライスの作成 長方形スライスの作成 オブジェクトを選択した状態で、 右クリックから「長方形スライスを挿入」を選択すると、 選択した画像を覆うスライスオブジェクトを作成できます。 複数オブジェクトを選択した場合は選択したすべてのオブジェクトの 画像を覆うスライスオブジェクトを作成できます。 多角形スライスの作成 オブジェクトを選択した状態で、 右クリックから「多角形スライスを挿入」を選択すると、 オブジェクトのパスに沿って画像を覆うスライスオブジェクトを作成できます。 イメージマップを設定するときに便利な書き出し方です。 ※テキストオブジェクトのみの場合、オブジェクトを選択した状態で、 右クリックしても「長方形スライスを挿入」と「多角形スライスを挿入」
コーディングを効率化するコマンド、ソフト
はじめまして。tanです。 コーディングやってます。 コーディングって、人がやらなくてもできるんじゃないの？って作業がよくあります。 連番つけたり、ファイル名書き換えたり… 時間がかかるだけでなく、目や精神が疲れてきちゃうんですよね。 フリーで公開されているソフトやコマンドを使って、自動化出来る作業はパソコンに任せましょう！ 画像のナビゲーションをコーディングする作業を通して紹介します！ とりあえずFWでナビゲーション作ってみました。 FW スライスに連番で名前をつけるコマンド スライスに名前をつけます。 Nav＋連番でつけようと思うのですが、ひとつひとつ入力するのは結構手間です… そこでslice_namberingを使います！ 連番でネーミングしたいスライスを複数選択し、 付けたい名前を入れ（ここではNav） 開始したい数字を入れるだけで… 一瞬でスライスに名前をつけることができました
イラストやWeb制作に使えるフリー素材を紹介 | 9search
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworks: 「イラレにはあるのになんでなかったの？」図形を基準に整列させるパネルを作りました。 | Yoropan blog
designmap.info
Fireworksのグラフィックの作成・編集法 21記事 | nanapi [ナナピ]
Fireworksで覚えておくと便利な文字設定まわりのTips | Webデザインのタネ
YUKI HARUYAMA Portfolio Site | 春山 有由希
YUKI HARUYAMA Portfolio Site | 春山 有由希