Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||PS チュートリアルPhotoshop とImageReadyでスピーカーのGIFアニメーションを作る方法
INB 日本語掲示板
ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forumotion.com
INB 日本語掲示板

ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forumotion.com


You are not connected. Please login or register

《《《《《《《上一页INBforum   Go down

上一页INBforum》》》》》》》前のトピックを表示 次のトピックを表示 Go down  メッセージ [Page 1 of 1]

1 PS チュートリアルPhotoshop とImageReadyでスピーカーのGIFアニメーションを作る方法 on Fri Mar 18, 2011 11:47 am

Admin


Admin
このチュートリアルでは、PhotoshopとImageReadyでスピーカーのGIFアニメーションを作ってみたいと思います。



Step1:はじめに

Photshopを起動して、アニメーションさせたい画像を開いてください。
[You must be registered and logged in to see this image.]
クリックして拡大




Step2:スピーカーに効果を加える

ペンツール[You must be registered and logged in to see this image.]もしくはあなたが使いたい切り抜くためのツールを選択し、
スピーカーの周囲を切り抜いてください。私はペンツール[You must be registered and logged in to see this image.]を使うのがベストだと思います。
[You must be registered and logged in to see this image.]
クリックして拡大
スピーカーを新しいレイヤーに2回コピーしてください。
それぞれに、「スピーカー1」「スピーカー2」と名前をつけてください。
[You must be registered and logged in to see this image.]
スピーカー1レイヤーを選択し、「フィルター」-「ぼかし」-「ぼかし(移動)」へ行ってください。
10ピクセル以上ぼかさないでください。
[You must be registered and logged in to see this image.]
OKをクリックして、ぼかしを適用してください。
このステップをスピーカー2レイヤーに対しても適用して下さい。ただし、ぼかし(移動)の角度は変えてください。
ぼかしを適用したら、目のアイコンをクリックして、2つのスピーカーのレイヤーを非表示にしてください。









Step3:ImageReadyで編集する

次に「ファイル」-「ImageReadyで編集」に行ってください。
初めてImageReadyを使う場合、アニメーションウィンドウが開かないかもしれません。
その時は「ウィンドウ」に行き、「アニメーション」にチェックを入れてください。

あなたのレイアウトはこのようになっているはずです。
私たちが要するものは、私が動かした3つのボックスのみです。

これから使うアイコンにラベルを付けました。下の画像を参考にしてください。
[You must be registered and logged in to see this image.]
クリックして拡大
すでにアニメーションウィンドウには1つのフレームがあります。私たちはこれを4回複製する必要があります。
レイヤーをクリックして、複製するフレームボタンを4回クリックしてください。

これでフレームが5つになったはずです。
[You must be registered and logged in to see this image.]
クリックして拡大
フレーム2を選択し、スピーカー1レイヤーを表示してください。
[You must be registered and logged in to see this image.]
クリックして拡大
レイヤー4をクリックして、スピーカー2レイヤーを表示してください。
[You must be registered and logged in to see this image.]
クリックして拡大
「0秒」となっているレイヤー2とレイヤー4の小さい黒の矢印を
クリックし、レイヤー2とレイヤー4のディレイを2.0秒にセットしてください。
[You must be registered and logged in to see this image.]
クリックして拡大
アニメーションウィンドウの下にあるプレイをクリックして、どのように表示されるか見ることができます。

私のはこのように表示されています。
[You must be registered and logged in to see this image.]
クリックして拡大




Step4:完成

ディレイを変更したり、もっとフレームを追加することで、バスのリズムを調節することができます。

バナーに作り替えることもできるでしょう。
[You must be registered and logged in to see this image.]
クリックして拡大





引用:Web Design Library 著者:hv-designs.co.uk 翻訳:日下部]

ユーザーのプロフィールを表示 http://jp.inbforum.com

上一页INBforum   Go down

上一页INBforum前のトピックを表示 次のトピックを表示 トップに戻る  メッセージ [Page 1 of 1]

Permissions in this forum:
返信投稿: 不可

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Free forum | © PunBB | Free forum support | 連絡先 - | Report an abuse | Create a blog