スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeFlash講座 > Flashで心電図を作る方法

Flashで心電図を作る方法

投稿日:2009年10月09日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルでは、Flashで心電図を作ってみたいと思います。

Step1:はじめに

新しいファイルを作成し、サイズを幅200px、高さ100pxに変更して下さい。
そして、背景色を黒にして、OKをクリックして下さい。

新しいファイル



Step2:線のカラーを変更する

線ツール(N)を選択し、線のカラーを#00CC00に変更し、塗りのカラーをなしにして下さい。

線ツール(N)





Step3:心電図の作成

皆さんはきっと心電図をご覧になったことがあると思いますが、線を想像して描いて下さい。
その結果、このような感じになっているはずです。

心電図



Step4:新しいレイヤーを作成

「心電図」レイヤーの上に、新しいレイヤーを作成し、そのレイヤーの名前を「長方形」にして下さい。
そして「心電図」レイヤーをロックして下さい。

新レイヤー



Step5:ムービークリップに変換

「長方形」レイヤーに、矩形ツールを使って、キャンバス全体を覆うように黒い長方形を描いて下さい(線のカラーはなし)。
そして、長方形をムービークリップに変換して下さい(「修正」-「シンボルに変換(F8)」)。

シンボルに変換



Step6:キーフレームを挿入

「長方形」レイヤーのフレーム40,41,80にキーフレームを挿入して下さい(右クリックでキーフレームを挿入、またはF6)。
「心電図」レイヤーのフレーム80にキーフレームを挿入して下さい。

キーフレーム



Step7:長方形を右側に移動

「長方形」レイヤーのフレーム40で長方形を選択し、選択ツールを使って心電図の右側に長方形を移動させてください。

長方形



Step8:長方形を左側に移動

フレーム41で心電図の左側に長方形を移動させてください。

長方形移動



Step9:完成

フレーム1〜40の間にあるフレームを右クリックしてモーショントゥイーンを作成して下さい。
フレーム41〜80で同じことをして下さい。

モーショントゥイーン

「ctrl + Enter」を押して、ムービーをテストして下さい。

このチュートリアルを楽しんで下さい!



引用:Web Design Library 著者:learn2flash.blogspot.com/ 翻訳:日下部



スポンサードリンク

コメント

ランダム記事5件

2014年8月の人気記事ランキング