Flexプログラムの、外観をデザインしたい方にこのページに掲載されている内容は、2010年に作成されたものです。3に取り込むまでの流れをご紹介します。Skinの制作方法が、だいたいわかります。Skinのことについて、さらっと知りたい。アドビフレックス初心者の方に最適な、Webアプリケーション作成講座です。Skinは、Flexコンポーネントのデザインを設定します。同じSkinをいろいろなFlexプログラムに使用することができます。Skinを制作できます。制作するためには上記の各アプリケーションに、Extensions(エクステンション)をインストールする必要があります。Extensionsはアプリケーションの拡張機能です。Fireworksをインストールします。IDを取得する必要があります。Professionalリンク先からファイルをダウンロードします。ファイルがダウンロードされました。MANAGERが起動します。MANAGERは各アプリケーションのExtensionsを管理するものです。MANAGERを終了します。Skinを作ってみましょう。Fireworksを起動します。ダイアログが表示されます。選択するとデザインできるすべてのコンポーネントが表示されます。選択すると制作したい特定のコンポーネントを選ぶことができます。componentsを選択し、Buttonを選択して[OK]ボタンを押します。ボタンのスキンテンプレートが作成されました。Up(アップ)、Over(オーバー)、Down(ダウン)、Disabled(不可)とボタンの状態でテンプレートが表示されています。ボタンの状態ごとにレイヤーも分かれています。OverのところにDown用の画像がはいっていたため、Downのレイヤーに画像を移動します。しないと、画像を書き出す際に、Down用の画像が書き出されなくなってしまいます。それぞれグループ化されているので解除して色やグラデーションなどを変更してみましょう。以下のように変更してみました。これを書き出してみましょう。選択し、特定の場所を選んで保存します。それぞれUp(アップ)、Over(オーバー)、Down(ダウン)、Disabled(不可)とボタンの状態ごとに画像が書き出されました。Builderに取り込んでみましょう。Builderを起動します。[参照]を選択して、書き出したファイルの保存場所を選択し、[次へ]ボタンを選択します。インポートする画像を確認し、[終了]ボタンを選択します。cssファイルが作成されました。[デザイン]に切り替えると、ボタンのデザインが確認できます。大まかな流れは以上です。同じアプリケーションでもデザインが変わるだけで印象もぐっと違ったものになります。変更して試してみてください。ファイアーなのかファイヤーなのかそれが問題だ。この記事を書いていると、『Fireworksってファイアーワークスなのか、ファイヤーワークスなのか』という疑問がわきおこり、コーヒーのFireはどっちか、Firewallはどっちなんだと、逆に疑問が増えてしまいました。Adobeストアの方に聞いたところ、どうやらファイアーワークスが正解のようです。フラッシュビルダー4)です。Builderへと、名前が変わりました。Editionの2種類があります。Flexの講座m-Schoolでは下記のFlexの講座を開催しています。Builder)によるRIA(リッチインターネットアプリケーション)開発にあたり、知っておくべき基礎事項が凝縮されているAdobe認定トレーニングプログラムです。4の使い方、動的なデータ操作まで、Flexアプリケーション開発の基礎を4日間でしっかりと習得します。これからFlex開発に挑戦する方に最適の講座です。Services間のデータ通信方法を2日間で習得できる、Adobe認定トレーニングプログラムです。データ通信の方法から、モデル駆動開発におけるテクニックなど、Flex開発におけるステップアップトレーニングとして最適です。Builderヘルプ&サポートお問い合わせお問い合わせはこちらからm-Schoolについて“痒いところに手が届く”研修トレーニングサービスとレンタル教室・会議室レンタル教室レンタル教室・会議室ブログ&関連サイトeラーニングで企業を革新SATT(駿台グループ)m-SchoolブログSATTブログ大切にします個人情報m-Schoolは、お客さまのプライバシーを守ります。デザイン~スキンアートワークの。