作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
PhotoShop&FireworksでWebデザインする為に必要な情報をまとめてみた
PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。 これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ PhotoshopをつかってWebデザインする視点で使う機能解説なので、知ってることも多いけど、ここはまず抑えておいたほうがいい！ Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ この辺りの設定数値は覚えておこう！他のソフトでも応用できます。 PhotoshopでWebサイトのモックアップをつくるチュートリアル 海外のチュートリアルの日本語訳での解説、グリッドシステムの勉強にもなる。 日本語で読めるPhotoshopチュートリアル集 まとめ まずは、日本語でのチュートリアル！どんな使い方をしているのかを知るのが大事！ photos
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Adobe Fireworks向けの商用利用可能な画像リソースサイト「Webportio」:phpspot開発日誌
Webportio | Graphical resource of Adobe Fireworks Adobe Fireworks向けの商用利用可能な画像リソースサイト「Webportio」 吹き出し、ボタン、リボン、スライダー等のＵＩリソース等が公開されており、便利に使えるようになっています。 嬉しいのが商用利用でも使えること たとえば次のようなリソースがダウンロードできます 種類は100種類以上! テイストもWEB2.0っぽくていい感じ これからも増えていくみたいです。 関連エントリ これは絶対覚えておいた方がよいシルエットの素材集 フリーの写真素材が入手出来る30サイト じゅうたん風の美麗背景パターン素材集７０ ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０
The Ultimate Round-Up of Fireworks Tutorials and Resources — Smashing Magazine
Fireworks was originally created as an image editing and web design application by Macromedia, for quick web mock-ups, and optimizing images for the Web. It has since been transformed into a powerful environment for designing and prototyping applications that integrates easily with Dreamweaver, Flash and Photoshop &ndash making it, perhaps, the most powerful (that’s controversial) and versatile gr
FIREWORKS ZONE | プラグインなど
September 12, 2017 Guide On How You Can Build And Enhance Collaboration With SharePoint SharePoint is a powerful application that empowers teams with dynamic and productive sites for every department, division and project team. The application makes it easy to share files, resources, and news enabling team members inside and outside the organization to collaborate effortlessly and securely across
Yoropan@Fla - Fireworksに入れてみた機能拡張
【スタイル】 ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでＣＳ３から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。（２つ画面がありますが、タブでごとの切り替えた画面を合成しています。） 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとＰＤＦを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」＞「FireworksZone」に追加される。 Tips:Webレイヤ
PNGから連番を一気に作るFireworks コマンド(JSF)
PNGから連番ファイル生成をするFireworks用のコマンドファイル(JSF)というものを作ってみました。制作過程で、ダミー連番画像を1から100といった形で大量に作るときってありませんか？このJSFは、テキストを変更して…、別名で保存…、を100回繰り返す…！なんていう手作業を自動化します。 PNGから連番を一気に作るFireworks コマンド(JSF)をダウンロード。 使い方は以下のとおりです。今回は同梱されている test.png を開いてみましょう。 ・連番にしたいテキストフィールド（testと書いてあるオブジェクト）を一つだけ選択します。 ・コマンド＞スクリプトの実行から numeric_image.jsf を実行。 ・連番ファイルの接頭語→スタートする番号→いくつ連番を作るかの順に設定します。 ・確認ダイアログでOKを押すと。同じ階層にテキスト連番ファイルが書き出されます。
Fireworks の使い方
Fireworks の使い方 Fireworks(ファイヤーワークス)の使い方では、Fireworks の使い方、操作方法、実際に使いこなすための情報を記載しています。
Fireworks,Flash / 拡張パネル / MXPファイルにしました (PIXEL LAB)
Fireworks,Flash / 拡張パネル / MXPファイルにしました PIXEL LAB 大阪南船場のFLASHを得意とする制作会社ピクセルイメージによるブログ。AS3、AIR、デザイン、3D、オリジナルツール等。 « | MAIN | » FireworksとFlash用の拡張パネルを、これまでいくつか公開してますが、 どれもSWFでの配布で、解凍して特定のディレクトリに手動で配置する必要がありましたが、 ADOBEソフト専門のインストーラファイルである、MXPファイルにしました。 ダウンロードして、ダブルクリックで、インストールされます。 WINでもMACでもOK！ MXP化した拡張パネル 以下の拡張パネルのエントリーを少し更新しました。 Fireworks用ランダム変形・カラーツール「transformer」 Fireworks用オブジェクト選択関連ツール「Sel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Adobe Fireworks（8)のweb2.0なレイヤースタイル131＋48個＋おまけ*ホームページを作る人のネタ帳