ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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件

2016年5月の人気記事ランキング