Fireworks
ファイアワークスブラザーズ http://fwbros.com/自分はFireworks使ってるので、ここのサイトは色々参考になりそう…。 時間に余裕がある時にちょっと試してみたいです。
Atem der Blume http://yochi.digi2.jp/site/index.html公開が遅れてしまいました(ﾉ∀｀)なんとか作品が一つ出来たということで、アップロードしてみました。 （もうアップロードしてから結構経ちますが…）今回はお花のお店をテーマにして作りました。 作る前…
Fireworksでスライスと書き出しの解説をしていきます(。・ω・。)ﾉオブジェクトに合わせてスライスを挿入する方法 ●オブジェクトを右クリック オブジェクトを右クリックし、[スライスを挿入]（CS5の場合）を選択。 オブジェクトサイズに合わせてスライスが挿…
Fireworksでお花サイトのデザインを構築してる最中ですが、なかなか良い感じに進んでるかもです。 最終的にデザインが完成したら、後はコーディングしてサーバーにアップロードして終わりかな？お花サイトのデザイン以外にも、もう一つの案も浮かんできたの…
Fireworksの作業スペースに写真を配置した場合、シンボル化しておくと良いことがあります。 シンボル化せずにサイズを縮小したり拡大すると、画質が悪くなってしまいます。 シンボル化すると、サイズを縮小したり拡大しても見た目が変わらなくなります。やり…
Fireworksでマスターページを設定する解説をしていきます(。・ω・。)ﾉ （Fireworksの解説は久しぶりですね！）マスターページとは、全てのページで位置とデザインの変更のないパーツを一括に管理することができる機能です。①ページを複製 ページパネルの中か…
なんとなくですが、ワイヤーフレームを作る段階ですが、なんだか楽しくなってきた！ 現在、トップとフラワーショップと春のページが出来ました。 今週中には全ページ作れたら良いかな、と思います。前にモリバコーヒーのサイトを作ろうと宣言してましたが、…
ある人の手を借りて、Fireworksでワイヤーフレームを作っていたわけですが、トップページを作るだけでもかなり大変です。 慣れていないせいかもしれませんが、色々と作っていくうちに慣れていくかな…？この段階では大雑把に作っても問題ないんでしょうかね？…
入力フォームや送信ボタンを画像で装飾してみましょう(。・ω・。)ﾉまずはテキストボックスと検索ボタンの画像を作ります。 自分はFireworksでこんな風に作ってみました。 HTMLファイルのほうは、下記の通りに入力します。 <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <title>新入力フォームや送信ボタンを</title></link></meta></head></html>…
前の「マウスオーバー処理」という記事の内容にちょっと似てるかもしれませんが、グローバルナビゲーションを作っていきましょう(。・ω・。)ﾉまずはデフォルト用、マウスオーバー用の画像を作ります。 自分はFireworksでこんな風に作ってみました。（即行で…
Fireworksで矢印を作る解説をしていきます(。・ω・。)ﾉ①直線を描く ツールから[ラインツール]を選択し、直線を描きます。長さは適当に。 横に線を描き、[Shift]を押しながら45°単位で直線を描きます。②直線を複製、反転 45°単位で描いた直線を選択し、[Alt]…
Fireworksでモックアップを作る解説をしていきます(。・ω・。)ﾉ モックアップというのは、実際にHTML言語でサイトを作り上げる前に、動きを試してみることが出来る試作サイトのことです。 流れを大雑把に解説していきます。①ファイルを開く [ファイル]→[開く…
FireworksでアニメーションGIFを作る解説をしていきます(。・ω・。)ﾉ ぶっちゃけ、学習する前はFireworksでアニメーションGIFが作れるとは思っていなかったので、ちょっと驚きでした。 簡単なアニメーションGIFを作りたい時にサクサク作れると思うので、手順…
Fireworksで画像にマスクをかける解説をしていきます(。・ω・。)ﾉ 今回はグラデーションを利用してマスクをかけてみたいと思います。グラデーションでマスクをかける方法 ①画像を開く [ファイル]→[開く]を選択。 ファイルを開くダイアログボックスが表示され…
Fireworksで画像にマスクをかける解説をしていきます(。・ω・。)ﾉ 今回はテキストツールを利用してマスクをかけてみたいと思います。テキストツールを使ってマスクをかける方法 ①画像を開く [ファイル]→[開く]を選択。 ファイルを開くダイアログボックスが表…
Fireworksで画像にマスクをかける解説をしていきます(。・ω・。)ﾉペンツールを使ってマスクをかける方法 ①画像を開く [ファイル]→[開く]を選択。 ファイルを開くダイアログボックスが表示されるので、画像にマスクをかけたい画像を開きます。②ペンツール ツ…
Fireworksで立体的なボタンを作る解説をしていきます(。・ω・。)ﾉ①起動とカンバス設定 Fireworksを起動し、[ファイル]→[新規作成]を選択。 新規ドキュメントダイアログボックスが表示されるので、幅と高さを適当に決めて、それ以外は設定せずにOKボタンをク…
