Fireworks コレ、5分で作ります。その１ ※このエントリはFireworks CS4を元に書いています。 Fireworks の日本語チュートリアル少ないなーという話を先日Twitterでしていたので、なんか作ってみます。あまり超大作のチュートリアルは手順を書く気力が途中でなくなりそうだったので、今日は5分くらいでコレ作る方法を書きます。 今回の完成形 見出しの背景画像によくありそうなこういう画像をパパっと作ります。 今回は素材集等、Fireworks の機能以外のものは使いません。 土台を用意 まずは一番下の土台を作ります。よくあるアクア風のやつにしますね。矩形で適当なサイズで長方形作って、塗りを線形のグラデーションに。４色決めてスライダーを調節。外側には1pxの線も加えます。 ここでのサンプルのサイズはW 470 * H 40 としました。 こういう見出し用の背景画像でよく左側

Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。

Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま

ウェブサイトをリニューアルしました 投稿日2014.2.28 カテゴリーDeverop この記事をシェア facebook Twitter 4年近く放置していたWebサイトですが、装いも新たに再始動します。 今まで公開していたウェブ用の無料素材、Webデザインクリップに加え現在個人的に制作している、CSSフレームワークや、Webアイコンフォント＋雑談などを紹介していく予定です。

グランジ系デザインもどきをFWでやってみる ツヤツヤしたweb2.0系のデザインもいいけど、グランジスタイルのデザインもかっこいい。でもツヤツヤ系より手間ヒマがおそろしく掛かりそう。細かい部分の作りこみとか大変そうすぐる。と思ってたけど、The Secrets Of Grunge Design | Design Showcase | Smashing Magazineを拝見して、ついカッとなって「Fireworksで最速でグランジもどきを作ってみよう」という気になった。 もどき完成目安、15分。 15分くらいでこれができるはず。レイアウトはこのサイトのまんま。 １分目　色使いを考える 冒頭のSmashing Magazineにカラーパレットが掲載されてたのを参考にする。「控えめ」「汚れた感じ」「冴えない」感じの色使いがグランジスタイルのカラー使いのポイントらしい。 ２～３分目　背景に使うテ