Fireworks コレ、5分で作ります。その１ : RedLine Magazine
Fireworks コレ、5分で作ります。その１ ※このエントリはFireworks CS4を元に書いています。 Fireworks の日本語チュートリアル少ないなーという話を先日Twitterでしていたので、なんか作ってみます。あまり超大作のチュートリアルは手順を書く気力が途中でなくなりそうだったので、今日は5分くらいでコレ作る方法を書きます。 今回の完成形 見出しの背景画像によくありそうなこういう画像をパパっと作ります。 今回は素材集等、Fireworks の機能以外のものは使いません。 土台を用意 まずは一番下の土台を作ります。よくあるアクア風のやつにしますね。矩形で適当なサイズで長方形作って、塗りを線形のグラデーションに。４色決めてスライダーを調節。外側には1pxの線も加えます。 ここでのサンプルのサイズはW 470 * H 40 としました。 こういう見出し用の背景画像でよく左側
パターン素材 | シンプルパターン研究所 | 無料で商用でも使えるシンプルパターン＆テクスチャ配布サイト シンプルパターン研究所 | 無料で商用でも使えるシンプルパターン＆テクスチャ配布サイト
Photoshopで、Fireworksで、お絵かきソフトで。いろいろ使えるシンプルパターン＆テクスチャ配布サイトです。商用可能。全部無料でご利用いただけます。
Fireworksでくずれた角丸を元通りにするコマンド « きんくまデザイン
こんばんは。きんくまです。 Fireworksで角丸矩形を作ったあと、それを拡大縮小するときの話です。 縦横比を固定のままだと問題ないんですが、固定じゃない場合、角丸がくずれちゃいます。 それを、直そうというコマンドを作りました。 やっていることは、くずれた矩形を削除してから、新しい矩形を作って、前の属性をコピーする。 というそれだけです。ヒストリパネルからいくつかコピったらすぐできました。 ■使い方 1.下のソースをコピーして、「replaceRoundRect.jsf」などの名前で保存。 拡張子が「.jsf」であれば何でもOK 2.Fireworks上で対象となる角丸矩形を選択 3.コマンド→スクリプトの実行から、さきほどのファイルを選べばOK ちなみに毎回やるのがめんどいので、CS3の場合 C:Program Files\Adobe\Adobe Fireworks CS3\Confi
オリジナルツール / Flash & Fireworks用フォントリストパネル (PIXEL LAB)
オリジナルツール / Flash & Fireworks用フォントリストパネル PIXEL LAB 大阪南船場のFLASHを得意とする制作会社ピクセルイメージによるブログ。AS3、AIR、デザイン、3D、オリジナルツール等。 « | MAIN | » Flash & Fireworks用のオリジナルのコマンドパネルを公開します。 フォントって普通、大量に入ってますよね。デフォルトでも100くらい入ってますし、デザインやってると、かなり絞っても、200フォントくらいはいってしまいます。 でも、FlashやFireworksって、いまだにプルダウンでしか選べなくて、非常にストレスになります。 そこで、ゆったりフォントを選択できるパネルを作成しました。 フォントリストパネルについて 主な特徴 以下、主な特徴です。 システムに入ってるフォントの一覧を表示 よく使うフォントセットを、A,B,C
【Fireworks】画像の傾きを直してくれる「LevelHorizon」 | バシャログ。
以前、画像の傾きを直すカンタンな方法を「画像の傾きを直してくれる「ものさしツール」」でご紹介しましたが、これはあくまで photoshop での方法でした。今回は Fireworks でのご紹介です。 この画像微妙に傾いてやがるでもここだけを直すのに photoshop 起動するのは正直ダリー…いや効率悪い、という私に朗報です。 [1]エクステンション「Level Horizon」をインストールします。 Level Horizon はラインツールだけで傾きを修正してくれるスグレモノです。 [2]画像の傾きにあわせて「ラインツール」で直線パスを書きます。 [3]コマンド→ドキュメント→ Level Horizon を実行します。 [4]画像が直線の傾きにあわせて修正されます。 先ほど引いた直線は、自動的に削除されます。 Level Horizon は1オブジェクトに対してではなく、開いたpn
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
Yoropan@Fla - Fireworksに入れてみた機能拡張
【スタイル】 ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでＣＳ３から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。（２つ画面がありますが、タブでごとの切り替えた画面を合成しています。） 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとＰＤＦを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」＞「FireworksZone」に追加される。 Tips:Webレイヤ
EC studio デザインブログ
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 続きを読む デザインしている中で、パスを合体したり分割したり パスを変形させることは多いと思います。 変形させるとき、多くの方は「パス」パネルを使用すると思いますが、 アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？ アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。 今回はそんなちょっと迷う「パス」パネル、 F
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。
【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ngi-d.net
HOME (PIXEL LAB)
icon Labo(アイコンラボ) -FirewoksでWeb素材- ペンツール